@charset "UTF-8";
/*
*	############################################################################################
*
*	KLOROFIL PRO - Bootstrap Admin Dashboard Template
*	---------------------------------------------------------------------
*
*	Version: 	1.6
*	Author: 	The Develovers
*	Website: 	https://www.themeineed.com
*	Copyright: 	Copyright 2017 The Develovers
*
*	############################################################################################
*/
/*$color-success: #41B314;*/
/*$color-warning: #e4cb10;*/
/*$color-danger: #F9354C;*/
/*$custom-colors: ( "blue": #0E9BE2, "blue2": #4A90E2, "blue3": #45AEEF, "blue4": #85B5EA, "blue5": #00AAFF, "green": #7CAC25, "green2": #1DBB8E, "green3": #5BD37E, "green4": #2CC2BE, "orange": #FF4402, "orange2": #F89B03, "purple": #AB7DF6, "yellow": #F3BB23, "lightseagreen": #20B2AA, "red": #ff4402 );
*/
/* finally, import Bootstrap */
/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #00AAFF;
  --bs-secondary: #6c757d;
  --bs-success: #7eddac;
  --bs-info: #b2dbef;
  --bs-warning: #ffcf88;
  --bs-danger: #fd8187;
  --bs-light: #f8f9fa;
  --bs-dark: #343a40;
  --bs-info-offset: #2CC2BE;
  --bs-warning-muted: #ffcc7f;
  --bs-info-muted: #aae2fd;
  --bs-success-muted: #4ae7bf;
  --bs-success-muted-light: #dafaf2;
  --bs-danger-muted: #fea6a9;
  --bs-def: #dae9f1;
  --bs-def-info: #b2dbef;
  --bs-def-sort: #dae9f1;
  --bs-def-inv: white;
  --bs-def-delete: #fe8e93;
  --bs-def-close-suspend: #ededed;
  --bs-def-cred: #dae9f1;
  --bs-def-list: #dae9f1;
  --bs-def-action: #dae9f1;
  --bs-previous: #d3dce6;
  --bs-back: #7985AD;
  --bs-amazon: #ff9900;
  --bs-accord: rgba(248, 207, 231, 0.46);
  --bs-performaction: rgba(250, 215, 235, 0.8);
  --bs-airbnb: #fd5c63;
  --bs-danger-light: #fd5c63;
  --bs-cancel: #999999;
  --bs-alerterror: #fd5c63;
  --bs-medium: #ededed;
  --bs-editor: #555758;
  --bs-verydark: #272e38;
  --bs-primary-rgb: 0, 170, 255;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 126, 221, 172;
  --bs-info-rgb: 178, 219, 239;
  --bs-warning-rgb: 255, 207, 136;
  --bs-danger-rgb: 253, 129, 135;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 52, 58, 64;
  --bs-info-offset-rgb: 44, 194, 190;
  --bs-warning-muted-rgb: 255, 204, 127;
  --bs-info-muted-rgb: 170, 226, 253;
  --bs-success-muted-rgb: 74, 231, 191;
  --bs-success-muted-light-rgb: 218, 250, 242;
  --bs-danger-muted-rgb: 254, 166, 169;
  --bs-def-rgb: 218, 233, 241;
  --bs-def-info-rgb: 178, 219, 239;
  --bs-def-sort-rgb: 218, 233, 241;
  --bs-def-inv-rgb: 255, 255, 255;
  --bs-def-delete-rgb: 254, 142, 147;
  --bs-def-close-suspend-rgb: 237, 237, 237;
  --bs-def-cred-rgb: 218, 233, 241;
  --bs-def-list-rgb: 218, 233, 241;
  --bs-def-action-rgb: 218, 233, 241;
  --bs-previous-rgb: 211, 220, 230;
  --bs-back-rgb: 121, 133, 173;
  --bs-amazon-rgb: 255, 153, 0;
  --bs-accord-rgb: 248, 207, 231;
  --bs-performaction-rgb: 250, 215, 235;
  --bs-airbnb-rgb: 253, 92, 99;
  --bs-danger-light-rgb: 253, 92, 99;
  --bs-cancel-rgb: 153, 153, 153;
  --bs-alerterror-rgb: 253, 92, 99;
  --bs-medium-rgb: 237, 237, 237;
  --bs-editor-rgb: 85, 87, 88;
  --bs-verydark-rgb: 39, 46, 56;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.85rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #5e6773;
  --bs-body-color-rgb: 94, 103, 115;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: #272e38;
  --bs-link-color: #00aaff;
  --bs-link-color-rgb: 0, 170, 255;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

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

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

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.row-cols-auto > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: #e9eef2;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
          box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid #e1e3ea;
  border-radius: var(--bs-border-radius);
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-webkit-input-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    -webkit-transition: none;
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  -webkit-filter: none;
          filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  -webkit-transition: background-position 0.15s ease-in-out;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    -webkit-transition: none;
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check[disabled] + .btn-ls, .btn-check:disabled + .btn, .btn-check:disabled + .btn-ls {
  pointer-events: none;
  -webkit-filter: none;
          filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
       appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    -webkit-transition: none;
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control-plaintext::-webkit-input-placeholder {
  color: transparent;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder {
  color: transparent;
}
.form-floating > .form-control::-ms-input-placeholder, .form-floating > .form-control-plaintext::-ms-input-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn, .input-group .btn-ls {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus, .input-group .btn-ls:focus {
  z-index: 5;
}

.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn,
.input-group-lg > .btn-ls {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn,
.input-group-sm > .btn-ls {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation):not(.url-offset) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation):not(.url-offset) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation):not(.url-offset) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation):not(.url-offset) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
          box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn, .btn-ls {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn, .btn-ls {
    -webkit-transition: none;
    transition: none;
  }
}
.btn:hover, .btn-ls:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover, .btn-check + .btn-ls:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible, .btn-ls:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
          box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn, .btn-check:focus-visible + .btn-ls {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
          box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, .btn-check:checked + .btn-ls, :not(.btn-check) + .btn:active, :not(.btn-check) + .btn-ls:active, .btn:first-child:active, .btn-ls:first-child:active, .btn.active, .active.btn-ls, .btn.show, .show.btn-ls {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, .btn-check:checked + .btn-ls:focus-visible, :not(.btn-check) + .btn:active:focus-visible, :not(.btn-check) + .btn-ls:active:focus-visible, .btn:first-child:active:focus-visible, .btn-ls:first-child:active:focus-visible, .btn.active:focus-visible, .active.btn-ls:focus-visible, .btn.show:focus-visible, .show.btn-ls:focus-visible {
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
          box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn-ls:disabled, .btn.disabled, .disabled.btn-ls, fieldset:disabled .btn, fieldset:disabled .btn-ls {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #00AAFF;
  --bs-btn-border-color: #00AAFF;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #26b7ff;
  --bs-btn-hover-border-color: #1ab3ff;
  --bs-btn-focus-shadow-rgb: 0, 145, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #33bbff;
  --bs-btn-active-border-color: #1ab3ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #00AAFF;
  --bs-btn-disabled-border-color: #00AAFF;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #000;
  --bs-btn-bg: #7eddac;
  --bs-btn-border-color: #7eddac;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #91e2b8;
  --bs-btn-hover-border-color: #8be0b4;
  --bs-btn-focus-shadow-rgb: 107, 188, 146;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #98e4bd;
  --bs-btn-active-border-color: #8be0b4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #7eddac;
  --bs-btn-disabled-border-color: #7eddac;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #b2dbef;
  --bs-btn-border-color: #b2dbef;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #bee0f1;
  --bs-btn-hover-border-color: #badff1;
  --bs-btn-focus-shadow-rgb: 151, 186, 203;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c1e2f2;
  --bs-btn-active-border-color: #badff1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #b2dbef;
  --bs-btn-disabled-border-color: #b2dbef;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffcf88;
  --bs-btn-border-color: #ffcf88;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffd69a;
  --bs-btn-hover-border-color: #ffd494;
  --bs-btn-focus-shadow-rgb: 217, 176, 116;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffd9a0;
  --bs-btn-active-border-color: #ffd494;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffcf88;
  --bs-btn-disabled-border-color: #ffcf88;
}

.btn-danger {
  --bs-btn-color: #000;
  --bs-btn-bg: #fd8187;
  --bs-btn-border-color: #fd8187;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fd9499;
  --bs-btn-hover-border-color: #fd8e93;
  --bs-btn-focus-shadow-rgb: 215, 110, 115;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd9a9f;
  --bs-btn-active-border-color: #fd8e93;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fd8187;
  --bs-btn-disabled-border-color: #fd8187;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #343a40;
  --bs-btn-border-color: #343a40;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #52585d;
  --bs-btn-hover-border-color: #484e53;
  --bs-btn-focus-shadow-rgb: 82, 88, 93;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5d6166;
  --bs-btn-active-border-color: #484e53;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #343a40;
  --bs-btn-disabled-border-color: #343a40;
}

.btn-info-offset {
  --bs-btn-color: #000;
  --bs-btn-bg: #2CC2BE;
  --bs-btn-border-color: #2CC2BE;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #4ccbc8;
  --bs-btn-hover-border-color: #41c8c5;
  --bs-btn-focus-shadow-rgb: 37, 165, 162;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #56cecb;
  --bs-btn-active-border-color: #41c8c5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #2CC2BE;
  --bs-btn-disabled-border-color: #2CC2BE;
}

.btn-warning-muted {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffcc7f;
  --bs-btn-border-color: #ffcc7f;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffd492;
  --bs-btn-hover-border-color: #ffd18c;
  --bs-btn-focus-shadow-rgb: 217, 173, 108;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffd699;
  --bs-btn-active-border-color: #ffd18c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffcc7f;
  --bs-btn-disabled-border-color: #ffcc7f;
}

.btn-info-muted {
  --bs-btn-color: #000;
  --bs-btn-bg: #aae2fd;
  --bs-btn-border-color: #aae2fd;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b7e6fd;
  --bs-btn-hover-border-color: #b3e5fd;
  --bs-btn-focus-shadow-rgb: 145, 192, 215;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bbe8fd;
  --bs-btn-active-border-color: #b3e5fd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #aae2fd;
  --bs-btn-disabled-border-color: #aae2fd;
}

.btn-success-muted {
  --bs-btn-color: #000;
  --bs-btn-bg: #4ae7bf;
  --bs-btn-border-color: #4ae7bf;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #65ebc9;
  --bs-btn-hover-border-color: #5ce9c5;
  --bs-btn-focus-shadow-rgb: 63, 196, 162;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #6eeccc;
  --bs-btn-active-border-color: #5ce9c5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #4ae7bf;
  --bs-btn-disabled-border-color: #4ae7bf;
}

.btn-success-muted-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #dafaf2;
  --bs-btn-border-color: #dafaf2;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e0fbf4;
  --bs-btn-hover-border-color: #defbf3;
  --bs-btn-focus-shadow-rgb: 185, 213, 206;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e1fbf5;
  --bs-btn-active-border-color: #defbf3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dafaf2;
  --bs-btn-disabled-border-color: #dafaf2;
}

.btn-danger-muted {
  --bs-btn-color: #000;
  --bs-btn-bg: #fea6a9;
  --bs-btn-border-color: #fea6a9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #feb3b6;
  --bs-btn-hover-border-color: #feafb2;
  --bs-btn-focus-shadow-rgb: 216, 141, 144;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #feb8ba;
  --bs-btn-active-border-color: #feafb2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fea6a9;
  --bs-btn-disabled-border-color: #fea6a9;
}

.btn-def {
  --bs-btn-color: #000;
  --bs-btn-bg: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e0ecf3;
  --bs-btn-hover-border-color: #deebf2;
  --bs-btn-focus-shadow-rgb: 185, 198, 205;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e1edf4;
  --bs-btn-active-border-color: #deebf2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dae9f1;
  --bs-btn-disabled-border-color: #dae9f1;
}

.btn-def-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #b2dbef;
  --bs-btn-border-color: #b2dbef;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #bee0f1;
  --bs-btn-hover-border-color: #badff1;
  --bs-btn-focus-shadow-rgb: 151, 186, 203;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c1e2f2;
  --bs-btn-active-border-color: #badff1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #b2dbef;
  --bs-btn-disabled-border-color: #b2dbef;
}

.btn-def-sort {
  --bs-btn-color: #000;
  --bs-btn-bg: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e0ecf3;
  --bs-btn-hover-border-color: #deebf2;
  --bs-btn-focus-shadow-rgb: 185, 198, 205;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e1edf4;
  --bs-btn-active-border-color: #deebf2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dae9f1;
  --bs-btn-disabled-border-color: #dae9f1;
}

.btn-def-inv {
  --bs-btn-color: #000;
  --bs-btn-bg: white;
  --bs-btn-border-color: white;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: white;
  --bs-btn-hover-border-color: white;
  --bs-btn-focus-shadow-rgb: 217, 217, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: white;
  --bs-btn-active-border-color: white;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: white;
  --bs-btn-disabled-border-color: white;
}

.btn-def-delete {
  --bs-btn-color: #000;
  --bs-btn-bg: #fe8e93;
  --bs-btn-border-color: #fe8e93;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fe9fa3;
  --bs-btn-hover-border-color: #fe999e;
  --bs-btn-focus-shadow-rgb: 216, 121, 125;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fea5a9;
  --bs-btn-active-border-color: #fe999e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fe8e93;
  --bs-btn-disabled-border-color: #fe8e93;
}

.btn-def-close-suspend {
  --bs-btn-color: #000;
  --bs-btn-bg: #ededed;
  --bs-btn-border-color: #ededed;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f0f0f0;
  --bs-btn-hover-border-color: #efefef;
  --bs-btn-focus-shadow-rgb: 201, 201, 201;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f1f1f1;
  --bs-btn-active-border-color: #efefef;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ededed;
  --bs-btn-disabled-border-color: #ededed;
}

.btn-def-cred {
  --bs-btn-color: #000;
  --bs-btn-bg: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e0ecf3;
  --bs-btn-hover-border-color: #deebf2;
  --bs-btn-focus-shadow-rgb: 185, 198, 205;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e1edf4;
  --bs-btn-active-border-color: #deebf2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dae9f1;
  --bs-btn-disabled-border-color: #dae9f1;
}

.btn-def-list {
  --bs-btn-color: #000;
  --bs-btn-bg: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e0ecf3;
  --bs-btn-hover-border-color: #deebf2;
  --bs-btn-focus-shadow-rgb: 185, 198, 205;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e1edf4;
  --bs-btn-active-border-color: #deebf2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dae9f1;
  --bs-btn-disabled-border-color: #dae9f1;
}

.btn-def-action {
  --bs-btn-color: #000;
  --bs-btn-bg: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e0ecf3;
  --bs-btn-hover-border-color: #deebf2;
  --bs-btn-focus-shadow-rgb: 185, 198, 205;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e1edf4;
  --bs-btn-active-border-color: #deebf2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dae9f1;
  --bs-btn-disabled-border-color: #dae9f1;
}

.btn-previous {
  --bs-btn-color: #000;
  --bs-btn-bg: #d3dce6;
  --bs-btn-border-color: #d3dce6;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dae1ea;
  --bs-btn-hover-border-color: #d7e0e9;
  --bs-btn-focus-shadow-rgb: 179, 187, 196;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dce3eb;
  --bs-btn-active-border-color: #d7e0e9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #d3dce6;
  --bs-btn-disabled-border-color: #d3dce6;
}

.btn-back {
  --bs-btn-color: #000;
  --bs-btn-bg: #7985AD;
  --bs-btn-border-color: #7985AD;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #8d97b9;
  --bs-btn-hover-border-color: #8691b5;
  --bs-btn-focus-shadow-rgb: 103, 113, 147;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #949dbd;
  --bs-btn-active-border-color: #8691b5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #7985AD;
  --bs-btn-disabled-border-color: #7985AD;
}

.btn-amazon {
  --bs-btn-color: #000;
  --bs-btn-bg: #ff9900;
  --bs-btn-border-color: #ff9900;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffa826;
  --bs-btn-hover-border-color: #ffa31a;
  --bs-btn-focus-shadow-rgb: 217, 130, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffad33;
  --bs-btn-active-border-color: #ffa31a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ff9900;
  --bs-btn-disabled-border-color: #ff9900;
}

.btn-accord {
  --bs-btn-color: #000;
  --bs-btn-bg: rgba(248, 207, 231, 0.46);
  --bs-btn-border-color: rgba(248, 207, 231, 0.46);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgba(251, 225, 240, 0.541);
  --bs-btn-hover-border-color: rgba(250, 220, 238, 0.514);
  --bs-btn-focus-shadow-rgb: 156, 130, 145;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgba(251, 229, 242, 0.568);
  --bs-btn-active-border-color: rgba(250, 220, 238, 0.514);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgba(248, 207, 231, 0.46);
  --bs-btn-disabled-border-color: rgba(248, 207, 231, 0.46);
}

.btn-performaction {
  --bs-btn-color: #000;
  --bs-btn-bg: rgba(250, 215, 235, 0.8);
  --bs-btn-border-color: rgba(250, 215, 235, 0.8);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgba(251, 223, 239, 0.83);
  --bs-btn-hover-border-color: rgba(251, 221, 238, 0.82);
  --bs-btn-focus-shadow-rgb: 198, 170, 186;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgba(251, 226, 240, 0.84);
  --bs-btn-active-border-color: rgba(251, 221, 238, 0.82);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgba(250, 215, 235, 0.8);
  --bs-btn-disabled-border-color: rgba(250, 215, 235, 0.8);
}

.btn-airbnb {
  --bs-btn-color: #000;
  --bs-btn-bg: #fd5c63;
  --bs-btn-border-color: #fd5c63;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fd747a;
  --bs-btn-hover-border-color: #fd6c73;
  --bs-btn-focus-shadow-rgb: 215, 78, 84;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd7d82;
  --bs-btn-active-border-color: #fd6c73;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fd5c63;
  --bs-btn-disabled-border-color: #fd5c63;
}

.btn-danger-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #fd5c63;
  --bs-btn-border-color: #fd5c63;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fd747a;
  --bs-btn-hover-border-color: #fd6c73;
  --bs-btn-focus-shadow-rgb: 215, 78, 84;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd7d82;
  --bs-btn-active-border-color: #fd6c73;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fd5c63;
  --bs-btn-disabled-border-color: #fd5c63;
}

.btn-cancel {
  --bs-btn-color: #000;
  --bs-btn-bg: #999999;
  --bs-btn-border-color: #999999;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #a8a8a8;
  --bs-btn-hover-border-color: #a3a3a3;
  --bs-btn-focus-shadow-rgb: 130, 130, 130;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #adadad;
  --bs-btn-active-border-color: #a3a3a3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #999999;
  --bs-btn-disabled-border-color: #999999;
}

.btn-alerterror {
  --bs-btn-color: #000;
  --bs-btn-bg: #fd5c63;
  --bs-btn-border-color: #fd5c63;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fd747a;
  --bs-btn-hover-border-color: #fd6c73;
  --bs-btn-focus-shadow-rgb: 215, 78, 84;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd7d82;
  --bs-btn-active-border-color: #fd6c73;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fd5c63;
  --bs-btn-disabled-border-color: #fd5c63;
}

.btn-medium {
  --bs-btn-color: #000;
  --bs-btn-bg: #ededed;
  --bs-btn-border-color: #ededed;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f0f0f0;
  --bs-btn-hover-border-color: #efefef;
  --bs-btn-focus-shadow-rgb: 201, 201, 201;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f1f1f1;
  --bs-btn-active-border-color: #efefef;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ededed;
  --bs-btn-disabled-border-color: #ededed;
}

.btn-editor {
  --bs-btn-color: #fff;
  --bs-btn-bg: #555758;
  --bs-btn-border-color: #555758;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #484a4b;
  --bs-btn-hover-border-color: #444646;
  --bs-btn-focus-shadow-rgb: 111, 112, 113;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #444646;
  --bs-btn-active-border-color: #404142;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #555758;
  --bs-btn-disabled-border-color: #555758;
}

.btn-verydark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #272e38;
  --bs-btn-border-color: #272e38;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212730;
  --bs-btn-hover-border-color: #1f252d;
  --bs-btn-focus-shadow-rgb: 71, 77, 86;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1f252d;
  --bs-btn-active-border-color: #1d232a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #272e38;
  --bs-btn-disabled-border-color: #272e38;
}

.btn-outline-primary {
  --bs-btn-color: #00AAFF;
  --bs-btn-border-color: #00AAFF;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #00AAFF;
  --bs-btn-hover-border-color: #00AAFF;
  --bs-btn-focus-shadow-rgb: 0, 170, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #00AAFF;
  --bs-btn-active-border-color: #00AAFF;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #00AAFF;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00AAFF;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #7eddac;
  --bs-btn-border-color: #7eddac;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #7eddac;
  --bs-btn-hover-border-color: #7eddac;
  --bs-btn-focus-shadow-rgb: 126, 221, 172;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #7eddac;
  --bs-btn-active-border-color: #7eddac;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #7eddac;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #7eddac;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #b2dbef;
  --bs-btn-border-color: #b2dbef;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b2dbef;
  --bs-btn-hover-border-color: #b2dbef;
  --bs-btn-focus-shadow-rgb: 178, 219, 239;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #b2dbef;
  --bs-btn-active-border-color: #b2dbef;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #b2dbef;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #b2dbef;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffcf88;
  --bs-btn-border-color: #ffcf88;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffcf88;
  --bs-btn-hover-border-color: #ffcf88;
  --bs-btn-focus-shadow-rgb: 255, 207, 136;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcf88;
  --bs-btn-active-border-color: #ffcf88;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffcf88;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffcf88;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #fd8187;
  --bs-btn-border-color: #fd8187;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fd8187;
  --bs-btn-hover-border-color: #fd8187;
  --bs-btn-focus-shadow-rgb: 253, 129, 135;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd8187;
  --bs-btn-active-border-color: #fd8187;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fd8187;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fd8187;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #343a40;
  --bs-btn-border-color: #343a40;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #343a40;
  --bs-btn-hover-border-color: #343a40;
  --bs-btn-focus-shadow-rgb: 52, 58, 64;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #343a40;
  --bs-btn-active-border-color: #343a40;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #343a40;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #343a40;
  --bs-gradient: none;
}

.btn-outline-info-offset {
  --bs-btn-color: #2CC2BE;
  --bs-btn-border-color: #2CC2BE;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #2CC2BE;
  --bs-btn-hover-border-color: #2CC2BE;
  --bs-btn-focus-shadow-rgb: 44, 194, 190;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #2CC2BE;
  --bs-btn-active-border-color: #2CC2BE;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2CC2BE;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2CC2BE;
  --bs-gradient: none;
}

.btn-outline-warning-muted {
  --bs-btn-color: #ffcc7f;
  --bs-btn-border-color: #ffcc7f;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffcc7f;
  --bs-btn-hover-border-color: #ffcc7f;
  --bs-btn-focus-shadow-rgb: 255, 204, 127;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcc7f;
  --bs-btn-active-border-color: #ffcc7f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffcc7f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffcc7f;
  --bs-gradient: none;
}

.btn-outline-info-muted {
  --bs-btn-color: #aae2fd;
  --bs-btn-border-color: #aae2fd;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #aae2fd;
  --bs-btn-hover-border-color: #aae2fd;
  --bs-btn-focus-shadow-rgb: 170, 226, 253;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #aae2fd;
  --bs-btn-active-border-color: #aae2fd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #aae2fd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #aae2fd;
  --bs-gradient: none;
}

.btn-outline-success-muted {
  --bs-btn-color: #4ae7bf;
  --bs-btn-border-color: #4ae7bf;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #4ae7bf;
  --bs-btn-hover-border-color: #4ae7bf;
  --bs-btn-focus-shadow-rgb: 74, 231, 191;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #4ae7bf;
  --bs-btn-active-border-color: #4ae7bf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #4ae7bf;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4ae7bf;
  --bs-gradient: none;
}

.btn-outline-success-muted-light {
  --bs-btn-color: #dafaf2;
  --bs-btn-border-color: #dafaf2;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dafaf2;
  --bs-btn-hover-border-color: #dafaf2;
  --bs-btn-focus-shadow-rgb: 218, 250, 242;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dafaf2;
  --bs-btn-active-border-color: #dafaf2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dafaf2;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dafaf2;
  --bs-gradient: none;
}

.btn-outline-danger-muted {
  --bs-btn-color: #fea6a9;
  --bs-btn-border-color: #fea6a9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fea6a9;
  --bs-btn-hover-border-color: #fea6a9;
  --bs-btn-focus-shadow-rgb: 254, 166, 169;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fea6a9;
  --bs-btn-active-border-color: #fea6a9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fea6a9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fea6a9;
  --bs-gradient: none;
}

.btn-outline-def {
  --bs-btn-color: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dae9f1;
  --bs-btn-hover-border-color: #dae9f1;
  --bs-btn-focus-shadow-rgb: 218, 233, 241;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dae9f1;
  --bs-btn-active-border-color: #dae9f1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dae9f1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dae9f1;
  --bs-gradient: none;
}

.btn-outline-def-info {
  --bs-btn-color: #b2dbef;
  --bs-btn-border-color: #b2dbef;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b2dbef;
  --bs-btn-hover-border-color: #b2dbef;
  --bs-btn-focus-shadow-rgb: 178, 219, 239;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #b2dbef;
  --bs-btn-active-border-color: #b2dbef;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #b2dbef;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #b2dbef;
  --bs-gradient: none;
}

.btn-outline-def-sort {
  --bs-btn-color: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dae9f1;
  --bs-btn-hover-border-color: #dae9f1;
  --bs-btn-focus-shadow-rgb: 218, 233, 241;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dae9f1;
  --bs-btn-active-border-color: #dae9f1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dae9f1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dae9f1;
  --bs-gradient: none;
}

.btn-outline-def-inv {
  --bs-btn-color: white;
  --bs-btn-border-color: white;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: white;
  --bs-btn-hover-border-color: white;
  --bs-btn-focus-shadow-rgb: 255, 255, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: white;
  --bs-btn-active-border-color: white;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: white;
  --bs-gradient: none;
}

.btn-outline-def-delete {
  --bs-btn-color: #fe8e93;
  --bs-btn-border-color: #fe8e93;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fe8e93;
  --bs-btn-hover-border-color: #fe8e93;
  --bs-btn-focus-shadow-rgb: 254, 142, 147;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fe8e93;
  --bs-btn-active-border-color: #fe8e93;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fe8e93;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fe8e93;
  --bs-gradient: none;
}

.btn-outline-def-close-suspend {
  --bs-btn-color: #ededed;
  --bs-btn-border-color: #ededed;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ededed;
  --bs-btn-hover-border-color: #ededed;
  --bs-btn-focus-shadow-rgb: 237, 237, 237;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ededed;
  --bs-btn-active-border-color: #ededed;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ededed;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ededed;
  --bs-gradient: none;
}

.btn-outline-def-cred {
  --bs-btn-color: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dae9f1;
  --bs-btn-hover-border-color: #dae9f1;
  --bs-btn-focus-shadow-rgb: 218, 233, 241;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dae9f1;
  --bs-btn-active-border-color: #dae9f1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dae9f1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dae9f1;
  --bs-gradient: none;
}

.btn-outline-def-list {
  --bs-btn-color: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dae9f1;
  --bs-btn-hover-border-color: #dae9f1;
  --bs-btn-focus-shadow-rgb: 218, 233, 241;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dae9f1;
  --bs-btn-active-border-color: #dae9f1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dae9f1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dae9f1;
  --bs-gradient: none;
}

.btn-outline-def-action {
  --bs-btn-color: #dae9f1;
  --bs-btn-border-color: #dae9f1;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dae9f1;
  --bs-btn-hover-border-color: #dae9f1;
  --bs-btn-focus-shadow-rgb: 218, 233, 241;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dae9f1;
  --bs-btn-active-border-color: #dae9f1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dae9f1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dae9f1;
  --bs-gradient: none;
}

.btn-outline-previous {
  --bs-btn-color: #d3dce6;
  --bs-btn-border-color: #d3dce6;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3dce6;
  --bs-btn-hover-border-color: #d3dce6;
  --bs-btn-focus-shadow-rgb: 211, 220, 230;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d3dce6;
  --bs-btn-active-border-color: #d3dce6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #d3dce6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #d3dce6;
  --bs-gradient: none;
}

.btn-outline-back {
  --bs-btn-color: #7985AD;
  --bs-btn-border-color: #7985AD;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #7985AD;
  --bs-btn-hover-border-color: #7985AD;
  --bs-btn-focus-shadow-rgb: 121, 133, 173;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #7985AD;
  --bs-btn-active-border-color: #7985AD;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #7985AD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #7985AD;
  --bs-gradient: none;
}

.btn-outline-amazon {
  --bs-btn-color: #ff9900;
  --bs-btn-border-color: #ff9900;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ff9900;
  --bs-btn-hover-border-color: #ff9900;
  --bs-btn-focus-shadow-rgb: 255, 153, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ff9900;
  --bs-btn-active-border-color: #ff9900;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ff9900;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ff9900;
  --bs-gradient: none;
}

.btn-outline-accord {
  --bs-btn-color: rgba(248, 207, 231, 0.46);
  --bs-btn-border-color: rgba(248, 207, 231, 0.46);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgba(248, 207, 231, 0.46);
  --bs-btn-hover-border-color: rgba(248, 207, 231, 0.46);
  --bs-btn-focus-shadow-rgb: 248, 207, 231;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgba(248, 207, 231, 0.46);
  --bs-btn-active-border-color: rgba(248, 207, 231, 0.46);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: rgba(248, 207, 231, 0.46);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(248, 207, 231, 0.46);
  --bs-gradient: none;
}

.btn-outline-performaction {
  --bs-btn-color: rgba(250, 215, 235, 0.8);
  --bs-btn-border-color: rgba(250, 215, 235, 0.8);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgba(250, 215, 235, 0.8);
  --bs-btn-hover-border-color: rgba(250, 215, 235, 0.8);
  --bs-btn-focus-shadow-rgb: 250, 215, 235;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgba(250, 215, 235, 0.8);
  --bs-btn-active-border-color: rgba(250, 215, 235, 0.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: rgba(250, 215, 235, 0.8);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(250, 215, 235, 0.8);
  --bs-gradient: none;
}

.btn-outline-airbnb {
  --bs-btn-color: #fd5c63;
  --bs-btn-border-color: #fd5c63;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fd5c63;
  --bs-btn-hover-border-color: #fd5c63;
  --bs-btn-focus-shadow-rgb: 253, 92, 99;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd5c63;
  --bs-btn-active-border-color: #fd5c63;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fd5c63;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fd5c63;
  --bs-gradient: none;
}

.btn-outline-danger-light {
  --bs-btn-color: #fd5c63;
  --bs-btn-border-color: #fd5c63;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fd5c63;
  --bs-btn-hover-border-color: #fd5c63;
  --bs-btn-focus-shadow-rgb: 253, 92, 99;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd5c63;
  --bs-btn-active-border-color: #fd5c63;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fd5c63;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fd5c63;
  --bs-gradient: none;
}

.btn-outline-cancel {
  --bs-btn-color: #999999;
  --bs-btn-border-color: #999999;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #999999;
  --bs-btn-hover-border-color: #999999;
  --bs-btn-focus-shadow-rgb: 153, 153, 153;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #999999;
  --bs-btn-active-border-color: #999999;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #999999;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #999999;
  --bs-gradient: none;
}

.btn-outline-alerterror {
  --bs-btn-color: #fd5c63;
  --bs-btn-border-color: #fd5c63;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fd5c63;
  --bs-btn-hover-border-color: #fd5c63;
  --bs-btn-focus-shadow-rgb: 253, 92, 99;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd5c63;
  --bs-btn-active-border-color: #fd5c63;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fd5c63;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fd5c63;
  --bs-gradient: none;
}

.btn-outline-medium {
  --bs-btn-color: #ededed;
  --bs-btn-border-color: #ededed;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ededed;
  --bs-btn-hover-border-color: #ededed;
  --bs-btn-focus-shadow-rgb: 237, 237, 237;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ededed;
  --bs-btn-active-border-color: #ededed;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ededed;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ededed;
  --bs-gradient: none;
}

.btn-outline-editor {
  --bs-btn-color: #555758;
  --bs-btn-border-color: #555758;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #555758;
  --bs-btn-hover-border-color: #555758;
  --bs-btn-focus-shadow-rgb: 85, 87, 88;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #555758;
  --bs-btn-active-border-color: #555758;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #555758;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #555758;
  --bs-gradient: none;
}

.btn-outline-verydark {
  --bs-btn-color: #272e38;
  --bs-btn-border-color: #272e38;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #272e38;
  --bs-btn-hover-border-color: #272e38;
  --bs-btn-focus-shadow-rgb: 39, 46, 56;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #272e38;
  --bs-btn-active-border-color: #272e38;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #272e38;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #272e38;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .btn-ls {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .btn-ls {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    -webkit-transition: none;
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn, .btn-group > .btn-ls,
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-ls {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:checked + .btn-ls,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn-check:focus + .btn-ls,
.btn-group > .btn:hover,
.btn-group > .btn-ls:hover,
.btn-group > .btn:focus,
.btn-group > .btn-ls:focus,
.btn-group > .btn:active,
.btn-group > .btn-ls:active,
.btn-group > .btn.active,
.btn-group > .active.btn-ls,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:checked + .btn-ls,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn-check:focus + .btn-ls,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn-ls:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn-ls:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn-ls:active,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .active.btn-ls {
  z-index: 1;
}

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn, .btn-group > :not(.btn-check:first-child) + .btn-ls,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-ls:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .dropdown-toggle-split.btn-ls:first-child,
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn-group:not(:last-child) > .btn-ls {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3), .btn-group > .btn-ls:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > :not(.btn-check) + .btn-ls,
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn-group:not(:first-child) > .btn-ls {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .btn-group-sm > .btn-ls + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .btn-group-lg > .btn-ls + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-ls,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-ls:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-ls:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn-group:not(:last-child) > .btn-ls {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-ls ~ .btn, .btn-group-vertical > .btn ~ .btn-ls, .btn-group-vertical > .btn-ls ~ .btn-ls,
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn-ls {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    -webkit-transition: none;
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  -webkit-transition: var(--bs-navbar-toggler-transition);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    -webkit-transition: none;
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  -webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
          box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: none;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card, .card-deck > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group, .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-group > .card, .card-deck > .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card, .card-deck > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child), .card-deck > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top, .card-deck > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header,
  .card-deck > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-deck > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer,
  .card-deck > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child), .card-deck > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top, .card-deck > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header,
  .card-deck > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-deck > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer,
  .card-deck > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 0.85rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  -webkit-transition: var(--bs-accordion-transition);
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    -webkit-transition: none;
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  -webkit-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
          box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  -webkit-transform: var(--bs-accordion-btn-icon-transform);
          transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  -webkit-transition: var(--bs-accordion-btn-icon-transition);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    -webkit-transition: none;
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  -webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow);
          box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: #2b333e;
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #2b333e;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    -webkit-transition: none;
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  -webkit-box-shadow: var(--bs-pagination-focus-box-shadow);
          box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge, .btn-ls .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

.alert-info-offset {
  --bs-alert-color: var(--bs-info-offset-text-emphasis);
  --bs-alert-bg: var(--bs-info-offset-bg-subtle);
  --bs-alert-border-color: var(--bs-info-offset-border-subtle);
  --bs-alert-link-color: var(--bs-info-offset-text-emphasis);
}

.alert-warning-muted {
  --bs-alert-color: var(--bs-warning-muted-text-emphasis);
  --bs-alert-bg: var(--bs-warning-muted-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-muted-border-subtle);
  --bs-alert-link-color: var(--bs-warning-muted-text-emphasis);
}

.alert-info-muted {
  --bs-alert-color: var(--bs-info-muted-text-emphasis);
  --bs-alert-bg: var(--bs-info-muted-bg-subtle);
  --bs-alert-border-color: var(--bs-info-muted-border-subtle);
  --bs-alert-link-color: var(--bs-info-muted-text-emphasis);
}

.alert-success-muted {
  --bs-alert-color: var(--bs-success-muted-text-emphasis);
  --bs-alert-bg: var(--bs-success-muted-bg-subtle);
  --bs-alert-border-color: var(--bs-success-muted-border-subtle);
  --bs-alert-link-color: var(--bs-success-muted-text-emphasis);
}

.alert-success-muted-light {
  --bs-alert-color: var(--bs-success-muted-light-text-emphasis);
  --bs-alert-bg: var(--bs-success-muted-light-bg-subtle);
  --bs-alert-border-color: var(--bs-success-muted-light-border-subtle);
  --bs-alert-link-color: var(--bs-success-muted-light-text-emphasis);
}

.alert-danger-muted {
  --bs-alert-color: var(--bs-danger-muted-text-emphasis);
  --bs-alert-bg: var(--bs-danger-muted-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-muted-border-subtle);
  --bs-alert-link-color: var(--bs-danger-muted-text-emphasis);
}

.alert-def {
  --bs-alert-color: var(--bs-def-text-emphasis);
  --bs-alert-bg: var(--bs-def-bg-subtle);
  --bs-alert-border-color: var(--bs-def-border-subtle);
  --bs-alert-link-color: var(--bs-def-text-emphasis);
}

.alert-def-info {
  --bs-alert-color: var(--bs-def-info-text-emphasis);
  --bs-alert-bg: var(--bs-def-info-bg-subtle);
  --bs-alert-border-color: var(--bs-def-info-border-subtle);
  --bs-alert-link-color: var(--bs-def-info-text-emphasis);
}

.alert-def-sort {
  --bs-alert-color: var(--bs-def-sort-text-emphasis);
  --bs-alert-bg: var(--bs-def-sort-bg-subtle);
  --bs-alert-border-color: var(--bs-def-sort-border-subtle);
  --bs-alert-link-color: var(--bs-def-sort-text-emphasis);
}

.alert-def-inv {
  --bs-alert-color: var(--bs-def-inv-text-emphasis);
  --bs-alert-bg: var(--bs-def-inv-bg-subtle);
  --bs-alert-border-color: var(--bs-def-inv-border-subtle);
  --bs-alert-link-color: var(--bs-def-inv-text-emphasis);
}

.alert-def-delete {
  --bs-alert-color: var(--bs-def-delete-text-emphasis);
  --bs-alert-bg: var(--bs-def-delete-bg-subtle);
  --bs-alert-border-color: var(--bs-def-delete-border-subtle);
  --bs-alert-link-color: var(--bs-def-delete-text-emphasis);
}

.alert-def-close-suspend {
  --bs-alert-color: var(--bs-def-close-suspend-text-emphasis);
  --bs-alert-bg: var(--bs-def-close-suspend-bg-subtle);
  --bs-alert-border-color: var(--bs-def-close-suspend-border-subtle);
  --bs-alert-link-color: var(--bs-def-close-suspend-text-emphasis);
}

.alert-def-cred {
  --bs-alert-color: var(--bs-def-cred-text-emphasis);
  --bs-alert-bg: var(--bs-def-cred-bg-subtle);
  --bs-alert-border-color: var(--bs-def-cred-border-subtle);
  --bs-alert-link-color: var(--bs-def-cred-text-emphasis);
}

.alert-def-list {
  --bs-alert-color: var(--bs-def-list-text-emphasis);
  --bs-alert-bg: var(--bs-def-list-bg-subtle);
  --bs-alert-border-color: var(--bs-def-list-border-subtle);
  --bs-alert-link-color: var(--bs-def-list-text-emphasis);
}

.alert-def-action {
  --bs-alert-color: var(--bs-def-action-text-emphasis);
  --bs-alert-bg: var(--bs-def-action-bg-subtle);
  --bs-alert-border-color: var(--bs-def-action-border-subtle);
  --bs-alert-link-color: var(--bs-def-action-text-emphasis);
}

.alert-previous {
  --bs-alert-color: var(--bs-previous-text-emphasis);
  --bs-alert-bg: var(--bs-previous-bg-subtle);
  --bs-alert-border-color: var(--bs-previous-border-subtle);
  --bs-alert-link-color: var(--bs-previous-text-emphasis);
}

.alert-back {
  --bs-alert-color: var(--bs-back-text-emphasis);
  --bs-alert-bg: var(--bs-back-bg-subtle);
  --bs-alert-border-color: var(--bs-back-border-subtle);
  --bs-alert-link-color: var(--bs-back-text-emphasis);
}

.alert-amazon {
  --bs-alert-color: var(--bs-amazon-text-emphasis);
  --bs-alert-bg: var(--bs-amazon-bg-subtle);
  --bs-alert-border-color: var(--bs-amazon-border-subtle);
  --bs-alert-link-color: var(--bs-amazon-text-emphasis);
}

.alert-accord {
  --bs-alert-color: var(--bs-accord-text-emphasis);
  --bs-alert-bg: var(--bs-accord-bg-subtle);
  --bs-alert-border-color: var(--bs-accord-border-subtle);
  --bs-alert-link-color: var(--bs-accord-text-emphasis);
}

.alert-performaction {
  --bs-alert-color: var(--bs-performaction-text-emphasis);
  --bs-alert-bg: var(--bs-performaction-bg-subtle);
  --bs-alert-border-color: var(--bs-performaction-border-subtle);
  --bs-alert-link-color: var(--bs-performaction-text-emphasis);
}

.alert-airbnb {
  --bs-alert-color: var(--bs-airbnb-text-emphasis);
  --bs-alert-bg: var(--bs-airbnb-bg-subtle);
  --bs-alert-border-color: var(--bs-airbnb-border-subtle);
  --bs-alert-link-color: var(--bs-airbnb-text-emphasis);
}

.alert-danger-light {
  --bs-alert-color: var(--bs-danger-light-text-emphasis);
  --bs-alert-bg: var(--bs-danger-light-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-light-border-subtle);
  --bs-alert-link-color: var(--bs-danger-light-text-emphasis);
}

.alert-cancel {
  --bs-alert-color: var(--bs-cancel-text-emphasis);
  --bs-alert-bg: var(--bs-cancel-bg-subtle);
  --bs-alert-border-color: var(--bs-cancel-border-subtle);
  --bs-alert-link-color: var(--bs-cancel-text-emphasis);
}

.alert-alerterror {
  --bs-alert-color: var(--bs-alerterror-text-emphasis);
  --bs-alert-bg: var(--bs-alerterror-bg-subtle);
  --bs-alert-border-color: var(--bs-alerterror-border-subtle);
  --bs-alert-link-color: var(--bs-alerterror-text-emphasis);
}

.alert-medium {
  --bs-alert-color: var(--bs-medium-text-emphasis);
  --bs-alert-bg: var(--bs-medium-bg-subtle);
  --bs-alert-border-color: var(--bs-medium-border-subtle);
  --bs-alert-link-color: var(--bs-medium-text-emphasis);
}

.alert-editor {
  --bs-alert-color: var(--bs-editor-text-emphasis);
  --bs-alert-bg: var(--bs-editor-bg-subtle);
  --bs-alert-border-color: var(--bs-editor-border-subtle);
  --bs-alert-link-color: var(--bs-editor-text-emphasis);
}

.alert-verydark {
  --bs-alert-color: var(--bs-verydark-text-emphasis);
  --bs-alert-bg: var(--bs-verydark-bg-subtle);
  --bs-alert-border-color: var(--bs-verydark-border-subtle);
  --bs-alert-link-color: var(--bs-verydark-text-emphasis);
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  -webkit-transition: var(--bs-progress-bar-transition);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
          animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
            animation: none;
  }
}

.list-group {
  --bs-list-group-color: #2B333E;
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #2B333E;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.list-group-item-info-offset {
  --bs-list-group-color: var(--bs-info-offset-text-emphasis);
  --bs-list-group-bg: var(--bs-info-offset-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-offset-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-offset-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-offset-border-subtle);
  --bs-list-group-active-color: var(--bs-info-offset-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-offset-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-offset-text-emphasis);
}

.list-group-item-warning-muted {
  --bs-list-group-color: var(--bs-warning-muted-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-muted-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-muted-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-muted-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-muted-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-muted-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-muted-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-muted-text-emphasis);
}

.list-group-item-info-muted {
  --bs-list-group-color: var(--bs-info-muted-text-emphasis);
  --bs-list-group-bg: var(--bs-info-muted-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-muted-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-muted-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-muted-border-subtle);
  --bs-list-group-active-color: var(--bs-info-muted-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-muted-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-muted-text-emphasis);
}

.list-group-item-success-muted {
  --bs-list-group-color: var(--bs-success-muted-text-emphasis);
  --bs-list-group-bg: var(--bs-success-muted-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-muted-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-muted-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-muted-border-subtle);
  --bs-list-group-active-color: var(--bs-success-muted-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-muted-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-muted-text-emphasis);
}

.list-group-item-success-muted-light {
  --bs-list-group-color: var(--bs-success-muted-light-text-emphasis);
  --bs-list-group-bg: var(--bs-success-muted-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-muted-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-muted-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-muted-light-border-subtle);
  --bs-list-group-active-color: var(--bs-success-muted-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-muted-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-muted-light-text-emphasis);
}

.list-group-item-danger-muted {
  --bs-list-group-color: var(--bs-danger-muted-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-muted-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-muted-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-muted-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-muted-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-muted-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-muted-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-muted-text-emphasis);
}

.list-group-item-def {
  --bs-list-group-color: var(--bs-def-text-emphasis);
  --bs-list-group-bg: var(--bs-def-bg-subtle);
  --bs-list-group-border-color: var(--bs-def-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-def-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-def-border-subtle);
  --bs-list-group-active-color: var(--bs-def-bg-subtle);
  --bs-list-group-active-bg: var(--bs-def-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-def-text-emphasis);
}

.list-group-item-def-info {
  --bs-list-group-color: var(--bs-def-info-text-emphasis);
  --bs-list-group-bg: var(--bs-def-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-def-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-def-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-def-info-border-subtle);
  --bs-list-group-active-color: var(--bs-def-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-def-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-def-info-text-emphasis);
}

.list-group-item-def-sort {
  --bs-list-group-color: var(--bs-def-sort-text-emphasis);
  --bs-list-group-bg: var(--bs-def-sort-bg-subtle);
  --bs-list-group-border-color: var(--bs-def-sort-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-def-sort-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-def-sort-border-subtle);
  --bs-list-group-active-color: var(--bs-def-sort-bg-subtle);
  --bs-list-group-active-bg: var(--bs-def-sort-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-def-sort-text-emphasis);
}

.list-group-item-def-inv {
  --bs-list-group-color: var(--bs-def-inv-text-emphasis);
  --bs-list-group-bg: var(--bs-def-inv-bg-subtle);
  --bs-list-group-border-color: var(--bs-def-inv-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-def-inv-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-def-inv-border-subtle);
  --bs-list-group-active-color: var(--bs-def-inv-bg-subtle);
  --bs-list-group-active-bg: var(--bs-def-inv-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-def-inv-text-emphasis);
}

.list-group-item-def-delete {
  --bs-list-group-color: var(--bs-def-delete-text-emphasis);
  --bs-list-group-bg: var(--bs-def-delete-bg-subtle);
  --bs-list-group-border-color: var(--bs-def-delete-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-def-delete-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-def-delete-border-subtle);
  --bs-list-group-active-color: var(--bs-def-delete-bg-subtle);
  --bs-list-group-active-bg: var(--bs-def-delete-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-def-delete-text-emphasis);
}

.list-group-item-def-close-suspend {
  --bs-list-group-color: var(--bs-def-close-suspend-text-emphasis);
  --bs-list-group-bg: var(--bs-def-close-suspend-bg-subtle);
  --bs-list-group-border-color: var(--bs-def-close-suspend-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-def-close-suspend-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-def-close-suspend-border-subtle);
  --bs-list-group-active-color: var(--bs-def-close-suspend-bg-subtle);
  --bs-list-group-active-bg: var(--bs-def-close-suspend-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-def-close-suspend-text-emphasis);
}

.list-group-item-def-cred {
  --bs-list-group-color: var(--bs-def-cred-text-emphasis);
  --bs-list-group-bg: var(--bs-def-cred-bg-subtle);
  --bs-list-group-border-color: var(--bs-def-cred-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-def-cred-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-def-cred-border-subtle);
  --bs-list-group-active-color: var(--bs-def-cred-bg-subtle);
  --bs-list-group-active-bg: var(--bs-def-cred-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-def-cred-text-emphasis);
}

.list-group-item-def-list {
  --bs-list-group-color: var(--bs-def-list-text-emphasis);
  --bs-list-group-bg: var(--bs-def-list-bg-subtle);
  --bs-list-group-border-color: var(--bs-def-list-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-def-list-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-def-list-border-subtle);
  --bs-list-group-active-color: var(--bs-def-list-bg-subtle);
  --bs-list-group-active-bg: var(--bs-def-list-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-def-list-text-emphasis);
}

.list-group-item-def-action {
  --bs-list-group-color: var(--bs-def-action-text-emphasis);
  --bs-list-group-bg: var(--bs-def-action-bg-subtle);
  --bs-list-group-border-color: var(--bs-def-action-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-def-action-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-def-action-border-subtle);
  --bs-list-group-active-color: var(--bs-def-action-bg-subtle);
  --bs-list-group-active-bg: var(--bs-def-action-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-def-action-text-emphasis);
}

.list-group-item-previous {
  --bs-list-group-color: var(--bs-previous-text-emphasis);
  --bs-list-group-bg: var(--bs-previous-bg-subtle);
  --bs-list-group-border-color: var(--bs-previous-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-previous-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-previous-border-subtle);
  --bs-list-group-active-color: var(--bs-previous-bg-subtle);
  --bs-list-group-active-bg: var(--bs-previous-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-previous-text-emphasis);
}

.list-group-item-back {
  --bs-list-group-color: var(--bs-back-text-emphasis);
  --bs-list-group-bg: var(--bs-back-bg-subtle);
  --bs-list-group-border-color: var(--bs-back-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-back-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-back-border-subtle);
  --bs-list-group-active-color: var(--bs-back-bg-subtle);
  --bs-list-group-active-bg: var(--bs-back-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-back-text-emphasis);
}

.list-group-item-amazon {
  --bs-list-group-color: var(--bs-amazon-text-emphasis);
  --bs-list-group-bg: var(--bs-amazon-bg-subtle);
  --bs-list-group-border-color: var(--bs-amazon-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-amazon-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-amazon-border-subtle);
  --bs-list-group-active-color: var(--bs-amazon-bg-subtle);
  --bs-list-group-active-bg: var(--bs-amazon-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-amazon-text-emphasis);
}

.list-group-item-accord {
  --bs-list-group-color: var(--bs-accord-text-emphasis);
  --bs-list-group-bg: var(--bs-accord-bg-subtle);
  --bs-list-group-border-color: var(--bs-accord-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-accord-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-accord-border-subtle);
  --bs-list-group-active-color: var(--bs-accord-bg-subtle);
  --bs-list-group-active-bg: var(--bs-accord-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-accord-text-emphasis);
}

.list-group-item-performaction {
  --bs-list-group-color: var(--bs-performaction-text-emphasis);
  --bs-list-group-bg: var(--bs-performaction-bg-subtle);
  --bs-list-group-border-color: var(--bs-performaction-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-performaction-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-performaction-border-subtle);
  --bs-list-group-active-color: var(--bs-performaction-bg-subtle);
  --bs-list-group-active-bg: var(--bs-performaction-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-performaction-text-emphasis);
}

.list-group-item-airbnb {
  --bs-list-group-color: var(--bs-airbnb-text-emphasis);
  --bs-list-group-bg: var(--bs-airbnb-bg-subtle);
  --bs-list-group-border-color: var(--bs-airbnb-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-airbnb-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-airbnb-border-subtle);
  --bs-list-group-active-color: var(--bs-airbnb-bg-subtle);
  --bs-list-group-active-bg: var(--bs-airbnb-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-airbnb-text-emphasis);
}

.list-group-item-danger-light {
  --bs-list-group-color: var(--bs-danger-light-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-light-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-light-text-emphasis);
}

.list-group-item-cancel {
  --bs-list-group-color: var(--bs-cancel-text-emphasis);
  --bs-list-group-bg: var(--bs-cancel-bg-subtle);
  --bs-list-group-border-color: var(--bs-cancel-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-cancel-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-cancel-border-subtle);
  --bs-list-group-active-color: var(--bs-cancel-bg-subtle);
  --bs-list-group-active-bg: var(--bs-cancel-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-cancel-text-emphasis);
}

.list-group-item-alerterror {
  --bs-list-group-color: var(--bs-alerterror-text-emphasis);
  --bs-list-group-bg: var(--bs-alerterror-bg-subtle);
  --bs-list-group-border-color: var(--bs-alerterror-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-alerterror-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-alerterror-border-subtle);
  --bs-list-group-active-color: var(--bs-alerterror-bg-subtle);
  --bs-list-group-active-bg: var(--bs-alerterror-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-alerterror-text-emphasis);
}

.list-group-item-medium {
  --bs-list-group-color: var(--bs-medium-text-emphasis);
  --bs-list-group-bg: var(--bs-medium-bg-subtle);
  --bs-list-group-border-color: var(--bs-medium-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-medium-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-medium-border-subtle);
  --bs-list-group-active-color: var(--bs-medium-bg-subtle);
  --bs-list-group-active-bg: var(--bs-medium-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-medium-text-emphasis);
}

.list-group-item-editor {
  --bs-list-group-color: var(--bs-editor-text-emphasis);
  --bs-list-group-bg: var(--bs-editor-bg-subtle);
  --bs-list-group-border-color: var(--bs-editor-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-editor-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-editor-border-subtle);
  --bs-list-group-active-color: var(--bs-editor-bg-subtle);
  --bs-list-group-active-bg: var(--bs-editor-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-editor-text-emphasis);
}

.list-group-item-verydark {
  --bs-list-group-color: var(--bs-verydark-text-emphasis);
  --bs-list-group-bg: var(--bs-verydark-bg-subtle);
  --bs-list-group-border-color: var(--bs-verydark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-verydark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-verydark-border-subtle);
  --bs-list-group-active-color: var(--bs-verydark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-verydark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-verydark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  -webkit-box-shadow: var(--bs-btn-close-focus-shadow);
          box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  -webkit-filter: var(--bs-btn-close-white-filter);
          filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  -webkit-filter: var(--bs-btn-close-white-filter);
          filter: var(--bs-btn-close-white-filter);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  -webkit-box-shadow: var(--bs-toast-box-shadow);
          box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
          transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
          transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0s 0.6s;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    -webkit-transition: none;
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    -webkit-transition: none;
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  -webkit-filter: invert(1) grayscale(100);
          filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  -webkit-filter: invert(1) grayscale(100);
          filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
          animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) /* rtl:ignore */;
            transform: rotate(360deg) /* rtl:ignore */;
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) /* rtl:ignore */;
            transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  -webkit-transition: var(--bs-offcanvas-transition);
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    -webkit-transition: none;
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  -webkit-transform: none;
          transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before, .placeholder.btn-ls::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
          animation: placeholder-glow 2s ease-in-out infinite;
}

@-webkit-keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  -webkit-animation: placeholder-wave 2s linear infinite;
          animation: placeholder-wave 2s linear infinite;
}

@-webkit-keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #000 !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #000 !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #000 !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info-offset {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-offset-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning-muted {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-muted-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info-muted {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-muted-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success-muted {
  color: #000 !important;
  background-color: RGBA(var(--bs-success-muted-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success-muted-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-success-muted-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger-muted {
  color: #000 !important;
  background-color: RGBA(var(--bs-danger-muted-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-def {
  color: #000 !important;
  background-color: RGBA(var(--bs-def-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-def-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-def-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-def-sort {
  color: #000 !important;
  background-color: RGBA(var(--bs-def-sort-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-def-inv {
  color: #000 !important;
  background-color: RGBA(var(--bs-def-inv-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-def-delete {
  color: #000 !important;
  background-color: RGBA(var(--bs-def-delete-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-def-close-suspend {
  color: #000 !important;
  background-color: RGBA(var(--bs-def-close-suspend-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-def-cred {
  color: #000 !important;
  background-color: RGBA(var(--bs-def-cred-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-def-list {
  color: #000 !important;
  background-color: RGBA(var(--bs-def-list-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-def-action {
  color: #000 !important;
  background-color: RGBA(var(--bs-def-action-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-previous {
  color: #000 !important;
  background-color: RGBA(var(--bs-previous-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-back {
  color: #000 !important;
  background-color: RGBA(var(--bs-back-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-amazon {
  color: #000 !important;
  background-color: RGBA(var(--bs-amazon-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-accord {
  color: #000 !important;
  background-color: RGBA(var(--bs-accord-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-performaction {
  color: #000 !important;
  background-color: RGBA(var(--bs-performaction-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-airbnb {
  color: #000 !important;
  background-color: RGBA(var(--bs-airbnb-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-danger-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-cancel {
  color: #000 !important;
  background-color: RGBA(var(--bs-cancel-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-alerterror {
  color: #000 !important;
  background-color: RGBA(var(--bs-alerterror-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-medium {
  color: #000 !important;
  background-color: RGBA(var(--bs-medium-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-editor {
  color: #fff !important;
  background-color: RGBA(var(--bs-editor-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-verydark {
  color: #fff !important;
  background-color: RGBA(var(--bs-verydark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(51, 187, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(51, 187, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(152, 228, 189, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(152, 228, 189, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(193, 226, 242, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(193, 226, 242, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 217, 160, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 217, 160, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(253, 154, 159, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(253, 154, 159, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(42, 46, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(42, 46, 51, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info-offset {
  color: RGBA(var(--bs-info-offset-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-offset-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info-offset:hover, .link-info-offset:focus {
  color: RGBA(86, 206, 203, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 206, 203, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning-muted {
  color: RGBA(var(--bs-warning-muted-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-muted-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning-muted:hover, .link-warning-muted:focus {
  color: RGBA(255, 214, 153, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 214, 153, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info-muted {
  color: RGBA(var(--bs-info-muted-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-muted-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info-muted:hover, .link-info-muted:focus {
  color: RGBA(187, 232, 253, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(187, 232, 253, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success-muted {
  color: RGBA(var(--bs-success-muted-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-muted-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success-muted:hover, .link-success-muted:focus {
  color: RGBA(110, 236, 204, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(110, 236, 204, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success-muted-light {
  color: RGBA(var(--bs-success-muted-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-muted-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success-muted-light:hover, .link-success-muted-light:focus {
  color: RGBA(225, 251, 245, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(225, 251, 245, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger-muted {
  color: RGBA(var(--bs-danger-muted-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-muted-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger-muted:hover, .link-danger-muted:focus {
  color: RGBA(254, 184, 186, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(254, 184, 186, var(--bs-link-underline-opacity, 1)) !important;
}

.link-def {
  color: RGBA(var(--bs-def-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-def-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-def:hover, .link-def:focus {
  color: RGBA(225, 237, 244, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(225, 237, 244, var(--bs-link-underline-opacity, 1)) !important;
}

.link-def-info {
  color: RGBA(var(--bs-def-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-def-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-def-info:hover, .link-def-info:focus {
  color: RGBA(193, 226, 242, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(193, 226, 242, var(--bs-link-underline-opacity, 1)) !important;
}

.link-def-sort {
  color: RGBA(var(--bs-def-sort-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-def-sort-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-def-sort:hover, .link-def-sort:focus {
  color: RGBA(225, 237, 244, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(225, 237, 244, var(--bs-link-underline-opacity, 1)) !important;
}

.link-def-inv {
  color: RGBA(var(--bs-def-inv-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-def-inv-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-def-inv:hover, .link-def-inv:focus {
  color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-def-delete {
  color: RGBA(var(--bs-def-delete-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-def-delete-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-def-delete:hover, .link-def-delete:focus {
  color: RGBA(254, 165, 169, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(254, 165, 169, var(--bs-link-underline-opacity, 1)) !important;
}

.link-def-close-suspend {
  color: RGBA(var(--bs-def-close-suspend-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-def-close-suspend-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-def-close-suspend:hover, .link-def-close-suspend:focus {
  color: RGBA(241, 241, 241, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(241, 241, 241, var(--bs-link-underline-opacity, 1)) !important;
}

.link-def-cred {
  color: RGBA(var(--bs-def-cred-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-def-cred-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-def-cred:hover, .link-def-cred:focus {
  color: RGBA(225, 237, 244, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(225, 237, 244, var(--bs-link-underline-opacity, 1)) !important;
}

.link-def-list {
  color: RGBA(var(--bs-def-list-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-def-list-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-def-list:hover, .link-def-list:focus {
  color: RGBA(225, 237, 244, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(225, 237, 244, var(--bs-link-underline-opacity, 1)) !important;
}

.link-def-action {
  color: RGBA(var(--bs-def-action-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-def-action-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-def-action:hover, .link-def-action:focus {
  color: RGBA(225, 237, 244, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(225, 237, 244, var(--bs-link-underline-opacity, 1)) !important;
}

.link-previous {
  color: RGBA(var(--bs-previous-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-previous-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-previous:hover, .link-previous:focus {
  color: RGBA(220, 227, 235, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(220, 227, 235, var(--bs-link-underline-opacity, 1)) !important;
}

.link-back {
  color: RGBA(var(--bs-back-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-back-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-back:hover, .link-back:focus {
  color: RGBA(148, 157, 189, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(148, 157, 189, var(--bs-link-underline-opacity, 1)) !important;
}

.link-amazon {
  color: RGBA(var(--bs-amazon-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-amazon-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-amazon:hover, .link-amazon:focus {
  color: RGBA(255, 173, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 173, 51, var(--bs-link-underline-opacity, 1)) !important;
}

.link-accord {
  color: RGBA(var(--bs-accord-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-accord-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-accord:hover, .link-accord:focus {
  color: RGBA(251, 229, 242, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(251, 229, 242, var(--bs-link-underline-opacity, 1)) !important;
}

.link-performaction {
  color: RGBA(var(--bs-performaction-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-performaction-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-performaction:hover, .link-performaction:focus {
  color: RGBA(251, 226, 240, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(251, 226, 240, var(--bs-link-underline-opacity, 1)) !important;
}

.link-airbnb {
  color: RGBA(var(--bs-airbnb-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-airbnb-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-airbnb:hover, .link-airbnb:focus {
  color: RGBA(253, 125, 130, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(253, 125, 130, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger-light {
  color: RGBA(var(--bs-danger-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger-light:hover, .link-danger-light:focus {
  color: RGBA(253, 125, 130, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(253, 125, 130, var(--bs-link-underline-opacity, 1)) !important;
}

.link-cancel {
  color: RGBA(var(--bs-cancel-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-cancel-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-cancel:hover, .link-cancel:focus {
  color: RGBA(173, 173, 173, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(173, 173, 173, var(--bs-link-underline-opacity, 1)) !important;
}

.link-alerterror {
  color: RGBA(var(--bs-alerterror-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-alerterror-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-alerterror:hover, .link-alerterror:focus {
  color: RGBA(253, 125, 130, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(253, 125, 130, var(--bs-link-underline-opacity, 1)) !important;
}

.link-medium {
  color: RGBA(var(--bs-medium-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-medium-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-medium:hover, .link-medium:focus {
  color: RGBA(241, 241, 241, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(241, 241, 241, var(--bs-link-underline-opacity, 1)) !important;
}

.link-editor {
  color: RGBA(var(--bs-editor-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-editor-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-editor:hover, .link-editor:focus {
  color: RGBA(68, 70, 70, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(68, 70, 70, var(--bs-link-underline-opacity, 1)) !important;
}

.link-verydark {
  color: RGBA(var(--bs-verydark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-verydark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-verydark:hover, .link-verydark:focus {
  color: RGBA(31, 37, 45, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(31, 37, 45, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  -webkit-box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
          box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.icon-link > .bi {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  -webkit-transition: 0.2s ease-in-out transform;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    -webkit-transition: none;
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  -webkit-transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
          transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.vstack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

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

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

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

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

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

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

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

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

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

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

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

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  -webkit-box-shadow: var(--bs-box-shadow) !important;
          box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  -webkit-box-shadow: var(--bs-box-shadow-sm) !important;
          box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  -webkit-box-shadow: var(--bs-box-shadow-lg) !important;
          box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info-offset {
  --bs-focus-ring-color: rgba(var(--bs-info-offset-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning-muted {
  --bs-focus-ring-color: rgba(var(--bs-warning-muted-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info-muted {
  --bs-focus-ring-color: rgba(var(--bs-info-muted-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success-muted {
  --bs-focus-ring-color: rgba(var(--bs-success-muted-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success-muted-light {
  --bs-focus-ring-color: rgba(var(--bs-success-muted-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger-muted {
  --bs-focus-ring-color: rgba(var(--bs-danger-muted-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-def {
  --bs-focus-ring-color: rgba(var(--bs-def-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-def-info {
  --bs-focus-ring-color: rgba(var(--bs-def-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-def-sort {
  --bs-focus-ring-color: rgba(var(--bs-def-sort-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-def-inv {
  --bs-focus-ring-color: rgba(var(--bs-def-inv-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-def-delete {
  --bs-focus-ring-color: rgba(var(--bs-def-delete-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-def-close-suspend {
  --bs-focus-ring-color: rgba(var(--bs-def-close-suspend-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-def-cred {
  --bs-focus-ring-color: rgba(var(--bs-def-cred-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-def-list {
  --bs-focus-ring-color: rgba(var(--bs-def-list-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-def-action {
  --bs-focus-ring-color: rgba(var(--bs-def-action-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-previous {
  --bs-focus-ring-color: rgba(var(--bs-previous-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-back {
  --bs-focus-ring-color: rgba(var(--bs-back-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-amazon {
  --bs-focus-ring-color: rgba(var(--bs-amazon-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-accord {
  --bs-focus-ring-color: rgba(var(--bs-accord-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-performaction {
  --bs-focus-ring-color: rgba(var(--bs-performaction-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-airbnb {
  --bs-focus-ring-color: rgba(var(--bs-airbnb-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger-light {
  --bs-focus-ring-color: rgba(var(--bs-danger-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-cancel {
  --bs-focus-ring-color: rgba(var(--bs-cancel-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-alerterror {
  --bs-focus-ring-color: rgba(var(--bs-alerterror-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-medium {
  --bs-focus-ring-color: rgba(var(--bs-medium-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-editor {
  --bs-focus-ring-color: rgba(var(--bs-editor-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-verydark {
  --bs-focus-ring-color: rgba(var(--bs-verydark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}

.translate-middle-y {
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

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

.border-top-0 {
  border-top: 0 !important;
}

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

.border-end-0 {
  border-right: 0 !important;
}

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

.border-bottom-0 {
  border-bottom: 0 !important;
}

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

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-info-offset {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-offset-rgb), var(--bs-border-opacity)) !important;
}

.border-warning-muted {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-muted-rgb), var(--bs-border-opacity)) !important;
}

.border-info-muted {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-muted-rgb), var(--bs-border-opacity)) !important;
}

.border-success-muted {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-muted-rgb), var(--bs-border-opacity)) !important;
}

.border-success-muted-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-muted-light-rgb), var(--bs-border-opacity)) !important;
}

.border-danger-muted {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-muted-rgb), var(--bs-border-opacity)) !important;
}

.border-def {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-def-rgb), var(--bs-border-opacity)) !important;
}

.border-def-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-def-info-rgb), var(--bs-border-opacity)) !important;
}

.border-def-sort {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-def-sort-rgb), var(--bs-border-opacity)) !important;
}

.border-def-inv {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-def-inv-rgb), var(--bs-border-opacity)) !important;
}

.border-def-delete {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-def-delete-rgb), var(--bs-border-opacity)) !important;
}

.border-def-close-suspend {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-def-close-suspend-rgb), var(--bs-border-opacity)) !important;
}

.border-def-cred {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-def-cred-rgb), var(--bs-border-opacity)) !important;
}

.border-def-list {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-def-list-rgb), var(--bs-border-opacity)) !important;
}

.border-def-action {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-def-action-rgb), var(--bs-border-opacity)) !important;
}

.border-previous {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-previous-rgb), var(--bs-border-opacity)) !important;
}

.border-back {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-back-rgb), var(--bs-border-opacity)) !important;
}

.border-amazon {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-amazon-rgb), var(--bs-border-opacity)) !important;
}

.border-accord {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-accord-rgb), var(--bs-border-opacity)) !important;
}

.border-performaction {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-performaction-rgb), var(--bs-border-opacity)) !important;
}

.border-airbnb {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-airbnb-rgb), var(--bs-border-opacity)) !important;
}

.border-danger-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-light-rgb), var(--bs-border-opacity)) !important;
}

.border-cancel {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-cancel-rgb), var(--bs-border-opacity)) !important;
}

.border-alerterror {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-alerterror-rgb), var(--bs-border-opacity)) !important;
}

.border-medium {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-medium-rgb), var(--bs-border-opacity)) !important;
}

.border-editor {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-editor-rgb), var(--bs-border-opacity)) !important;
}

.border-verydark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-verydark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.justify-content-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

.order-first {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-last {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

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

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

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

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1, .mr-1 {
  margin-right: 0.25rem !important;
}

.me-2, .mr-2 {
  margin-right: 0.5rem !important;
}

.me-3, .mr-3 {
  margin-right: 1rem !important;
}

.me-4, .mr-4 {
  margin-right: 1.5rem !important;
}

.me-5, .mr-5 {
  margin-right: 3rem !important;
}

.me-auto, .mr-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1, .ml-1 {
  margin-left: 0.25rem !important;
}

.ms-2, .ml-2 {
  margin-left: 0.5rem !important;
}

.ms-3, .ml-3 {
  margin-left: 1rem !important;
}

.ms-4, .ml-4 {
  margin-left: 1.5rem !important;
}

.ms-5, .ml-5 {
  margin-left: 3rem !important;
}

.ms-auto, .ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

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

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

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

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1, .pr-1 {
  padding-right: 0.25rem !important;
}

.pe-2, .pr-2 {
  padding-right: 0.5rem !important;
}

.pe-3, .pr-3 {
  padding-right: 1rem !important;
}

.pe-4, .pr-4 {
  padding-right: 1.5rem !important;
}

.pe-5, .pr-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1, .pl-1 {
  padding-left: 0.25rem !important;
}

.ps-2, .pl-2 {
  padding-left: 0.5rem !important;
}

.ps-3, .pl-3 {
  padding-left: 1rem !important;
}

.ps-4, .pl-4 {
  padding-left: 1.5rem !important;
}

.ps-5, .pl-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -webkit-column-gap: 0 !important;
     -moz-column-gap: 0 !important;
          column-gap: 0 !important;
}

.column-gap-1 {
  -webkit-column-gap: 0.25rem !important;
     -moz-column-gap: 0.25rem !important;
          column-gap: 0.25rem !important;
}

.column-gap-2 {
  -webkit-column-gap: 0.5rem !important;
     -moz-column-gap: 0.5rem !important;
          column-gap: 0.5rem !important;
}

.column-gap-3 {
  -webkit-column-gap: 1rem !important;
     -moz-column-gap: 1rem !important;
          column-gap: 1rem !important;
}

.column-gap-4 {
  -webkit-column-gap: 1.5rem !important;
     -moz-column-gap: 1.5rem !important;
          column-gap: 1.5rem !important;
}

.column-gap-5 {
  -webkit-column-gap: 3rem !important;
     -moz-column-gap: 3rem !important;
          column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1, .display-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2, .display-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3, .display-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5, .display-5, .display-4 {
  font-size: 1.25rem !important;
}

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

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start, .text-left {
  text-align: left !important;
}

.text-end, .text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

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

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-info-offset {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-offset-rgb), var(--bs-text-opacity)) !important;
}

.text-warning-muted {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-muted-rgb), var(--bs-text-opacity)) !important;
}

.text-info-muted {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-muted-rgb), var(--bs-text-opacity)) !important;
}

.text-success-muted {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-muted-rgb), var(--bs-text-opacity)) !important;
}

.text-success-muted-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-muted-light-rgb), var(--bs-text-opacity)) !important;
}

.text-danger-muted {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-muted-rgb), var(--bs-text-opacity)) !important;
}

.text-def {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-def-rgb), var(--bs-text-opacity)) !important;
}

.text-def-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-def-info-rgb), var(--bs-text-opacity)) !important;
}

.text-def-sort {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-def-sort-rgb), var(--bs-text-opacity)) !important;
}

.text-def-inv {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-def-inv-rgb), var(--bs-text-opacity)) !important;
}

.text-def-delete {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-def-delete-rgb), var(--bs-text-opacity)) !important;
}

.text-def-close-suspend {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-def-close-suspend-rgb), var(--bs-text-opacity)) !important;
}

.text-def-cred {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-def-cred-rgb), var(--bs-text-opacity)) !important;
}

.text-def-list {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-def-list-rgb), var(--bs-text-opacity)) !important;
}

.text-def-action {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-def-action-rgb), var(--bs-text-opacity)) !important;
}

.text-previous {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-previous-rgb), var(--bs-text-opacity)) !important;
}

.text-back {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-back-rgb), var(--bs-text-opacity)) !important;
}

.text-amazon {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-amazon-rgb), var(--bs-text-opacity)) !important;
}

.text-accord {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-accord-rgb), var(--bs-text-opacity)) !important;
}

.text-performaction {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-performaction-rgb), var(--bs-text-opacity)) !important;
}

.text-airbnb {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-airbnb-rgb), var(--bs-text-opacity)) !important;
}

.text-danger-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-light-rgb), var(--bs-text-opacity)) !important;
}

.text-cancel {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cancel-rgb), var(--bs-text-opacity)) !important;
}

.text-alerterror {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-alerterror-rgb), var(--bs-text-opacity)) !important;
}

.text-medium {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-medium-rgb), var(--bs-text-opacity)) !important;
}

.text-editor {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-editor-rgb), var(--bs-text-opacity)) !important;
}

.text-verydark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-verydark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

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

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

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

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

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

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

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

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

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

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

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

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info-offset {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-offset-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning-muted {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-muted-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info-muted {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-muted-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success-muted {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-muted-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success-muted-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-muted-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger-muted {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-muted-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-def {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-def-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-def-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-def-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-def-sort {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-def-sort-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-def-inv {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-def-inv-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-def-delete {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-def-delete-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-def-close-suspend {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-def-close-suspend-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-def-cred {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-def-cred-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-def-list {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-def-list-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-def-action {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-def-action-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-previous {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-previous-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-back {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-back-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-amazon {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-amazon-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-accord {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-accord-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-performaction {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-performaction-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-airbnb {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-airbnb-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-cancel {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-cancel-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-alerterror {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-alerterror-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-medium {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-medium-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-editor {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-editor-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-verydark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-verydark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info-offset {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-offset-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning-muted {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-muted-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info-muted {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-muted-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success-muted {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-muted-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success-muted-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-muted-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger-muted {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-muted-rgb), var(--bs-bg-opacity)) !important;
}

.bg-def {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-def-rgb), var(--bs-bg-opacity)) !important;
}

.bg-def-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-def-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-def-sort {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-def-sort-rgb), var(--bs-bg-opacity)) !important;
}

.bg-def-inv {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-def-inv-rgb), var(--bs-bg-opacity)) !important;
}

.bg-def-delete {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-def-delete-rgb), var(--bs-bg-opacity)) !important;
}

.bg-def-close-suspend {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-def-close-suspend-rgb), var(--bs-bg-opacity)) !important;
}

.bg-def-cred {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-def-cred-rgb), var(--bs-bg-opacity)) !important;
}

.bg-def-list {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-def-list-rgb), var(--bs-bg-opacity)) !important;
}

.bg-def-action {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-def-action-rgb), var(--bs-bg-opacity)) !important;
}

.bg-previous {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-previous-rgb), var(--bs-bg-opacity)) !important;
}

.bg-back {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-back-rgb), var(--bs-bg-opacity)) !important;
}

.bg-amazon {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-amazon-rgb), var(--bs-bg-opacity)) !important;
}

.bg-accord {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-accord-rgb), var(--bs-bg-opacity)) !important;
}

.bg-performaction {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-performaction-rgb), var(--bs-bg-opacity)) !important;
}

.bg-airbnb {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-airbnb-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cancel {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cancel-rgb), var(--bs-bg-opacity)) !important;
}

.bg-alerterror {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-alerterror-rgb), var(--bs-bg-opacity)) !important;
}

.bg-medium {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-medium-rgb), var(--bs-bg-opacity)) !important;
}

.bg-editor {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-editor-rgb), var(--bs-bg-opacity)) !important;
}

.bg-verydark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-verydark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

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

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -webkit-column-gap: 1.5rem !important;
       -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -webkit-column-gap: 1.5rem !important;
       -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -webkit-column-gap: 1.5rem !important;
       -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -webkit-column-gap: 1.5rem !important;
       -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -webkit-column-gap: 1.5rem !important;
       -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1, .display-1 {
    font-size: 2.5rem !important;
  }
  .fs-2, .display-2 {
    font-size: 2rem !important;
  }
  .fs-3, .display-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/********************
 * GENERAL STYLES
 ********************/
html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}

/*body {
    background-color: #fff;
    font-family: $font-family;
    font-size: $font-size;
    color: $body-black !important;
}*/
a {
  color: #00aaff;
  text-decoration: none;
}
a:hover, a:focus {
  color: #008fd6;
  text-decoration: underline;
}

th {
  font-weight: normal;
}

.screen-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
@media screen and (max-width: 767px) {
  .screen-overlay {
    z-index: 0;
  }
}

footer {
  bottom: 0;
  right: 0;
  padding-top: 15px;
  padding-bottom: 10px;
  background-color: #F5F6F9;
  color: #a0aeba;
}
@media screen and (max-width: 767px) {
  footer {
    position: relative;
  }
}

.copyright {
  margin-bottom: 0;
  margin-right: 10px;
  text-align: right;
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  .copyright {
    width: 100%;
    text-align: center;
    position: relative !important;
  }
}

body {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  -webkit-overflow-scrolling: auto;
  overflow-y: auto;
  overflow-x: hidden;
  /*   scrollbar-color: $scrollbar-thumb-color rgba(0, 0, 0, 0);
      scrollbar-width: thin;*/
  /* Legacy browsers with `::-webkit-scrollbar-*` support */
  /*  @supports selector(::-webkit-scrollbar) {
      ::-webkit-scrollbar-thumb {
          background: $scrollbar-thumb-color;
      }

      ::-webkit-scrollbar-track {
          background: rgba(0, 0, 0, 0);
      }

      ::-webkit-scrollbar {
          max-width: 8px;
          max-height: 8px;
      }
  }*/
}
body ::-webkit-scrollbar {
  position: absolute;
  width: 8px;
  margin-left: -10px;
  -webkit-appearance: none;
}
body ::-webkit-scrollbar-track {
  background-color: transparent;
  border-right: none;
  border-left: none;
}
body ::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: rgba(160, 174, 186, 0.2);
  background-clip: content-box;
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 1px 2px;
  border-radius: 7px;
}

@media screen and (min-width: 1200px) {
  h1, .h1 {
    font-size: 5rem;
  }
  h2, .h2 {
    font-size: 1.4875rem;
  }
  h3, .h3 {
    font-size: 1.2325rem;
  }
  h3, .h3 {
    font-size: 1.2325rem;
  }
  h6, .h6 {
    font-size: 1.0625rem;
  }
  h5, .h5 {
    font-size: 0.9775rem;
  }
  h6, .h6 {
    font-size: 0.85rem;
  }
}
/********************
 * GENERAL STYLES V2
 ********************/
body {
  /*background-color: #fff;*/
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.85rem;
  color: #5e6773 !important;
}

a {
  color: #00aaff;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #5e6773;
}

.card-footer {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

/********************
 * LAYOUT
 ********************/
.brandwrapper .navbar-brand {
  max-width: 240px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .brandwrapper .navbar-brand {
    background-image: url("../assets/images/logo/LinkSafe-full-logo-2018.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 55px;
    width: 230px;
  }
}
@media screen and (min-width: 768px) {
  .brandwrapper .navbar-brand {
    background-image: url("../assets/images/logo/LinkSafe-full-logo-2018.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 55px;
    width: 230px;
  }
}

#wrapper {
  overflow-x: hidden;
  min-height: 100vh;
}
#wrapper > form {
  height: 100vh;
  overflow: hidden;
}
#wrapper > form .admin-portal {
  height: calc(100vh - 90px) !important;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #wrapper {
    overflow-y: hidden;
  }
  #wrapper .main-content {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0 !important;
  }
}
@media screen and (min-width: 769px) {
  #wrapper {
    overflow-y: auto;
  }
  #wrapper .main-content {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
#wrapper .mnusidebar {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 250px;
  height: 100%;
  float: left;
  background-color: #fff;
  position: fixed;
  left: 0;
  overflow-y: auto;
  top: 75px;
  z-index: 1032;
}
@media (prefers-reduced-motion: reduce) {
  #wrapper .mnusidebar {
    -webkit-transition: none;
    transition: none;
  }
}
#wrapper .main-content {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: calc(100% - 250px);
  position: relative;
  left: 250px;
  background-color: #fff;
  margin-top: 90px;
  max-height: calc(100vh - 90px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (prefers-reduced-motion: reduce) {
  #wrapper .main-content {
    -webkit-transition: none;
    transition: none;
  }
}
#wrapper .main-content-full {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
  position: relative;
  float: right;
  left: 0;
  background-color: #fff;
  min-height: calc(100vh - 100px);
  margin-top: 0px;
  height: 100vh;
}
@media (prefers-reduced-motion: reduce) {
  #wrapper .main-content-full {
    -webkit-transition: none;
    transition: none;
  }
}
#wrapper #sidebar-nav,
#wrapper .main {
  padding-top: 70px;
}
#wrapper #sidebar-nav {
  padding-bottom: 30px;
  background: #2B333E !important;
}
#wrapper .avatar {
  width: 80px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
#wrapper .card-remaining {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border: none;
  margin-top: 0.5rem !important;
  width: 100% !important;
}
#wrapper .card-remaining .card-body {
  padding: 0 1.25rem;
}
#wrapper .card-remaining > div:first-child {
  height: calc(100vh - 225px);
}
#wrapper .card-remaining .card-fill-height {
  height: calc(100vh - 255px);
}
#wrapper .remaining-full {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100% !important;
  height: 100%;
}
#wrapper .remaining-space {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
  min-height: calc(100% - 1rem);
  height: 100%;
}
#wrapper .remaining-full-no-overflow {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  width: 100% !important;
  height: 100%;
}
#wrapper .remaining-space-no-overflow {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  min-height: calc(100% - 1rem);
  height: 100%;
}

.layout-fullwidth #wrapper .mnusidebar {
  left: -80px;
}
.layout-fullwidth #wrapper .main {
  width: 100%;
  min-height: 100vh;
}
.layout-fullwidth #wrapper .main-content {
  width: 100%;
}
.layout-fullwidth #wrapper .filter-bar {
  left: 0px !important;
  z-index: 200;
}
.layout-fullwidth #wrapper .navbar {
  left: 0px !important;
  z-index: 1032;
}

.layout-topnav #wrapper .main {
  width: 100%;
  padding-top: 100px;
  background-color: #F5F6F9;
}
.layout-topnav #wrapper .main-content {
  margin: 0 auto;
}
.layout-topnav #wrapper .content-heading {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  background: transparent;
  border: none;
}
.layout-topnav footer .copyright {
  text-align: center;
}

.offcanvas-active #wrapper .mnusidebar {
  left: 0;
}
.offcanvas-active #wrapper .main {
  width: 100%;
  position: relative;
  left: 80px;
}

.sidebar-minified {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-minified {
    -webkit-transition: none;
    transition: none;
  }
}
.sidebar-minified.layout-fullwidth #wrapper .main-content {
  width: 100%;
}
.sidebar-minified #wrapper .mnusidebar {
  width: 80px;
  height: 100%;
  overflow-y: visible;
}
.sidebar-minified #wrapper .mnusidebar .nav li.nav-item {
  width: 80px;
}
.sidebar-minified #wrapper .main-content {
  width: calc(100% - 80px);
  position: relative;
  left: 80px;
}
@media screen and (min-width: 768px) {
  .sidebar-minified #wrapper .main-content {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 768px) {
  .sidebar-minified #wrapper .main-content {
    width: 100%;
  }
}
.sidebar-minified #wrapper .main {
  width: calc(100% - 80px);
}
/*@include max-screen($break-1280) {
    .layout-fullwidth #wrapper {
        .mnusidebar {
            left: 0;
        }
    }

    #wrapper {
        .mnusidebar {
            left: -$sidebar-full-width;
            width: $sidebar-full-width;
        }*/
/*.main {
            position:relative;
            width: 100%;
        }*/
/*.main-content {
            position: relative;
            width: 100%;
        }

        .navbar {
            left: 0px !important;
            z-index: 1032;
        }
    }

    .btn-toggle-minified {
        display: none;
    }
}*/
@media screen and (max-width: 768px) {
  .layout-fullwidth #wrapper .mnusidebar {
    left: 0;
  }
  .sidebar-minified.layout-fullwidth #wrapper .main-content {
    width: calc(100% - 80px);
  }
  .sidebar-minified:not(.layout-fullwidth) .main-content {
    width: 100%;
  }
  #wrapper {
    /*.main {
        position:relative;
        width: 100%;
    }*/
  }
  #wrapper .mnusidebar {
    left: -250px;
  }
  #wrapper .main-content {
    position: relative;
    width: 100%;
  }
  #wrapper .navbar {
    left: 0px !important;
    z-index: 1032;
  }
  .btn-toggle-minified {
    display: none;
  }
  .content-heading {
    margin: 25px -10px 0px -10px;
  }
}
.content-heading {
  margin: 25px -10px 0px -10px;
  padding: 10px 25px;
  background-color: #fff;
  /*h1.page-title {
      margin: 0 0 3px 0;
      font-size: 1.8rem;
      font-weight: 300;
      color: #5e6773 !important;
      text-align:left;
  }*/
  /*  a.crumb {
      font-weight: bold;
      color: $color-accent;

      &:hover {
          text-decoration: underline;
      }
  }*/
}
.content-heading .heading-left {
  float: left;
}
.content-heading .page-title {
  margin: 0 0 3px 0;
  font-size: 1.6rem;
  font-weight: 300;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
}
.content-heading .page-subtitle {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  color: #627687;
}
.content-heading .breadcrumb {
  float: right;
  margin-bottom: 0;
  padding: 12px 0;
}
@media screen and (max-width: 768px) {
  .content-heading .heading-left,
  .content-heading .breadcrumb {
    float: none;
  }
  .content-heading .breadcrumb {
    padding-bottom: 0;
  }
}

.main-content {
  /*position: relative;
  display: flex;
  align-items: stretch;
  padding: 0 10px 28px 10px;
  margin: 0;
  min-height: calc(100vh - 125px);

  @include max-screen($break-small - 1px) {
      padding-bottom: 0;
  }*/
}

.navbar + .main-content {
  padding: 105px 0 28px 5px;
}
@media screen and (max-width: 767px) {
  .navbar + .main-content {
    padding-top: 155px;
  }
}

html.fullscreen-bg,
html.fullscreen-bg body,
html.fullscreen-bg #wrapper {
  height: 100%;
}

.vertical-align-wrap {
  position: absolute;
  width: 100%;
  height: 100vh;
  display: table;
}

.vertical-align-middle {
  display: table-cell;
  vertical-align: middle;
}

.layout-table {
  display: table;
  width: 100%;
}
.layout-table .cell {
  display: table-cell;
}
.layout-table .cell.valign-top {
  vertical-align: top;
}
.layout-table .cell.valign-middle {
  vertical-align: middle;
}
.layout-table .cell.valign-bottom {
  vertical-align: bottom;
}
@media screen and (max-width: 640px) {
  .layout-table, .layout-table .cell {
    display: block;
  }
  .layout-table .cell {
    margin-bottom: 10px;
  }
  .layout-table .cell.text-right {
    text-align: left;
  }
}

.right-sidebar {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  top: 0;
  padding-top: 5px;
  padding-bottom: 50px;
  overflow-y: auto;
  right: -360px;
  width: 350px;
  height: 100%;
  z-index: 99;
  background: #fff;
  color: #5e6773;
}
@media (prefers-reduced-motion: reduce) {
  .right-sidebar {
    -webkit-transition: none;
    transition: none;
  }
}
.right-sidebar.active {
  right: 0;
}
.right-sidebar .widget-heading {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 0 10px 0;
  font-size: 12px;
  font-weight: 600;
}
.right-sidebar .widget-heading i {
  margin-right: 5px;
  font-size: 16px;
}
.right-sidebar .widget-header {
  padding: 15px 25px;
  margin: 0 -25px 30px -25px;
  background-color: #f8f9fa;
  border-top: 1px solid #eaeff2;
  border-bottom: 1px solid #eaeff2;
}
.right-sidebar .widget-header .widget-heading {
  margin: 0;
}
.right-sidebar .widget-header .show-all {
  float: right;
  font-size: 12px;
  line-height: 1.8;
  color: #a0aeba;
  text-decoration: underline;
}
.right-sidebar .widget-header .show-all:hover, .right-sidebar .widget-header .show-all:focus {
  text-decoration: none;
}
.right-sidebar .date {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
}

.sidebar-widget {
  padding: 15px 25px;
}

.has-content-menu .navbar + .main-content,
.has-content-menu .main-content .container-fluid,
.has-content-menu .main-content .container-sm,
.has-content-menu .main-content .container-md,
.has-content-menu .main-content .container-lg,
.has-content-menu .main-content .container-xl,
.has-content-menu .main-content .container-xxl {
  padding: 0;
}
.has-content-menu .content-menu {
  background-color: #fff;
  margin-bottom: 30px;
}
.has-content-menu .content-menu .right {
  padding-right: 0;
}
.has-content-menu .content-menu .content-menu-left {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  padding: 30px 15px;
  background-color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .has-content-menu .content-menu .content-menu-left {
    -webkit-transition: none;
    transition: none;
  }
}
.has-content-menu .content-menu .content-menu-right {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 100%;
  padding: 30px 0;
  border-left: 1px solid #e9eef2;
  border-right: 1px solid #e9eef2;
  background-color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .has-content-menu .content-menu .content-menu-right {
    -webkit-transition: none;
    transition: none;
  }
}
.has-content-menu .content-right {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-bottom: 20px;
}
@media (prefers-reduced-motion: reduce) {
  .has-content-menu .content-right {
    -webkit-transition: none;
    transition: none;
  }
}
.has-content-menu .content-panel {
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #e9eef2;
}
.has-content-menu .btn-open-content-menu,
.has-content-menu .btn-close-content-menu,
.has-content-menu .btn-close-content-right {
  display: none;
}

.row-panel {
  margin-left: -25px;
  margin-right: -25px;
}
.row-panel > div[class^=col-] {
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (max-width: 1279px) {
  .page-inbox .content-right {
    display: none;
    width: 96%;
    position: absolute;
    top: -44em;
    z-index: 9;
  }
  .page-inbox .content-menu {
    position: relative;
    background: transparent;
  }
  .page-inbox .content-menu .right {
    padding-right: 15px;
  }
  .page-inbox .content-menu .content-menu-left {
    position: fixed;
    left: -300px;
    width: 250px;
    z-index: 8;
  }
  .page-inbox .content-menu .content-menu-right {
    width: 100%;
    top: 0;
    z-index: 9;
    /* disable scrolling */
  }
  .page-inbox .content-menu .content-menu-right .slimScrollDiv,
  .page-inbox .content-menu .content-menu-right .sidebar-scroll {
    overflow: visible !important;
  }
  .page-inbox .content-menu .content-menu-right .slimScrollBar {
    display: none !important;
  }
  .page-inbox .btn-open-content-menu {
    display: block;
    float: left;
    position: relative;
    top: -4px;
    margin-right: 8px;
  }
  .page-inbox .btn-close-content-menu {
    display: block;
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 18px;
    color: #9fa9b5;
  }
  .page-inbox .btn-close-content-right {
    display: block;
    float: right;
    font-size: 18px;
    color: #9fa9b5;
  }
  .page-inbox .btn-close-content-right:after {
    display: block;
    content: "";
  }
}

.slideEditContainer {
  position: relative;
  top: -4rem;
}

@media screen and (min-width: 768px) {
  .float-right-nm {
    float: right !important;
  }
}
@media screen and (max-width: 767px) {
  .pm-0 {
    padding: 0 !important;
  }
}
.modal-open .modal {
  /*display: flex !important;*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal.fade {
  opacity: 1;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0);
  transform: translate(0);
}

.flexwraprow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.scrollable-dropdown {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  background: #fff;
  min-width: 250px;
}

.scrollable-dropdown li {
  line-height: 2rem;
  font-weight: 500;
  padding-right: 1rem;
  font-size: 0.85rem;
  list-style-type: none;
  padding: 0.25rem 0;
}
.scrollable-dropdown li > span.inline-number {
  display: inline-block;
  width: 40px;
  text-align: right;
  padding-right: 0.5rem;
}

.scrollable-dropdown li:hover {
  line-height: 2rem;
  font-weight: 500;
  background-color: #6366f1;
  color: #ffffff;
  cursor: pointer;
  font-size: 0.85rem;
  border-radius: 0.35rem;
  padding: 0.25rem 0;
}

@media screen and (max-width: 767px) {
  .flex-profile {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-profile .float-label-above {
    margin-top: 8px;
  }
}
.alert-danger-muted {
  color: #000;
  background-color: #fd5c63;
  border-color: #fed1d3;
}

.alert-danger-muted hr {
  border-top-color: #fd5c63;
}

.alert-danger-muted .alert-link {
  color: #5f2225;
}

.alert-info-muted {
  color: #000;
  background-color: #5cc7fc;
  border-color: #5cc7fc;
}

.alert-info-muted hr {
  border-top-color: #5cc7fc;
}

.alert-info-muted .alert-link {
  color: #343a40;
}

.alert-success-muted {
  color: #000 !important;
  background-color: #26ddae;
  border-color: #26ddae;
  font-weight: 500;
}

.alert-success-muted hr {
  border-top-color: #26ddae;
}

.alert-warning-muted {
  color: #000 !important;
  background-color: #fca549;
  border-color: #fca549;
}

.alert-warning-muted hr {
  border-top-color: #fca549;
}

.copyright {
  position: absolute;
  bottom: 8rem;
  padding-left: 0.75rem;
  text-align: left;
  font-size: 0.8rem;
}

.version {
  position: absolute;
  bottom: 6.5rem;
  padding-left: 0.75rem;
  text-align: left;
  font-size: 0.8rem;
}

.position-centre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.credential-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.credential-tab > div:first-child {
  height: 70px;
}
.credential-tab > div:last-child {
  height: calc(100% - 70px);
}
.credential-tab .credential-from-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: absolute;
  top: -7.15rem;
  right: 0;
  z-index: 5;
}
.credential-tab .credential-from-address > div input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 400px;
  height: 55px;
}
.credential-tab .credential-from-address > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 55px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.credential-version-list .cred-presentation {
  position: relative;
  width: 88px;
}
.credential-version-list .required {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-square-asterisk'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 8.5v7' /%3E%3Cpath d='M9 10l6 4' /%3E%3Cpath d='M9 14l6 -4' /%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  position: absolute;
  top: -3px;
  right: 0;
}

.space-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  height: 100%;
}

.space-needed {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.space-fill {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.version-layout .mobile-layout {
  display: none;
}
.version-layout .desktop-layout {
  display: none;
}
.version-layout .desktop-layout > .desktop-label > .lbl-inline {
  place-content: flex-end;
}
.version-layout .mobile-scroll, .version-layout .desktop-scroll {
  place-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.version-layout .scroll-out {
  overflow-y: auto;
  border-radius: 0.35rem;
}
.version-layout .scroll-out > .layout-scroll-banner {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  color: #fff;
  background: #00AAFF;
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
.version-layout .scroll-out > .layout-scroll-body {
  overflow-y: auto;
  padding: 0.6rem;
}
.version-layout .scroll-out > .layout-scroll-footer {
  border-top: 1px solid #dee2e6;
  margin-top: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  color: #ffffff;
  background: #00AAFF;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}
.version-layout .scroll-within {
  position: relative;
  border-radius: 0.35rem;
}
.version-layout .scroll-within > .layout-scroll-banner {
  position: static;
  top: 0;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  color: #fff;
  background: #00AAFF;
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
.version-layout .scroll-within > .layout-scroll-body {
  overflow-y: auto;
  padding: 0.6rem;
  height: 125px;
}
.version-layout .scroll-within > .layout-scroll-footer {
  position: static;
  bottom: 0;
  border-top: 1px solid #dee2e6;
  margin-top: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  color: #ffffff;
  background: #00AAFF;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}
.version-layout .layout-scroll {
  height: 220px;
  border: 1px solid #dee2e6;
  border-radius: 0.35rem;
  width: 300px;
}
.version-layout .layout-table-none {
  overflow: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.35rem;
}
.version-layout .layout-table-none > .layout-table-banner {
  color: #ffffff;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  background: #00AAFF;
}
.version-layout .layout-table-none > .layout-table-body {
  overflow-y: auto;
  padding: 0.6rem;
}
.version-layout .layout-table-none > .layout-table-body > table {
  width: 500px;
  border-collapse: collapse;
  border-width: 1px;
}
.version-layout .layout-table-none > .layout-table-body > table > tbody > tr > td {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}
.version-layout .layout-table-none > .layout-table-body > table > tbody > tr > td:last-child {
  border-left: none;
  padding: 0.4rem;
}
.version-layout .layout-table-none > .layout-table-body > table > tbody > tr > td:not(:last-child) {
  border-left: 1px solid #dee2e6;
  padding: 0.4rem;
}
.version-layout .layout-table-none > .layout-table-footer {
  border-top: 1px solid #dee2e6;
  margin-top: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  background: #00AAFF;
  color: #ffffff;
}
.version-layout .layout-table-fit {
  overflow-y: auto;
  width: 100%;
  border: 1px solid #dee2e6;
  border-radius: 0.35rem;
}
.version-layout .layout-table-fit > .layout-table-banner {
  color: #fff;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  background: #00AAFF;
}
.version-layout .layout-table-fit > .layout-table-body {
  overflow-y: auto;
  padding: 0.6rem;
}
.version-layout .layout-table-fit > .layout-table-body > table.fit {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px;
}
.version-layout .layout-table-fit > .layout-table-body > table.fit > tbody > tr > td {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}
.version-layout .layout-table-fit > .layout-table-body > table.fit > tbody > tr > td:last-child {
  border-left: none;
  padding: 0.4rem;
}
.version-layout .layout-table-fit > .layout-table-body > table.fit > tbody > tr > td:not(:last-child) {
  border-left: 1px solid #dee2e6;
  padding: 0.4rem;
}
.version-layout .layout-table-fit > .layout-table-footer {
  border-top: 1px solid #dee2e6;
  margin-top: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  color: #ffffff;
  background: #00AAFF;
}
.version-layout .layout-table-wrapped {
  overflow-y: auto;
  overflow-x: hidden;
  height: 218px;
  border: 1px solid #dee2e6;
  border-radius: 0.35rem;
}
.version-layout .layout-table-wrapped > .layout-table-banner {
  color: #ffffff;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  background: #00AAFF;
}
.version-layout .layout-table-wrapped > .layout-table-body {
  overflow-y: auto;
  padding: 0.1rem 0.6rem;
}
.version-layout .layout-table-wrapped > .layout-table-body > table.wrapped {
  width: 100%;
}
.version-layout .layout-table-wrapped > .layout-table-body > table.wrapped tr {
  display: block;
  margin-bottom: 0.5rem;
}
.version-layout .layout-table-wrapped > .layout-table-body > table.wrapped tr td {
  display: block;
  width: 100%;
  padding-bottom: 1rem;
  padding-left: 0.2rem;
  border-right: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
}
.version-layout .layout-table-wrapped > .layout-table-body > table.wrapped tr td:last-child {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.version-layout .layout-table-wrapped > .layout-table-body > table.wrapped tr td:not(:last-child) {
  border-top: 1px solid #dee2e6;
}
.version-layout .layout-table-wrapped > .layout-table-footer {
  border-top: 1px solid #dee2e6;
  margin-top: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  color: #ffffff;
  background: #00AAFF;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}

/* ribbon */
.env-ribbon {
  display: inline-block;
  text-align: center;
  height: 0px;
  width: 100%;
}
.env-ribbon.env-ribbon-dev {
  position: fixed;
  display: inline-block;
  text-align: center;
  height: 0px;
  width: 285px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.env-ribbon.env-ribbon-dev > span {
  background: #ff9900;
}
.env-ribbon.env-ribbon-test {
  position: fixed;
  display: inline-block;
  text-align: center;
  height: 0px;
  width: 285px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.env-ribbon.env-ribbon-test > span {
  background: #e74f4f;
}
.env-ribbon.env-ribbon-top-left {
  top: 40px;
  left: -104px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.env-ribbon.env-ribbon-bottom-right {
  bottom: 40px;
  right: -104px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.env-ribbon > span {
  padding: 15px 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  display: inline-block;
  top: -25px;
  position: relative;
  color: #fff;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  width: 100%;
}

/********************
 * TOP NAVIGATION
 ********************/
/*.navbar {
	min-height: 123px;

}*/
/*.navbar-default {
	@include transition(all .3s ease-in-out);
	@include box-shadow(0 0px 10px 2px rgba(86, 99, 116, 0.25));
	@include border-radius(0);

	padding: 0;
	margin: 0;
	border: none;
	background: #1f6ad0;
	background: -moz-linear-gradient(left, #1f6ad0 0%, #13b9de 100%);
	background: -webkit-linear-gradient(left, #1f6ad0 0%,#13b9de 100%);
	background: linear-gradient(to right, #1f6ad0 0%,#13b9de 100%);

	.navbar-collapse {
		width: 90%;
	}

	.navbar-nav > li > a {
		@include transition(all .3s ease-in-out);

		color: #fff;
		font-weight: 300;

		&:hover,
		&:focus {
			color: #fff;
			background-color: rgba(#fff, .15);
		}
	}

	.navbar-nav > .open > a {
		&,
		&:focus,
		&:hover {
			background-color: rgba(#fff, .15);
			color: #fff;
		}
	}

	.navbar-toggle {
		&,
		&:hover,
		&:focus {
			background-color: #f8f8f8;
		}
	}

	.brand {
		float: left;
		padding: 0 20px;
		position: relative;
		top: 0px;
	}

	@include max-screen($break-1024) {
		.brand {
			padding-left: 30px;
			padding-right: 15px;
		}
	}

	@include max-screen($break-medium) {
		.brand {
			display: none;
		}
	}

	@include max-screen($break-small - 1px) {
		.navbar-nav .open .dropdown-menu > li > a {
			color: inherit;
		}
	}
}*/
.navbar-btn {
  float: left;
  margin: 0;
  line-height: 55px;
  margin-top: 15px;
}
.navbar-btn button {
  font-size: 2.5rem;
  padding: 10px 20px;
  line-height: 1;
  vertical-align: middle;
  border: none;
  background: none;
  outline: none;
  color: #2B333E;
}
.navbar-btn button:hover, .navbar-btn button:focus {
  color: #00AAFF;
}
@media screen and (max-width: 640px) {
  .navbar-btn {
    padding-left: 0;
  }
}

.navbar-btn-right {
  float: right;
}

.navbar-form {
  border: 0;
  margin-top: 10px;
}
.navbar-form input[type=text] {
  min-width: 200px;
}
@media screen and (max-width: 767px) {
  .navbar-form {
    float: left;
    width: 70%;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-form .input-group {
    width: 70%;
  }
  .navbar-form input[type=text] {
    min-width: 150px;
  }
}
@media screen and (max-width: 640px) {
  .navbar-form {
    display: none;
  }
}

.navbar-nav .icon-menu {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.navbar-nav .icon-menu .badge {
  position: absolute;
  top: 12px;
  right: 14px;
  font-weight: 300;
  font-size: 10px;
  background-color: #ff4242;
}
.navbar-nav > li > a {
  padding: 0 20px;
}
.navbar-nav > li > a > i {
  margin-top: 15px;
  margin-right: 2px;
  line-height: 24px;
  vertical-align: middle;
}
.navbar-nav > li > a > i.icon-submenu {
  margin-left: 2px;
  margin-right: 0;
  font-size: 8px;
  position: relative;
  top: 2px;
}
.navbar-nav > li > a > span {
  position: relative;
  top: 2px;
}
.navbar-nav > li > a img {
  width: 50px;
  margin-top: 15px;
  margin-right: 2px;
  border: 1px solid #fff;
}
@media screen and (max-width: 640px) {
  .navbar-nav > li > a {
    line-height: 1;
  }
}
.navbar-nav > li > .dropdown-menu {
  padding: 0;
  min-width: 200px;
}
.navbar-nav > li.open > .dropdown-menu {
  -webkit-animation: slideDown 0.1s ease-out;
  -moz-animation: slideDown 0.1s ease-out;
}
.navbar-nav .dropdown-menu > li {
  border-bottom: 1px solid #e9eef2;
}
.navbar-nav .dropdown-menu > li:last-child {
  border-bottom: none;
}
.navbar-nav .dropdown-menu > li > a {
  padding: 15px 20px;
  font-size: 14px;
}
.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus, .navbar-nav .dropdown-menu > li > a.active {
  background-color: #fafbfc;
  color: #5e6773;
}
.navbar-nav .dropdown-menu > li > a.active {
  font-weight: 700;
}
.navbar-nav .dropdown-menu > li > a span,
.navbar-nav .dropdown-menu > li > a i {
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .navbar-nav.navbar-right {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .navbar-nav {
    width: 100%;
    margin: 0;
  }
  .navbar-nav > li {
    display: table-cell;
    width: 1%;
    position: inherit;
    text-align: center;
    padding-bottom: 0.2rem;
  }
  .navbar-nav > li > a {
    padding: 15px 20px;
  }
  .navbar-nav > li > a span:not(.badge),
  .navbar-nav > li > a .icon-submenu {
    display: none;
  }
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    width: 100%;
    margin-top: 0;
    background-color: #fff;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 15px 20px;
  }
  .navbar-nav .icon-menu {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav .icon-menu .badge {
    top: 10px;
    right: 15px;
  }
}

@-webkit-keyframes slideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
.navbar-toggle {
  padding: 5px 8px;
  margin: 20px 15px 20px 0;
}
.navbar-toggle .icon-nav {
  font-size: 24px;
}

/*.navbar-toggler {
    position: relative;
    right: -88%;
    top: -70px;
    border: 1px solid $list-separator-color;
    padding:8px
}
*/
#navbarNav .collapse {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  #navbarNav .collapse {
    -webkit-transition: none;
    transition: none;
  }
}

ul.notifications > li {
  border-bottom: 1px solid #e9eef2;
}
ul.notifications > li:first-child {
  padding: 12px 20px;
  font-size: 0.85rem;
}
ul.notifications > li > .more {
  text-align: center;
  /*text-decoration: underline;*/
  font-size: 0.85rem;
}
ul.notifications > li > .more:hover, ul.notifications > li > .more:focus {
  text-decoration: none;
}
ul.notifications div.notification-content {
  display: inline-grid;
  padding: 0 0.5rem 0.5rem 0.5rem;
  /*border-bottom: 1px solid $list-separator-color*/
}
ul.notifications .notification-item i {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: #a0aeba;
  color: #fff;
  float: left;
  font-size: 18px;
  text-align: center;
  margin-top: 0.4rem;
}
ul.notifications .notification-item p {
  margin: 0;
  line-height: 1.2;
  display: inline-block;
}
ul.notifications .notification-item span {
  display: block;
}
ul.notifications .notification-item .text {
  margin-bottom: 5px;
}
ul.notifications .notification-item .timestamp {
  font-size: 12px;
  color: #a0aeba;
}

ul.logged-user-menu > li > a i {
  color: #a0aeba;
  min-width: 30px;
}

.dropdown-menu {
  border-radius: 2px;
  margin-top: 0;
  border-color: #d1d6e6;
}
.dropdown-menu > li > a {
  padding: 5px 12px;
  color: #5e6773;
  font-size: 0.85rem;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover i, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:focus i {
  text-decoration: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #5e6773;
}
.dropdown-menu > li > a i {
  margin-right: 6px;
  font-size: 14px;
  color: #a0aeba;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:focus, .dropdown-menu .active > a:hover {
  background-color: #00AAFF;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
  color: #a0aeba;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-color: #e9eef2;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: #00AAFF;
}
.nav-pills .nav-link {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 0 0.2rem #dae9f1;
          box-shadow: 0 0 0 0.2rem #dae9f1;
  margin-right: 0.5rem;
  background-color: #ffffff;
  border-color: #a3dae3;
  outline: none;
  color: #2b333e;
}
.nav-pills .nav-link:hover {
  color: #2b333e;
  background-color: #c2e7ed;
}
.nav-pills .nav-link.active {
  background-color: #c2e7ed;
  border-color: #a3dae3;
  outline: none;
  color: #2b333e;
}

.plain .nav-pills > li.active > a, .plain .nav-pills > li.active > a:focus, .plain .nav-pills > li.active > a:hover {
  background-color: #00AAFF;
}
.plain .nav-pills .nav-link {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid transparent;
  border-radius: 0.3rem !important;
  margin-right: 0.5rem;
  padding: 0.4rem;
  background-color: #ffffff;
  border-color: #a3dae3;
  outline: none !important;
  color: #2b333e;
}
.plain .nav-pills .nav-link:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2b333e;
  background-color: #c2e7ed;
  outline: none !important;
}
.plain .nav-pills .nav-link.active {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #c2e7ed !important;
  outline: none !important;
  color: #2b333e;
}
.plain .nav-pills > li > a.pill:hover:not(.active) {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2b333e;
  background-color: #c2e7ed;
  outline: none !important;
}

.nav-tabs {
  border-color: #e9eef2;
}
.nav-tabs > li > a {
  color: #a0aeba;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border-color: #e9eef2;
  border-bottom-color: transparent;
}
.nav-tabs > li.disabled > a, .nav-tabs > li.disabled > a:hover, .nav-tabs > li.disabled > a:focus {
  color: #d5dbe0;
  border-color: transparent;
}

.navbar-btn .btn-toggle-fullwidth {
  padding: 25px 5px;
  position: absolute;
  right: 0;
}

.note-btn-group > .note-btn:not(:first-child), .note-btn-group > .note-btn-group:not(:first-child) > .note-btn {
  border-left: none !important;
}

.note-btn-group .open:before {
  display: none;
}

.note-btn.dropdown-toggle:after {
  display: none;
}

.open:before {
  content: "\f053";
  color: #2CC2BE;
}

.closed:before {
  content: "\f054";
  color: #2CC2BE;
}

.btn-toggle-fullwidth {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  border-right: 2px solid #ededed;
  height: 56px;
  margin: 0px;
  padding: 4px 22px 0 0;
  font-size: 2rem;
  cursor: pointer;
}

a.btn-toggle-fullwidth {
  padding: 30px 5px;
  color: #2B333E;
  font-size: 2rem;
}

.navbar-form.search-form .form-control, .navbar-form.search-form .form-control:focus {
  background-color: #238ae0;
  border-color: #3d9dec;
  font-size: 0.85rem;
  color: #bde1ff;
}
.navbar-form.search-form .btn, .navbar-form.search-form .btn-ls {
  color: #cee2fb;
  right: 25px;
}
.navbar-form.search-form ::-webkit-input-placeholder {
  color: rgba(206, 226, 251, 0.5);
}
.navbar-form.search-form :-moz-placeholder {
  color: rgba(206, 226, 251, 0.5);
}
.navbar-form.search-form ::-moz-placeholder {
  color: rgba(206, 226, 251, 0.5);
}
.navbar-form.search-form :-ms-input-placeholder {
  color: rgba(206, 226, 251, 0.5);
}

/********************
 * SIDEBAR NAVIGATION
 ********************/
.mnusidebar {
  margin-top: 2px;
  z-index: 9;
  border-right: 1px solid #e6e6e6;
  -webkit-transition: all 0.2s ease-out !important;
  transition: all 0.2s ease-out !important;
}
.mnusidebar .nav li > a {
  font-size: 14px;
}
.mnusidebar .nav li > a i:first-child {
  margin-right: 10px;
  font-size: 17px;
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
.mnusidebar .nav {
  margin-bottom: 5px;
  position: relative;
  top: -50px;
  -webkit-transition: all 0.2s ease-out !important;
  transition: all 0.2s ease-out !important;
  /* override all styles, need this class as menu hook only */
}
.mnusidebar .nav > li.menu-group {
  padding: 10px 15px;
  margin-top: 20px;
  color: #2CC2BE;
  font-size: 1rem;
}
.mnusidebar .nav > li.menu-group:first-child {
  margin-top: 0;
}
.mnusidebar .nav > li {
  -webkit-transition: all 0.2s ease-out !important;
  transition: all 0.2s ease-out !important;
  white-space: nowrap;
}
.mnusidebar .nav > li:nth-child(2) {
  margin-top: -1px;
}
.mnusidebar .nav > li > a {
  padding: 12px 20px;
  background-color: transparent;
}
.mnusidebar .nav > li > a .title {
  top: -0.6rem;
  position: relative;
}
.mnusidebar .nav > li > a i.ico-course {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-school' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9l-10 -4l-10 4l10 4l10 -4v6' /%3E%3Cpath d='M6 10.6v5.4a6 3 0 0 0 12 0v-5.4' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-registered {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-certificate' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='15' cy='15' r='3' /%3E%3Cpath d='M13 17.5v4.5l2 -1.5l2 1.5v-4.5' /%3E%3Cpath d='M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73' /%3E%3Cline x1='6' y1='9' x2='18' y2='9' /%3E%3Cline x1='6' y1='12' x2='9' y2='12' /%3E%3Cline x1='6' y1='15' x2='8' y2='15' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-industry {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-building-factory' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 21c1.147 -4.02 1.983 -8.027 2 -12h6c.017 3.973 .853 7.98 2 12' /%3E%3Cpath d='M12.5 13h4.5c.025 2.612 .894 5.296 2 8' /%3E%3Cpath d='M9 5a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1' /%3E%3Cline x1='3' y1='21' x2='22' y2='21' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-trade-type {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-tools' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4' /%3E%3Cline x1='14.5' y1='5.5' x2='18.5' y2='9.5' /%3E%3Cpolyline points='12 8 7 3 3 7 8 12' /%3E%3Cline x1='7' y1='8' x2='5.5' y2='9.5' /%3E%3Cpolyline points='16 12 21 17 17 21 12 16' /%3E%3Cline x1='16' y1='17' x2='14.5' y2='18.5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-service-type-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bell-ringing' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6' /%3E%3Cpath d='M4 20h16' /%3E%3Cpath d='M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727' /%3E%3Cpath d='M3 6.727a11.05 11.05 0 0 1 2.792 -3.727' /%3E%3Cpath d='M12 14v-6l-2 2' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-service-type-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bell-ringing' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6' /%3E%3Cpath d='M4 20h16' /%3E%3Cpath d='M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727' /%3E%3Cpath d='M3 6.727a11.05 11.05 0 0 1 2.792 -3.727' /%3E%3Cpath d='M10 9a2 1.5 0 1 1 4 0c0 .91 -.417 1.318 -.816 1.2l-3.184 3.543l4 -.001' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-document-type {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-files' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z' /%3E%3Cpath d='M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='9' /%3E%3Ccircle cx='12' cy='10' r='3' /%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-chain {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-link' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5'%3E%3C/path%3E%3Cpath d='M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-credentials {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-id' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='4' width='18' height='16' rx='3' /%3E%3Ccircle cx='9' cy='10' r='2' /%3E%3Cline x1='15' y1='8' x2='17' y2='8' /%3E%3Cline x1='15' y1='12' x2='17' y2='12' /%3E%3Cline x1='7' y1='16' x2='17' y2='16' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-camera {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-camera' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2' /%3E%3Ccircle cx='12' cy='13' r='3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-password {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-key' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='8' cy='15' r='4' /%3E%3Cline x1='10.85' y1='12.15' x2='19' y2='4' /%3E%3Cline x1='18' y1='5' x2='20' y2='7' /%3E%3Cline x1='15' y1='8' x2='17' y2='10' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a i.ico-logout {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-logout' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23b5c3d4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2' /%3E%3Cpath d='M7 12h14l-3 -3m0 6l3 -3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a.active i {
  border-bottom: 1px solid #a3dae3;
}
.mnusidebar .nav > li > a:hover, .mnusidebar .nav > li > a.active {
  /*background-color: #f9f9f9;*/
  background-color: transparent;
  width: auto;
  position: relative;
}
.mnusidebar .nav > li > a:hover i.icon-submenu, .mnusidebar .nav > li > a.active i.icon-submenu {
  color: #a0aeba;
}
.mnusidebar .nav > li > a:hover > span, .mnusidebar .nav > li > a.active > span {
  color: #a3dae3;
}
.mnusidebar .nav > li > a:hover i.ico-course, .mnusidebar .nav > li > a.active i.ico-course {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-school' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23a3dae3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9l-10 -4l-10 4l10 4l10 -4v6' /%3E%3Cpath d='M6 10.6v5.4a6 3 0 0 0 12 0v-5.4' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a:hover i.ico-registered, .mnusidebar .nav > li > a.active i.ico-registered {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-certificate' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23a3dae3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='15' cy='15' r='3' /%3E%3Cpath d='M13 17.5v4.5l2 -1.5l2 1.5v-4.5' /%3E%3Cpath d='M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73' /%3E%3Cline x1='6' y1='9' x2='18' y2='9' /%3E%3Cline x1='6' y1='12' x2='9' y2='12' /%3E%3Cline x1='6' y1='15' x2='8' y2='15' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a:hover i.ico-industry, .mnusidebar .nav > li > a.active i.ico-industry {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-building-factory' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23a3dae3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 21c1.147 -4.02 1.983 -8.027 2 -12h6c.017 3.973 .853 7.98 2 12' /%3E%3Cpath d='M12.5 13h4.5c.025 2.612 .894 5.296 2 8' /%3E%3Cpath d='M9 5a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1' /%3E%3Cline x1='3' y1='21' x2='22' y2='21' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a:hover i.ico-trade-type, .mnusidebar .nav > li > a.active i.ico-trade-type {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-tools' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23a3dae3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4' /%3E%3Cline x1='14.5' y1='5.5' x2='18.5' y2='9.5' /%3E%3Cpolyline points='12 8 7 3 3 7 8 12' /%3E%3Cline x1='7' y1='8' x2='5.5' y2='9.5' /%3E%3Cpolyline points='16 12 21 17 17 21 12 16' /%3E%3Cline x1='16' y1='17' x2='14.5' y2='18.5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a:hover i.ico-service-type-1, .mnusidebar .nav > li > a.active i.ico-service-type-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bell-ringing' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23a3dae3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6' /%3E%3Cpath d='M4 20h16' /%3E%3Cpath d='M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727' /%3E%3Cpath d='M3 6.727a11.05 11.05 0 0 1 2.792 -3.727' /%3E%3Cpath d='M12 14v-6l-2 2' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a:hover i.ico-service-type-2, .mnusidebar .nav > li > a.active i.ico-service-type-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bell-ringing' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23a3dae3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6' /%3E%3Cpath d='M4 20h16' /%3E%3Cpath d='M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727' /%3E%3Cpath d='M3 6.727a11.05 11.05 0 0 1 2.792 -3.727' /%3E%3Cpath d='M10 9a2 1.5 0 1 1 4 0c0 .91 -.417 1.318 -.816 1.2l-3.184 3.543l4 -.001' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a:hover i.ico-document-type, .mnusidebar .nav > li > a.active i.ico-document-type {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-files' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23a3dae3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z' /%3E%3Cpath d='M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-indent: 2rem;
}
.mnusidebar .nav > li > a[aria-expanded=true], .mnusidebar .nav > li > a.active {
  /*background-color: #f9f9f9;*/
  background-color: transparent;
}
.mnusidebar .nav li > a[data-bs-toggle] .icon-submenu {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -webkit-transition: all 0.2s ease-out !important;
  transition: all 0.2s ease-out !important;
  float: right;
  position: relative;
  top: 5px;
  font-size: 10px;
  color: #a0aeba;
  line-height: 1.1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.mnusidebar .nav li > a[data-bs-toggle].collapsed .icon-submenu {
  font-size: 10px;
  color: #a0aeba;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mnusidebar .nav li.panel {
  margin: 0;
  border: none;
  background: none;
}
.mnusidebar .nav li {
  width: 250px;
}
.mnusidebar .nav {
  /* submenu */
}
.mnusidebar .nav span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: -2px;
}
@media (prefers-reduced-motion: reduce) {
  .mnusidebar .nav span {
    -webkit-transition: none;
    transition: none;
  }
}
.mnusidebar .nav .badge {
  font-weight: 400;
  background-color: #ff213b;
}
.mnusidebar .nav .label,
.mnusidebar .nav .badge {
  top: 0;
  float: right;
  display: block;
  padding: 5px 7px;
}
.mnusidebar .nav .nav > li > a {
  padding-left: 62px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mnusidebar .nav .nav > li > a:focus, .mnusidebar .nav .nav > li > a.active {
  font-weight: 700;
  border-left-color: transparent;
  color: #72767b;
}
.mnusidebar .nav .nav > li > a.active a {
  color: #fff;
}
.mnusidebar .nav .nav .nav {
  margin-bottom: 10px;
}
.mnusidebar .nav .nav .nav > li > a {
  padding-left: 80px;
}
.mnusidebar .submenu {
  padding-left: 0;
}
.mnusidebar .submenu > li {
  list-style-type: none;
}
.mnusidebar .submenu > li > a {
  display: block;
  padding: 10px 10px 10px 55px;
}
.mnusidebar .submenu > li > a:hover, .mnusidebar .submenu > li > a:focus {
  background-color: #f9f9f9;
}
.mnusidebar .submenu > li > a.active {
  color: #00aaff;
}
.mnusidebar .submenu .submenu > li > a {
  padding-left: 65px;
}

.sidebar-minified .brand {
  padding-left: 19px;
  padding-right: 19px;
}
.sidebar-minified .mnusidebar > .nav i:first-child {
  vertical-align: middle;
}
.sidebar-minified .mnusidebar .nav > .menu-group {
  display: none;
}
.sidebar-minified .mnusidebar .nav li > a {
  padding-left: 20px;
  padding-right: 20px;
  width: 80px;
}
.sidebar-minified .mnusidebar .nav li > a[data-bs-toggle] .icon-submenu {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sidebar-minified .mnusidebar .nav > li > a > span,
.sidebar-minified .mnusidebar .nav > li > a > .icon-submenu {
  display: none;
  white-space: nowrap;
}
.sidebar-minified .mnusidebar .nav > li > a > span {
  position: absolute;
  min-width: 96px;
  top: 0px;
  left: 53px;
  padding-left: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-left: none;
}
.sidebar-minified .mnusidebar .nav > li > a > .badge {
  display: inline;
  top: 3px;
  left: 27px;
  min-width: auto;
  padding: 3px 5px;
}
.sidebar-minified .mnusidebar .nav li:hover {
  width: 80px;
}
.sidebar-minified .mnusidebar .nav li:hover > a,
.sidebar-minified .mnusidebar .nav li:hover > a > .title {
  /* color: $color-accent;
  background-color: darken($sidebar-bg-color, 3%);*/
  width: 80px;
}
.sidebar-minified .mnusidebar .nav li:hover > a > .badge {
  background-color: #ff213b;
}
.sidebar-minified .mnusidebar .nav li:hover > a > .title {
  display: none;
}
.sidebar-minified .mnusidebar .nav li:hover > .collapse {
  display: block;
}
.sidebar-minified .mnusidebar .nav li:hover > .collapse li:hover > a {
  background-color: #f7f7f7;
  width: 80px;
}
.sidebar-minified .mnusidebar .submenu > li > a {
  padding-left: 30px;
}
.sidebar-minified .mnusidebar .collapse {
  position: absolute;
  left: 79px;
  min-width: 200px;
  height: auto !important;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-top: none;
  border-left: none;
  /* submenu */
}
.sidebar-minified .mnusidebar .collapse.in {
  display: none;
}
.sidebar-minified .mnusidebar .collapse .collapse {
  position: absolute;
  top: 0;
  left: 199px;
}
.sidebar-minified .mnusidebar .collapse .collapse .submenu > li > a {
  padding-left: 20px;
  padding-right: 20px;
}

.btn-toggle-minified {
  border-radius: 10px;
  display: block;
  margin: 20px auto 30px auto;
  background: #f7f7f7;
  text-align: center;
  font-size: 16px;
  color: #b3b3b3;
  outline: none;
  border: 1px solid #e1e3ea;
  padding: 4px 12px;
}
.btn-toggle-minified:hover {
  color: #8699a8;
  background: whitesmoke;
}
.btn-toggle-minified i {
  position: relative;
  top: 2px;
}

/****************************
 * CONTENT MENU NAVIGATION
 ****************************/
.nav-content-menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 50px;
}
.nav-content-menu > li {
  margin: 18px 0;
}
.nav-content-menu > li > a {
  color: #9fa9b5;
}
.nav-content-menu > li > a:hover, .nav-content-menu > li > a:focus {
  color: #8894a3;
}
.nav-content-menu > li i {
  margin-right: 5px;
}

.content-menu .btn-icon {
  float: right;
  color: #9fa9b5;
}
.content-menu .btn-icon:hover, .content-menu .btn-icon:focus {
  color: #8894a3;
}

.content-menu-header {
  border-bottom: 1px solid #e9eef2;
  padding: 0 15px 15px 15px;
}
.content-menu-header .heading {
  display: inline;
  margin: 0;
  float: left;
  font-size: 16px;
  font-weight: normal;
}

/*********************************
 * NAVIGATION FOR LAYOUT TOPNAV
 *********************************/
.layout-topnav .top-bar {
  background: #1f6ad0;
  background: -webkit-gradient(linear, left top, right top, from(#1f6ad0), to(#13b9de));
  background: linear-gradient(to right, #1f6ad0 0%, #13b9de 100%);
}
.layout-topnav .top-bar .container-bar {
  padding-left: 30px;
  padding-right: 30px;
}
.layout-topnav .top-bar .brand {
  padding: 0;
  top: 12px;
}
.layout-topnav .top-bar .search-form {
  margin: 0;
}
.layout-topnav .top-bar .search-form input[type=text] {
  min-width: 150px;
  padding-left: 0;
  padding-right: 0;
  border-color: transparent;
  background: transparent;
}
.layout-topnav .top-bar .search-form .btn, .layout-topnav .top-bar .search-form .btn-ls {
  position: relative;
  top: 0;
  right: 0;
}
.layout-topnav .navbar-default {
  background: #fff;
}
.layout-topnav .navbar-default .navbar-collapse {
  width: auto;
}
.layout-topnav .navbar-default .navbar-nav > li > a {
  color: #5e6773;
  padding: 0 30px;
}
.layout-topnav .navbar-default .navbar-nav > li > a:hover, .layout-topnav .navbar-default .navbar-nav > li > a:focus, .layout-topnav .navbar-default .navbar-nav > li > a.active {
  background-color: #f2f4f7;
}
.layout-topnav .navbar-default .navbar-nav > li > a > i.first-child {
  margin-right: 5px;
}
.layout-topnav .navbar-default .navbar-nav > li.open > a,
.layout-topnav .navbar-default .navbar-nav > li.open > a:hover {
  color: #5e6773;
}
.layout-topnav .navbar-default .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.layout-topnav .navbar-nav .icon-menu .badge {
  top: 14px;
  right: 22px;
}
.layout-topnav .navbar-nav .dropdown-menu > li > a .icon-submenu {
  float: right;
  position: relative;
  top: 5px;
  margin: 0;
  font-size: 10px;
}
.layout-topnav .navbar-nav .dropdown-menu > li.dropdown:hover .dropdown-menu {
  display: block;
  left: 100%;
  top: 0;
}
@media screen and (max-width: 767px) {
  .layout-topnav .navbar-nav > li {
    display: block;
    position: relative;
    width: auto;
    text-align: left;
  }
  .layout-topnav .navbar-nav > li a span {
    display: inline;
  }
  .layout-topnav .navbar-nav > li > a .icon-submenu {
    display: inline;
  }
  .layout-topnav .navbar-nav .dropdown-menu > li.dropdown:hover .dropdown-menu {
    display: none;
    left: 0;
  }
  .layout-topnav .navbar-nav .dropdown-menu > li.dropdown.open:hover .dropdown-menu {
    display: block;
  }
  .layout-topnav .navbar-nav .open .dropdown-menu {
    position: relative;
  }
  .layout-topnav .navbar-nav .open .dropdown-menu > li > a {
    padding-left: 35px;
  }
  .layout-topnav .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
    padding-left: 75px;
  }
  .layout-topnav .navbar-nav .dropdown-sub.open > a {
    padding-bottom: 0;
  }
  .layout-topnav .navbar-default .navbar-nav > li > a {
    padding: 10px 30px;
  }
}
@media screen and (min-width: 768px) {
  .layout-topnav .navbar-default .brand {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .layout-topnav .navbar-header .brand {
    top: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .layout-topnav .navbar-default .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/****************************
 * MISC
 ****************************/
/* breadcrumb */
.breadcrumb {
  background-color: inherit;
  padding-left: 0;
  padding-right: 0;
  float: right;
  margin-bottom: 1.5rem;
}
.breadcrumb > li + li:before {
  color: #a0aeba;
}
.breadcrumb i {
  font-size: 15px;
  margin-right: 3px;
  color: #a0aeba;
}
.breadcrumb i:hover, .breadcrumb i:focus {
  color: #008fd6;
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    float: none;
  }
}

.breadbrumb-parent {
  display: contents;
}

[aria-label=breadcrumb] span.spacer {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-right' width='22' height='22' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='9 6 15 12 9 18' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 3px;
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
}
[aria-label=breadcrumb] > a {
  font-weight: 500;
  color: #2b333e;
  top: -5px;
  position: relative;
}
[aria-label=breadcrumb] > a:hover {
  text-decoration: underline;
}
[aria-label=breadcrumb] > span.current {
  font-weight: 400;
  color: #2b333e;
  border: 1px solid #dae9f1;
  padding: 6px 12px;
  border-radius: 0.3rem;
  background: #f0f8ff;
  top: -5px;
  position: relative;
}

/* pagination */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.pagination a:focus {
  outline: none;
  color: inherit;
}
.pagination > .active > a, .pagination > .active a:focus, .pagination > .active a:hover,
.pagination > .active > span, .pagination > .active span:focus, .pagination > .active span:hover {
  background-color: #00AAFF;
  border-color: #008fd6;
  outline: none;
}

.nav-tabs .nav-link.disabled {
  background-color: #fff;
}

.content-heading.common {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /*margin-bottom: 1.5rem;*/
}
@media screen and (max-width: 767px) {
  .content-heading.common > div.layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .content-heading.common > div.layout > div {
    text-align: center;
    padding: 0 0 0.5rem 0;
  }
}
@media screen and (min-width: 768px) {
  .content-heading.common > div.layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0.5rem;
  }
}

/********************
 * TYPOGRAPHY
 ********************/
.heading-border {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-bottom: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #777;
  font-size: 24px;
  font-weight: normal;
}

.text-verydark {
  color: #000;
}

.text-primary {
  color: #00AAFF;
}

.text-success {
  color: #2dab6b;
}

.text-warning {
  color: #ff901c;
}

.text-danger {
  color: #ff213b;
}

.text-indicator-green {
  color: #53c265;
}

.text-indicator-red {
  color: #ff4402;
}

.text-muted {
  color: #a0aeba;
}

.text-light {
  color: #f8f9fa;
}

.font-13 {
  font-size: 13px;
}

.font-12 {
  font-size: 12px;
}

.font-11 {
  font-size: 11px;
}

.help-block {
  color: #a0aeba;
  font-size: 13px;
}

ul.list-justify > li {
  margin-bottom: 10px;
}
ul.list-justify > li:last-child {
  margin-bottom: 0;
}
ul.list-justify > li span {
  float: right;
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-6 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-7 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-8 {
  font-size: 1.3rem;
  font-weight: 300;
  /*line-height: 1;*/
}

.display-9 {
  font-size: 1.1rem;
  font-weight: 300;
  /*line-height: 1;*/
}

.display-10 {
  font-size: 0.85rem;
  font-weight: 300;
  /*line-height: 1;*/
}

.display-11 {
  font-size: 0.75rem;
  font-weight: 300;
  /*line-height: 1;*/
}

.fa-sw {
  width: 1.25rem;
}

.access {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #00AAFF;
}

.font-100 {
  font-weight: 100;
}

.font-200 {
  font-weight: 200;
}

.font-300 {
  font-weight: 300;
}

.font-400 {
  font-weight: 400;
}

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

.font-600 {
  font-weight: 600;
}

.font-700 {
  font-weight: 700;
}

.font-800 {
  font-weight: 800;
}

.font-900 {
  font-weight: 800;
}

.text-shadow-dark {
  text-shadow: 1px 1px 0px #777;
}

.text-shadow-light {
  text-shadow: 1px 1px 0px #f8f9fa;
}

.btn-group > .btn:first-child.snoteimagebutton, .btn-group > .btn-ls:first-child.snoteimagebutton {
  padding-left: 8px;
  padding-right: 0px;
  font-size: 0.9rem;
}
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn-group:not(:last-child) > .btn-ls {
  padding-left: 10px;
  padding-right: 5px;
  font-size: 0.9rem;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle).snoteStandardButton, .btn-group > .btn-ls:not(:last-child):not(.dropdown-toggle).snoteStandardButton {
  padding-left: 8px;
  padding-right: 4px;
  font-size: 0.9rem;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) > .card-header.note-toolbar .note-color .dropdown-toggle, .btn-group > .btn-ls:not(:last-child):not(.dropdown-toggle) > .card-header.note-toolbar .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 3px;
  padding-right: 3px;
}

.f1, .note-editable {
  /*.inductions {
      h1, h2 {
          color: black
      }
  }

  h1.override-h1, h2.override-h2, h3.override-h3, h4.override-h4, h5.override-h5, h6.override-h6 {
      color: inherit;
  }*/
}
.f1 h1, .f1 h2, .f1 h3, .f1 h4, .f1 h5, .f1 h6,
.f1 .h1, .f1 .h2, .f1 .h3, .f1 .h4, .f1 .h5, .f1 .h6, .note-editable h1, .note-editable h2, .note-editable h3, .note-editable h4, .note-editable h5, .note-editable h6,
.note-editable .h1, .note-editable .h2, .note-editable .h3, .note-editable .h4, .note-editable .h5, .note-editable .h6 {
  margin-top: 0.85rem;
  margin-bottom: 0.85rem;
  line-height: 1.2;
}
.f1 ol, .f1 ul, .f1 dl, .note-editable ol, .note-editable ul, .note-editable dl {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.note-editable:focus, .note-editable:focus-within {
  outline: 2px solid #8b8dfa;
}
.note-editable > div {
  font-family: "Inter", sans-serif !important;
}
.note-editable > div:focus, .note-editable > div:focus-within {
  outline: 2px solid #8b8dfa;
}

.summernote-focus {
  outline: 2px solid #8b8dfa;
  border-radius: 0.3rem;
}

.summernote-icon.linksafe-codes {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-code-dots'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 19a2 2 0 0 1 -2 -2v-4l-1 -1l1 -1v-4a2 2 0 0 1 2 -2' /%3E%3Cpath d='M18 19a2 2 0 0 0 2 -2v-4l1 -1l-1 -1v-4a2 2 0 0 0 -2 -2' /%3E%3Cpath d='M8 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' /%3E%3Cpath d='M16 16l-2.5 -2.5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.summernote-icon.linksafe-picture {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-photo'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 8h.01' /%3E%3Cpath d='M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z' /%3E%3Cpath d='M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5' /%3E%3Cpath d='M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.summernote-icon.linksafe-document {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-file-type-pdf'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4' /%3E%3Cpath d='M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6' /%3E%3Cpath d='M17 18h2' /%3E%3Cpath d='M20 15h-3v6' /%3E%3Cpath d='M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/********************
 * INPUTS
 ********************/
> input {
  background-color: #fff;
}
> input:disabled, > input.disabled {
  background-color: #fafafa !important;
}

.p-fc-t-1 {
  padding-top: 0.5rem !important;
}

.p-fc-t-2 {
  padding-top: 0.8rem !important;
}

.p-fc-t-3 {
  padding-top: 1rem !important;
}

.p-fc-t-4 {
  padding-top: 1.3rem !important;
}

.p-fc-b-1 {
  padding-bottom: 0.5rem !important;
}

.p-fc-b-2 {
  padding-bottom: 0.8rem !important;
}

.p-fc-b-3 {
  padding-bottom: 1rem !important;
}

.p-fc-b-4 {
  padding-bottom: 1.3rem !important;
}

.form-control {
  border-radius: 0.3rem;
  border-color: #e1e3ea;
  /*background-color: darken(#fff, 1%);*/
  color: #5e6773;
  font-size: 0.85rem;
}
.form-control:focus {
  border-color: #c9cdd9;
  background-color: #fff;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
  font-size: 0.85rem;
}

.input-group-addon {
  border-radius: 2px;
  border: 1px solid #e1e3ea;
  background-color: #f6f6f9;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.input-group-sm > .input-group-btn > .btn-ls,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-group-lg > .input-group-btn > .btn-ls {
  border-radius: 2px;
}

input[type=text].form-control {
  cursor: text !important;
}

/* fancy checkbox and radio button */
/*.fancy-checkbox {
    margin-right: 10px;

    &,
    label {
        font-weight: normal;
    }

    input[type="checkbox"] {
        display: none;

        + div {
            @include inline-block;
            cursor: pointer;
            position: relative;

            &:before {
                @include inline-block;
                @include border-radius(3px);
                position: relative;
                bottom: 1px;
                width: 20px;
                height: 20px;
                margin-right: 5px;
                content: "";
                border: 1px solid #dbdfe2;
            }
        }

        &:checked + div:before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: '\f00c';
            font-size: 11px;
            color: #97a3b7;
            text-align: center;
            line-height: 20px;
            background: #f1f4f7;
            border: 1px solid #dbdfe2;
        }

        + span {
            @include inline-block;
            cursor: pointer;
            position: relative;

            &:before {
                @include inline-block;
                @include border-radius(3px);
                position: relative;
                bottom: 1px;
                width: 20px;
                height: 20px;
                margin-right: 5px;
                content: "";
                border: 1px solid #dbdfe2;
            }
        }

        &:checked + span:before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: '\f00c';
            font-size: 11px;
            color: #97a3b7;
            text-align: center;
            line-height: 20px;
            background: #f1f4f7;
            border: 1px solid #dbdfe2;
        }
    }

    &.custom-color-green input[type="checkbox"] {
        &:checked + span:before {
            color: #53D76A;
            background-color: #fff;
        }
    }

    &.custom-bgcolor-green input[type="checkbox"] {
        &:checked + span:before {
            color: #fff;
            background-color: #53D76A;
            border-color: darken(#53D76A, 8%);
        }
    }

    &.custom-bgcolor-blue input[type="checkbox"] {
        &:checked + span:before {
            color: #fff;
            background-color: #00aaff;
            border-color: #00aaff;
        }
    }
}*/
/*.fancy-radio {
    margin-right: 10px;

    &,
    label {
        font-weight: normal;
    }

    input[type="radio"] {
        display: none;

        + span {
            display: block;
            cursor: pointer;
            position: relative;

            i {
                @include inline-block;
                @include border-radius(8px);
                position: relative;
                bottom: 1px;
                content: "";
                border: 1px solid #dbdfe2;
                width: 18px;
                height: 18px;
                margin-right: 5px;
            }
        }

        &:checked + span i:after {
            @include border-radius(50%);
            display: block;
            position: relative;
            top: 3px;
            left: 3px;
            content: "";
            width: 10px;
            height: 10px;
            background-color: #97a3b7;
        }
    }

    &.custom-color-green input[type="radio"] {
        &:checked + span i:after {
            background-color: #53D76A;
        }
    }

    &.custom-bgcolor-green input[type="radio"] {
        &:checked + span i {
            background-color: #53D76A;

            &:after {
                background-color: #fff;
            }
        }
    }

    &.custom-color-blue input[type="radio"] {
        &:checked + span i:after {
            background-color: #00aaff;
        }
    }

    &.custom-color-red input[type="radio"] {
        &:checked + span i:after {
            background-color: red;
        }
    }
}*/
/* fancy checkbox and fancy radio */
/*.input-group-addon {
    .fancy-radio,
    .fancy-checkbox {
        margin: 0;
        position: relative;
        top: 1px;
    }

    .fancy-radio input[type="radio"] + span i,
    .fancy-checkbox input[type="checkbox"] + span {
        margin: 0;

        &:before {
            margin: 0;
        }
    }
}*/
/* form control feedback */
.has-feedback label ~ .form-control-feedback {
  top: 35px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 12px;
}

.form-horizontal .has-feedback .form-control-feedback {
  top: 10px;
}

@media (min-width: 768px) {
  .form-inline .has-feedback .form-control-feedback {
    top: 10px;
  }
}
.form-group {
  position: relative;
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
  margin-bottom: 0;
  top: 0px;
  left: 0px;
}

.form-inline .form-control {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  cursor: default !important;
}
.form-inline .form-group {
  margin-bottom: 0.7rem;
  margin-right: 1rem;
}
.form-inline .control-wrap {
  position: relative;
}
.form-inline label.w-20 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: 20%;
}
.form-inline label.w-25 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: 25%;
}
.form-inline .w-10 {
  min-width: 10%;
}
.form-inline .w-10 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-10 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-20 {
  min-width: 20%;
}
.form-inline .w-20 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-20 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-25 {
  min-width: 25%;
}
.form-inline .w-25 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-30 {
  min-width: 30%;
}
.form-inline .w-30 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-30 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-40 {
  min-width: 40%;
}
.form-inline .w-40 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-40 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-50 {
  min-width: 50%;
}
.form-inline .w-50 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-50 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-60 {
  min-width: 60%;
}
.form-inline .w-60 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-60 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-70 {
  min-width: 70%;
}
.form-inline .w-70 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-70 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-75 {
  min-width: 75%;
}
.form-inline .w-75 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-75 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-80 {
  min-width: 80%;
}
.form-inline .w-80 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-80 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-90 {
  min-width: 90%;
}
.form-inline .w-90 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-90 select {
  width: calc(100% - 1.7rem);
}
.form-inline .w-100 {
  min-width: 100%;
}
.form-inline .w-100 input {
  width: calc(100% - 1.7rem);
}
.form-inline .w-100 select {
  width: calc(100% - 1.7rem);
}
.form-inline .fw-10 {
  width: 10%;
}
.form-inline .fw-20 {
  width: 20%;
}
.form-inline .fw-25 {
  width: 25%;
}
.form-inline .fw-30 {
  width: 30%;
}
.form-inline .fw-40 {
  width: 40%;
}
.form-inline .fw-50 {
  width: 50%;
}
.form-inline .fw-60 {
  width: 60%;
}
.form-inline .fw-70 {
  width: 70%;
}
.form-inline .fw-75 {
  width: 75%;
}
.form-inline .fw-80 {
  width: 80%;
}
.form-inline .fw-90 {
  width: 90%;
}
.form-inline .fw-100 {
  width: 100%;
}

@media screen and (max-width: 767px) {
  label.w-25, .w-25, .w-75, .fw-60, .w-50 {
    min-width: 100%;
  }
}
.has-success .form-control {
  border-color: #2dab6b;
}
.has-success .form-control:focus {
  border-color: #2a9f63;
}
.has-success .form-control-feedback {
  color: #2dab6b;
}

.has-warning .form-control {
  border-color: #ff901c;
}
.has-warning .form-control:focus {
  border-color: #ff890d;
}
.has-warning .form-control-feedback {
  color: #ff901c;
}

.has-error .form-control {
  border-color: #ff213b;
}
.has-error .form-control:focus {
  border-color: #ff122d;
}
.has-error .form-control-feedback {
  color: #ff213b;
}

/* multiselect general */
.multiselect + .btn-group span {
  font-size: 0.85rem;
}

@media screen and (min-width: 768px) {
  .multiselect + .btn-group .autowidth {
    min-width: 100px;
    width: auto !important;
  }
  .multiselect + .btn-group .dropdown-toggle {
    min-width: 100px;
    width: auto;
  }
  .multiselect + .btn-group .dropdown-toggle:after {
    position: absolute;
    right: 0.5rem;
    top: calc(45% - 0.1rem);
  }
  .multiselect + .btn-group .multiselect-selected-text {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .multiselect + .btn-group {
    width: 100% !important;
    min-width: 50%;
  }
  .multiselect + .btn-group button {
    width: 100%;
  }
  .multiselect + .btn-group .dropdown-toggle:after {
    position: absolute;
    right: 0.5rem;
    top: calc(45% - 0.1rem);
  }
  .multiselect + .btn-group .multiselect-selected-text {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: left;
  }
  .form-inline .w-75 input.multiselect-search {
    width: calc(100% - 3rem);
    position: absolute;
    left: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .multiselect-custom + .btn-group {
    width: 100%;
  }
}

.multiselect-custom + .btn-group ul.multiselect-container {
  padding-right: 0.75rem;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  max-width: 100%;
  background: #fff;
}
.multiselect-custom + .btn-group ul.multiselect-container .filter {
  border-bottom: 1px solid #e9eef2;
}
.multiselect-custom + .btn-group ul.multiselect-container .input-group-addon {
  padding-top: 8px;
  padding-left: 4px;
  margin-right: 4px;
  color: #cccccc;
  background-color: transparent;
  border: none;
}
.multiselect-custom + .btn-group ul.multiselect-container .input-group-addon > i {
  font-size: 1.3rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  left: 14px;
  z-index: 4;
}
.multiselect-custom + .btn-group ul.multiselect-container .input-group-btn {
  position: absolute;
  margin-top: 0px;
  padding-left: 4px;
  right: 7px;
  color: #cccccc;
  margin-left: 20px;
  top: 0;
}
.multiselect-custom + .btn-group ul.multiselect-container .input-group-btn > button > i {
  font-size: 1.3rem;
}

/* multiselect checkbox */
.multiselect-custom + .btn-group ul.multiselect-container li.multiselect-filter {
  margin-bottom: 0.5rem;
}
.multiselect-custom + .btn-group ul.multiselect-container > li {
  width: 100%;
  line-height: 1.5rem;
}
.multiselect-custom + .btn-group ul.multiselect-container > li > a {
  width: 100%;
  padding: 1px 20px 1px -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.multiselect-custom + .btn-group ul.multiselect-container > li > a label {
  padding-right: 0;
}
.multiselect-custom + .btn-group ul.multiselect-container > li > a label.checkbox {
  padding-left: 20px;
  width: 100%;
  position: relative;
  left: 0px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.multiselect-custom + .btn-group ul.multiselect-container > li > a label.checkbox:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  left: 0px;
  width: calc(100% - 18px);
  bottom: 1px;
  content: "";
  margin-right: 10px;
  background-color: #fafafa;
  line-height: 1.3rem;
}
.multiselect-custom + .btn-group ul.multiselect-container > li > a label.checkbox input[type=checkbox] {
  display: none;
}
.multiselect-custom + .btn-group ul.multiselect-container > li.active > a {
  background-color: #fff;
}
.multiselect-custom + .btn-group ul.multiselect-container > li.active > a label.checkbox:before {
  position: absolute;
  left: -5px;
  top: calc(50% - 0.6rem);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  font-size: 1.05rem;
  color: #00AAFF;
  text-align: center;
  line-height: 1.3rem;
  width: 18px;
}

@media screen and (min-width: 639px) {
  /*@media (min-width: 576px) {*/
  .form-inline label {
    position: relative;
    display: inline;
    width: 100%;
  }
}
/* multiselect radio */
.multiselect-custom + .btn-group ul.multiselect-container > li > a label {
  padding-right: 0;
  white-space: nowrap;
}
.multiselect-custom + .btn-group ul.multiselect-container > li > a label.radio {
  padding-left: 20px;
  width: 100%;
  position: relative;
  left: 0px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-weight: normal;
}
.multiselect-custom + .btn-group ul.multiselect-container > li > a label.radio:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 8px;
  position: absolute;
  left: -5px;
  width: calc(100% - 18px);
  bottom: 1px;
  content: "";
  margin-right: 10px;
  background-color: #fafafa;
  line-height: 1.3rem;
}
.multiselect-custom + .btn-group ul.multiselect-container > li > a label.radio input[type=radio] {
  display: none;
}
.multiselect-custom + .btn-group ul.multiselect-container > li.active > a label.radio:before {
  position: absolute;
  left: -5px;
  top: calc(50% - 0.6rem);
  font-family: "Font Awesome 5 Free";
  /* font-weight: 400;
  content: '\f192';*/
  font-weight: 900;
  content: "\f00c";
  font-size: 1.05rem;
  color: #00AAFF;
  text-align: center;
  line-height: 1.3rem;
  width: 18px;
}

.multiselect-search {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.multiselect-search input {
  width: 80%;
}

input.multiselect-search {
  padding-left: 40px;
}

.btn.multiselect-clear-filter, .multiselect-clear-filter.btn-ls {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 0;
  padding-right: 0;
  border: none;
  background: transparent;
  z-index: 9 !important;
  outline: none;
}
.btn.multiselect-clear-filter:hover, .multiselect-clear-filter.btn-ls:hover, .btn.multiselect-clear-filter:focus, .multiselect-clear-filter.btn-ls:focus {
  background: transparent;
  outline: none;
}

/* bootstrap slider input */
.slider-track,
.slider-selection {
  border-radius: 0;
  background-image: none;
  -webkit-filter: none;
          filter: none; /* disable gradient for IE */
}

.slider-track {
  background-color: #eee;
}

.slider-selection {
  background-color: #777;
}

.slider.slider-horizontal {
  width: 100% !important;
}

.slider.slider-vertical .slider-handle {
  position: relative;
  left: 2px;
  cursor: ns-resize;
}

.slider-handle {
  border-radius: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  background-image: none;
  position: relative;
  top: 2px;
}

/* handle for bootstrap slider and range slider */
.slider-handle,
.ui-rangeSlider-handle {
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid #777;
  cursor: col-resize;
}
.slider-handle:before,
.ui-rangeSlider-handle:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: "|||";
  font-size: 7px;
  color: #777;
  text-align: center;
  line-height: 15px;
  position: absolute;
  left: 0.6em;
}

.slider-has-label .left-slider {
  float: left;
  width: calc(100% - 50px);
}
.slider-has-label .right-label {
  float: right;
  width: 50px;
  position: relative;
  top: 3px;
}

/* slider input by noUiSlider */
.noUi-target {
  border-radius: 3px;
  border-color: #e1e3ea;
  background: #fcfcfc;
}

.noUi-connect {
  background: #45AEEF;
}

.noUi-handle {
  border-color: #e1e3ea;
}
.noUi-handle:before, .noUi-handle:after {
  height: 10px;
  top: 5px;
}
.noUi-handle:before {
  left: 9px;
}
.noUi-handle:after {
  left: 12px;
}

.noUi-horizontal,
.noUi-vertical {
  height: 12px;
}
.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
  width: 23px;
  height: 23px;
}

/* colorpicker */
.colorpicker-inline {
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

/* dropzone file upload */
.dropzone {
  padding: 20px 40px;
  border: 1px solid #eaeff2;
}
.dropzone .dz-message {
  font-size: 18px;
  text-align: center;
  color: #a0aeba;
}
.dropzone .dz-message:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0ee";
  display: block;
  font-size: 3em;
  line-height: 1;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-message {
  display: block;
}
.dropzone .dz-default.dz-message {
  background: none;
  height: auto;
}
.dropzone .dz-default.dz-message span {
  display: block;
}
.dropzone .dz-fallback {
  text-align: center;
}
.dropzone .dz-fallback input[type=file] {
  margin: 0 auto;
  margin-bottom: 10px;
}
.dropzone .dz-preview .dz-details {
  width: 100px;
  height: auto;
  padding: 5px 0;
  background: transparent;
}
.dropzone .dz-max-files-reached {
  pointer-events: none;
  cursor: default;
}
.dropzone .dz-remove {
  pointer-events: all;
  cursor: default;
}
.dropzone .dz-rotate {
  pointer-events: all;
  cursor: default;
}

.dzone {
  padding: 20px 40px;
  border: 1px solid #eaeff2;
}
.dzone .dz-message {
  font-size: 18px;
  text-align: center;
  color: #a0aeba;
}
.dzone .dz-message:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0ee";
  display: block;
  font-size: 3em;
  line-height: 1;
}
.dzone.dz-started .dz-message {
  display: none;
}
.dzone .dz-message {
  display: block;
}
.dzone .dz-default.dz-message {
  background: none;
  height: auto;
}
.dzone .dz-default.dz-message span {
  display: block;
}
.dzone .dz-fallback {
  text-align: center;
}
.dzone .dz-fallback input[type=file] {
  margin: 0 auto;
  margin-bottom: 10px;
}
.dzone .dz-preview .dz-details {
  width: 100px;
  height: auto;
  padding: 5px 0;
  background: transparent;
}
.dzone.dz-max-files-reached {
  pointer-events: none;
  cursor: default !important;
}
.dzone .dz-remove {
  pointer-events: all;
  cursor: default;
  background-color: #fe8e93 !important;
  color: #000 !important;
  border-radius: 0.35rem !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  padding: 8px 12px;
}
.dzone .dz-remove:not(.disabled):hover, .dzone .dz-remove:not(.disabled):active, .dzone .dz-remove:not(.disabled):focus {
  background-color: #fec1c3 !important;
  color: #000 !important;
  border-color: #fe8e93 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0.35rem !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  padding: 8px 12px;
}
.dzone .dz-remove:not(.disabled):hover {
  cursor: pointer;
}
.dzone .dz-remove:hover, .dzone .dz-remove:active, .dzone .dz-remove:focus {
  background-color: #fec1c3 !important;
  color: #000 !important;
  border-color: #fe8e93 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0.35rem !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  padding: 8px 12px;
}
.dzone .dz-remove:hover {
  cursor: pointer;
}
.dzone .dz-rotate {
  pointer-events: all;
  cursor: default;
  background-color: #b2dbef !important;
  color: #2b333e !important;
  border-radius: 0.35rem !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  padding: 8px 12px;
}
.dzone .dz-rotate:not(.disabled):hover, .dzone .dz-rotate:not(.disabled):active, .dzone .dz-rotate:not(.disabled):focus {
  color: #2b333e !important;
  background-color: #d6ecf7 !important;
  border-color: #b2dbef !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0.35rem !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  padding: 8px 12px;
}
.dzone .dz-rotate:not(.disabled):hover {
  cursor: pointer;
}
.dzone .dz-rotate:hover, .dzone .dz-rotate:active, .dzone .dz-rotate:focus {
  color: #2b333e !important;
  background-color: #d6ecf7 !important;
  border-color: #b2dbef !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0.35rem !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  padding: 8px 12px;
}
.dzone .dz-rotate:hover {
  cursor: pointer;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  background-color: #609dea !important;
  background-image: none;
}
.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
  background-color: #a6b7c5;
}
.datepicker table tr td.range {
  background-color: #e9eef2;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today:focus {
  background-color: #ff4402;
  color: #fff;
}

.completeness-meter .completeness-percentage {
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 5px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
  font-size: 22px;
  font-weight: normal;
  background-color: #b2dbef;
  color: #fff;
}

/* select2 */
/*.tab-content, .filterbar {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 15px;
        position: absolute;
        top: Calc(100% - 2.5rem) !important;
        right: 1px;
        width: 20px
    }
}*/
.select2-container--default .select2-results__option--selected {
  background-color: transparent !important;
}

.select2-container .select2-selection--single, .select2-container--default {
  min-height: 44.39px;
}

.select2-selection:focus-within {
  border: 2px solid #00AAFF;
  border-radius: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 0 !important;
}

.select2-results__option--highlighted[aria-selected] {
  color: #00AAFF;
  margin-left: 1.5rem;
  background-color: #fff;
}

.select2-selection {
  border: 1px solid #e1e3ea !important;
  background-color: #fff;
  margin-left: 0rem;
  font-weight: 500;
  border-radius: 0.3rem;
}
.select2-selection .select2-selection__rendered {
  color: #5e6773 !important;
  height: auto !important;
  text-align: left;
  padding-left: 3px !important;
}
.select2-selection .select2-results__options .select2-selection__placeholder {
  color: #a0aeba;
}

.select2-results__options {
  -webkit-animation: fadein 0.3s;
          animation: fadein 0.3s;
}

.select2-dropdown .select2-dropdown--below {
  border-color: rgba(0, 0, 0, 0.25) !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.select2-selection--single .select2-selection__arrow b {
  right: 0;
  height: unset !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  top: 0 !important;
  right: 0 !important;
}

.select2.select2-container.select2-container--default.select2-container--focus > .selection > .select2-selection.select2-selection--single {
  outline: solid #00AAFF 1px !important;
}

.select2-selection--single {
  border-radius: 0;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  height: auto;
}

.select2-container--focus .select2-selection--multiple {
  border-color: #e1e3ea !important;
}

.select2-search--dropdown .select2-search__field {
  border-bottom: none !important;
  padding: 0.5rem 0.5rem 0.75rem 0.5rem;
}

.select2-search.select2-search--dropdown {
  border: none !important;
}
.select2-search.select2-search--dropdown > .select2-search__field {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: solid #00AAFF 1px !important;
  padding: 0.5rem;
  height: unset !important;
}
.select2-search .select2-search--inline {
  height: 100%;
  display: inline-block;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  border-bottom: solid #00AAFF 1px !important;
  padding: 0.5rem;
  outline: none;
}

.select2-results__option[aria-selected=true] {
  margin-left: 0.5rem;
  /*  &:before {
      position: absolute;
      left: -16px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: '\f00c';
      font-size: 1.05rem;
      color: $color-accent;
      text-align: center;
      line-height: 1.3rem;
      width: 18px;
  }*/
}
.select2-results__option[aria-selected=true], .select2-results__option[aria-selected=true]:hover {
  margin-left: 0.5rem;
  background-color: #fff;
  color: #00AAFF;
  font-weight: 500;
}

li.select2-results__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.5rem;
}
li.select2-results__option:hover {
  color: #00AAFF !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.5rem;
}

.select2-selection__all {
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  position: absolute;
  right: 2rem;
  top: -1rem;
  background-color: #fff;
  border-radius: 50%;
}
.select2-selection__all:before {
  position: relative;
  /*left: 5px;*/
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  font-size: 1.35rem;
  color: #00AAFF;
  text-align: center;
  line-height: 1.3rem;
  width: 20px;
}

.select2-selection__clear {
  color: #fff;
  top: -1rem;
  right: 0.7rem;
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  border: none;
}
.select2-selection__clear:before {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  font-size: 1.35rem;
  color: #343a40;
  text-align: center;
  line-height: 1.3rem;
  width: 20px;
  right: 6px;
}

.select2-selection.select2-selection--multiple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.select2-selection--multiple .select2-selection__choice {
  border-color: rgba(18, 14, 215, 0.25);
  background-color: rgba(18, 14, 215, 0.08);
  color: #7f7f9c;
  padding: 0.3rem 0.78rem 0.3rem 0.8rem !important;
}
.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: transparent;
  margin-right: 10px !important;
  border: none !important;
}
.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
  color: transparent !important;
}
.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before {
  position: relative;
  left: 5px;
  top: 1px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  font-size: 1.05rem;
  color: #343a40;
  text-align: center;
  line-height: 1.3rem;
  width: 20px;
  background: transparent !important;
}

.select2-search .select2-search--inline {
  display: inline-block;
  height: 30px;
}

.select2-container--disabled .select2-selection {
  background-color: #f5f5f5;
}

/*}*/
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  /*padding: 0.8rem 0.5rem 0.8rem 0 !important;*/
  position: relative;
  margin-bottom: 0;
  color: #5e6773 !important;
  padding-left: 3px !important;
}

.label-inline .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='16' height='16' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='6 9 12 15 18 9' /%3E%3C/svg%3E");
  border: none;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  background-position: -2px center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 41px;
  right: 0;
  left: unset !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='16' height='16' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='6 9 12 15 18 9' /%3E%3C/svg%3E");
  border: none;
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-position: center;
  height: 39px !important;
  border: none !important;
  left: unset !important;
  margin-left: unset !important;
  margin-top: unset !important;
}

.float-label-above .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='16' height='16' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='6 9 12 15 18 9' /%3E%3C/svg%3E");
  border: none;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px !important;
  top: 50%;
  background-position: center 17px !important;
  position: absolute;
  border: none !important;
  left: unset !important;
  margin-left: unset !important;
  margin-top: unset !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.select2-container--default .select2-results__option {
  color: #5e6773 !important;
  white-space: nowrap;
}

.select2-dropdown {
  border-color: #e1e3ea;
}
.select2-dropdown.select2-dropdown--below {
  border-radius: 0.35rem;
  z-index: 1032 !important;
  top: 5px;
  border-color: #fff;
  outline: solid #00AAFF 2px !important;
}
.select2-dropdown.select2-dropdown--above {
  border-radius: 0.35rem;
  z-index: 1032 !important;
  border-color: #fff;
  outline: solid #00AAFF 2px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  top: 3.5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 1rem !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #ffffff !important;
  color: #00AAFF !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.5rem;
}

.select2-container--default .select2-container--open {
  border-radius: 0.35rem;
}
.select2-container--default .select2-container--open .select2-dropdown {
  border-color: #e1e3ea;
}
.select2-container--default .select2-container--open .select2-dropdown.select2-dropdown--below {
  border-radius: 0.3rem;
  z-index: 1032 !important;
  /* border-color: rgba(0, 0, 0, 0.25); */
  top: 5px;
  border-color: #fff;
  outline: solid #00AAFF 1px !important;
  /*min-height: 44.39px;*/
}

/* jquery UI autocomplete */
.ui-widget.ui-widget-content {
  border-color: #e1e3ea;
  color: #5e6773;
}
.ui-widget.ui-widget-content .ui-state-active {
  background: #f2f2f5;
  border-color: transparent;
  color: #5e6773;
}

/* password strength meter */
.password-strength-container input[type=password] {
  margin-bottom: 5px;
}

/* password show/hide */
.hideShowPassword-toggle {
  margin-right: 5px;
  border: none;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 19px;
  background: #f1f2f5;
  color: #b6bbcb;
  outline: none;
}
.hideShowPassword-toggle.toggle-eye {
  background: transparent;
}
.hideShowPassword-toggle.toggle-eye i {
  position: relative;
  top: 1px;
  font-size: 14px;
}

/* switch checkbox and radio */
.switch-input {
  display: block;
  position: relative;
  line-height: 1;
  margin-bottom: 4px;
  padding: 10px 60px 0 0;
  cursor: pointer;
  font-weight: normal;
  color: #a0aeba;
}
.switch-input input {
  position: absolute;
  left: -9999px;
}
.switch-input input:checked + i {
  border-color: #2ab442;
  background-color: #53D76A;
}
.switch-input input:checked + i:before {
  right: 33px;
  background-color: #2ab442;
}
.switch-input input:checked + i:after {
  content: attr(data-swon-text);
  text-align: right;
  color: #fff;
}
.switch-input i {
  border-radius: 20px;
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
  min-width: 50px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #e1e3ea;
  background: #f8f9fa;
  font-style: normal;
}
.switch-input i:before {
  border-radius: 50%;
  -webkit-transition: right 0.1s ease-in;
  transition: right 0.1s ease-in;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 10px;
  height: 10px;
  background-color: #bdc6d0;
}
@media (prefers-reduced-motion: reduce) {
  .switch-input i:before {
    -webkit-transition: none;
    transition: none;
  }
}
.switch-input i:after {
  content: attr(data-swoff-text);
  position: absolute;
  top: 2px;
  right: 8px;
  left: 8px;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: #929aa5;
}

.custom-control-label {
  padding-left: 1rem;
  padding-right: 1rem;
}
.custom-control-label > span.inner {
  margin-left: 1.5rem;
  display: inline-block;
  position: relative;
}
.custom-control-label > span.inner > span > div {
  padding-left: 0.5rem;
}

.custom-control {
  /*input[type="checkbox"]:checked + label:before {
      border-color: $color-accent;
  }*/
  /* Custom inplace checkboxes with hidden in between*/
  /*input[type="checkbox"]:focus + input[type="hidden"] + label:before, input[type="checkbox"]:focus + label:before {
      border-color: $color-accent !important;
      box-shadow: 0 0 0 0.2rem rgba($color-accent, 0.25);
  }*/
  /*input[type="checkbox"]:checked + input[type="hidden"] + label:before {
      border-color: $color-accent !important;
  }*/
}
.custom-control input[type=checkbox] {
  /*display: none !important;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
  display: contents;
}
.custom-control input[type=checkbox] + label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  top: 0 !important;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control input[type=checkbox]:disabled + label {
  cursor: default;
}
.custom-control input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  top: 0;
  border-radius: 0.3rem;
}
.custom-control input[type=checkbox]:disabled + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #eee;
  border-radius: 0.25rem;
  cursor: default;
}
.custom-control input[type=checkbox] + label:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  left: 9px;
  top: 13px;
  margin-right: 14px;
  position: absolute;
  opacity: 0;
  left: 1px;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  /*background-color: #fff;*/
  border-radius: 0.25rem;
  border-width: 0 0 0 0;
}
.custom-control input[type=checkbox]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  border: solid #fff;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  opacity: 1;
  /*border-color: $color-accent;*/
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control input[type=checkbox]:checked:disabled + label:after {
  position: absolute;
  content: "";
  /*left: 9px;
  top: 8px;*/
  height: 13px;
  width: 7px;
  border-radius: 5px;
  border: solid #aaa;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-color: #aaa;
  cursor: default;
}
.custom-control input[type=checkbox]:checked:disabled + label:before {
  border-color: #aaa !important;
  background-color: #ddd !important;
}
.custom-control input[type=checkbox] + input[type=hidden] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  margin-right: 1rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control input[type=checkbox] + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  /*border: 2px solid #aaa;
  background-color: #fff;*/
  border-radius: 0.25rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control input[type=checkbox]:disabled + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  left: 1px;
  /*border: 2px solid #aaa;
  background-color: #eee;*/
  border-radius: 0.25rem;
  cursor: default;
}
.custom-control input[type=checkbox] {
  /*display: none !important;*/
  /**display: inline;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.custom-control input[type=checkbox]:checked + input[type=hidden] + label:after {
  content: "";
  display: block;
  position: absolute;
  /*border: solid #ffb100;*/
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  width: 8px;
  height: 15px;
  left: 8px;
  margin-top: 1px;
  /*border-color: $color-accent;*/
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.rfo-options, .custom-checkbox-default {
  /* Custom inplace checkboxes with hidden in between*/
  /* Custom inplace checkboxes with hidden in between*/
}
.rfo-options input[type=checkbox], .custom-checkbox-default input[type=checkbox] {
  /*display: none !important;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.rfo-options input[type=checkbox] + label, .custom-checkbox-default input[type=checkbox] + label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox] + label:before, .custom-checkbox-default input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #ccc;
  background-color: #fff;
  border-radius: 0.3rem;
}
.rfo-options input[type=checkbox]:disabled + label, .custom-checkbox-default input[type=checkbox]:disabled + label {
  cursor: default;
}
.rfo-options input[type=checkbox]:disabled + label:before, .custom-checkbox-default input[type=checkbox]:disabled + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #e9ecef !important;
  background-color: #e9ecef !important;
  border-radius: 0.3rem;
  cursor: default;
}
.rfo-options input[type=checkbox] + label:after, .custom-checkbox-default input[type=checkbox] + label:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  left: 9px;
  top: 13px;
  margin-right: 14px;
  position: absolute;
  opacity: 0;
  left: 1px;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  background-color: #fff;
  border-radius: 0.25rem;
  border-width: 0 0 0 0;
}
.rfo-options input[type=checkbox]:checked + label:after, .rfo-options input[type=checkbox]:checked:not(:disabled) + label:after, .custom-checkbox-default input[type=checkbox]:checked + label:after, .custom-checkbox-default input[type=checkbox]:checked:not(:disabled) + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  border: solid #a3dae3;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox]:checked:disabled + label:after, .custom-checkbox-default input[type=checkbox]:checked:disabled + label:after {
  position: absolute;
  content: "";
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  background: transparent !important;
  border-radius: 0;
  border: solid #aaa;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-color: #aaa;
  cursor: default;
}
.rfo-options input[type=checkbox]:checked + label:before, .custom-checkbox-default input[type=checkbox]:checked + label:before {
  border-color: #a3dae3 !important;
}
.rfo-options input[type=checkbox]:checked:disabled + label:before, .custom-checkbox-default input[type=checkbox]:checked:disabled + label:before {
  border-color: #e1e3ea !important;
  background-color: #e9ecef;
  left: 1px;
}
.rfo-options input[type=checkbox] + input[type=hidden] + label, .custom-checkbox-default input[type=checkbox] + input[type=hidden] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  margin-right: 1rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox] + input[type=hidden] + label:before, .custom-checkbox-default input[type=checkbox] + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #fff;
  border-radius: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox]:disabled + input[type=hidden] + label:before, .custom-checkbox-default input[type=checkbox]:disabled + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #eee;
  border-radius: 0;
}
.rfo-options input[type=checkbox], .custom-checkbox-default input[type=checkbox] {
  /*display: none !important;*/
  /**display: inline;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.rfo-options input[type=checkbox]:focus + input[type=hidden] + label:before, .rfo-options input[type=checkbox]:focus + label:before, .custom-checkbox-default input[type=checkbox]:focus + input[type=hidden] + label:before, .custom-checkbox-default input[type=checkbox]:focus + label:before {
  border-color: #a3dae3 !important;
}
.rfo-options input[type=checkbox]:checked + input[type=hidden] + label:after, .custom-checkbox-default input[type=checkbox]:checked + input[type=hidden] + label:after {
  content: "";
  display: block;
  position: absolute;
  border: solid #ffb100;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  width: 8px;
  height: 15px;
  left: 8px;
  margin-top: 1px;
  border-color: #a3dae3;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox]:checked + input[type=hidden] + label:before, .custom-checkbox-default input[type=checkbox]:checked + input[type=hidden] + label:before {
  border-color: #a3dae3 !important;
}
.rfo-options .yellow input[type=checkbox]:checked + label:after, .rfo-options .yellow input[type=checkbox]:checked:not(:disabled) + label:after, .custom-checkbox-default .yellow input[type=checkbox]:checked + label:after, .custom-checkbox-default .yellow input[type=checkbox]:checked:not(:disabled) + label:after {
  border-color: #ff9900 !important;
}
.rfo-options .yellow input[type=checkbox]:checked + label:before, .custom-checkbox-default .yellow input[type=checkbox]:checked + label:before {
  border-color: #ff9900 !important;
}
.rfo-options .red input[type=checkbox]:checked + label:after, .rfo-options .red input[type=checkbox]:checked:not(:disabled) + label:after, .custom-checkbox-default .red input[type=checkbox]:checked + label:after, .custom-checkbox-default .red input[type=checkbox]:checked:not(:disabled) + label:after {
  border-color: #f99295 !important;
}
.rfo-options .red input[type=checkbox]:checked + label:before, .custom-checkbox-default .red input[type=checkbox]:checked + label:before {
  border-color: #f99295 !important;
}
.rfo-options input[type=checkbox], .custom-checkbox-default input[type=checkbox] {
  /*display: none !important;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.rfo-options input[type=checkbox] + label, .custom-checkbox-default input[type=checkbox] + label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox] + label:before, .custom-checkbox-default input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #ccc;
  background-color: #fff;
  border-radius: 0.3rem;
}
.rfo-options input[type=checkbox]:disabled + label, .custom-checkbox-default input[type=checkbox]:disabled + label {
  cursor: default;
}
.rfo-options input[type=checkbox]:disabled + label:before, .custom-checkbox-default input[type=checkbox]:disabled + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #e9ecef !important;
  background-color: #e9ecef !important;
  border-radius: 0.3rem;
  cursor: default;
}
.rfo-options input[type=checkbox] + label:after, .custom-checkbox-default input[type=checkbox] + label:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  left: 9px;
  top: 13px;
  margin-right: 14px;
  position: absolute;
  opacity: 0;
  left: 1px;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  background-color: #fff;
  border-radius: 0.25rem;
  border-width: 0 0 0 0;
}
.rfo-options input[type=checkbox]:checked + label:after, .rfo-options input[type=checkbox]:checked:not(:disabled) + label:after, .custom-checkbox-default input[type=checkbox]:checked + label:after, .custom-checkbox-default input[type=checkbox]:checked:not(:disabled) + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  border: solid #a3dae3;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox]:checked:disabled + label:after, .custom-checkbox-default input[type=checkbox]:checked:disabled + label:after {
  position: absolute;
  content: "";
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  background: transparent !important;
  border-radius: 0;
  border: solid #aaa;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-color: #aaa;
  cursor: default;
}
.rfo-options input[type=checkbox]:checked + label:before, .custom-checkbox-default input[type=checkbox]:checked + label:before {
  border-color: #a3dae3 !important;
}
.rfo-options input[type=checkbox]:checked:disabled + label:before, .custom-checkbox-default input[type=checkbox]:checked:disabled + label:before {
  border-color: #e1e3ea !important;
  background-color: #e9ecef;
  left: 1px;
}
.rfo-options input[type=checkbox] + input[type=hidden] + label, .custom-checkbox-default input[type=checkbox] + input[type=hidden] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  margin-right: 1rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox] + input[type=hidden] + label:before, .custom-checkbox-default input[type=checkbox] + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #fff;
  border-radius: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox]:disabled + input[type=hidden] + label:before, .custom-checkbox-default input[type=checkbox]:disabled + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #eee;
  border-radius: 0;
}
.rfo-options input[type=checkbox], .custom-checkbox-default input[type=checkbox] {
  /*display: none !important;*/
  /**display: inline;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.rfo-options input[type=checkbox]:focus + input[type=hidden] + label:before, .rfo-options input[type=checkbox]:focus + label:before, .custom-checkbox-default input[type=checkbox]:focus + input[type=hidden] + label:before, .custom-checkbox-default input[type=checkbox]:focus + label:before {
  border-color: #a3dae3 !important;
}
.rfo-options input[type=checkbox]:checked + input[type=hidden] + label:after, .custom-checkbox-default input[type=checkbox]:checked + input[type=hidden] + label:after {
  content: "";
  display: block;
  position: absolute;
  border: solid #ffb100;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  width: 8px;
  height: 15px;
  left: 8px;
  margin-top: 1px;
  border-color: #a3dae3;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.rfo-options input[type=checkbox]:checked + input[type=hidden] + label:before, .custom-checkbox-default input[type=checkbox]:checked + input[type=hidden] + label:before {
  border-color: #a3dae3 !important;
}

.custom-checkbox-indicator {
  /* Custom inplace checkboxes with hidden in between*/
}
.custom-checkbox-indicator input[type=checkbox] {
  display: contents;
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.custom-checkbox-indicator input[type=checkbox] + label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-checkbox-indicator input[type=checkbox] + label:before {
  content: "";
  left: 0;
  border: 1px solid #DEE2e6;
  background-color: #fff;
  border-top-right-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
  height: 54px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 44px;
  position: absolute;
  top: -15px;
}
.custom-checkbox-indicator input[type=checkbox]:disabled + label:before {
  border-color: #e1e3ea !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
  background-color: #fafafa;
  cursor: default;
}
.custom-checkbox-indicator input[type=checkbox] + label:after {
  opacity: 0;
}
.custom-checkbox-indicator input[type=checkbox]:checked:not(:disabled) + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  border: solid #ffb100;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  opacity: 1;
  border-color: #00AAFF;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-checkbox-indicator input[type=checkbox]:checked:disabled + label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-check'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E");
  width: 32px;
  height: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center 5px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: default;
}
.custom-checkbox-indicator input[type=checkbox]:checked + label:before {
  border-color: #00AAFF !important;
}
.custom-checkbox-indicator input[type=checkbox]:checked:disabled + label:before {
  border-color: #e1e3ea !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.custom-checkbox-indicator input[type=checkbox] + input[type=hidden] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  margin-right: 1rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-checkbox-indicator input[type=checkbox] + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #fff;
  border-radius: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-checkbox-indicator input[type=checkbox]:disabled + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #eee;
  border-radius: 0;
  cursor: pointer;
}
.custom-checkbox-indicator input[type=checkbox] {
  /*display: none !important;*/
  /**display: inline;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.custom-checkbox-indicator input[type=checkbox]:focus + input[type=hidden] + label:before, .custom-checkbox-indicator input[type=checkbox]:focus + label:before {
  border-color: #00AAFF !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.25);
}
.custom-checkbox-indicator input[type=checkbox]:checked + input[type=hidden] + label:after {
  content: "";
  display: block;
  position: absolute;
  border: solid #ffb100;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  width: 8px;
  height: 15px;
  left: 8px;
  margin-top: 1px;
  border-color: #00AAFF;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-checkbox-indicator input[type=checkbox]:checked + input[type=hidden] + label:before {
  border-color: #00AAFF !important;
}

.custom-control-ls {
  /* input[type="checkbox"] + label {
      text-indent: 0.5rem;
  }*/
}
.custom-control-ls input[type=checkbox]:checked + label:after {
  top: 4px !important;
}

.custom-control-ls, .custom-control {
  /*input[type="checkbox"]:checked + label:before {
      border-color: $color-accent;
  }*/
  /* Custom inplace checkboxes with hidden in between*/
  /*input[type="checkbox"]:focus + input[type="hidden"] + label:before, input[type="checkbox"]:focus + label:before {
      border-color: $color-accent !important;
      box-shadow: 0 0 0 0.2rem rgba($color-accent, 0.25);
  }*/
  /*input[type="checkbox"]:checked + input[type="hidden"] + label:before {
      border-color: $color-accent !important;
  }*/
}
.custom-control-ls input[type=checkbox], .custom-control input[type=checkbox] {
  /*display: none !important;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
  display: contents;
}
.custom-control-ls input[type=checkbox] + label, .custom-control input[type=checkbox] + label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  top: 0 !important;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls input[type=checkbox]:disabled + label, .custom-control input[type=checkbox]:disabled + label {
  cursor: default;
}
.custom-control-ls input[type=checkbox] + label:before, .custom-control input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  top: 0;
  border-radius: 0.3rem;
}
.custom-control-ls input[type=checkbox]:disabled + label:before, .custom-control input[type=checkbox]:disabled + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #eee;
  border-radius: 0.25rem;
  cursor: default;
}
.custom-control-ls input[type=checkbox] + label:after, .custom-control input[type=checkbox] + label:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  left: 9px;
  top: 13px;
  margin-right: 14px;
  position: absolute;
  opacity: 0;
  left: 1px;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  /*background-color: #fff;*/
  border-radius: 0.25rem;
  border-width: 0 0 0 0;
}
.custom-control-ls input[type=checkbox]:checked + label:after, .custom-control input[type=checkbox]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  border: solid #fff;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  opacity: 1;
  /*border-color: $color-accent;*/
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls input[type=checkbox]:checked:disabled + label:after, .custom-control input[type=checkbox]:checked:disabled + label:after {
  position: absolute;
  content: "";
  /*left: 9px;
  top: 8px;*/
  height: 13px;
  width: 7px;
  border-radius: 5px;
  border: solid #aaa;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-color: #aaa;
  cursor: default;
}
.custom-control-ls input[type=checkbox]:checked:disabled + label:before, .custom-control input[type=checkbox]:checked:disabled + label:before {
  border-color: #aaa !important;
  background-color: #ddd !important;
}
.custom-control-ls input[type=checkbox] + input[type=hidden] + label, .custom-control input[type=checkbox] + input[type=hidden] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  margin-right: 1rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls input[type=checkbox] + input[type=hidden] + label:before, .custom-control input[type=checkbox] + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  /*border: 2px solid #aaa;
  background-color: #fff;*/
  border-radius: 0.25rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls input[type=checkbox]:disabled + input[type=hidden] + label:before, .custom-control input[type=checkbox]:disabled + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  left: 1px;
  /*border: 2px solid #aaa;
  background-color: #eee;*/
  border-radius: 0.25rem;
  cursor: default;
}
.custom-control-ls input[type=checkbox], .custom-control input[type=checkbox] {
  /*display: none !important;*/
  /**display: inline;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.custom-control-ls input[type=checkbox]:checked + input[type=hidden] + label:after, .custom-control input[type=checkbox]:checked + input[type=hidden] + label:after {
  content: "";
  display: block;
  position: absolute;
  /*border: solid #ffb100;*/
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  width: 8px;
  height: 15px;
  left: 8px;
  margin-top: 1px;
  /*border-color: $color-accent;*/
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls.custom-checkbox-blue input[type=checkbox].ans + label, .custom-control.custom-checkbox-blue input[type=checkbox].ans + label {
  padding-left: 3.1rem;
  text-indent: -1.1rem;
}
.custom-control-ls.custom-checkbox-blue input[type=checkbox]:not(:disabled) + label:before, .custom-control.custom-checkbox-blue input[type=checkbox]:not(:disabled) + label:before {
  background-color: #00AAFF;
  border: 2px solid #00AAFF;
}
.custom-control-ls.custom-checkbox-blue input[type=checkbox]:not(:disabled):not(:checked) + label:before, .custom-control.custom-checkbox-blue input[type=checkbox]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-checkbox-red input[type=checkbox].ans + label, .custom-control.custom-checkbox-red input[type=checkbox].ans + label {
  padding-left: 3.1rem;
  text-indent: -1.1rem;
}
.custom-control-ls.custom-checkbox-red input[type=checkbox]:not(:disabled) + label:before, .custom-control.custom-checkbox-red input[type=checkbox]:not(:disabled) + label:before {
  background-color: #ff213b;
  border: 2px solid #ff213b;
}
.custom-control-ls.custom-checkbox-red input[type=checkbox]:not(:disabled):not(:checked) + label:before, .custom-control.custom-checkbox-red input[type=checkbox]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-checkbox-yellow input[type=checkbox].ans + label, .custom-control.custom-checkbox-yellow input[type=checkbox].ans + label {
  padding-left: 3.1rem;
  text-indent: -1.1rem;
}
.custom-control-ls.custom-checkbox-yellow input[type=checkbox]:not(:disabled) + label:before, .custom-control.custom-checkbox-yellow input[type=checkbox]:not(:disabled) + label:before {
  background-color: #ff9900;
  border: 2px solid #ff9900;
}
.custom-control-ls.custom-checkbox-yellow input[type=checkbox]:not(:disabled):not(:checked) + label:before, .custom-control.custom-checkbox-yellow input[type=checkbox]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-checkbox-green input[type=checkbox].ans + label, .custom-control.custom-checkbox-green input[type=checkbox].ans + label {
  padding-left: 3.1rem;
  text-indent: -1.1rem;
}
.custom-control-ls.custom-checkbox-green input[type=checkbox]:not(:disabled) + label:before, .custom-control.custom-checkbox-green input[type=checkbox]:not(:disabled) + label:before {
  background-color: limegreen;
  border: 2px solid limegreen;
}
.custom-control-ls.custom-checkbox-green input[type=checkbox]:not(:disabled):not(:checked) + label:before, .custom-control.custom-checkbox-green input[type=checkbox]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}

a.custom-checkbox-blue {
  color: #00AAFF;
}

a.custom-checkbox-red {
  color: #ff213b;
}

a.custom-checkbox-yellow {
  color: #ff9900;
}

a.custom-checkbox-green {
  color: limegreen;
}

.custom-checkbox-blue {
  padding-bottom: 0.4rem;
}
.custom-checkbox-blue input[type=checkbox]:not(:disabled) + label:before {
  background-color: #00AAFF;
  border: 2px solid #00AAFF;
}
.custom-checkbox-blue input[type=checkbox]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}

.custom-checkbox-red {
  padding-bottom: 0.4rem;
}
.custom-checkbox-red input[type=checkbox]:not(:disabled) + label:before {
  background-color: #ff213b;
  border: 2px solid #ff213b;
}
.custom-checkbox-red input[type=checkbox]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}

.custom-checkbox-yellow {
  padding-bottom: 0.4rem;
}
.custom-checkbox-yellow input[type=checkbox]:not(:disabled) + label:before {
  background-color: #ff9900;
  border: 2px solid #ff9900;
}
.custom-checkbox-yellow input[type=checkbox]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-checkbox-yellow div.resp-instruct > a {
  color: #ff9900;
}

.custom-checkbox-green {
  padding-bottom: 0.4rem;
}
.custom-checkbox-green input[type=checkbox]:not(:disabled) + label:before {
  background-color: limegreen;
  border: 2px solid limegreen;
}
.custom-checkbox-green input[type=checkbox]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}

/*.custom-radio {
    @include custom-radio-def;
}
*/
.custom-control.custom-radio {
  /*input[type="checkbox"]:checked + label:before {
      border-color: $color-accent;
  }*/
  /* Custom inplace checkboxes with hidden in between*/
  /*input[type="checkbox"]:focus + input[type="hidden"] + label:before, input[type="checkbox"]:focus + label:before {
      border-color: $color-accent !important;
      box-shadow: 0 0 0 0.2rem rgba($color-accent, 0.25);
  }*/
  /*input[type="checkbox"]:checked + input[type="hidden"] + label:before {
      border-color: $color-accent !important;
  }*/
}
.custom-control.custom-radio input[type=radio] {
  display: contents;
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.custom-control.custom-radio input[type=radio] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  top: 0 !important;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control.custom-radio input[type=radio] + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  top: 0;
  border: 1px solid #cccccc;
  border-radius: 50%;
}
.custom-control.custom-radio input[type=radio]:disabled + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 1px solid #eee;
  background-color: #eee;
  border-radius: 50%;
}
.custom-control.custom-radio input[type=radio] + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: transparent;
  height: 20px;
  width: 20px;
  left: 2px;
  top: 1px;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control.custom-radio input[type=radio]:checked + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  top: 0;
  border: 1px solid rgb(160, 215, 223);
  border-radius: 50%;
}
.custom-control.custom-radio input[type=radio]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: rgb(160, 215, 223);
  height: 20px;
  width: 20px;
  left: 2px;
  top: 1px;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control.custom-radio input[type=radio]:checked:disabled + label:after {
  position: absolute;
  content: "";
  background: rgb(160, 215, 223);
  height: 20px;
  width: 20px;
  left: 2px;
  top: 1px;
  opacity: 1;
  border: 1px solid #eee;
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-color: #aaa;
}
.custom-control.custom-radio input[type=radio]:checked:disabled + label:before {
  border-color: #e9ecef !important;
  background-color: #e9ecef !important;
}
.custom-control.custom-radio input[type=radio] + input[type=hidden] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  margin-right: 1rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control.custom-radio input[type=radio] + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  /*border: 2px solid #aaa;
  background-color: #fff;*/
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control.custom-radio input[type=radio]:disabled + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  left: 1px;
  /*border: 2px solid #aaa;
  background-color: #eee;*/
  border-radius: 0.25rem;
}
.custom-control.custom-radio input[type=radio] {
  /*display: none !important;*/
  /**display: inline;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.custom-control.custom-radio input[type=radio]:checked + input[type=hidden] + label:after {
  content: "";
  display: block;
  position: absolute;
  /*border: solid #ffb100;*/
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  width: 8px;
  height: 15px;
  left: 8px;
  margin-top: 1px;
  /*border-color: $color-accent;*/
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media screen and (max-width: 1199px) {
  .custom-control.custom-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;
  }
}

.custom-control-ls, .custom-control {
  /*input[type="checkbox"]:checked + label:before {
      border-color: $color-accent;
  }*/
  /* Custom inplace checkboxes with hidden in between*/
  /*input[type="checkbox"]:focus + input[type="hidden"] + label:before, input[type="checkbox"]:focus + label:before {
      border-color: $color-accent !important;
      box-shadow: 0 0 0 0.2rem rgba($color-accent, 0.25);
  }*/
  /*input[type="checkbox"]:checked + input[type="hidden"] + label:before {
      border-color: $color-accent !important;
  }*/
}
.custom-control-ls input[type=radio], .custom-control input[type=radio] {
  display: contents;
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.custom-control-ls input[type=radio] + label, .custom-control input[type=radio] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  top: 0 !important;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls input[type=radio] + label:before, .custom-control input[type=radio] + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  top: 0;
  border: 1px solid #cccccc;
  border-radius: 50%;
}
.custom-control-ls input[type=radio]:disabled + label:before, .custom-control input[type=radio]:disabled + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 1px solid #eee;
  background-color: #eee;
  border-radius: 50%;
}
.custom-control-ls input[type=radio] + label:after, .custom-control input[type=radio] + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: transparent;
  height: 20px;
  width: 20px;
  left: 2px;
  top: 1px;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls input[type=radio]:checked + label:before, .custom-control input[type=radio]:checked + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  top: 0;
  border: 1px solid rgb(160, 215, 223);
  border-radius: 50%;
}
.custom-control-ls input[type=radio]:checked + label:after, .custom-control input[type=radio]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: rgb(160, 215, 223);
  height: 20px;
  width: 20px;
  left: 2px;
  top: 1px;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls input[type=radio]:checked:disabled + label:after, .custom-control input[type=radio]:checked:disabled + label:after {
  position: absolute;
  content: "";
  background: rgb(160, 215, 223);
  height: 20px;
  width: 20px;
  left: 2px;
  top: 1px;
  opacity: 1;
  border: 1px solid #eee;
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-color: #aaa;
}
.custom-control-ls input[type=radio]:checked:disabled + label:before, .custom-control input[type=radio]:checked:disabled + label:before {
  border-color: #e9ecef !important;
  background-color: #e9ecef !important;
}
.custom-control-ls input[type=radio] + input[type=hidden] + label, .custom-control input[type=radio] + input[type=hidden] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  margin-right: 1rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls input[type=radio] + input[type=hidden] + label:before, .custom-control input[type=radio] + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  /*border: 2px solid #aaa;
  background-color: #fff;*/
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls input[type=radio]:disabled + input[type=hidden] + label:before, .custom-control input[type=radio]:disabled + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  left: 1px;
  /*border: 2px solid #aaa;
  background-color: #eee;*/
  border-radius: 0.25rem;
}
.custom-control-ls input[type=radio], .custom-control input[type=radio] {
  /*display: none !important;*/
  /**display: inline;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.custom-control-ls input[type=radio]:checked + input[type=hidden] + label:after, .custom-control input[type=radio]:checked + input[type=hidden] + label:after {
  content: "";
  display: block;
  position: absolute;
  /*border: solid #ffb100;*/
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  width: 8px;
  height: 15px;
  left: 8px;
  margin-top: 1px;
  /*border-color: $color-accent;*/
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.custom-control-ls > .custom-control-label > i.debug, .custom-control > .custom-control-label > i.debug {
  content: "";
  text-indent: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-caret-left-filled' width='16' height='16' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M13.883 5.007l.058 -.005h.118l.058 .005l.06 .009l.052 .01l.108 .032l.067 .027l.132 .07l.09 .065l.081 .073l.083 .094l.054 .077l.054 .096l.017 .036l.027 .067l.032 .108l.01 .053l.01 .06l.004 .057l.002 .059v12c0 .852 -.986 1.297 -1.623 .783l-.084 -.076l-6 -6a1 1 0 0 1 -.083 -1.32l.083 -.094l6 -6l.094 -.083l.077 -.054l.096 -.054l.036 -.017l.067 -.027l.108 -.032l.053 -.01l.06 -.01z' stroke-width='0' fill='%232dab6b ' /%3E%3C/svg%3E");
  width: 16px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 7px 2px;
}
.custom-control-ls.custom-radio-blue, .custom-control.custom-radio-blue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0.75rem;
}
.custom-control-ls.custom-radio-blue input[type=radio].ans + label, .custom-control.custom-radio-blue input[type=radio].ans + label {
  padding-left: 3.1rem;
  text-indent: -1.1rem;
}
.custom-control-ls.custom-radio-blue input[type=radio]:not(:disabled) + label:before, .custom-control.custom-radio-blue input[type=radio]:not(:disabled) + label:before {
  background-color: #00AAFF;
  border: 2px solid #00AAFF;
}
.custom-control-ls.custom-radio-blue input[type=radio]:not(:disabled):not(:checked) + label:before, .custom-control.custom-radio-blue input[type=radio]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-radio-blue input[type=radio]:not(:disabled) + label:after, .custom-control.custom-radio-blue input[type=radio]:not(:disabled) + label:after {
  background-color: #00AAFF;
  border: 1px solid #00AAFF;
}
.custom-control-ls.custom-radio-blue input[type=radio]:not(:disabled):not(:checked) + label:after, .custom-control.custom-radio-blue input[type=radio]:not(:disabled):not(:checked) + label:after {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-radio-green, .custom-control.custom-radio-green {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.75rem;
}
.custom-control-ls.custom-radio-green input[type=radio].ans + label, .custom-control.custom-radio-green input[type=radio].ans + label {
  padding-left: 3.1rem;
  text-indent: -1.1rem;
}
.custom-control-ls.custom-radio-green input[type=radio]:not(:disabled) + label:before, .custom-control.custom-radio-green input[type=radio]:not(:disabled) + label:before {
  background-color: limegreen;
  border: 2px solid limegreen;
}
.custom-control-ls.custom-radio-green input[type=radio]:not(:disabled):not(:checked) + label:before, .custom-control.custom-radio-green input[type=radio]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-radio-green input[type=radio]:not(:disabled) + label:after, .custom-control.custom-radio-green input[type=radio]:not(:disabled) + label:after {
  background-color: limegreen;
  border: 1px solid limegreen;
}
.custom-control-ls.custom-radio-green input[type=radio]:not(:disabled):not(:checked) + label:after, .custom-control.custom-radio-green input[type=radio]:not(:disabled):not(:checked) + label:after {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-radio-red, .custom-control.custom-radio-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.75rem;
}
.custom-control-ls.custom-radio-red input[type=radio].ans + label, .custom-control.custom-radio-red input[type=radio].ans + label {
  padding-left: 3.1rem;
  text-indent: -1.1rem;
}
.custom-control-ls.custom-radio-red input[type=radio]:not(:disabled) + label:before, .custom-control.custom-radio-red input[type=radio]:not(:disabled) + label:before {
  background-color: #ff213b;
  border: 2px solid #ff213b;
}
.custom-control-ls.custom-radio-red input[type=radio]:not(:disabled):not(:checked) + label:before, .custom-control.custom-radio-red input[type=radio]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-radio-red input[type=radio]:not(:disabled) + label:after, .custom-control.custom-radio-red input[type=radio]:not(:disabled) + label:after {
  background-color: #ff213b;
  border: 1px solid #ff213b;
}
.custom-control-ls.custom-radio-red input[type=radio]:not(:disabled):not(:checked) + label:after, .custom-control.custom-radio-red input[type=radio]:not(:disabled):not(:checked) + label:after {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-radio-yellow, .custom-control.custom-radio-yellow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.75rem;
}
.custom-control-ls.custom-radio-yellow input[type=radio].ans + label, .custom-control.custom-radio-yellow input[type=radio].ans + label {
  padding-left: 3.1rem;
  text-indent: -1.1rem;
}
.custom-control-ls.custom-radio-yellow input[type=radio]:not(:disabled) + label:before, .custom-control.custom-radio-yellow input[type=radio]:not(:disabled) + label:before {
  background-color: #ff9900;
  border: 2px solid #ff9900;
}
.custom-control-ls.custom-radio-yellow input[type=radio]:not(:disabled):not(:checked) + label:before, .custom-control.custom-radio-yellow input[type=radio]:not(:disabled):not(:checked) + label:before {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.custom-control-ls.custom-radio-yellow input[type=radio]:not(:disabled) + label:after, .custom-control.custom-radio-yellow input[type=radio]:not(:disabled) + label:after {
  background-color: #ff9900;
  border: 1px solid #ff9900;
}
.custom-control-ls.custom-radio-yellow input[type=radio]:not(:disabled):not(:checked) + label:after, .custom-control.custom-radio-yellow input[type=radio]:not(:disabled):not(:checked) + label:after {
  background-color: #fff;
  border: 1px solid #cccccc;
}

.custom-radio-blue {
  min-height: 1.675rem;
  top: 5px;
  min-width: 1.4rem;
  left: 0.9rem;
}
.custom-radio-blue .custom-control-label::before {
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: transparent;
  /*border: 1px solid #bdbec2;*/
  top: 0.05rem;
}
.custom-radio-blue .custom-control-label::after {
  width: 1.2rem;
  height: 1.2rem;
  /*border: 1px solid #dee2e6;*/
}
.custom-radio-blue .custom-control-input ~ .custom-control-label {
  cursor: pointer;
}
.custom-radio-blue .custom-control-input ~ .custom-control-label:before {
  background: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 1px #ffffff;
          box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 1px #ffffff;
}
.custom-radio-blue .custom-control-input:checked ~ .custom-control-label::before {
  background: #00AAFF;
  border: 1px solid rgba(0, 170, 255, 0.25);
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 170, 255, 0.25);
          box-shadow: 0px 0px 1px 1px rgba(0, 170, 255, 0.25);
}
.custom-radio-blue .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
}

.custom-radio-green {
  min-height: 1.675rem;
  top: 5px;
  min-width: 1.4rem;
  left: 0.9rem;
}
.custom-radio-green .custom-control-label::before {
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: transparent;
  /*border: 1px solid #dee2e6;*/
  top: 0.05rem;
}
.custom-radio-green .custom-control-input ~ .custom-control-label {
  cursor: pointer;
}
.custom-radio-green .custom-control-input ~ .custom-control-label:before {
  background: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 1px #ffffff;
          box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 1px #ffffff;
}
.custom-radio-green .custom-control-label::after {
  width: 1.2rem;
  height: 1.2rem;
  /*border: 1px solid #dee2e6;*/
}
.custom-radio-green .custom-control-input:checked ~ .custom-control-label::before {
  background: limegreen;
  border: 1px solid limegreen;
  -webkit-box-shadow: 0px 0px 1px 1px limegreen;
          box-shadow: 0px 0px 1px 1px limegreen;
}
.custom-radio-green .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
}

.custom-radio-red {
  min-height: 1.675rem;
  top: 5px;
  min-width: 1.4rem;
  left: 0.9rem;
}
.custom-radio-red .custom-control-label::before {
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: transparent;
  /*border: 1px solid #dee2e6;*/
  top: 0.05rem;
}
.custom-radio-red .custom-control-input ~ .custom-control-label {
  cursor: pointer;
}
.custom-radio-red .custom-control-input ~ .custom-control-label:before {
  background: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 1px #ffffff;
          box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 1px #ffffff;
}
.custom-radio-red .custom-control-label::after {
  width: 1.2rem;
  height: 1.2rem;
  /*border: 1px solid #dee2e6;*/
}
.custom-radio-red .custom-control-input:checked ~ .custom-control-label::before {
  background: #ff213b;
  border: 1px solid #ff213b;
  -webkit-box-shadow: 0px 0px 1px 1px #ff213b;
          box-shadow: 0px 0px 1px 1px #ff213b;
}
.custom-radio-red .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
}

.custom-radio-yellow {
  min-height: 1.675rem;
  top: 5px;
  min-width: 1.4rem;
  left: 0.9rem;
}
.custom-radio-yellow .custom-control-label::before {
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: transparent;
  /*border: 1px solid #ff9900;*/
  top: 0.05rem;
}
.custom-radio-yellow .custom-control-input ~ .custom-control-label {
  cursor: pointer;
}
.custom-radio-yellow .custom-control-input ~ .custom-control-label:before {
  background: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 1px #ffffff;
          box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 1px #ffffff;
}
.custom-radio-yellow .custom-control-label::after {
  width: 1.2rem;
  height: 1.2rem;
  border: inherit;
}
.custom-radio-yellow .custom-control-input:checked ~ .custom-control-label::before {
  background: #ff9900;
  border: 1px solid #ff9900;
  -webkit-box-shadow: 0px 0px 1px 1px #ff9900;
          box-shadow: 0px 0px 1px 1px #ff9900;
}
.custom-radio-yellow .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
}

.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
  color: inherit;
  border-color: #bdbec2;
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: inherit;
}

.custom-control-input {
  min-height: 1.675rem;
  top: 5px;
  min-width: 1.4rem;
  left: 0.9rem;
}
.was-validated .custom-control-input:is-invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  color: inherit;
  border-color: #bdbec2;
  background-color: inherit;
}
.was-validated .custom-control-input:is-invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #fff;
}
.was-validated .custom-control-input:is-invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  background-color: #fff;
}

.control-error {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.control-error::before {
  content: " ";
}

.no-gutters-left {
  margin-left: 0.6rem;
}

.no-gutters-left > .col,
.no-gutters-left > [class*=col-] {
  padding-left: 0;
}

.no-gutters-right {
  margin-right: 0.6rem;
}

.no-gutters-right > .col,
.no-gutters-right > [class*=col-] {
  padding-right: 0;
}

.gutters-right {
  margin-right: 1rem;
}

.gutters-right > .col,
.gutters-right > [class*=col-] {
  padding-right: 1rem;
}

gutters-left {
  margin-left: 1rem;
}

.gutters-left > .col,
.gutters-left > [class*=col-] {
  padding-left: 1rem;
}

.switchery {
  margin-right: 0.4rem;
  border-width: 2px !important;
}

.switchery-wrap {
  margin-top: 0.4rem;
}

.switchery-text {
  position: relative;
  top: 0.1rem;
  font-weight: 600;
  color: #5e6773;
}

.adrfld:is-invalid, adrfld:invalid {
  margin-left: 0.2rem;
}

input[type=password].password {
  font-size: 1.5rem;
  padding: 0 0.5rem 0 0.5rem;
}

input[type=text].password {
  padding: 0.5rem;
}

i.showpass {
  background: #ececfc;
  border: 1px solid #dee2e6;
  width: 53px;
  top: 0;
  right: 0;
  position: absolute;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
  opacity: 1 !important;
  height: 100%;
}
i.showpass:hover {
  background: #b5b4f3;
  color: #f8f9fa;
}
i.showpass.hidepass:after {
  width: 34px;
  content: "HIDE" !important;
}
i.showpass:after {
  top: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 34px;
  content: "SHOW";
  font-size: 0.7rem;
  font-style: normal;
}
i.showpass.is-invalid {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none !important;
  height: 46px;
  top: 0 !important;
}

/*i.showpass {
    top: 50%;
    position: absolute;*/
/*margin-top: 3px !important;*/
/*right: 0.8rem;*/
/*height: 20px;*/
/*opacity: 0.5;
    z-index: 10;

    &.is-invalid {
        outline: none !important;
        top: 20px !important;
    }

    opacity: 0.5;
    z-index: 10;


    &:not(.hidepass) {
        &:after {*/
/*   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'%3E%3C/path%3E%3Cpath d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6'%3E%3C/path%3E%3C/svg%3E");
            width: 20px;
            height: 20px;
            content: "";
            background-repeat: no-repeat;
            display: inline-block;
            position: absolute;
            top: 50%;
            right: 0.5rem;
            transform: translateY(-50%);*/
/*content: "SHOW";
            background-repeat: no-repeat;
            position: absolute;
            right: 0.5rem;
            font-style: normal;
            font-size: 0.7rem;
            font-weight: 500;
            font-family: $font-family;
        }
    }

    &.hidepass {
        &:after {*/
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye-off' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.25' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'%3E%3C/path%3E%3Cpath d='M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87'%3E%3C/path%3E%3Cpath d='M3 3l18 18'%3E%3C/path%3E%3C/svg%3E");
            width: 20px;
            height: 20px;
            content: "";
            background-repeat: no-repeat;
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0.5rem;*/
/*content: "HIDE";
            background-repeat: no-repeat;
            position: absolute;
            right: 0.5rem;
            font-style: normal;
            font-size: 0.7rem;
            font-weight: 500;
            font-family: $font-family;
        }
    }
}*/
.forceback {
  z-index: 0;
}

.recaptcha-center {
  position: relative;
  left: calc(50% - 152px);
}

div.list-select-action {
  list-style: none;
  padding-left: 0;
}
div.list-select-action .questLoad {
  display: grid;
  grid-template-rows: 30px 40px auto;
  grid-template-columns: 1fr;
}
div.list-select-action .questLoad > span {
  place-items: left;
}
div.list-select-action .questLoad, div.list-select-action li {
  cursor: pointer;
  position: relative;
  padding: 20px 15px;
  /*   &.active {
      border-radius: 5px;
      background: linear-gradient(90deg, #bdf4d7, #bdf4d7) !important;
      color: $color-dark;
  }*/
}
div.list-select-action .questLoad:hover, div.list-select-action .questLoad:focus, div.list-select-action li:hover, div.list-select-action li:focus {
  background-color: #fafbfc;
}
div.list-select-action .questLoad a, div.list-select-action li a {
  text-decoration: none;
  color: inherit;
}
div.list-select-action .questLoad > .header, div.list-select-action li > .header {
  font-weight: 500;
  color: #343a40;
  margin: 0;
  margin-bottom: 5px;
}
div.list-select-action .questLoad .preview, div.list-select-action li .preview {
  margin: 10px 0;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.list-select-action .questLoad .star:before, div.list-select-action li .star:before {
  float: right;
  top: 4px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005";
  color: #ff213b;
  font-size: 1rem;
}
div.list-select-action .questLoad .reordered:before, div.list-select-action li .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
div.list-select-action .questLoad .date, div.list-select-action li .date {
  float: right;
  font-size: 0.75rem;
}
div.list-select-action .text {
  padding-left: 65px;
}
div.list-select-action .sender {
  font-size: 13px;
}

.list-group-item-action > span.reordered {
  padding: 0 !important;
}
.list-group-item-action > span.reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.list-group-item-action.active .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.list-group-item-action > div.offline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-power' width='24' height='28' viewBox='0 0 24 24' stroke-width='2.0' stroke='%23bbbbbb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 6a7.75 7.75 0 1 0 10 0' /%3E%3Cline x1='12' y1='4' x2='12' y2='12' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 24px;
  height: 32px;
  background-position: center 9px;
}
.list-group-item-action > div.online {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-power' width='24' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%235ccb84' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 6a7.75 7.75 0 1 0 10 0' /%3E%3Cline x1='12' y1='4' x2='12' y2='12' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 24px;
  height: 32px;
  background-position: center 9px;
}

.scrollable-y {
  overflow-y: scroll;
}

.jQWCP-wWidget {
  z-index: 3900 !important;
}

.note-editor {
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.iti-flag {
  background-image: url("/assets/vendor/intl-tel-input/build/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {
    background-image: url("/assets/vendor/intl-tel-input/build/img/flags@2x.png");
  }
}
/*.intl-tel-input .country-list .country.highlight {
    color: $color-accent !important;
}*/
.intl-tel-input {
  display: table-cell;
}

.intl-tel-input .selected-flag {
  z-index: 4;
}

.intl-tel-input .country-list {
  z-index: 5;
}

.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}

.intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
  padding-left: 1rem !important;
}
.intl-tel-input .country-list {
  z-index: 1031 !important;
  overflow-x: hidden;
}
.intl-tel-input .country-list .country {
  padding: 0.625rem !important;
  font-family: "Jaldi", sans-serif;
  font-size: 1rem;
}
.intl-tel-input .country-list .country.highlight {
  font-weight: 600;
  background-color: rgba(44, 194, 190, 0.25);
  color: #343a40 !important;
}
.intl-tel-input .country-list .country.highlight > span.dial-code {
  color: #343a40 !important;
}

.selected-flag {
  border-top: 1px solid #e1e3ea !important;
  border-bottom: 1px solid #e1e3ea !important;
  width: 80px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.selected-flag .iti-flag {
  position: unset;
}
.selected-flag .selected-dial-code {
  padding-top: 11px;
}
.selected-flag .iti-arrow {
  border: none !important;
}
.selected-flag .iti-arrow:after {
  position: relative;
  top: 0.625rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  font-size: 0.7rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}

.input-group-prepend .dollarButton {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-append .dollarButton {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend .dateButton {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-append .dateButton {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dateButton, .dollarButton {
  cursor: pointer;
  min-height: 54px;
  height: 100%;
}
.dateButton:hover, .dollarButton:hover {
  color: #a3dae3;
}

.lbl-float .dateButton > i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 24px;
  height: 31px;
  background-position: 2px 9px;
  display: inline-block;
}
.lbl-float .dateButton:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23#dae9f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
}

.lbl-inline .dateButton > i, .lbl-above .dateButton > i, .lbl-default .dateButton > i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 24px;
  height: 31px;
  background-position: 2px 3px;
  display: inline-block;
}
.lbl-inline .dateButton:hover, .lbl-above .dateButton:hover, .lbl-default .dateButton:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23#dae9f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
}

@media screen and (max-width: 767px) {
  .dateButton {
    display: none;
  }
  .iti__flag-container {
    position: absolute;
    top: 0.9rem !important;
    bottom: 0;
    right: 0;
    padding: 1px;
  }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
  }
  .iti--allow-dropdown .iti__flag-container {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
  }
}
@media screen and (min-width: 768px) {
  .iti--allow-dropdown .iti__flag-container {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .iti__country_list {
    top: -43px;
    outline: 1px solid #8b8dfa;
  }
}
.flag-container {
  border-left: 1px solid #e1e3ea;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.intl-tel-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*width: 100vw;*/
}

.rangeslider__fill {
  display: block;
  border-radius: 10px;
}

.rangeslider {
  position: relative;
}

.rangeslider:after {
  top: 50%;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 5px;
  position: absolute;
  background: #e1e3ea;
}

.rangeslider--horizontal {
  width: 100%;
  height: 28px;
}

.rangeslider--vertical {
  width: 5px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  position: absolute;
  background: #ff637b;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  margin-top: -0.625rem;
  background: white;
  position: absolute;
  background: #ff637b;
  border-radius: 50%;
  display: inline-block;
}

.rangeslider__handle:active {
  background: #ff5a7b;
}

.rangeslider__fill,
.rangeslider__handle {
  z-index: 1;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 50%;
  height: 5px;
  margin-top: -2.5px;
}

/* Budget */
.budget-wrap {
  padding: 40px;
  background: #292942;
  -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
}

.budget-wrap .header .title {
  color: #fff;
  font-size: 18px;
  margin-bottom: 30px;
}

.budget-wrap .header .title .pull-right {
  color: #ff5a84;
  font-size: 24px;
  font-weight: 400;
}

.budget-wrap .footer {
  margin-top: 30px;
}

.budget-wrap .footer .btn, .budget-wrap .footer .btn-ls {
  color: inherit;
  padding: 12px 24px;
  border-radius: 50px;
  display: inline-block;
  text-decoration: none;
}

.budget-wrap .footer .btn.btn-def, .budget-wrap .footer .btn-def.btn-ls {
  color: #525263;
}

.budget-wrap .footer .btn.btn-pri, .budget-wrap .footer .btn-pri.btn-ls {
  color: #eee;
  background: #ff5a84;
}

.verificationCode {
  width: 50px !important;
  font-size: 1.5rem !important;
  text-align: center !important;
  padding-top: 1rem !important;
  height: 60px;
  margin-right: 0.25rem;
  display: inline;
}
.verificationCode[data-key="4"] {
  margin-right: 0;
}
.verificationCode::-webkit-input-placeholder:not(:focus) {
  text-align: center !important;
}
.verificationCode::-moz-placeholder:not(:focus) {
  text-align: center !important;
}
.verificationCode:-ms-input-placeholder:not(:focus) {
  text-align: center !important;
}
.verificationCode::-ms-input-placeholder:not(:focus) {
  text-align: center !important;
}
.verificationCode::placeholder:not(:focus) {
  text-align: center !important;
}

[data-rfo-cat=emailaddress] .rf-container .rf-show {
  display: none !important;
}

.rf-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 0.725rem;
  min-height: 64px;
}
.rf-container div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.5rem;
}
.rf-container > div:first-child {
  white-space: pre-wrap;
  word-break: break-word;
  min-width: 245px;
}
.rf-container .rf-show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.rf-container > div:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: none;
  /* > div:last-child {
      width: 70%;
  }*/
}
.rf-container .rf-container-inner > div:first-child {
  width: 150px;
  margin-right: 2rem;
}
.rf-container .rf-container-inner > div:last-child {
  width: calc(100% - 160px);
}
.rf-container .rf-container-inner input[type=text] {
  width: 550px;
}

@media screen and (max-width: 1199px) {
  .float-label-above .padMobileSingle {
    padding: 1.563rem 1rem 0.5rem 1rem;
    margin-bottom: 0.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .float-label-above .padMobileSingle {
    padding: 1.563rem 1rem 0.5rem 1rem;
    margin-bottom: 0.2rem;
  }
}

.label-above .padMobileSingle {
  padding: 0.7rem 1rem 0.15rem 1rem;
}

@media screen and (max-width: 500px) {
  .padMobileMulti {
    padding: 1.2rem 1rem 0.6rem 1rem;
  }
}
@media screen and (min-width: 501px) and (max-width: 768px) {
  .padMobileMulti {
    padding: 0.5rem 1rem 0.6rem 1rem;
  }
}
.ls-ModalInner .ls-select-wrapper > .ls-select .ls-options {
  position: relative;
}

.overflow-space {
  display: table;
  content: "";
  clear: both;
}

.lbl-inline .date-panel-left .ls-label, .lbl-above .date-panel-left .ls-label, .lbl-default .date-panel-left .ls-label {
  background: #ffffff;
}
.lbl-inline .date-panel-left .e-input-group.e-control-wrapper .e-clear-icon::before, .lbl-above .date-panel-left .e-input-group.e-control-wrapper .e-clear-icon::before, .lbl-default .date-panel-left .e-input-group.e-control-wrapper .e-clear-icon::before {
  position: absolute;
  right: 1.9rem;
  top: 1rem;
}
.lbl-inline .date-panel-left .e-input-group-icon.e-date-icon::before, .lbl-inline .date-panel-left *.e-control-wrapper .e-input-group-icon.e-date-icon::before, .lbl-above .date-panel-left .e-input-group-icon.e-date-icon::before, .lbl-above .date-panel-left *.e-control-wrapper .e-input-group-icon.e-date-icon::before, .lbl-default .date-panel-left .e-input-group-icon.e-date-icon::before, .lbl-default .date-panel-left *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 24px;
  height: 31px;
  background-position: 2px 3px;
  display: inline-block;
  content: "";
}
.lbl-inline .date-panel-left .e-input-group-icon.e-date-icon::before:before, .lbl-inline .date-panel-left *.e-control-wrapper .e-input-group-icon.e-date-icon:hover:before, .lbl-above .date-panel-left .e-input-group-icon.e-date-icon::before:before, .lbl-above .date-panel-left *.e-control-wrapper .e-input-group-icon.e-date-icon:hover:before, .lbl-default .date-panel-left .e-input-group-icon.e-date-icon::before:before, .lbl-default .date-panel-left *.e-control-wrapper .e-input-group-icon.e-date-icon:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23#dae9f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
}
.lbl-inline .date-panel-left .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before, .lbl-above .date-panel-left .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before, .lbl-default .date-panel-left .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 24px;
  height: 24px;
}
.lbl-inline .date-panel-left .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before:hover, .lbl-above .date-panel-left .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before:hover, .lbl-default .date-panel-left .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236366f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
}
.lbl-inline .date-panel-left input, .lbl-above .date-panel-left input, .lbl-default .date-panel-left input {
  height: 53px;
  line-height: 53px;
}
.lbl-inline .date-panel-left input:focus, .lbl-above .date-panel-left input:focus, .lbl-default .date-panel-left input:focus {
  outline: none !important;
}

.radio-edit-group {
  padding: 1.7rem 0 0.7rem 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.radio-edit-group.disabled {
  background: #fafafa;
}

.admin-portal .radio-edit-group .custom-control {
  padding-left: 0.75rem;
}
.admin-portal .radio-edit-group .custom-control:not(:last-child) {
  margin-right: 0.5rem;
}

.date-panel-right > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.date-panel-right > div:focus-within {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0.35rem;
}
.date-panel-right > div > div.dateButton {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.date-panel-right > div > div.dateButton > i {
  display: inline-block;
}
.date-panel-right > div > input:focus {
  outline: none !important;
}
.date-panel-right .e-input-group-icon.e-date-icon::before, .date-panel-right *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='22' height='22' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 24px;
  height: 31px;
  background-position: 2px 11px;
  display: inline-block;
  content: "";
}
.date-panel-right .e-input-group-icon.e-date-icon::before:before, .date-panel-right *.e-control-wrapper .e-input-group-icon.e-date-icon:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='22' height='22' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23#dae9f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
}
.date-panel-right .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 24px;
  height: 24px;
}
.date-panel-right .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236366f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
}
.date-panel-right input {
  height: 53px;
  line-height: 53px;
}
.date-panel-right input:focus {
  outline: none !important;
}

.url-entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.url-entry:focus-within {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0.35rem;
}
.url-entry > div:first-child {
  width: 112px !important;
}
.url-entry > div:first-child > .ls-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  /*   &:focus-within {
      outline: none;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border-top-left-radius: 0.35rem !important;
      border-bottom-left-radius: 0.35rem !important;
  }*/
}
.url-entry > div:first-child:focus-within {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.url-entry > div:last-child > input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: none !important;
  padding-top: 1.4rem;
  padding-bottom: 0.5rem;
}
.url-entry > div:last-child > input:focus-within {
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-top-right-radius: 0.35rem !important;
  border-bottom-right-radius: 0.35rem !important;
}
.url-entry > input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.fl-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.fl-inline > div {
  margin-right: 0.6rem;
}

.fl-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.fl-column > div {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.fl-column > div:first-child input + label:not(.custom-control-label), .fl-column > div:first-child select + label {
  position: absolute;
  left: 0;
  margin-bottom: 0;
  margin-left: 0.95rem;
  color: #8b8dfa;
  background: transparent;
  position: absolute;
  cursor: text;
  opacity: 1;
  pointer-events: none;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: scale(0.82);
          transform: scale(0.82);
  top: -5px;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}

.help-panel:focus-within {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0.35rem;
}
.help-panel input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
}
.help-panel input:focus {
  outline: none !important;
}
.help-panel.is-invalid > div.helpButton > .dropdown {
  border: none;
}
.help-panel > div.helpButton {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.help-panel > div.helpButton > .dropdown {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.help-panel > div.helpButton > .dropdown a.btn:hover, .help-panel > div.helpButton > .dropdown a.btn-ls:hover {
  color: #00AAFF;
  background-color: #ffffff;
}
.help-panel > div.helpButton > .dropdown a.btn > i:first-child, .help-panel > div.helpButton > .dropdown a.btn-ls > i:first-child {
  margin-top: 10px;
}
.help-panel > div.helpButton > .dropdown > .dropdown-menu {
  margin-top: 0;
  border-color: #6366f1;
  border-width: 2px;
  top: -51px !important;
  right: 0 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}

.check-edit-group .custom-checkPanel-row {
  width: 100%;
}
.check-edit-group .custom-checkbox-default {
  margin-bottom: 0.725rem;
}
.check-edit-group .layout-Vertical {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.check-edit-group .layout-Horizontal.hcols-2 .custom-checkPanel-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.check-edit-group .layout-Horizontal.hcols-2 .custom-checkPanel-row > .custom-checkbox-default {
  width: 50%;
  padding: 0.4rem;
  place-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.check-edit-group .layout-Horizontal.hcols-3 .custom-checkPanel-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.check-edit-group .layout-Horizontal.hcols-3 .custom-checkPanel-row > .custom-checkbox-default {
  width: 33%;
  padding: 0.4rem;
  place-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.check-edit-group .layout-Horizontal.hcols-4 .custom-checkPanel-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.check-edit-group .layout-Horizontal.hcols-4 .custom-checkPanel-row > .custom-checkbox-default {
  width: 25%;
  padding: 0.4rem;
  place-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.check-edit-group .layout-Horizontal.hcols-5 > .custom-checkPanel-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.check-edit-group .layout-Horizontal.hcols-5 > .custom-checkPanel-row > .custom-checkbox-default {
  width: 20%;
  padding: 0.4rem;
  place-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.lbl-none > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lbl-none > div > .ls-select-wrapper > .ls-select > .ls-select-trigger {
  top: 50%;
}
.lbl-none > div input, .lbl-none > div select, .lbl-none > div .switch, .lbl-none > div .radio-edit-group, .lbl-none > div .check-edit-group {
  font-size: inherit;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  border: 1px solid #dee2e6;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}
.lbl-none > div input:focus, .lbl-none > div select:focus, .lbl-none > div .switch:focus, .lbl-none > div .radio-edit-group:focus, .lbl-none > div .check-edit-group:focus {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.lbl-none > .ls-select-wrapper > .ls-select > .ls-select-trigger {
  top: 50%;
}
.lbl-none .lbl-float .ls-label {
  display: inline-block;
}
.lbl-none .ls-label {
  display: contents;
}

.lbl-verify {
  position: relative;
  margin-bottom: 0.6rem;
  padding: 0 0.1rem;
}

.lbl-float {
  position: relative;
  margin-bottom: 0.6rem;
  padding: 0 0.1rem;
}
.lbl-float .date-panel-left .ls-label {
  background: #ffffff;
}
.lbl-float .date-panel-left .e-input-group.e-control-wrapper .e-clear-icon::before {
  position: absolute;
  right: 1.9rem;
  top: 1.4rem;
}
.lbl-float .date-panel-left .e-input-group-icon.e-date-icon::before, .lbl-float .date-panel-left *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 24px;
  height: 31px;
  background-position: 2px 9px;
  display: inline-block;
  content: "";
}
.lbl-float .date-panel-left .e-input-group-icon.e-date-icon::before:before, .lbl-float .date-panel-left *.e-control-wrapper .e-input-group-icon.e-date-icon:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23#dae9f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
}
.lbl-float .date-panel-left .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 24px;
  height: 24px;
}
.lbl-float .date-panel-left .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236366f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
}
.lbl-float .date-panel-left input {
  height: 53px;
  line-height: 53px;
}
.lbl-float .date-panel-left input:focus {
  outline: none !important;
}
.lbl-float div[data-dest] label.selectlabel {
  background: #6366f1;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  color: #fff;
  background-color: #6366f1;
  margin-bottom: 0 !important;
  text-shadow: none !important;
  font-weight: 500;
  padding: 0.3rem 0.78rem 0.3rem 0.8rem !important;
  margin-top: 0.2rem;
}
.lbl-float div[data-dest] .no-selection {
  color: #969ca2;
  font-style: italic;
  display: inline-block;
  padding: 0.2rem 0;
}
.lbl-float.lbl-baseline {
  width: 100%;
}
.lbl-float .iti__country-container {
  padding-top: 0.95rem;
}
.lbl-float .ls-select-wrapper > .ls-select > .ls-select-trigger {
  /*       padding: 0rem 0.5rem 0 0.9rem;
  margin-top: 0.3rem;*/
  /*margin-top: -3px;*/
}
.lbl-float .ls-select-wrapper > .ls-select > .ls-select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='16' height='16' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  top: 56%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lbl-float .ls-select-wrapper > .ls-select > .ls-select-trigger > div[data-search] {
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.6rem;
  width: 100%;
}
.lbl-float .ls-select-wrapper > .ls-select > .ls-select-trigger > div[data-search]:focus {
  outline: none;
}
.lbl-float.switch, .lbl-float .switch-container, .lbl-float .check-edit-group {
  font-weight: 500;
  font-size: inherit;
  padding-top: 1.4rem;
  padding-bottom: 0.55rem;
  border: 1px solid #dee2e6;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
}
.lbl-float span.ls-label, .lbl-float label.ls-label {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-bottom: 0;
  margin-left: 0.95rem;
  color: #8b8dfa;
  background: transparent;
  cursor: text;
  opacity: 1;
  pointer-events: none;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: scale(0.82);
          transform: scale(0.82);
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}
.lbl-float span.ls-label.solid-back, .lbl-float label.ls-label.solid-back {
  top: -1px;
  background: #ffffff;
}
.lbl-float span.ls-label.ro.solid-back, .lbl-float label.ls-label.ro.solid-back {
  top: -1px;
  background: #fafafa;
}
.lbl-float span.ls-label.ro:after, .lbl-float label.ls-label.ro:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='%236366f1' class='icon icon-tabler icons-tabler-filled icon-tabler-lock'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2a5 5 0 0 1 5 5v3a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3v-3a5 5 0 0 1 5 -5m0 12a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m0 -10a3 3 0 0 0 -3 3v3h6v-3a3 3 0 0 0 -3 -3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 1px;
  content: "";
  width: 24px;
  height: 15px;
  display: inline-block;
}
.lbl-float > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*input + span.ls-label,
  select + span.ls-label,
  input + label:not(.custom-control-label), select + label, .input-group + label, span.switchery + label, span.switchery-text + label, .radio-edit-group + label {
      position: absolute;
      left: 0;
      margin-bottom: 0;
      margin-left: 0.95rem;
      color: $float-label-color;
      background: transparent;
      position: absolute;
      cursor: text;
      opacity: 1;
      pointer-events: none;
      transform-origin: left center;
      transform: scale(0.82);
      top: 0;
      font-family: $font-family;
      font-weight: 400;
  }

  .ls-select-wrapper + span.ls-label,
  .ls-select-wrapper + label, .url-entry + label {
      position: absolute;
      left: 0;
      margin-bottom: 0;
      margin-left: 0.95rem;
      color: $float-label-color;
      background: transparent;
      position: absolute;
      cursor: text;
      opacity: 1;
      pointer-events: none;
      transform-origin: left center;
      transform: scale(0.82);
      top: 1px;
      font-family: $font-family;
      font-weight: 400;
  }*/
  /* {
      position: absolute;
      left: 0;
      margin-bottom: 0;
      margin-left: 0.95rem;
      color: $float-label-color;
      background: transparent;
      position: absolute;
      cursor: text;
      opacity: 1;
      pointer-events: none;
      transform-origin: left center;
      top: 0;
      transform: scale(0.82);
  }*/
}
.lbl-float > div input, .lbl-float > div textarea, .lbl-float > div select, .lbl-float > div .switch, .lbl-float > div .radio-edit-group, .lbl-float > div .check-edit-group {
  font-size: inherit;
  padding-top: 1.4rem;
  padding-bottom: 0.55rem;
  border: 1px solid #dee2e6;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}
.lbl-float > div input:focus, .lbl-float > div textarea:focus, .lbl-float > div select:focus, .lbl-float > div .switch:focus, .lbl-float > div .radio-edit-group:focus, .lbl-float > div .check-edit-group:focus {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: inherit;
  padding-top: 1.4rem;
  padding-bottom: 0.55rem;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}
.lbl-float > div .select2.select2-container.select2-container--default {
  min-height: 53px;
}
.lbl-float > div .select2.select2-container.select2-container--default > .selection {
  min-height: 53px;
}
.lbl-float > div .select2.select2-container.select2-container--default > .selection > .select2-selection {
  min-height: 53px;
}
.lbl-float > div .select2.select2-container.select2-container--default > .selection > .select2-selection.select2-selection--multiple > .select2-selection__rendered {
  min-height: 53px;
}
.lbl-float > div .select2.select2-container.select2-container--default > .selection > .select2-selection.select2-selection--multiple > .select2-selection__rendered > li.select2-selection__choice {
  margin-top: 1.2rem !important;
  border-color: #dae9f1 !important;
  background-color: #ebebfe !important;
}
.lbl-float > div .select2.select2-container.select2-container--default > .selection > .select2-selection.select2-selection--multiple > .select2-selection__rendered > li.select2-selection__choice > .select2-selection__choice__remove > span {
  display: none;
  width: 0;
}
.lbl-float > div .select2.select2-container.select2-container--default > .selection > .select2-selection.select2-selection--multiple > .select2-selection__rendered > li.select2-selection__choice > .select2-selection__choice__display {
  padding: 0.2rem 0.2rem 0.1rem 0.8rem !important;
}
.lbl-float > div .select2.select2-container.select2-container--disabled > .selection {
  min-height: 53px;
}
.lbl-float > div .select2.select2-container.select2-container--disabled > .selection > .select2-selection {
  min-height: 53px;
}
.lbl-float > div .select2.select2-container.select2-container--disabled > .selection > .select2-selection.select2-selection--multiple {
  background-color: #fafafa !important;
}
.lbl-float > div .select2.select2-container.select2-container--disabled > .selection > .select2-selection.select2-selection--multiple > .select2-selection__clear {
  display: none;
}
.lbl-float > div .select2.select2-container.select2-container--disabled > .selection > .select2-selection.select2-selection--multiple > .select2-selection__rendered {
  min-height: 53px;
}
.lbl-float > div .select2.select2-container.select2-container--disabled > .selection > .select2-selection.select2-selection--multiple > .select2-selection__rendered > li.select2-selection__choice {
  margin-top: 1rem !important;
  background-color: #fafafa !important;
  border: none !important;
}
.lbl-float > div .select2.select2-container.select2-container--disabled > .selection > .select2-selection.select2-selection--multiple > .select2-selection__rendered > li.select2-selection__choice > .select2-selection__choice__remove {
  display: none;
  width: 0;
}
.lbl-float > div .select2.select2-container.select2-container--disabled > .selection > .select2-selection.select2-selection--multiple > .select2-selection__rendered > li.select2-selection__choice > .select2-selection__choice__display {
  padding: 0.2rem 0.2rem 0.2rem 0 !important;
}
.lbl-float > div input:disabled + label:after, .lbl-float > div input.disabled + label:after, .lbl-float > div input.read-only + label:after, .lbl-float > div select:disabled + label:after, .lbl-float > div span.switchery + label.ro:after, .lbl-float > div span.switchery-text + label.ro:after, .lbl-float > div .ls-select-wrapper + label.ro:after, .lbl-float > div input.radio-edit-group:disabled + label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='%236366f1' class='icon icon-tabler icons-tabler-filled icon-tabler-lock'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2a5 5 0 0 1 5 5v3a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3v-3a5 5 0 0 1 5 -5m0 12a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m0 -10a3 3 0 0 0 -3 3v3h6v-3a3 3 0 0 0 -3 -3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 1px;
  content: "";
  width: 24px;
  height: 15px;
  display: inline-block;
}

.lbl-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: flex-end;
  margin-bottom: 0.6rem;
  padding: 0 0.1rem;
}
.lbl-inline .ls-select-wrapper > .ls-select > .ls-select-trigger {
  position: relative;
  display: block;
  border-radius: 0.35rem;
  cursor: pointer;
  padding: 0 0.5rem 0 0.9rem;
  /*border: 1px solid #dee2e6;*/
  min-height: 53px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lbl-inline .ls-select-wrapper > .ls-select > .ls-select-trigger > div[data-search] {
  height: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.lbl-inline .ls-select-wrapper > .ls-select > .ls-select-trigger > div[data-search]:focus {
  outline: none;
}
.lbl-inline .ls-select-wrapper > .ls-select > .ls-select-trigger:focus {
  outline-color: rgba(99, 102, 241, 0.25);
  outline-width: 2px;
}
.lbl-inline .ls-select-wrapper > .ls-select > .ls-select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='16' height='16' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  top: 50%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lbl-inline.lbl-baseline {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
.lbl-inline.lbl-baseline > span.ls-label {
  padding-top: 17.6666666667px;
}
@media screen and (max-width: 1199px) {
  .lbl-inline.lbl-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    width: 100%;
  }
}
.lbl-inline > span.ls-label, .lbl-inline label.ls-label {
  margin-right: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.lbl-inline > span.ls-label.ro:after, .lbl-inline label.ls-label.ro:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='%236366f1' class='icon icon-tabler icons-tabler-filled icon-tabler-lock'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2a5 5 0 0 1 5 5v3a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3v-3a5 5 0 0 1 5 -5m0 12a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m0 -10a3 3 0 0 0 -3 3v3h6v-3a3 3 0 0 0 -3 -3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 1px;
  content: "";
  width: 24px;
  height: 15px;
  display: inline-block;
}
.lbl-inline > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: flex-end;
}
.lbl-inline > div input, .lbl-inline > div textarea, .lbl-inline > div select, .lbl-inline > div .switch, .lbl-inline > div .radio-edit-group, .lbl-inline > div .check-edit-group {
  font-size: inherit;
  padding-top: 1rem;
  padding-bottom: 0.95rem;
  border: 1px solid #dee2e6;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}
.lbl-inline > div input:focus, .lbl-inline > div textarea:focus, .lbl-inline > div select:focus, .lbl-inline > div .switch:focus, .lbl-inline > div .radio-edit-group:focus, .lbl-inline > div .check-edit-group:focus {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: inherit;
  padding-top: 1rem;
  padding-bottom: 0.95rem;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}
.lbl-inline > div input:disabled + label:after, .lbl-inline > div input.disabled + label:after, .lbl-inline > div input.read-only + label:after, .lbl-inline > div select:disabled + label:after,
.lbl-inline > div span.switchery + label.ro:after, .lbl-inline > div span.switchery-text + label.ro:after, .lbl-inline > div .ls-select-wrapper + label.ro:after, .lbl-inline > div input.radio-edit-group:disabled + label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='%236366f1' class='icon icon-tabler icons-tabler-filled icon-tabler-lock'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2a5 5 0 0 1 5 5v3a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3v-3a5 5 0 0 1 5 -5m0 12a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m0 -10a3 3 0 0 0 -3 3v3h6v-3a3 3 0 0 0 -3 -3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 1px;
  content: "";
  width: 24px;
  height: 15px;
  display: inline-block;
}
.lbl-inline > .date-panel-right > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.lbl-inline > .date-panel-right > div:focus-within {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0.35rem;
}
.lbl-inline > .date-panel-right > div > div.dateButton {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.lbl-inline > .date-panel-right > div > div.dateButton > i {
  display: inline-block;
}
.lbl-inline > .date-panel-right > div > input:focus {
  outline: none !important;
}
.lbl-inline > .date-panel-right .e-input-group-icon.e-date-icon::before, .lbl-inline > .date-panel-right *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='22' height='22' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 24px;
  height: 31px;
  background-position: 2px 5px;
  display: inline-block;
  content: "";
}
.lbl-inline > .date-panel-right .e-input-group-icon.e-date-icon::before:before, .lbl-inline > .date-panel-right *.e-control-wrapper .e-input-group-icon.e-date-icon:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-month' width='22' height='22' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23#dae9f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E");
}
.lbl-inline > .date-panel-right .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 24px;
  height: 24px;
}
.lbl-inline > .date-panel-right .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236366f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
}
.lbl-inline > .date-panel-right input {
  height: 53px;
  line-height: 53px;
}
.lbl-inline > .date-panel-right input:focus {
  outline: none !important;
}

.lbl-above, .lbl-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  margin-bottom: 0.6rem;
  padding: 0 0.1rem;
}
.lbl-above .ls-select-wrapper > .ls-select > .ls-select-trigger, .lbl-default .ls-select-wrapper > .ls-select > .ls-select-trigger {
  position: relative;
  display: block;
  border-radius: 0.35rem;
  cursor: pointer;
  padding: 0 0.5rem 0 0.9rem;
  /*border: 1px solid #dee2e6;*/
  min-height: 53px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lbl-above .ls-select-wrapper > .ls-select > .ls-select-trigger > div[data-search], .lbl-default .ls-select-wrapper > .ls-select > .ls-select-trigger > div[data-search] {
  height: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.lbl-above .ls-select-wrapper > .ls-select > .ls-select-trigger > div[data-search]:focus, .lbl-default .ls-select-wrapper > .ls-select > .ls-select-trigger > div[data-search]:focus {
  outline: none;
}
.lbl-above .ls-select-wrapper > .ls-select > .ls-select-trigger:focus, .lbl-default .ls-select-wrapper > .ls-select > .ls-select-trigger:focus {
  outline-color: rgba(99, 102, 241, 0.25);
  outline-width: 2px;
}
.lbl-above .ls-select-wrapper > .ls-select > .ls-select-trigger:after, .lbl-default .ls-select-wrapper > .ls-select > .ls-select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='16' height='16' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  top: 50%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lbl-above > div, .lbl-default > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.lbl-above > div input, .lbl-above > div textarea, .lbl-above > div select, .lbl-above > div .switch, .lbl-above > div .radio-edit-group, .lbl-above > div .check-edit-group, .lbl-default > div input, .lbl-default > div textarea, .lbl-default > div select, .lbl-default > div .switch, .lbl-default > div .radio-edit-group, .lbl-default > div .check-edit-group {
  font-size: inherit;
  padding-top: 1rem;
  padding-bottom: 0.95rem;
  border: 1px solid #dee2e6;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}
.lbl-above > div input:focus, .lbl-above > div textarea:focus, .lbl-above > div select:focus, .lbl-above > div .switch:focus, .lbl-above > div .radio-edit-group:focus, .lbl-above > div .check-edit-group:focus, .lbl-default > div input:focus, .lbl-default > div textarea:focus, .lbl-default > div select:focus, .lbl-default > div .switch:focus, .lbl-default > div .radio-edit-group:focus, .lbl-default > div .check-edit-group:focus {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: inherit;
  padding-top: 1rem;
  padding-bottom: 0.95rem;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}
.lbl-above > div input:disabled + label:after, .lbl-above > div input.disabled + label:after, .lbl-above > div input.read-only + label:after, .lbl-above > div select:disabled + label:after,
.lbl-above > div span.switchery + label.ro:after, .lbl-above > div span.switchery-text + label.ro:after, .lbl-above > div .ls-select-wrapper + label.ro:after, .lbl-above > div input.radio-edit-group:disabled + label:after, .lbl-default > div input:disabled + label:after, .lbl-default > div input.disabled + label:after, .lbl-default > div input.read-only + label:after, .lbl-default > div select:disabled + label:after,
.lbl-default > div span.switchery + label.ro:after, .lbl-default > div span.switchery-text + label.ro:after, .lbl-default > div .ls-select-wrapper + label.ro:after, .lbl-default > div input.radio-edit-group:disabled + label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='%236366f1' class='icon icon-tabler icons-tabler-filled icon-tabler-lock'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2a5 5 0 0 1 5 5v3a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3v-3a5 5 0 0 1 5 -5m0 12a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m0 -10a3 3 0 0 0 -3 3v3h6v-3a3 3 0 0 0 -3 -3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 1px;
  content: "";
  width: 24px;
  height: 15px;
  display: inline-block;
}
.lbl-above .ls-color-picker .e-colorpicker-wrapper, .lbl-default .ls-color-picker .e-colorpicker-wrapper {
  position: absolute;
  right: 1px;
  top: 0.7rem !important;
}

.border-blue-2 {
  border: 2px solid #00AAFF;
  border-radius: 0.35rem;
}

.appearance-deck {
  display: grid;
  grid-template-columns: calc(65% - 2rem) calc(35% - 2rem);
  place-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 4rem;
  display: none;
}
.appearance-deck.show {
  overflow-y: auto;
  max-height: 500px;
  border: 2px solid #6366f1 !important;
  border-radius: 0.35rem !important;
  padding: 0.5rem 2rem;
  display: grid;
  height: 100%;
  place-content: start;
}
.appearance-deck > .card {
  border: none;
}

.layout-deck-30 {
  display: grid;
  grid-template-columns: repeat(3, minmax(30%, auto));
  place-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 4rem;
  display: none;
}
.layout-deck-30.show {
  overflow-y: auto;
  max-height: 500px;
  padding: 0.5rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.layout-deck-30.show > div {
  width: 30%;
  height: 100%;
  place-content: center;
  border: 2px solid #6366f1 !important;
  border-radius: 0.35rem !important;
  padding: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layout-deck-30.show > div > div {
  width: 100%;
}
.layout-deck-30.show > div > div:last-child {
  padding-top: 1rem;
  border-top: 2px solid #6366f1;
}

.layout-deck-45 {
  display: grid;
  grid-template-columns: repeat(3, minmax(45%, auto));
  place-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 4rem;
  display: none;
}
.layout-deck-45.show {
  overflow-y: auto;
  max-height: 500px;
  padding: 0.5rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.layout-deck-45.show > div {
  width: 30%;
  height: 100%;
  place-content: center;
  border: 2px solid #6366f1 !important;
  border-radius: 0.35rem !important;
  padding: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layout-deck-45.show > div > div {
  width: 100%;
}
.layout-deck-45.show > div > div:last-child {
  padding-top: 1rem;
  border-top: 2px solid #6366f1;
}

.communication-deck, .notification-deck, .pin-deck, .credential-rejection-deck, .credential-pending-deck {
  display: grid;
  grid-template-columns: calc(40% - 2rem) calc(60% - 2rem);
  place-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 4rem;
}
.communication-deck > .card, .notification-deck > .card, .pin-deck > .card, .credential-rejection-deck > .card, .credential-pending-deck > .card {
  border: none;
}

.full-deck {
  display: grid;
  grid-template-columns: 1fr;
  place-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.currency-field {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-currency-dollar'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2' /%3E%3Cpath d='M12 3v3m0 12v3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 20px;
  left: -22px;
}

.ls-color-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
}
.ls-color-picker > input {
  background-color: #fff;
}
.ls-color-picker > input:disabled.colour-enabled {
  background-color: #ffffff;
}
.ls-color-picker > input:disabled.colour-disabled {
  background-color: #fafafa;
}
.ls-color-picker .e-colorpicker-wrapper {
  position: absolute;
  right: 1px;
  top: 1rem;
}
.ls-color-picker .e-colorpicker-wrapper .e-split-btn-wrapper {
  position: relative;
  border: none;
  background: #ffffff;
}
.ls-color-picker .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
  border: none;
  background: #ffffff;
}
.ls-color-picker .e-colorpicker-wrapper .e-dropdown-btn.e-icon-btn {
  background: #ffffff;
  border: none;
}
.ls-color-picker .e-dropdown-btn .e-caret, .ls-color-picker .e-dropdown-btn.e-btn .e-caret:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='16' height='16' viewBox='0 0 24 24' stroke-width='2' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='6 9 12 15 18 9' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 23px;
  height: 20px;
  background-color: transparent;
  display: inline-block;
  content: "";
}
.ls-color-picker .e-btn.e-flat.e-primary:hover, .ls-color-picker .e-css.e-btn.e-flat.e-primary:hover {
  background: #ffffff;
}
.ls-color-picker .e-split-preview, .ls-color-picker .e-tip-transparent {
  border: 1px solid #dee2e6;
}
.ls-color-picker .e-numerictextbox {
  width: 50px;
}
.ls-color-picker .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: none;
}
.ls-color-picker .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn:hover {
  color: #00AAFF;
}
.ls-color-picker .e-custom-clear-colour {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-x'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 17px;
  height: 21px;
  background-color: transparent;
  display: inline-block;
  content: "";
  margin-top: 0.35rem;
}
.ls-color-picker .e-custom-clear-colour:hover {
  cursor: pointer;
}

.strike {
  text-decoration: line-through;
}

.reorder {
  color: #ff9900;
  font-size: 1.1rem;
}

.action-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.disabled-phone {
  font-size: inherit;
  padding: 1rem 0.9rem 0.95rem 0.9rem;
  border: 1px solid #dee2e6;
  border-radius: 0.3rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  background-color: #fafafa;
}

.drag-header {
  width: 25px;
}

.drag-ghost {
  background-color: #cafddf;
}

.drag-container {
  position: relative;
}
.drag-container.start {
  text-indent: 0.725rem;
}
.drag-container > .drag-handle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-grip-vertical'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M9 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M9 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M15 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M15 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M15 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  /*background-position: center;*/
  cursor: move;
  position: absolute;
}
.drag-container > .drag-handle.start {
  left: -0.9rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.drag-container > .drag-handle.end {
  right: -0.9rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.drag-container > .drag-content.start {
  padding-left: 1rem;
}
.scroll-view > table > tbody > tr > td > div.select, .scroll-view > table > tbody > tr > td > span.select {
  position: relative;
  /* Custom inplace checkboxes with hidden in between*/
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox], .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] {
  display: contents;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox] + label, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] + label {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  position: absolute !important;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox] + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] + label:before {
  top: unset !important;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked + label:before,
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked:not(:disabled) + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked + label:before,
.scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked:not(:disabled) + label:before {
  top: unset !important;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked + label:after,
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked:not(:disabled) + label:after, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked + label:after,
.scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked:not(:disabled) + label:after {
  top: unset !important;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox], .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] {
  /*display: none !important;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox] + label, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] + label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox] + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #ccc;
  background-color: #fff;
  border-radius: 0.3rem;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:disabled + label, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:disabled + label {
  cursor: default;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:disabled + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:disabled + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #e9ecef !important;
  background-color: #e9ecef !important;
  border-radius: 0.3rem;
  cursor: default;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox] + label:after, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] + label:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  left: 9px;
  top: 13px;
  margin-right: 14px;
  position: absolute;
  opacity: 0;
  left: 1px;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  background-color: #fff;
  border-radius: 0.25rem;
  border-width: 0 0 0 0;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked + label:after, .scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked:not(:disabled) + label:after, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked + label:after, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked:not(:disabled) + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  border: solid #a3dae3;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked:disabled + label:after, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked:disabled + label:after {
  position: absolute;
  content: "";
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  background: transparent !important;
  border-radius: 0;
  border: solid #aaa;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  opacity: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-color: #aaa;
  cursor: default;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked + label:before {
  border-color: #a3dae3 !important;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked:disabled + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked:disabled + label:before {
  border-color: #e1e3ea !important;
  background-color: #e9ecef;
  left: 1px;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox] + input[type=hidden] + label, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] + input[type=hidden] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  margin-right: 1rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox] + input[type=hidden] + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #fff;
  border-radius: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:disabled + input[type=hidden] + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:disabled + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #eee;
  border-radius: 0;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox], .scroll-view > table > tbody > tr > td > span.select input[type=checkbox] {
  /*display: none !important;*/
  /**display: inline;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:focus + input[type=hidden] + label:before, .scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:focus + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:focus + input[type=hidden] + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:focus + label:before {
  border-color: #a3dae3 !important;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked + input[type=hidden] + label:after, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked + input[type=hidden] + label:after {
  content: "";
  display: block;
  position: absolute;
  border: solid #ffb100;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  width: 8px;
  height: 15px;
  left: 8px;
  margin-top: 1px;
  border-color: #a3dae3;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.scroll-view > table > tbody > tr > td > div.select input[type=checkbox]:checked + input[type=hidden] + label:before, .scroll-view > table > tbody > tr > td > span.select input[type=checkbox]:checked + input[type=hidden] + label:before {
  border-color: #a3dae3 !important;
}

.flex-profile div[data-section=section-auto-map] {
  border: none !important;
}
.flex-profile div[data-section=section-manual-country] {
  padding-bottom: 0;
  margin-top: 0;
  margin-right: 0 !important;
}
.flex-profile div[data-section=section-manual-country] > .ls-select-wrapper > .ls-select > .ls-select-trigger {
  top: 62% !important;
}
.flex-profile div[data-section=section-manual-country] .ls-label {
  min-width: unset !important;
  top: 4px;
}
.flex-profile div[data-section=section-manual-prefix] {
  padding-bottom: 0;
  margin-right: 0 !important;
}
.flex-profile div[data-section=section-manual-prefix] > input {
  padding-top: 1.2rem;
  padding-bottom: 0.75rem;
}
.flex-profile div[data-section=section-manual-prefix] .ls-label {
  max-width: unset !important;
  top: 4px;
}
.flex-profile div[data-section=section-manual-street] {
  padding-bottom: 0;
  margin-right: 0 !important;
  width: 100%;
}
.flex-profile div[data-section=section-manual-street] > input {
  padding-top: 1.2rem;
  padding-bottom: 0.75rem;
  width: 100%;
}
.flex-profile div[data-section=section-manual-street] .ls-label {
  max-width: unset !important;
  top: 4px;
}
.flex-profile div[data-section=section-manual-city] {
  padding-bottom: 0;
  margin-right: 0 !important;
  width: 100%;
}
.flex-profile div[data-section=section-manual-city] > input {
  padding-top: 1.2rem;
  padding-bottom: 0.75rem;
  width: 100%;
}
.flex-profile div[data-section=section-manual-city] .ls-label {
  max-width: unset !important;
  top: 4px;
}
.flex-profile div[data-section=section-manual-state] {
  max-height: 53px;
  padding-bottom: 0;
  margin-top: 0;
  margin-right: 0 !important;
}
.flex-profile div[data-section=section-manual-state] > .ls-select-wrapper > .ls-select > .ls-select-trigger {
  top: 62% !important;
}
.flex-profile div[data-section=section-manual-state] .ls-label {
  max-width: unset !important;
  top: 4px;
}
.flex-profile div[data-section=section-manual-postcode] {
  padding-bottom: 0;
  margin-right: 0 !important;
  min-width: 200px;
}
.flex-profile div[data-section=section-manual-postcode] > input {
  padding-top: 1.2rem;
  padding-bottom: 0.75rem;
  width: 100px;
}
.flex-profile div[data-section=section-manual-postcode] .ls-label {
  max-width: unset !important;
  top: 4px;
}

/** ls Select **/
.ls-select-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: auto;
}
.ls-select-wrapper > select {
  visibility: hidden;
  position: absolute;
  top: 0;
  display: inline-block;
  left: -27px;
  height: 53px;
}
.ls-select-wrapper > .ls-select {
  position: relative;
  display: inline-block;
  padding: 0 !important;
  border: 1px solid #dee2e6;
  border-radius: 0.35rem;
  min-width: 0 !important;
  /*left: -2px;*/
}
.ls-select-wrapper > .ls-select.disabled {
  background-color: #fafafa;
  cursor: default;
}
.ls-select-wrapper > .ls-select.disabled > .ls-select-trigger {
  cursor: default;
}
.ls-select-wrapper > .ls-select.disabled > .ls-select-trigger:after {
  display: none !important;
}
.ls-select-wrapper > .ls-select.disabled > .ls-select-trigger > input[type=text] {
  background-color: #fafafa;
  cursor: default;
}
.ls-select-wrapper > .ls-select.read-only {
  height: 53px;
}
.ls-select-wrapper > .ls-select:not(read-only) {
  height: 53px;
}
.ls-select-wrapper > .ls-select.opened:not(.upper) > .ls-select-options-container {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  /*z-index: 1;*/
  -webkit-animation: scale-in-ver-top 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-ver-top 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ls-select-wrapper > .ls-select.opened.upper > .ls-select-options-container {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  /*z-index: 3;*/
  top: -226px;
  -webkit-animation: scale-in-ver-bottom 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-ver-bottom 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ls-select-wrapper > .ls-select.opened > .ls-select-trigger:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-up' width='16' height='16' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 15l6 -6l6 6'%3E%3C/path%3E%3C/svg%3E");
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.ls-select-wrapper > .ls-select.opened > .ls-select-option-container {
  opacity: 1;
  visibility: visible;
  margin-top: 0.25rem;
  /* > span.ls-select-clear {
      display: none;
  }*/
}
.ls-select-wrapper > .ls-select.opened > .ls-select-option-container > input.ls-select-search {
  pointer-events: all;
  border: none none 1px solid #dee2e6 none;
  /*margin: 0.5rem;*/
  /*width: 97%;*/
}
@media screen and (max-width: 767px) {
  .ls-select-wrapper > .ls-select.opened > .ls-select-option-container > input.ls-select-search {
    padding: 1rem 0.1rem 0.1rem 0.1rem !important;
  }
}
@media screen and (min-width: 768px) {
  .ls-select-wrapper > .ls-select.opened > .ls-select-option-container > input.ls-select-search {
    padding: 0.1rem 0.75rem !important;
  }
}
.ls-select-wrapper > .ls-select.opened > .ls-select-option-container > input.ls-select-search:focus {
  outline: none;
}
.ls-select-wrapper > .ls-select.closing.upper > .ls-select-options-container {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: -226px;
  -webkit-animation: scale-out-ver-bottom 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-out-ver-bottom 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ls-select-wrapper > .ls-select.closing > .ls-select-options-container {
  z-index: 10;
  -webkit-animation: scale-out-ver-top 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-out-ver-top 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ls-select-wrapper > .ls-select.closing > .ls-select-options-container > span.ls-select-clear {
  display: none;
}
.ls-select-wrapper > .ls-select.closing > .ls-select-trigger {
  /* > .ls-select-option-container {
      opacity: 0;
      visibility: hidden;
  }*/
}
.ls-select-wrapper > .ls-select.read-only > .ls-select-trigger {
  border: none;
}
.ls-select-wrapper > .ls-select.read-only > .ls-select-trigger > .ls-select-option-container {
  opacity: 0;
  visibility: hidden;
}
.ls-select-wrapper > .ls-select.read-only > .ls-select-trigger > .ls-select-option-container > span.ls-select-clear {
  display: none;
}
.ls-select-wrapper > .ls-select.read-only > .ls-select-trigger > .ls-select-option-container > input.ls-select-search {
  margin-left: 0;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .ls-select-wrapper > .ls-select.read-only > .ls-select-trigger > .ls-select-option-container > input.ls-select-search {
    padding: 1rem 0.1rem 0.1rem 0.1rem !important;
  }
}
@media screen and (min-width: 768px) {
  .ls-select-wrapper > .ls-select.read-only > .ls-select-trigger > .ls-select-option-container > input.ls-select-search {
    padding: 0.1rem !important;
  }
}
.ls-select-wrapper > .ls-select.read-only > .ls-select-trigger > .ls-select-option-container > input.ls-select-search:focus {
  outline: none !important;
  border: 1px solid #dee2e6;
}
.ls-select-wrapper > .ls-select.read-only > .ls-select-trigger:after {
  display: none;
}
.ls-select-wrapper > .ls-select > .ls-select-trigger {
  position: relative;
  display: block;
  border-radius: 0.35rem;
  cursor: pointer;
  padding: 0 0.5rem 0 0.9rem;
  /*border: 1px solid #dee2e6;*/
  min-height: 51px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 62%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ls-select-wrapper > .ls-select > .ls-select-trigger > .ls-select-selected {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 53px;
  position: absolute;
  padding: 0 0.5rem;
}
.ls-select-wrapper > .ls-select > .ls-select-trigger > .ls-select-search-normal {
  top: 2px;
  left: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: none;
  width: 90%;
  border: none;
  position: absolute;
  padding-top: 0.85rem;
  padding-bottom: 0.4rem;
}
.ls-select-wrapper > .ls-select > .ls-select-trigger > .ls-select-search-normal:focus {
  outline: none;
}
.ls-select-wrapper > .ls-select > .ls-select-trigger:focus {
  outline-color: rgba(99, 102, 241, 0.25);
  outline-width: 2px;
}
.ls-select-wrapper > .ls-select > .ls-select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='16' height='16' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  top: 56%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ls-select-wrapper > .ls-select > .ls-select-option-container {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #cfd5db;
  border-bottom: 1px solid #cfd5db;
  border-radius: 0.35rem;
  padding: 0.25rem;
  background: #ffffff;
  z-index: 11;
  -webkit-box-shadow: 3px 3px 6px #dee2e6;
          box-shadow: 3px 3px 6px #dee2e6;
}
.ls-select-wrapper > .ls-select > .ls-select-option-container > .ls-select-search {
  height: 53px;
  width: 100%;
  padding: 0 0.25rem;
}
.ls-select-wrapper > .ls-select > .ls-select-option-container > span.ls-select-clear {
  position: absolute;
  display: block;
  content: "";
  width: 20px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-x'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  top: 22px;
  right: 1.5rem;
}
.ls-select-wrapper > .ls-select > .ls-select-option-container > span.ls-select-clear:hover {
  cursor: pointer;
}
.ls-select-wrapper > .ls-select > .ls-select-option-container .ls-select-search + .ls-options .ls-option:first-of-type {
  border-radius: 0.15rem;
}
.ls-select-wrapper > .ls-select .ls-options {
  position: relative;
  display: block;
  margin: 0.25rem 0 0.25rem 0rem;
  /*border-radius: 0.35rem;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  /*transition: all .25s ease-in-out;*/
  /* transform: translateY(-15px);*/
  white-space: nowrap;
  overflow: hidden auto;
  max-height: 220px;
  z-index: 11;
  left: -1px;
  width: 100%;
  scrollbar-color: rgba(160, 174, 186, 0.2) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}
.ls-select-wrapper > .ls-select .ls-options:focus {
  outline: none;
}
.ls-select-wrapper > .ls-select .ls-options .ls-option {
  position: relative;
  display: block;
  padding: 0.7rem 1rem 0.7rem 1.2rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
  font-family: "Inter Tight";
  min-height: 42px;
  word-break: break-word;
  white-space: pre-wrap;
  border-radius: 0.15rem;
}
.ls-select-wrapper > .ls-select .ls-options .ls-option:first-of-type {
  border-radius: 0.35rem 0.35rem 0 0;
}
.ls-select-wrapper > .ls-select .ls-options .ls-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 0.35rem 0.35rem;
}
.ls-select-wrapper > .ls-select .ls-options .ls-option:hover, .ls-select-wrapper > .ls-select .ls-options .ls-option.highlight {
  background: #f0f0ff;
  /*color: #fff;*/
  -webkit-transition: all 0 ease-out;
  transition: all 0 ease-out;
}
.ls-select-wrapper > .ls-select .ls-options .ls-option.selection {
  background: #6366f1;
  color: #ffffff;
  -webkit-transition: all 0 ease-out;
  transition: all 0 ease-out;
}
.ls-select-wrapper > .ls-select .ls-options .ls-option.selection:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-square-rounded-check'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 12l2 2l4 -4' /%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  content: "";
  display: inline-block;
  left: -0.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
}
.ls-select-wrapper > .ls-select .ls-options .ls-option span.ls-select-match {
  color: #ff9900;
}
.ls-select-wrapper > .ls-select .ls-options .ls-option.separator {
  background: transparent !important;
  border-bottom: 1px solid #dee2e6;
  padding: 0;
  margin: 0 0.5rem;
  min-height: 5px !important;
}
.ls-select-wrapper > .ls-select .ls-options .ls-option.separator.highlight {
  background: transparent !important;
}

/********************
 * PANELS
 ********************/
.panel {
  border-radius: 3px;
  margin-bottom: 30px;
  border: 1px solid #d1d6e6;
  background: #fff;
}
.panel .panel-heading,
.panel .panel-body,
.panel .panel-footer {
  padding-left: 20px;
  padding-right: 20px;
}
.panel .panel-heading {
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  line-height: 1;
  border-bottom: 1px solid #eaeff2;
  background-color: #f8f9fa;
}
.panel .panel-heading.no-divider {
  border-bottom: none;
  background-color: transparent;
}
.panel .panel-heading .panel-title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #717d84;
}
.panel .panel-heading .panel-subtitle {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 13px;
  color: #a0aeba;
}
.panel .panel-heading .link i {
  margin-right: 3px;
  font-size: 13px;
  color: #a0aeba;
}
.panel .panel-heading .link a {
  color: #a0aeba;
  font-size: 12px;
}
.panel .panel-heading .link a:hover, .panel .panel-heading .link a:focus {
  text-decoration: underline;
}
.panel .panel-heading .heading-controls {
  margin-top: 35px;
}
.panel .panel-heading .btn-toggle-collapse,
.panel .panel-heading .btn-remove {
  padding: 0;
  margin-left: 5px;
  background-color: transparent;
  border: none;
  outline: none;
}
.panel .panel-heading .btn-toggle-collapse i,
.panel .panel-heading .btn-remove i {
  font-size: 14px;
  color: #c6d2dd;
}
.panel .panel-heading .toggle-dropdown {
  padding: 0 10px;
  margin-right: -10px;
}
.panel .panel-heading .toggle-dropdown i {
  display: inline;
  font-size: 16px;
  color: #c6d2dd;
}
.panel .panel-heading .panel-info {
  font-size: 12px;
  color: #a0aeba;
  line-height: 1.6;
}
.panel .panel-heading .right {
  float: right;
}
.panel .panel-heading .right .btn, .panel .panel-heading .right .btn-ls {
  padding: 4px 10px;
  position: relative;
  top: -0.4em;
  font-size: 11px;
}
@media screen and (max-width: 640px) {
  .panel .panel-heading .panel-info {
    font-size: 10px;
    line-height: 2.2;
  }
}
.panel .panel-body {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}
.panel .panel-note {
  font-size: 13px;
  line-height: 2.6;
  color: #767676;
}
.panel .panel-note i {
  font-size: 16px;
  margin-right: 3px;
}
.panel.panel-headline .panel-heading {
  border-bottom: none;
  background-color: transparent;
}
.panel.panel-headline .panel-heading .panel-title {
  font-size: 16px;
}
.panel.panel-scrolling .btn-bottom {
  margin-bottom: 30px;
}
.panel.panel-tab .nav-tabs {
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: none;
}
.panel.panel-tab .nav-tabs > li > a {
  border-radius: 0;
  margin-right: 0;
  color: #a0aeba;
}
.panel.panel-tab .nav-tabs > li > a:hover {
  background-color: #f0f2f4;
  border-color: #eaeff2;
  border-bottom-color: transparent;
}
.panel.panel-tab .nav-tabs > li.active > a {
  border-radius: 0;
  color: #5e6773;
  border-top: 0;
  border-color: #eaeff2;
  border-bottom-color: transparent;
}
.panel.panel-tab .nav-tabs > li.active > a:hover {
  background-color: #fff;
  border-color: #eaeff2;
  border-bottom-color: transparent;
}
.panel.panel-tab .nav-tabs > li.active > a:after {
  border-bottom: 1px solid #fff !important;
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.panel.panel-tab .nav-tabs > li:last-child > a {
  border-right: 0;
}
.panel.panel-tab .tab-pane {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .panel.panel-tab .panel-heading {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .panel.panel-tab .panel-title {
    display: block;
    margin-bottom: 15px;
  }
  .panel.panel-tab .nav-tabs {
    float: none !important;
    position: relative;
  }
  .panel.panel-tab .nav-tabs > li {
    margin-bottom: 0;
  }
  .panel.panel-tab .nav-tabs > li > a {
    padding: 5px 10px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
  .panel.panel-tab .nav-tabs > li.active > a {
    border-top: 1px solid #ddd;
  }
  .panel.panel-tab .nav-tabs > li:last-child > a {
    border-right: 1px solid #ddd;
  }
}
.panel.panel-quick-note .panel-body {
  padding: 0;
}
.panel.panel-quick-note input.title,
.panel.panel-quick-note textarea {
  border: none;
  resize: none;
  padding-left: 25px;
  padding-right: 25px;
}
.panel.panel-quick-note input.title {
  font-weight: 700;
}
.panel.panel-quick-note textarea:focus {
  outline: none;
}
.panel.panel-quick-note .btn-group {
  margin-left: -20px;
}

.panel-layout {
  margin-left: -30px;
  margin-right: -30px;
}
.panel-layout::after {
  display: block;
  clear: both;
  content: "";
}
.panel-layout .panel-cols-2 {
  width: 50%;
  float: left;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
.panel-layout.dashed-separator div[class^=panel-cols]:after {
  content: "";
  border: 1px dashed #e9eef2;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
}
.panel-layout.dashed-separator div[class^=panel-cols]:last-child:after {
  border: none;
}
@media screen and (max-width: 640px) {
  .panel-layout div[class^=panel-cols] {
    float: none;
    width: 100%;
    margin-bottom: 50px;
  }
}

.panel-content-title {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: normal;
}

.panel-footer {
  background-color: #fff;
  border-color: #eaeff2;
}

.overlay-refresh {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  text-align: center;
  background: rgba(246, 246, 246, 0.88);
}
.overlay-refresh i {
  display: block;
}

.panel-solid-blue .panel-heading {
  background-color: #4286C9;
}
.panel-solid-blue .panel-heading .panel-title {
  color: #fff;
}
.panel-solid-blue .panel-content-wrapper {
  background-color: #5894D1;
}

.panel-content-wrapper {
  padding: 25px;
}

.panel-sidebar .panel-body {
  padding: 0;
}
.panel-sidebar .left,
.panel-sidebar .right {
  padding: 25px;
}
.panel-sidebar .left {
  float: left;
}
.panel-sidebar .right {
  float: right;
}
.panel-sidebar.sidebar-right .left {
  width: 66.66666667%;
  border-right: 1px solid #eaeff2;
}
.panel-sidebar.sidebar-right .right {
  width: 33.33333333%;
}
.panel-sidebar.sidebar-left .left {
  width: 33.33333333%;
}
.panel-sidebar.sidebar-left .right {
  width: 66.66666667%;
  border-left: 1px solid #eaeff2;
}
.panel-sidebar .sidebar-section {
  margin-bottom: 30px;
}
.panel-sidebar .section-title {
  margin: 0 0 15px 0;
  font-size: 15px;
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .panel-sidebar.sidebar-right .left,
  .panel-sidebar.sidebar-right .right, .panel-sidebar.sidebar-left .left,
  .panel-sidebar.sidebar-left .right {
    float: none;
    width: 100%;
  }
}

/*@import "partials/widgets";*/
/********************
 * ELEMENTS
 ********************/
b {
  font-weight: 700 !important;
}

.plarge {
  font-size: 1.0625rem;
}

.collapsing {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}

.label {
  font-weight: normal;
}

.label-float {
  background-color: #888;
}

.label-default {
  background-color: #777;
}

.label-primary {
  background-color: #00AAFF;
}

.label-success {
  background-color: #2dab6b;
}

.label-info {
  background-color: #b2dbef;
}

.label-warning {
  background-color: #ff901c;
}

.label-danger {
  background-color: #ff213b;
}

.label-transparent {
  font-weight: 500;
}
.label-transparent.label-default {
  background-color: rgba(119, 119, 119, 0.1);
  color: #777;
}
.label-transparent.label-primary {
  background-color: rgba(0, 170, 255, 0.1);
  color: #00AAFF;
}
.label-transparent.label-success {
  background-color: rgba(45, 171, 107, 0.1);
  color: #2dab6b;
}
.label-transparent.label-info {
  background-color: rgba(178, 219, 239, 0.1);
  color: #b2dbef;
}
.label-transparent.label-warning {
  background-color: rgba(255, 144, 28, 0.1);
  color: #ff901c;
}
.label-transparent.label-danger {
  background-color: rgba(255, 33, 59, 0.1);
  color: #ff213b;
}

/* metric stat */
.metric {
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #DCE6EB;
}
.metric .icon {
  border-radius: 50%;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #0081c2;
  text-align: center;
}
.metric .icon i {
  font-size: 18px;
  color: #fff;
}
.metric p {
  margin-bottom: 0;
  line-height: 1.2;
  text-align: right;
}
.metric .number {
  display: block;
  font-size: 28px;
  font-weight: 300;
}
.metric .title {
  font-size: 16px;
}

.visits-metric span {
  display: block;
}
.visits-metric .title {
  font-size: 16px;
  color: #a0aeba;
}
.visits-metric .value {
  font-size: 36px;
}
.visits-metric .change {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .visits-metric {
    margin-bottom: 30px;
  }
}

/* activity list */
ul.activity-list > li {
  padding: 25px 0;
  font-size: 14px;
  border-bottom: 1px solid #e9eef2;
}
ul.activity-list > li:first-child {
  padding-top: 0;
}
ul.activity-list > li:last-child {
  border-bottom: none;
}
ul.activity-list > li .avatar {
  width: 40px;
}
ul.activity-list > li > p {
  margin-bottom: 0;
  padding-left: 3.5em;
}
ul.activity-list > li .timestamp {
  display: block;
  font-size: 13px;
  color: #a0aeba;
}

/* task list */
.task-list > li {
  margin-bottom: 32px;
}
.task-list p {
  position: relative;
  color: #a0aeba;
  font-size: 14px;
}
.task-list p .label-percent {
  position: absolute;
  right: 0;
}

.weekly-summary {
  margin-bottom: 30px;
  font-weight: 300;
}
.weekly-summary .number {
  font-size: 36px;
}
.weekly-summary i {
  font-size: 16px;
  margin-left: 10px;
}
.weekly-summary .percentage {
  position: relative;
  top: -7px;
}
.weekly-summary .info-label {
  display: block;
  margin-bottom: 10px;
  font-weight: normal;
}
@media screen and (max-width: 992px) {
  .weekly-summary {
    text-align: center;
  }
}

/* to-do list */
.todo-list > li {
  position: relative;
  padding: 15px 0;
  font-size: 14px;
}
.todo-list > li:first-child {
  padding-top: 0;
}
.todo-list > li:last-child {
  padding-bottom: 0;
}
.todo-list > li .fancy-checkbox {
  float: left;
}
.todo-list > li p {
  margin: 0;
  padding-left: 35px;
}
.todo-list > li.completed p, .todo-list > li.completed .date {
  text-decoration: line-through;
  color: #a0aeba;
}

/* toastr notification */
#toast-container > div {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
#toast-container .toast-close-button {
  top: -11px;
}

.toast a {
  text-decoration: underline;
}
.toast a:hover, .toast a:focus {
  text-decoration: none;
  color: #fff;
}
.toast .toast-message {
  font-size: 14px;
  line-height: 2;
}

.toast-info {
  background-color: #00AAFF;
}

.toast-success {
  background-color: #2dab6b;
}

.toast-warning {
  background-color: #ff901c;
}

.toast-danger {
  background-color: #ff213b;
}

/* tabs */
.custom-tabs-line {
  border-bottom: 1px solid #e9eef2;
}
.custom-tabs-line ul {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.custom-tabs-line ul > li {
  float: left;
  margin-bottom: -1px;
}
.custom-tabs-line ul > li a {
  color: #5e6773;
  font-weight: normal;
  border-bottom: 1px solid transparent;
}
.custom-tabs-line ul > li a:hover, .custom-tabs-line ul > li a:focus {
  color: #5e6773;
  background-color: transparent;
}
.custom-tabs-line ul > li a:focus {
  outline: none;
}
.custom-tabs-line ul > li.active a {
  color: #00AAFF;
  border-bottom: 2px solid #00AAFF;
}
.custom-tabs-line ul.nav-pills a:hover, .custom-tabs-line ul.nav-pills a:focus {
  color: #fff;
  background-color: #00AAFF;
}
.custom-tabs-line.left-aligned {
  text-align: left;
}
.custom-tabs-line.right-aligned {
  text-align: right;
}
.custom-tabs-line .nav-justified {
  display: table;
}
.custom-tabs-line .nav-justified > li {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .custom-tabs-line ul li.active > a {
    margin-bottom: -1px;
  }
  .custom-tabs-line .nav-justified > li > a {
    margin-bottom: 1px;
  }
}

.tab-pane {
  padding: 25px 15px;
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

.transparent {
  background: transparent;
}

.icon-transparent-area {
  border-radius: 8px;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.icon-transparent-area.first {
  margin-left: 0;
}
.icon-transparent-area.last {
  float: right;
}
.icon-transparent-area i {
  margin-top: 1em;
  font-size: 18px;
}
.icon-transparent-area span {
  display: block;
}
.icon-transparent-area .badge {
  border-radius: 50%;
  position: absolute;
  top: -7px;
  right: -7px;
  width: 26px;
  height: 26px;
  padding: 0;
  font-weight: normal;
  line-height: 20px;
  border: 2px solid #fff;
}

.right-sidebar .icon-transparent-area .badge {
  border-color: #fff;
}

.icon-transparent-area.custom-color-primary {
  color: #00AAFF;
  background-color: rgba(0, 170, 255, 0.2);
}
.icon-transparent-area.custom-color-primary .badge {
  background-color: #00AAFF;
}

.icon-transparent-area.custom-color-info-offset {
  color: #2CC2BE;
  background-color: rgba(44, 194, 190, 0.2);
}
.icon-transparent-area.custom-color-info-offset .badge {
  background-color: #2CC2BE;
}

.icon-transparent-area.custom-color-info {
  color: #b2dbef;
  background-color: rgba(178, 219, 239, 0.2);
}
.icon-transparent-area.custom-color-info .badge {
  background-color: #b2dbef;
}

.icon-transparent-area.custom-color-danger {
  color: #fd8187;
  background-color: rgba(253, 129, 135, 0.2);
}
.icon-transparent-area.custom-color-danger .badge {
  background-color: #fd8187;
}

.icon-transparent-area.custom-color-success {
  color: #7eddac;
  background-color: rgba(126, 221, 172, 0.2);
}
.icon-transparent-area.custom-color-success .badge {
  background-color: #7eddac;
}

.icon-transparent-area.custom-color-warning {
  color: #ffcf88;
  background-color: rgba(255, 207, 136, 0.2);
}
.icon-transparent-area.custom-color-warning .badge {
  background-color: #ffcf88;
}

.icon-transparent-area.custom-color-warning-muted {
  color: #ffcc7f;
  background-color: rgba(255, 204, 127, 0.2);
}
.icon-transparent-area.custom-color-warning-muted .badge {
  background-color: #ffcc7f;
}

.icon-transparent-area.custom-color-info-muted {
  color: #aae2fd;
  background-color: rgba(170, 226, 253, 0.2);
}
.icon-transparent-area.custom-color-info-muted .badge {
  background-color: #aae2fd;
}

.icon-transparent-area.custom-color-success-muted {
  color: #4ae7bf;
  background-color: rgba(74, 231, 191, 0.2);
}
.icon-transparent-area.custom-color-success-muted .badge {
  background-color: #4ae7bf;
}

.icon-transparent-area.custom-color-success-muted-light {
  color: #dafaf2;
  background-color: rgba(218, 250, 242, 0.2);
}
.icon-transparent-area.custom-color-success-muted-light .badge {
  background-color: #dafaf2;
}

.icon-transparent-area.custom-color-danger-muted {
  color: #fea6a9;
  background-color: rgba(254, 166, 169, 0.2);
}
.icon-transparent-area.custom-color-danger-muted .badge {
  background-color: #fea6a9;
}

.icon-transparent-area.custom-color-def {
  color: #dae9f1;
  background-color: rgba(218, 233, 241, 0.2);
}
.icon-transparent-area.custom-color-def .badge {
  background-color: #dae9f1;
}

.icon-transparent-area.custom-color-def-info {
  color: #b2dbef;
  background-color: rgba(178, 219, 239, 0.2);
}
.icon-transparent-area.custom-color-def-info .badge {
  background-color: #b2dbef;
}

.icon-transparent-area.custom-color-def-sort {
  color: #dae9f1;
  background-color: rgba(218, 233, 241, 0.2);
}
.icon-transparent-area.custom-color-def-sort .badge {
  background-color: #dae9f1;
}

.icon-transparent-area.custom-color-def-inv {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.icon-transparent-area.custom-color-def-inv .badge {
  background-color: white;
}

.icon-transparent-area.custom-color-def-delete {
  color: #fe8e93;
  background-color: rgba(254, 142, 147, 0.2);
}
.icon-transparent-area.custom-color-def-delete .badge {
  background-color: #fe8e93;
}

.icon-transparent-area.custom-color-def-close-suspend {
  color: #ededed;
  background-color: rgba(237, 237, 237, 0.2);
}
.icon-transparent-area.custom-color-def-close-suspend .badge {
  background-color: #ededed;
}

.icon-transparent-area.custom-color-def-cred {
  color: #dae9f1;
  background-color: rgba(218, 233, 241, 0.2);
}
.icon-transparent-area.custom-color-def-cred .badge {
  background-color: #dae9f1;
}

.icon-transparent-area.custom-color-def-list {
  color: #dae9f1;
  background-color: rgba(218, 233, 241, 0.2);
}
.icon-transparent-area.custom-color-def-list .badge {
  background-color: #dae9f1;
}

.icon-transparent-area.custom-color-def-action {
  color: #dae9f1;
  background-color: rgba(218, 233, 241, 0.2);
}
.icon-transparent-area.custom-color-def-action .badge {
  background-color: #dae9f1;
}

.icon-transparent-area.custom-color-previous {
  color: #d3dce6;
  background-color: rgba(211, 220, 230, 0.2);
}
.icon-transparent-area.custom-color-previous .badge {
  background-color: #d3dce6;
}

.icon-transparent-area.custom-color-back {
  color: #7985AD;
  background-color: rgba(121, 133, 173, 0.2);
}
.icon-transparent-area.custom-color-back .badge {
  background-color: #7985AD;
}

.icon-transparent-area.custom-color-amazon {
  color: #ff9900;
  background-color: rgba(255, 153, 0, 0.2);
}
.icon-transparent-area.custom-color-amazon .badge {
  background-color: #ff9900;
}

.icon-transparent-area.custom-color-accord {
  color: rgba(248, 207, 231, 0.46);
  background-color: rgba(248, 207, 231, 0.2);
}
.icon-transparent-area.custom-color-accord .badge {
  background-color: rgba(248, 207, 231, 0.46);
}

.icon-transparent-area.custom-color-performaction {
  color: rgba(250, 215, 235, 0.8);
  background-color: rgba(250, 215, 235, 0.2);
}
.icon-transparent-area.custom-color-performaction .badge {
  background-color: rgba(250, 215, 235, 0.8);
}

.icon-transparent-area.custom-color-airbnb {
  color: #fd5c63;
  background-color: rgba(253, 92, 99, 0.2);
}
.icon-transparent-area.custom-color-airbnb .badge {
  background-color: #fd5c63;
}

.icon-transparent-area.custom-color-danger-light {
  color: #fd5c63;
  background-color: rgba(253, 92, 99, 0.2);
}
.icon-transparent-area.custom-color-danger-light .badge {
  background-color: #fd5c63;
}

.icon-transparent-area.custom-color-cancel {
  color: #999999;
  background-color: rgba(153, 153, 153, 0.2);
}
.icon-transparent-area.custom-color-cancel .badge {
  background-color: #999999;
}

.icon-transparent-area.custom-color-alerterror {
  color: #fd5c63;
  background-color: rgba(253, 92, 99, 0.2);
}
.icon-transparent-area.custom-color-alerterror .badge {
  background-color: #fd5c63;
}

.icon-transparent-area.custom-color-medium {
  color: #ededed;
  background-color: rgba(237, 237, 237, 0.2);
}
.icon-transparent-area.custom-color-medium .badge {
  background-color: #ededed;
}

.icon-transparent-area.custom-color-editor {
  color: #555758;
  background-color: rgba(85, 87, 88, 0.2);
}
.icon-transparent-area.custom-color-editor .badge {
  background-color: #555758;
}

.icon-transparent-area.custom-color-verydark {
  color: #272e38;
  background-color: rgba(39, 46, 56, 0.2);
}
.icon-transparent-area.custom-color-verydark .badge {
  background-color: #272e38;
}

.icon-transparent-area.custom-color-dark {
  color: #343a40;
  background-color: rgba(52, 58, 64, 0.2);
}
.icon-transparent-area.custom-color-dark .badge {
  background-color: #343a40;
}

.icon-app {
  border-radius: 6px;
  display: block;
  width: 55px;
  height: 55px;
  text-align: center;
  border: 1px solid #eaeaea;
  background-color: #fff;
}
.icon-app i {
  line-height: 55px;
  font-size: 36px;
}

.list-file-simple {
  margin-bottom: 0;
}
.list-file-simple a {
  color: #5e6773;
}
.list-file-simple a:hover, .list-file-simple a:focus {
  text-decoration: underline;
}
.list-file-simple a:hover i, .list-file-simple a:focus i {
  text-decoration: none;
}
.list-file-simple i {
  margin-right: 8px;
}
.list-file-simple span {
  color: #a0aeba;
  font-size: 13px;
}

.list-project-progress .project-name {
  display: block;
  margin-bottom: 10px;
}
.list-project-progress .project-name:hover, .list-project-progress .project-name:focus {
  color: #fff;
}
.list-project-progress .progress {
  width: 85%;
  float: left;
}
.list-project-progress .percentage {
  float: right;
  position: relative;
  top: -9px;
  color: white;
}

.right-sidebar .list-project-progress .project-name,
.right-sidebar .list-project-progress .percentage {
  color: #5e6773;
}

.separator-linethrough {
  position: relative;
  margin: 30px 0;
  text-align: center;
}
.separator-linethrough span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 10px;
  position: inherit;
  font-size: 18px;
  background-color: #fff;
  z-index: 9;
}
.separator-linethrough:after {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  content: "";
  border-top: 1px solid #f0f0f0;
  z-index: 0;
}

.map .zoomButton {
  position: absolute;
  left: 10px;
  background: #fff;
  width: 20px;
  cursor: pointer;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 20px;
}
.map .zoomButton:hover {
  background: #f7f7f7;
}
.map .zoomIn {
  top: 60px;
}
.map .zoomReset {
  top: 83px;
}
.map .zoomOut {
  top: 105px;
}

.mapTooltip {
  opacity: 0.9;
  filter: alpha(opacity=90);
  position: absolute;
  padding: 10px;
  z-index: 1000;
  max-width: 200px;
  display: none;
  background-color: #f3f3f3;
  border: 1px solid #fff;
  color: #555;
}
.mapTooltip span {
  font-weight: 700;
}

.list-insights > li {
  padding: 25px 0;
  border-bottom: 1px solid #e9eef2;
}
.list-insights > li:last-child {
  border-bottom: none;
}
.list-insights .media-left {
  padding-right: 15px;
}
.list-insights i {
  border-radius: 50%;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: #777;
  color: #fff;
}
.list-insights p {
  margin-bottom: 0;
  font-size: 18px;
}
.list-insights a {
  font-size: 14px;
}

.list-referrals > li {
  margin-bottom: 35px;
  font-size: 13px;
}
.list-referrals .value {
  font-size: 20px;
  margin-right: 10px;
}

/* sweet alert */
.swal2-modal {
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
}

.swal2-modal .swal2-file {
  padding: 5px;
  font-size: 16px;
  line-height: 1;
}

/* tree view */
.custom-tree.jstree-default .jstree-checkbox {
  background-image: none;
  font-style: normal;
}
.custom-tree.jstree-default .jstree-checkbox:before {
  font-family: FontAwesome;
  font-size: 18px;
  content: "\f096";
}
.custom-tree.jstree-default .jstree-checkbox.jstree-undetermined:before {
  content: "\f0c8";
  color: #ccc;
}
.custom-tree.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:before, .custom-tree.jstree-default .jstree-checked > .jstree-checkbox:before {
  content: "\f14a";
  color: #2dab6b;
}

/* wizard */
.wizard {
  position: relative;
  overflow: hidden;
  background-color: #f9f9f9;
}
.wizard:before, .wizard:after {
  display: table;
  line-height: 0;
  content: "";
}
.wizard:after {
  clear: both;
}
.wizard ul {
  width: 4000px;
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.wizard ul.previous-disabled li.complete {
  cursor: default;
}
.wizard ul.previous-disabled li.complete:hover {
  color: #468847;
  cursor: default;
  background: #f3f4f5;
}
.wizard ul.previous-disabled li.complete:hover .chevron:before {
  border-left-color: #f3f4f5;
}
.wizard ul li {
  position: relative;
  float: left;
  height: 47px;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 16px;
  line-height: 47px;
  color: #a6a6a6;
  cursor: default;
  background: #f2f2f2;
}
.wizard ul li:first-child {
  padding-left: 20px;
}
.wizard ul li .chevron {
  border: 24px solid transparent;
  border-left: 14px solid #d4d4d4;
  border-right: 0;
  display: block;
  position: absolute;
  right: -14px;
  top: 0;
  z-index: 1;
}
.wizard ul li .chevron:before {
  border: 24px solid transparent;
  border-left: 14px solid #eeeeee;
  border-right: 0;
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  top: -24px;
}
.wizard ul li.complete {
  color: #fff;
  background: #2dab6b;
}
.wizard ul li.complete:hover {
  cursor: pointer;
}
.wizard ul li.complete:hover .chevron:before {
  border-left: 14px solid #2dab6b;
}
.wizard ul li.complete .chevron:before {
  border-left: 14px solid #2dab6b;
}
.wizard ul li.active {
  color: #fff;
  background: #00AAFF;
}
.wizard ul li.active .chevron:before {
  border-left: 14px solid #00AAFF;
}
.wizard ul li .badge {
  position: relative;
  top: -2px;
  margin-right: 8px;
  padding: 4px 7px;
}
.wizard ul li .badge.badge-info {
  background-color: #0088cc;
}
.wizard ul li .badge.badge-success {
  background-color: #228352;
}
.wizard .step-content {
  margin: 30px 0;
  padding-left: 20px;
  float: left;
  width: 100%;
}
.wizard .step-content .step-pane {
  display: none;
}
.wizard .step-content .active {
  display: block;
}
.wizard .step-content .active .btn-group .active {
  display: inline-block;
}
.wizard .actions {
  float: left;
  padding: 20px;
}
.wizard .parsley-errors-list li {
  float: none;
  padding: 0;
  color: #F9354C;
  font-size: 14px;
  background: none;
}
.wizard .parsley-errors-list li:first-child {
  padding-left: 0;
}

input::-webkit-input-placeholder:not(:focus), textarea::-webkit-input-placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}

input::-moz-placeholder:not(:focus), textarea::-moz-placeholder:not(:focus) {
  opacity: 0.8;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}

input:-ms-input-placeholder:not(:focus), textarea:-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}

input::-ms-input-placeholder:not(:focus), textarea::-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}

input::placeholder:not(:focus), textarea::placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}

/* sortable */
.ui-sortable {
  min-height: 35px;
}

.ui-sortable .panel-heading {
  cursor: move;
}

.ui-sortable-placeholder {
  border: 1px dashed #cecece !important;
  visibility: visible !important;
  background: #f3f3f3;
}

/* nestable */
.dd-handle, .dd-item .custom-content {
  height: auto;
  padding: 10px;
  cursor: move;
  background: #fff;
  color: #5e6773;
  border-color: #e1e3ea;
}
.dd-handle:hover, .dd-item .custom-content:hover {
  color: #5e6773;
  background: #f5f8fa;
}

.dd-item > button {
  margin: 11px 0;
  color: #a0aeba;
}
.dd-item .custom-handle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: move;
}
.dd-item .custom-handle i {
  font-size: 13px;
  vertical-align: middle;
  color: #a0aeba;
}
.dd-item .custom-content {
  display: block;
  margin: 5px 0;
  padding-left: 40px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e1e3ea;
  cursor: auto;
}
.dd-item .custom-content:hover {
  background: #fff;
}
.dd-item.custom-item > button {
  margin-left: 35px;
}

.dd-dragel .custom-handle {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dd-dragel .custom-content {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

.dd-empty,
.dd-placeholder {
  background-color: #f3f3f3;
  border-color: #cecece;
}

/* files, file manager */
.file-tag:before {
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  top: -1px;
  margin-right: 5px;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #5e6773;
}

.file-tag.tag-primary:before {
  background-color: #00AAFF !important;
}

.file-tag.tag-info-offset:before {
  background-color: #2CC2BE !important;
}

.file-tag.tag-info:before {
  background-color: #b2dbef !important;
}

.file-tag.tag-danger:before {
  background-color: #fd8187 !important;
}

.file-tag.tag-success:before {
  background-color: #7eddac !important;
}

.file-tag.tag-warning:before {
  background-color: #ffcf88 !important;
}

.file-tag.tag-warning-muted:before {
  background-color: #ffcc7f !important;
}

.file-tag.tag-info-muted:before {
  background-color: #aae2fd !important;
}

.file-tag.tag-success-muted:before {
  background-color: #4ae7bf !important;
}

.file-tag.tag-success-muted-light:before {
  background-color: #dafaf2 !important;
}

.file-tag.tag-danger-muted:before {
  background-color: #fea6a9 !important;
}

.file-tag.tag-def:before {
  background-color: #dae9f1 !important;
}

.file-tag.tag-def-info:before {
  background-color: #b2dbef !important;
}

.file-tag.tag-def-sort:before {
  background-color: #dae9f1 !important;
}

.file-tag.tag-def-inv:before {
  background-color: white !important;
}

.file-tag.tag-def-delete:before {
  background-color: #fe8e93 !important;
}

.file-tag.tag-def-close-suspend:before {
  background-color: #ededed !important;
}

.file-tag.tag-def-cred:before {
  background-color: #dae9f1 !important;
}

.file-tag.tag-def-list:before {
  background-color: #dae9f1 !important;
}

.file-tag.tag-def-action:before {
  background-color: #dae9f1 !important;
}

.file-tag.tag-previous:before {
  background-color: #d3dce6 !important;
}

.file-tag.tag-back:before {
  background-color: #7985AD !important;
}

.file-tag.tag-amazon:before {
  background-color: #ff9900 !important;
}

.file-tag.tag-accord:before {
  background-color: rgba(248, 207, 231, 0.46) !important;
}

.file-tag.tag-performaction:before {
  background-color: rgba(250, 215, 235, 0.8) !important;
}

.file-tag.tag-airbnb:before {
  background-color: #fd5c63 !important;
}

.file-tag.tag-danger-light:before {
  background-color: #fd5c63 !important;
}

.file-tag.tag-cancel:before {
  background-color: #999999 !important;
}

.file-tag.tag-alerterror:before {
  background-color: #fd5c63 !important;
}

.file-tag.tag-medium:before {
  background-color: #ededed !important;
}

.file-tag.tag-editor:before {
  background-color: #555758 !important;
}

.file-tag.tag-verydark:before {
  background-color: #272e38 !important;
}

.file-tag.tag-dark:before {
  background-color: #343a40 !important;
}

.file-item {
  border-radius: 3px;
  width: 100%;
  margin: 0 15px 15px 0;
  float: left;
  border: 1px solid #d1d6e6;
  background-color: #fff;
}
.file-item .file-preview {
  display: block;
  height: 146px;
  text-align: center;
  padding: 50px 20px;
  overflow: hidden;
  background-color: #eaeaea;
  color: #aaaaaa;
}
.file-item .file-preview i {
  border-radius: 10px;
  background: #dddddd;
  padding: 10px;
  font-size: 24px;
}
.file-item .file-preview .file-extension {
  font-size: 32px;
}
.file-item .file-info {
  padding: 12px 30px 15px 12px;
  position: relative;
  font-size: 14px;
}
.file-item .file-info span {
  display: block;
  margin: 3px 0;
}
.file-item .file-info .file-name {
  color: #00AAFF;
}
.file-item .file-info .file-date {
  font-size: 13px;
  color: #a0aeba;
}
.file-item .file-info .toggle-dropdown {
  padding: 0 10px;
  color: #a0aeba;
  font-size: 20px;
}
.file-item .file-info .toggle-dropdown i {
  display: inline;
}
.file-item .file-info .dropdown {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -11px;
}

.file-preview.pdf {
  color: #fff;
  background-color: #AB7DF6;
}
.file-preview.pdf i {
  background: #fff;
  color: #AB7DF6;
}
.file-preview.xls {
  color: #fff;
  background-color: #86d227;
}
.file-preview.xls i {
  background: #fff;
  color: #86d227;
}
.file-preview.doc {
  color: #fff;
  background-color: #20B2AA;
}
.file-preview.doc i {
  background: #fff;
  color: #20B2AA;
}
.file-preview.audio {
  color: #fff;
  background-color: #7183a2;
}
.file-preview.audio i {
  background: #fff;
  color: #7183a2;
}
.file-preview.video {
  color: #fff;
  background-color: #F3BB23;
}
.file-preview.video i {
  background: #fff;
  color: #F3BB23;
}
.file-preview.image {
  padding: 0;
}

.storage-info {
  margin-bottom: 30px;
}
.storage-info .title {
  display: block;
  margin-bottom: 10px;
}
.storage-info .progress {
  margin-bottom: 5px;
}
.storage-info .usage-text {
  font-size: 14px;
  color: #a0aeba;
}

.list-files .file-item {
  width: 250px;
}

/* online visitors */
.online-visitors .count {
  margin-bottom: 35px;
  text-align: center;
  font-size: 14px;
}
.online-visitors .number {
  display: block;
  margin: 0 auto;
  font-size: 72px;
  font-weight: 300;
  line-height: 1;
  color: #00AAFF;
}
.online-visitors .traffic-sources {
  height: 26px;
  margin-bottom: 0;
}
.online-visitors .traffic-sources .progress-bar {
  line-height: 26px;
}
.online-visitors .traffic-sources .progress-bar:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.online-visitors .traffic-sources .progress-bar:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.online-visitors .source {
  color: #fff;
  font-size: 12px;
}
.online-visitors .referral {
  background-color: #14B1D0;
}
.online-visitors .organic {
  background-color: #F8A00E;
}
.online-visitors .direct {
  background-color: #396ECF;
}
.online-visitors .email {
  background-color: #F14646;
}

#online-visitors-dashboard {
  padding: 17% 0;
}

.square-legend ul > li {
  margin-right: 5px;
  font-size: 13px;
}
.square-legend ul > li span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  background-color: #ccc;
}

.online-visitor-data {
  padding: 5px 15px;
}
.online-visitor-data .left {
  float: left;
  text-align: center;
}
.online-visitor-data .picture {
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 8px;
}
.online-visitor-data .guest-avatar {
  border-radius: 50%;
  display: block;
  line-height: 47px;
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
  background-color: #eff4fa;
}
.online-visitor-data .right {
  padding-left: 70px;
}
.online-visitor-data .data {
  margin: 5px 0;
}
.online-visitor-data .data:first-child {
  margin-top: 0;
}
.online-visitor-data .label-data {
  display: block;
  font-size: 13px;
  color: #a0aeba;
}

/* metric data for chart and chart controls */
.chart-metric .title {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
}
.chart-metric .title .data-legend {
  border-radius: 50%;
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 3px;
}
.chart-metric .value {
  margin-right: 5px;
  font-weight: 300;
  font-size: 28px;
  line-height: 1;
}
.chart-metric .change {
  border-radius: 3px;
  padding: 3px 10px;
  position: relative;
  top: -4px;
  font-size: 14px;
}
.chart-metric .change i {
  font-size: 12px;
}
.chart-metric .change.up {
  color: #178517;
  background-color: rgba(21, 205, 21, 0.5);
}
.chart-metric .change.down {
  color: #C43E3A;
  background-color: rgba(255, 191, 189, 0.5);
}

/* semi circle progress */
.progress-semicircle {
  position: relative;
  width: 100%;
  text-align: center;
}
.progress-semicircle .bar-overflow {
  position: relative;
  overflow: hidden;
  width: 280px;
  height: 140px;
  margin-bottom: -80px;
  margin-left: auto;
  margin-right: auto;
}
.progress-semicircle .bar {
  width: 280px;
  height: 280px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 8px solid #EFF3F6;
  border-bottom-color: #00AAFF;
  border-right-color: #00AAFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.progress-semicircle .content .icon {
  font-size: 32px;
  color: #00AAFF;
}
.progress-semicircle .content .value {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 45px;
  font-weight: 300;
  line-height: 1;
}
.progress-semicircle .content .heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.progress-semicircle .content .btn, .progress-semicircle .content .btn-ls {
  margin-top: 20px;
}

.rating .number {
  font-size: 55px;
  font-weight: 300;
  margin-right: 15px;
  line-height: 1;
}
.rating .rating-stars {
  position: relative;
  top: -10px;
}

.rating-stars i {
  font-size: 22px;
  color: #FFB500;
}
.rating-stars.smaller i {
  font-size: 16px;
}
.rating-stars .info {
  margin-left: 5px;
  font-size: 13px;
  color: #a0aeba;
}
.rating-stars .info a {
  color: #a0aeba;
}
.rating-stars .info a:hover, .rating-stars .info a:focus {
  text-decoration: underline;
}

.customer-review .review-text {
  margin-bottom: 30px;
}
.customer-review .footer-info {
  margin-bottom: 50px;
}
.customer-review .footer-info .title {
  margin-bottom: 8px;
  color: #a0aeba;
  font-size: 13px;
}
.customer-review .footer-info .picture {
  width: 35px;
  float: left;
}
.customer-review .footer-info .right {
  padding-left: 40px;
}
.customer-review .footer-info span {
  display: block;
}
.customer-review .footer-info .primary-info {
  font-size: 14px;
}
.customer-review .footer-info .secondary-info {
  font-size: 12px;
  color: #a0aeba;
}
.customer-review .controls span {
  margin-right: 15px;
}
.customer-review .controls i {
  color: #00AAFF;
  margin-right: 3px;
}
.customer-review .controls a {
  color: #5e6773;
}
.customer-review .controls a:hover, .customer-review .controls a:focus {
  text-decoration: underline;
}

/* jquery vector map */
.jqvmap-zoomin,
.jqvmap-zoomout {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 0;
  line-height: 25px;
  background: #00AAFF;
}
.jqvmap-zoomin:hover, .jqvmap-zoomin:focus,
.jqvmap-zoomout:hover,
.jqvmap-zoomout:focus {
  background: #00a0f0;
}

.jqvmap-zoomout {
  top: 38px;
}

/* leaderboard */
.leaderboard .tab-pane {
  padding: 0;
}

.list-positions {
  margin: 0;
}
.list-positions .position {
  border-bottom: 1px solid #e9eef2;
  padding: 25px;
}
.list-positions .position .change {
  float: left;
  line-height: 55px;
  min-width: 50px;
}
.list-positions .position .icon-change {
  position: relative;
  font-size: 22px;
}
.list-positions .position .user {
  float: left;
  position: relative;
}
.list-positions .position .user .position-number {
  border-radius: 50%;
  display: block;
  position: absolute;
  bottom: -6px;
  right: -8px;
  width: 28px;
  height: 28px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border: 2px solid #fff;
  background-color: #00AAFF;
}
.list-positions .position .user-picture {
  border-radius: 50%;
  width: 55px;
  height: 55px;
  border: 2px solid transparent;
}
.list-positions .position .user-picture.anonymous {
  display: block;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  background-color: #eff4fa;
}
.list-positions .position .account {
  float: left;
  padding-left: 5px;
}
.list-positions .position .account .right {
  padding: 10px 3px 10px 75px;
  height: 55px;
}
.list-positions .position .account .name {
  display: block;
  line-height: 1;
  color: #5e6773;
}
.list-positions .position .account .name:hover, .list-positions .position .account .name:focus {
  text-decoration: underline;
}
.list-positions .position .account .username {
  font-size: 13px;
  color: #a0aeba;
}
.list-positions .position .points {
  border-radius: 2em;
  float: right;
  position: relative;
  top: 11px;
  padding: 6px 12px;
  font-size: 17px;
  background-color: #f0f2f9;
  color: #7b8198;
}
.list-positions .position.up .icon-change {
  top: 8px;
  color: #53c265;
}
.list-positions .position.up .account .user-picture {
  border-color: #53c265;
}
.list-positions .position.down .icon-change {
  top: -2px;
  color: #ff4402;
}
.list-positions .position.down .account .user-picture {
  border-color: #ff4402;
}
@media screen and (max-width: 640px) {
  .list-positions .position .change {
    display: none;
  }
  .list-positions .position .account {
    padding-left: 0;
  }
  .list-positions .position .points {
    font-size: 14px;
  }
}

/* list contacts */
.list-contacts {
  margin-bottom: 0;
}
.list-contacts > li {
  margin-bottom: 30px;
}
.list-contacts > li::after {
  display: block;
  clear: both;
  content: "";
}
.list-contacts > li:last-child {
  margin-bottom: 0;
}
.list-contacts .media {
  float: left;
  position: relative;
}
.list-contacts .picture {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
}
.list-contacts .status {
  border-radius: 50%;
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  right: -2px;
  border: 2px solid #fff;
  background-color: #a0aeba;
}
.list-contacts .status.online {
  background-color: #53c265;
}
.list-contacts .info {
  float: left;
  padding-left: 15px;
}
.list-contacts .info .name,
.list-contacts .info .email {
  display: block;
}
.list-contacts .info .email,
.list-contacts .info .title {
  color: #a0aeba;
  font-size: 13px;
}
.list-contacts .controls {
  float: right;
  position: relative;
  top: 7px;
}
.list-contacts .controls a {
  margin-left: 8px;
  color: #a0aeba;
  font-size: 20px;
}
.list-contacts .controls a:hover, .list-contacts .controls a:focus {
  color: #a0aeba;
}
@media screen and (max-width: 640px) {
  .list-contacts .controls {
    display: none;
  }
}

/* slick carousel */
.slick-prev,
.slick-next {
  z-index: 9;
}
.slick-prev:before,
.slick-next:before {
  font-family: "themify";
  color: #a0aeba;
}

.slick-prev {
  left: 25px;
}
.slick-prev:before {
  content: "\e64a";
}

.slick-next {
  right: 25px;
}
.slick-next:before {
  content: "\e649";
}

.slick-slide:focus {
  outline: none;
}

/* tag */
.tag {
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 5px 15px;
  border: 1px solid #a0aeba;
  color: #a0aeba;
}
.tag:hover, .tag:focus {
  color: #fff;
  background-color: #a0aeba;
}
.tag.tag-primary {
  border-color: #00AAFF;
  color: #00AAFF;
}
.tag.tag-primary:hover, .tag.tag-primary:focus {
  color: #fff;
  background-color: #00AAFF;
}
.tag.tag-info-offset {
  border-color: #2CC2BE;
  color: #2CC2BE;
}
.tag.tag-info-offset:hover, .tag.tag-info-offset:focus {
  color: #fff;
  background-color: #2CC2BE;
}
.tag.tag-info {
  border-color: #b2dbef;
  color: #b2dbef;
}
.tag.tag-info:hover, .tag.tag-info:focus {
  color: #fff;
  background-color: #b2dbef;
}
.tag.tag-danger {
  border-color: #fd8187;
  color: #fd8187;
}
.tag.tag-danger:hover, .tag.tag-danger:focus {
  color: #fff;
  background-color: #fd8187;
}
.tag.tag-success {
  border-color: #7eddac;
  color: #7eddac;
}
.tag.tag-success:hover, .tag.tag-success:focus {
  color: #fff;
  background-color: #7eddac;
}
.tag.tag-warning {
  border-color: #ffcf88;
  color: #ffcf88;
}
.tag.tag-warning:hover, .tag.tag-warning:focus {
  color: #fff;
  background-color: #ffcf88;
}
.tag.tag-warning-muted {
  border-color: #ffcc7f;
  color: #ffcc7f;
}
.tag.tag-warning-muted:hover, .tag.tag-warning-muted:focus {
  color: #fff;
  background-color: #ffcc7f;
}
.tag.tag-info-muted {
  border-color: #aae2fd;
  color: #aae2fd;
}
.tag.tag-info-muted:hover, .tag.tag-info-muted:focus {
  color: #fff;
  background-color: #aae2fd;
}
.tag.tag-success-muted {
  border-color: #4ae7bf;
  color: #4ae7bf;
}
.tag.tag-success-muted:hover, .tag.tag-success-muted:focus {
  color: #fff;
  background-color: #4ae7bf;
}
.tag.tag-success-muted-light {
  border-color: #dafaf2;
  color: #dafaf2;
}
.tag.tag-success-muted-light:hover, .tag.tag-success-muted-light:focus {
  color: #fff;
  background-color: #dafaf2;
}
.tag.tag-danger-muted {
  border-color: #fea6a9;
  color: #fea6a9;
}
.tag.tag-danger-muted:hover, .tag.tag-danger-muted:focus {
  color: #fff;
  background-color: #fea6a9;
}
.tag.tag-def {
  border-color: #dae9f1;
  color: #dae9f1;
}
.tag.tag-def:hover, .tag.tag-def:focus {
  color: #fff;
  background-color: #dae9f1;
}
.tag.tag-def-info {
  border-color: #b2dbef;
  color: #b2dbef;
}
.tag.tag-def-info:hover, .tag.tag-def-info:focus {
  color: #fff;
  background-color: #b2dbef;
}
.tag.tag-def-sort {
  border-color: #dae9f1;
  color: #dae9f1;
}
.tag.tag-def-sort:hover, .tag.tag-def-sort:focus {
  color: #fff;
  background-color: #dae9f1;
}
.tag.tag-def-inv {
  border-color: white;
  color: white;
}
.tag.tag-def-inv:hover, .tag.tag-def-inv:focus {
  color: #fff;
  background-color: white;
}
.tag.tag-def-delete {
  border-color: #fe8e93;
  color: #fe8e93;
}
.tag.tag-def-delete:hover, .tag.tag-def-delete:focus {
  color: #fff;
  background-color: #fe8e93;
}
.tag.tag-def-close-suspend {
  border-color: #ededed;
  color: #ededed;
}
.tag.tag-def-close-suspend:hover, .tag.tag-def-close-suspend:focus {
  color: #fff;
  background-color: #ededed;
}
.tag.tag-def-cred {
  border-color: #dae9f1;
  color: #dae9f1;
}
.tag.tag-def-cred:hover, .tag.tag-def-cred:focus {
  color: #fff;
  background-color: #dae9f1;
}
.tag.tag-def-list {
  border-color: #dae9f1;
  color: #dae9f1;
}
.tag.tag-def-list:hover, .tag.tag-def-list:focus {
  color: #fff;
  background-color: #dae9f1;
}
.tag.tag-def-action {
  border-color: #dae9f1;
  color: #dae9f1;
}
.tag.tag-def-action:hover, .tag.tag-def-action:focus {
  color: #fff;
  background-color: #dae9f1;
}
.tag.tag-previous {
  border-color: #d3dce6;
  color: #d3dce6;
}
.tag.tag-previous:hover, .tag.tag-previous:focus {
  color: #fff;
  background-color: #d3dce6;
}
.tag.tag-back {
  border-color: #7985AD;
  color: #7985AD;
}
.tag.tag-back:hover, .tag.tag-back:focus {
  color: #fff;
  background-color: #7985AD;
}
.tag.tag-amazon {
  border-color: #ff9900;
  color: #ff9900;
}
.tag.tag-amazon:hover, .tag.tag-amazon:focus {
  color: #fff;
  background-color: #ff9900;
}
.tag.tag-accord {
  border-color: rgba(248, 207, 231, 0.46);
  color: rgba(248, 207, 231, 0.46);
}
.tag.tag-accord:hover, .tag.tag-accord:focus {
  color: #fff;
  background-color: rgba(248, 207, 231, 0.46);
}
.tag.tag-performaction {
  border-color: rgba(250, 215, 235, 0.8);
  color: rgba(250, 215, 235, 0.8);
}
.tag.tag-performaction:hover, .tag.tag-performaction:focus {
  color: #fff;
  background-color: rgba(250, 215, 235, 0.8);
}
.tag.tag-airbnb {
  border-color: #fd5c63;
  color: #fd5c63;
}
.tag.tag-airbnb:hover, .tag.tag-airbnb:focus {
  color: #fff;
  background-color: #fd5c63;
}
.tag.tag-danger-light {
  border-color: #fd5c63;
  color: #fd5c63;
}
.tag.tag-danger-light:hover, .tag.tag-danger-light:focus {
  color: #fff;
  background-color: #fd5c63;
}
.tag.tag-cancel {
  border-color: #999999;
  color: #999999;
}
.tag.tag-cancel:hover, .tag.tag-cancel:focus {
  color: #fff;
  background-color: #999999;
}
.tag.tag-alerterror {
  border-color: #fd5c63;
  color: #fd5c63;
}
.tag.tag-alerterror:hover, .tag.tag-alerterror:focus {
  color: #fff;
  background-color: #fd5c63;
}
.tag.tag-medium {
  border-color: #ededed;
  color: #ededed;
}
.tag.tag-medium:hover, .tag.tag-medium:focus {
  color: #fff;
  background-color: #ededed;
}
.tag.tag-editor {
  border-color: #555758;
  color: #555758;
}
.tag.tag-editor:hover, .tag.tag-editor:focus {
  color: #fff;
  background-color: #555758;
}
.tag.tag-verydark {
  border-color: #272e38;
  color: #272e38;
}
.tag.tag-verydark:hover, .tag.tag-verydark:focus {
  color: #fff;
  background-color: #272e38;
}
.tag.tag-dark {
  border-color: #343a40;
  color: #343a40;
}
.tag.tag-dark:hover, .tag.tag-dark:focus {
  color: #fff;
  background-color: #343a40;
}

.support-agent .agent-photo {
  border-radius: 3px;
  width: 60px;
  height: 60px;
  float: left;
}
.support-agent .agent-detail {
  padding-left: 75px;
}
.support-agent .name {
  display: block;
  font-size: 15px;
  color: inherit;
  line-height: 1;
  margin-bottom: 3px;
}
.support-agent .name:hover, .support-agent .name:focus {
  color: inherit;
  text-decoration: underline;
}
.support-agent .email {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  color: #a0aeba;
}

.pace .pace-progress {
  background: rgba(255, 255, 255, 0.7);
  height: 4px;
}

.btn-rounded {
  border-radius: 1rem !important;
}

.btn-rounded-top {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.btn-rounded-right {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.btn-rounded-bottom {
  border-bottom-right-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.btn-rounded-left {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.list-group-numbered {
  list-style: decimal inside;
  text-align: left;
  margin: auto;
  width: 300px;
  min-width: 300px;
  cursor: pointer;
}

.list-group-numbered-no-cursor {
  list-style: decimal inside;
  text-align: left;
  margin: auto;
  width: 300px;
  min-width: 300px;
}
.list-group-numbered-no-cursor > li.list-group-item-action:hover {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.list-group-item-numbered {
  display: list-item;
}

.listitemtick {
  color: #272e38;
  background: rgba(44, 194, 132, 0.2) !important;
}
.listitemtick:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  right: 10px;
  content: "\f058";
  font-size: 1.5rem;
  top: 4px;
}
.listitemtick:hover {
  color: #272e38;
  background: rgba(44, 194, 132, 0.4) !important;
}

a.pill {
  border-radius: 2rem !important;
  min-width: 60px;
  text-align: center;
  border: 1px solid white;
  color: #5e6773;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  min-width: 96px;
  text-align: center;
  color: #555;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 30px;
  padding: 10px 15px;
}
a.pill:hover {
  color: #ededed;
  border: 1px solid #e1e3ea;
}

a.pill-light {
  border-radius: 2rem !important;
  min-width: 60px;
  text-align: center;
  /*border: 1px solid lighten($color-accent,10);
  color: $color-accent !important;*/
  border: 1px solid #7e9cac;
  color: #738a97 !important;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #555;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 30px;
  padding: 10px 15px;
  background: #f8f9fa;
}
a.pill-light:hover {
  color: #5e6773;
  border: 1px solid #e1e3ea;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 227, 234, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(225, 227, 234, 0.3);
}

.nav > li > a.pill:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.3);
}
.nav > li > a.pill:hover:not(.active) {
  /* color: #fff;*/
  /*border: 1px solid transparent;*/
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.3);
}

@media screen and (min-width: 769px) {
  .filter-pills > li {
    margin-right: 0.1rem;
  }
}
@media screen and (max-width: 768px) {
  .filter-pills > li {
    margin-right: 0.15rem;
    margin-bottom: 0.5rem;
  }
}
.rule-pills > li > a.pill, .rule-pills > div > a.pill {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 194, 190, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(44, 194, 190, 0.3);
  padding: 0.2rem 0.5rem;
  margin: 0.4rem;
  min-width: 8rem;
}
.rule-pills > li > a.nav-link:hover, .rule-pills > div > a.nav-link:hover {
  background: #2CC2BE;
}
.rule-pills > li > a.nav-link.active, .rule-pills > div > a.nav-link.active {
  background: #2CC2BE;
}
.rule-pills > li.active, .rule-pills > div.active {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 194, 190, 0.3);
          box-shadow: 0 0 0 0.2rem rgba(44, 194, 190, 0.3);
}

.appearance-options .nav-pills > li {
  border-bottom: 1px solid #dee2e6;
  width: 95%;
}
.appearance-options .nav-pills > li > a.pill {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0 !important;
  min-width: auto !important;
  text-align: center;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 0.2rem 0.35rem;
}
.appearance-options .nav-pills > li > a.pill.active {
  background: #ffffff;
  border: none;
  color: #2B333E;
  border-bottom: 3px solid #a3dae3;
  border-radius: 0 !important;
  padding: 0.2rem 0.35rem;
  text-align: center;
}
.appearance-options .nav-pills > li > a.pill:hover:not(.active) {
  color: #2b333e !important;
  border: none;
  border-bottom: 3px solid #a3dae3;
  border-radius: 0 !important;
  padding: 0.2rem 0.35rem;
  text-align: center;
}
.appearance-options .nav-pills > li > a.nav-link:hover {
  background: #ffffff;
}
.appearance-options .nav-pills > li > a.nav-link.active {
  background: #ffffff;
}
.appearance-options .nav-pills > li.active {
  background: #ffffff !important;
  border: none;
  border-bottom: 3px solid #a3dae3;
  border-radius: 0 !important;
  padding: 0.2rem 0.35rem;
}

.generalList .list-group .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.generalList .list-group .list-group-item.list-group-item-action.active:before {
  background-image: none;
  width: 0;
}
.generalList .list-group .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #343a40;
  background: #ffffff;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.generalList .list-group .list-group-item.active:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-dot' width='24' height='24' viewBox='0 0 24 24' stroke-width='2.5' stroke='%2300aaff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='3' fill='%2300aaff' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: -5px 9px;
  display: inline-block;
  width: 20px;
  content: "";
}
.generalList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
  background: #ffffff;
}
.generalList .list-group .list-group-item.active > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0 0.75rem 0.4rem;
  color: #343a40;
  background: #ffffff;
  margin-right: 0.3rem;
  margin-left: -3px;
  /* border-left: 3px solid $filter-bar-border-color;*/
}
.generalList .list-group .list-group-item.active > span {
  display: inline-block;
  padding: 0.75rem 0 0.75rem 0;
}
.generalList .list-group .list-group-item:before {
  display: inline-block;
  width: 16px;
  content: "";
}
.generalList .list-group .list-group-item > div.ignore {
  margin-right: 0.4rem;
}
.generalList .list-group .list-group-item > span {
  display: inline-block;
  padding: 0.75rem 0 0.75rem 0;
}
.generalList .list-group.list-group-horizontal {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  /*border-right: 1px solid rgba(0, 0, 0, 0.125);*/
}
.generalList .list-group.list-group-horizontal a.accesscontrol {
  max-width: 70px !important;
  text-align: center;
}
.generalList .list-group.list-group-horizontal .list-group-item {
  border-radius: 0;
  border-left-width: 0;
  margin-bottom: 1px;
}
.generalList .list-group.list-group-horizontal .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #00aaff;
  border-color: #00aaff;
}
.generalList .list-group.list-group-horizontal .list-group-item-action:hover:not(.active), .generalList .list-group.list-group-horizontal .list-group-item-action:focus:not(.active) {
  color: #495057;
  text-decoration: none;
  background-color: #e6f7ff;
}
.generalList .list-group.list-group-horizontal .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
  border-left-width: 1px;
  border-right-width: 1px;
}
.generalList .list-group.list-group-horizontal .list-group-item:last-child {
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-right-width: 1px;
}
.generalList .list-group.list-group-horizontal .list-group-item:first-child:last-child {
  border-radius: 4px;
  border-right-width: 1px;
}
.generalList .list-group.list-group-horizontal .list-group-item:nth-child(6n) { /* or 6th */
  border-left-width: 1px;
}
.generalList .list-group.list-group-horizontal .list-group-item:nth-child(5n-7) { /* or 4n+1 */
  border-right-width: 1px;
}

.list-group[role=tablist] {
  padding-right: 0.5rem !important;
}

#list-tab .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #ffffff;
}
#list-tab .list-group-item.list-group-item-action.active {
  background: #f0f8ff;
  border-radius: 0.4rem !important;
}
#list-tab .list-group-item.list-group-item-action.active:before {
  /*   background-image: none;
  width: 0;*/
}
#list-tab .list-group-item:not(.active):before {
  background-repeat: no-repeat;
  background-position: -5px 9px;
  width: 20px;
  content: "";
}
#list-tab .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #000;
  font-weight: 500;
  margin: 0;
  padding: 0;
  background: #f0f8ff;
  border-radius: 0.4rem !important;
  border: 2px solid #dae9f1;
}
#list-tab .list-group-item.active:before {
  display: inline-block;
  width: 20px;
  content: "";
}
#list-tab .list-group-item.active > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
}
#list-tab .list-group-item.active > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0 0.75rem 0.4rem;
  color: #343a40;
  background: #ffffff;
  margin-right: 0.3rem;
  margin-left: -3px;
  /* border-left: 3px solid $filter-bar-border-color;*/
}
#list-tab .list-group-item.active > span {
  display: inline-block;
  padding: 0.75rem 0 0.75rem 0;
}
#list-tab .list-group-item:before {
  display: inline-block;
  /*width: 0 !important;*/
  content: "";
}
#list-tab .list-group-item > div.ignore {
  margin-right: 0.4rem;
}
#list-tab .list-group-item > span {
  display: inline-block;
  padding: 0.75rem 0 0.75rem 0;
}

div.not-sortable.with-indicator {
  padding: 0.75rem 1.4rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  border-top-right-radius: 0px !important;
  overflow: hidden auto;
  text-overflow: ellipsis;
  /* > div:not(.ignore) {
      border: none;
      border-radius: 0 !important;
      padding: 0.75rem 0 0.75rem 0;
      color: $color-dark;
      width: calc(100% - 20px - 1rem);
  }

  > div.ignore {
      border: none;
      border-radius: 0 !important;
      padding: 0.75rem 0 0.75rem 0;
      color: $color-dark;
      //  width: 43px;
  }

  > span {
      display: inline-block;
      padding: 0.75rem 0 0.75rem 1.4rem;
  }*/
  padding: 0.5rem 0 0.5rem 0.5rem !important;
  margin-right: 0 !important;
}
div.not-sortable.with-indicator .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
div.not-sortable.with-indicator .list-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.not-sortable.with-indicator .list-group .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.not-sortable.with-indicator .list-group .list-group-item:before {
  background-position: -5px 9px;
  width: 20px;
  content: "";
}
div.not-sortable.with-indicator .list-group .list-group-item:not(.active):before {
  background-repeat: no-repeat;
  background-position: -5px 9px;
  width: 18px;
  content: "";
}
div.not-sortable.with-indicator .list-group .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #343a40;
  background: #ffffff;
  font-weight: 600;
  margin: 0;
  padding: 0;
  background: #f0f8ff;
  border: 2px solid #dae9f1;
  border-radius: 0.4rem !important;
}
div.not-sortable.with-indicator .list-group .list-group-item.active:before {
  background-repeat: no-repeat;
  background-position: -5px 9px;
  width: 17px;
  content: "";
}
div.not-sortable.with-indicator .list-group .list-group-item.active .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
div.not-sortable.with-indicator .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: 100%;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.not-sortable.with-indicator .list-group .list-group-item.active > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  background: transparent;
  width: 41px;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.not-sortable.with-indicator .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: 100%;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.not-sortable.with-indicator .list-group .list-group-item > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0 0.75rem 0;
  color: #343a40;
  width: 42px;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.not-sortable.with-indicator::-webkit-scrollbar-thumb {
  background-color: #dae9f1 !important;
}
div.not-sortable:not(.with-indicator) {
  padding: 0.95rem 0.5rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.not-sortable:not(.with-indicator) .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
div.not-sortable:not(.with-indicator) .list-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.not-sortable:not(.with-indicator) .list-group .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
div.not-sortable:not(.with-indicator) .list-group .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #343a40;
  background: #ffffff;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
div.not-sortable:not(.with-indicator) .list-group .list-group-item.active .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
div.not-sortable:not(.with-indicator) .list-group .list-group-item.active:before {
  width: 0;
  content: "";
}
div.not-sortable:not(.with-indicator) .list-group .list-group-item.active > div.ignore {
  padding: 0.75rem 0;
}
div.not-sortable:not(.with-indicator) .list-group .list-group-item > div:not(.ignore):not(.list-group) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: calc(100% - 0.2rem - 50px);
}
div.not-sortable:not(.with-indicator) .list-group .list-group-item > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  width: 24px;
}
div.not-sortable:not(.with-indicator) .list-group .list-group-item > span {
  display: inline-block;
  padding: 0.75rem 0 0.75rem 1.4rem;
}
div.not-sortable:not(.with-indicator) .list-group .css-new {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.5rem 0;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:first-child {
  width: 35%;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:nth-child(2) {
  width: 30px;
  text-align: center;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:nth-child(3) {
  width: 50%;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-color: #fff;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-1' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 18v-8l-2 2' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-3' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 14a2 2 0 1 0 -2 -2' /%3E%3Cpath d='M17 16a2 2 0 1 0 2 -2' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-4' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 18v-8l-4 6h5' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-5' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 18h2a2 2 0 1 0 0 -4h-2v-4h4' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-6' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle transform='rotate(180 19 16)' cx='19' cy='16' r='2' /%3E%3Cpath d='M21 12a2 2 0 1 0 -4 0v4' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-rectangle-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='3' width='14' height='18' rx='2' fill='%2300aaff'/%3E%3C/svg%3E%0A");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-banner {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-navbar' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='14' height='18' rx='1' /%3E%3Cline x1='6' y1='9' x2='16' y2='9' /%3E%3Cline x1='6' y1='8' x2='14' y2='8' stroke='%2300aaff' /%3E%3Cline x1='6' y1='7' x2='16' y2='7' stroke='%2300aaff' /%3E%3Cline x1='6' y1='6' x2='16' y2='6' stroke='%2300aaff' /%3E%3C/svg%3E");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-text {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-rectangle-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='5' y='3' width='14' height='18' rx='2' /%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='15' y2='6' stroke='%2300aaff' /%3E%3Cline x1='9' y1='10' x2='15' y2='10' stroke='%2300aaff' /%3E%3Cline x1='9' y1='14' x2='15' y2='14' stroke='%2300aaff' /%3E%3Cline x1='9' y1='18' x2='15' y2='18' stroke='%2300aaff' /%3E%3C/svg%3E%0A");
  background-position: -1px;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-footer {
  background-position: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-navbar' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='6' y='4' width='14' height='18' rx='2' /%3E%3Crect x='7' y='16' width='12' height='4' rx='0' stroke='%2300aaff' fill='%2300aaff' /%3E%3Cline x1='6' y1='16' x2='19' y2='16' stroke-width='1' /%3E%3C/svg%3E%0A");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='14 8 10 11 14 15' /%3E%3C/svg%3E ");
  background-position: -2px;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='14 8 10 11 14 15' /%3E%3C/svg%3E ");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-finish {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cline x1='13' y1='11' x2='18' y2='7' /%3E%3Cline x1='13' y1='11' x2='18' y2='15' /%3E%3Cline x1='8' y1='11' x2='13' y2='7' /%3E%3Cline x1='8' y1='11' x2='13' y2='15' /%3E%3C/svg%3E ");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px;
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' fill='%23cccccc' /%3E%3Cpath d='M3 3l18 18' /%3E%3C/svg%3E");
}
div.not-sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-clicked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='9 11 12 14 18 7' /%3E%3C/svg%3E ");
}
div.not-sortable.lowercase {
  text-transform: capitalize !important;
  font-size: 0.85rem;
}
div.sortable.with-indicator {
  padding: 0.75rem 1.4rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  border-top-right-radius: 0px !important;
  overflow: hidden auto;
  text-overflow: ellipsis;
  /* > div:not(.ignore) {
      border: none;
      border-radius: 0 !important;
      padding: 0.75rem 0 0.75rem 0;
      color: $color-dark;
      width: calc(100% - 20px - 1rem);
  }

  > div.ignore {
      border: none;
      border-radius: 0 !important;
      padding: 0.75rem 0 0.75rem 0;
      color: $color-dark;
      //  width: 43px;
  }

  > span {
      display: inline-block;
      padding: 0.75rem 0 0.75rem 1.4rem;
  }*/
  padding: 0.5rem 0 0.5rem 0rem !important;
  margin-right: 0 !important;
}
div.sortable.with-indicator .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
div.sortable.with-indicator .list-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.sortable.with-indicator .list-group .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.sortable.with-indicator .list-group .list-group-item:before {
  background-position: -5px 9px;
  width: 20px;
  content: "";
}
div.sortable.with-indicator .list-group .list-group-item:not(.active):before {
  background-repeat: no-repeat;
  background-position: -5px 9px;
  width: 18px;
  content: "";
}
div.sortable.with-indicator .list-group .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #343a40;
  background: #ffffff;
  font-weight: 600;
  margin: 0;
  padding: 0;
  background: #f0f8ff;
  border: 2px solid #dae9f1;
  border-radius: 0.4rem !important;
}
div.sortable.with-indicator .list-group .list-group-item.active:before {
  background-repeat: no-repeat;
  background-position: -5px 9px;
  width: 17px;
  content: "";
}
div.sortable.with-indicator .list-group .list-group-item.active .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
div.sortable.with-indicator .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: 100%;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.sortable.with-indicator .list-group .list-group-item.active > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  background: transparent;
  width: 41px;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.sortable.with-indicator .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: 100%;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.sortable.with-indicator .list-group .list-group-item > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0 0.75rem 0;
  color: #343a40;
  width: 42px;
  font-family: "Inter Tight", "Inter", sans-serif;
}
div.sortable.with-indicator::-webkit-scrollbar-thumb {
  background-color: #dae9f1 !important;
}
div.sortable:not(.with-indicator) {
  padding: 0.95rem 0.5rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.sortable:not(.with-indicator) .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
div.sortable:not(.with-indicator) .list-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.sortable:not(.with-indicator) .list-group .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
div.sortable:not(.with-indicator) .list-group .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #343a40;
  background: #ffffff;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
div.sortable:not(.with-indicator) .list-group .list-group-item.active .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
div.sortable:not(.with-indicator) .list-group .list-group-item.active:before {
  width: 0;
  content: "";
}
div.sortable:not(.with-indicator) .list-group .list-group-item.active > div.ignore {
  padding: 0.75rem 0;
}
div.sortable:not(.with-indicator) .list-group .list-group-item > div:not(.ignore):not(.list-group) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: calc(100% - 0.2rem - 50px);
}
div.sortable:not(.with-indicator) .list-group .list-group-item > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  width: 24px;
}
div.sortable:not(.with-indicator) .list-group .list-group-item > span {
  display: inline-block;
  padding: 0.75rem 0 0.75rem 1.4rem;
}
div.sortable:not(.with-indicator) .list-group .css-new {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
div.sortable:not(.with-indicator) .list-group .css-new > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.5rem 0;
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:first-child {
  width: 35%;
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:nth-child(2) {
  width: 30px;
  text-align: center;
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:nth-child(3) {
  width: 50%;
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-color: #fff;
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-1' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 18v-8l-2 2' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-3' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 14a2 2 0 1 0 -2 -2' /%3E%3Cpath d='M17 16a2 2 0 1 0 2 -2' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-4' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 18v-8l-4 6h5' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-5' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 18h2a2 2 0 1 0 0 -4h-2v-4h4' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-h6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-6' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle transform='rotate(180 19 16)' cx='19' cy='16' r='2' /%3E%3Cpath d='M21 12a2 2 0 1 0 -4 0v4' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-rectangle-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='3' width='14' height='18' rx='2' fill='%2300aaff'/%3E%3C/svg%3E%0A");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-banner {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-navbar' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='14' height='18' rx='1' /%3E%3Cline x1='6' y1='9' x2='16' y2='9' /%3E%3Cline x1='6' y1='8' x2='14' y2='8' stroke='%2300aaff' /%3E%3Cline x1='6' y1='7' x2='16' y2='7' stroke='%2300aaff' /%3E%3Cline x1='6' y1='6' x2='16' y2='6' stroke='%2300aaff' /%3E%3C/svg%3E");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-text {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-rectangle-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='5' y='3' width='14' height='18' rx='2' /%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='15' y2='6' stroke='%2300aaff' /%3E%3Cline x1='9' y1='10' x2='15' y2='10' stroke='%2300aaff' /%3E%3Cline x1='9' y1='14' x2='15' y2='14' stroke='%2300aaff' /%3E%3Cline x1='9' y1='18' x2='15' y2='18' stroke='%2300aaff' /%3E%3C/svg%3E%0A");
  background-position: -1px;
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-footer {
  background-position: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-navbar' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='6' y='4' width='14' height='18' rx='2' /%3E%3Crect x='7' y='16' width='12' height='4' rx='0' stroke='%2300aaff' fill='%2300aaff' /%3E%3Cline x1='6' y1='16' x2='19' y2='16' stroke-width='1' /%3E%3C/svg%3E%0A");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='14 8 10 11 14 15' /%3E%3C/svg%3E ");
  background-position: -2px;
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='14 8 10 11 14 15' /%3E%3C/svg%3E ");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px;
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-finish {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cline x1='13' y1='11' x2='18' y2='7' /%3E%3Cline x1='13' y1='11' x2='18' y2='15' /%3E%3Cline x1='8' y1='11' x2='13' y2='7' /%3E%3Cline x1='8' y1='11' x2='13' y2='15' /%3E%3C/svg%3E ");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px;
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' fill='%23cccccc' /%3E%3Cpath d='M3 3l18 18' /%3E%3C/svg%3E");
}
div.sortable:not(.with-indicator) .list-group .css-new > div > div:last-child.ico-clicked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='9 11 12 14 18 7' /%3E%3C/svg%3E ");
}

.verysmall {
  font-size: 0.6rem;
}

.alert-bright {
  border-color: #f8cf96;
  background: #ffd69d;
}

.badge-round {
  position: absolute;
  top: 0;
  right: 0px;
  width: 20px;
  border-radius: 25px;
  height: 21px;
}

.badge-square {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 18px;
  border-radius: 2px;
  height: 19px;
}

.badge-icon {
  position: relative;
  top: -3px;
  right: 4px;
  font-size: 1.25rem;
}

.custom-control-ls {
  position: relative;
  display: block;
  min-height: 1.5rem;
}

/*.custom-checkPanel-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
    grid-gap: 1rem;
    align-items: flex-start;
    grid-template-rows: repeat(auto-fit, minmax(100px, auto));
}*/
.custom-checkPanel {
  padding: 1rem 0.5rem !important;
  border: 1px solid #dee2e6;
  border-radius: 0.3rem;
  width: 100%;
  height: 100%;
  display: inline;
  position: relative;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 10px;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-2-14 14:27:9
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.heartbeat {
  -webkit-animation: heartbeat 3s ease-in-out both;
  animation: heartbeat 3s ease-in-out both;
}

.switch-container {
  padding: 0.6rem 1rem 0.5rem 1rem;
  min-height: 45px;
  top: 2px;
  border-radius: 0.3rem;
}

.flInputButton {
  width: 45px;
  height: 53px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: center;
}

.heroSelect {
  border-radius: 0;
}

.pac-container {
  z-index: 1500;
}

.dzone .dz-default.dz-message:before {
  width: 95%;
}

.dzone .dz-default.dz-message:after {
  width: 98%;
}

.dzone {
  border-radius: 0.3rem;
}
.dzone:focus {
  outline: 2px solid #8b8dfa;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.dzoneclick {
  position: relative;
}
.dzoneclick:focus {
  outline: 2px solid #8b8dfa;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.deck-no-gutter-left {
  margin-left: -5px;
}

img.text-left {
  margin-right: auto;
}

img.text-right {
  margin-left: auto;
}

img.text-center {
  margin-left: auto;
  margin-right: auto;
}

img.circle {
  border-radius: 50% !important;
}

img.rounded {
  border-radius: 2rem !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-double {
  border-style: double !important;
}

.border-ridge {
  border-style: ridge !important;
}

.border-inset {
  border-style: inset !important;
}

.border-outset {
  border-style: outset !important;
}

.border-hidden {
  border-style: hidden !important;
}

.border-none {
  border-style: none !important;
}

.list-ordered, .list-unordered, .list-group, .list-unstyled {
  list-style-position: outside;
}
.list-ordered.numbered, .list-unordered.numbered, .list-group.numbered, .list-unstyled.numbered {
  list-style-type: decimal;
}
.list-ordered.alpha-lower, .list-unordered.alpha-lower, .list-group.alpha-lower, .list-unstyled.alpha-lower {
  list-style-type: lower-alpha;
}
.list-ordered.alpha-upper, .list-unordered.alpha-upper, .list-group.alpha-upper, .list-unstyled.alpha-upper {
  list-style-type: upper-alpha;
}
.list-ordered.roman-lower, .list-unordered.roman-lower, .list-group.roman-lower, .list-unstyled.roman-lower {
  list-style-type: lower-roman;
}
.list-ordered.roman-upper, .list-unordered.roman-upper, .list-group.roman-upper, .list-unstyled.roman-upper {
  list-style-type: upper-roman;
}

@media screen and (max-width: 767px) {
  .gmap {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .gmap {
    margin-right: 3rem;
  }
}
.switchery-default {
  border-radius: 24px !important;
  height: 24px !important;
  width: 48px !important;
}

.switchery-default > small, .switchery-default > .small {
  height: 24px !important;
  width: 24px !important;
}

.centerdiv {
  margin: auto;
  z-index: 2800;
  justify-items: center;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}

@media screen and (min-width: 768px) {
  .iti__offset {
    top: -43px;
    outline: 1px solid #8b8dfa;
    border-radius: 0.3rem;
  }
  .float-label-above .iti__country-container {
    padding-left: 0.5rem !important;
    padding-top: 0.95rem !important;
  }
  .iti__country {
    padding: 0.5rem !important;
  }
  .iti__country.iti__standard.iti__active {
    padding-left: 1.1rem !important;
  }
  .iti__country.iti__standard.iti__active:before {
    position: relative;
    left: -0.5rem;
    top: 0.2rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    font-size: 1.05rem;
    color: #00AAFF;
    text-align: center;
    line-height: 1.3rem;
    width: 18px;
  }
}
@media screen and (max-width: 767px) {
  .float-label-above .iti__country-container {
    padding-left: 0.5rem !important;
    padding-top: 0.95rem !important;
  }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: #ffffff !important;
    height: 30px !important;
    padding: 6px 6px 0 8px !important;
  }
  .iti--separate-dial-code .iti__selected-flag:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
  }
}
.pac-item {
  padding: 0.4rem 0.4rem;
  border: 1px solid transparent;
}
.pac-item:hover {
  border: 1px solid #0af;
}

.pac-matched {
  color: #0af;
}

.iti__selected-dial-code {
  color: #333;
}

.iti__selected-flag {
  border-radius: 0.3rem;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: #ffffff !important;
  border-top-left-radius: 0.3rem;
}
.iti--separate-dial-code .iti__selected-flag:hover, .iti--separate-dial-code .iti__selected-flag:focus {
  outline: 1px solid #999286;
}

.iti > input[type=tel] {
  padding-left: 65px !important;
}

.note-modal .form-check-input {
  display: block;
  opacity: 1;
  width: auto;
  height: auto;
  left: -7px;
  top: -1px;
}

.snoteStandardButton, snotedocumentbutton {
  padding: 0 0.5rem;
}

.sms-sent {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-mobile-message' width='80' height='80' viewBox='0 0 24 24' stroke-width='1.25' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 3h10v8h-3l-4 2v-2h-3z' /%3E%3Cpath d='M15 16v4a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1h2' /%3E%3Cpath d='M10 18v.01' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 80px;
  height: 80px;
  display: inline-block;
}

#txtFilter, #txtSubTypeFilter {
  border-radius: 0 !important;
  border-bottom: 1px solid #dee2e6;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  padding: 0.85rem 0;
}
#txtFilter:focus, #txtSubTypeFilter:focus {
  outline: none !important;
  border-bottom: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.non-filter-parent {
  display: grid;
  grid-template-rows: minmax(0, 65vh);
  height: 100%;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.3rem;
}
.non-filter-parent.selector-above {
  grid-template-rows: 50px minmax(0, 55vh);
}
.non-filter-parent .fit {
  grid-template-rows: 50px calc(100% - 60px);
}

.filter-parent {
  display: grid;
  grid-template-rows: 50px minmax(0, 65vh);
  height: 100%;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.3rem;
}
.filter-parent.selector-above {
  grid-template-rows: 50px minmax(0, 55vh);
}
.filter-parent .fit {
  grid-template-rows: 50px calc(100% - 60px);
}

.filter-box {
  border: none !important;
}

.filter-highlight {
  color: #ea4c89;
  font-weight: bold;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.filter-count {
  color: #ea4c89;
}

.span.ignore {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-width: 5%;
  color: #343a40;
  margin-right: 0.5rem;
}

.table-responsive.registrations {
  max-height: 64vh;
}
.table-responsive.courses {
  max-height: 65vh;
}
.table-responsive > div:first-child {
  overflow: hidden auto;
}
.table-responsive > div:first-child .table-actions {
  overflow: hidden auto;
}
.table-responsive > div:first-child table.dataTable {
  margin: 0 !important;
  border-top: none;
  border-bottom: 1px solid #e9eef2 !important;
}
.table-responsive > div:first-child table.dataTable thead > tr > th {
  background: #fff !important;
  position: sticky !important;
  top: 0;
  z-index: 1;
  border-top: 1px solid #e9eef2 !important;
}
.table-responsive > div:first-child table.dataTable tbody > tr > td {
  padding: 0.95rem 0.5rem 0.95rem 0;
}
.table-responsive > div:first-child table.dataTable tbody > tr:first-child > td {
  border-top: none;
}
.table-responsive > div:first-child table.dataTable tbody > tr:last-child > td {
  border-bottom: none;
}

.worker-list {
  max-height: 306px;
  overflow: hidden auto;
}

.worker-table {
  width: 100%;
  border-bottom: 1px solid #e9eef2;
}
.worker-table tbody {
  top: -1px;
}
.worker-table tbody > tr {
  word-break: break-all;
}
.worker-table tbody > tr > th {
  background: #fff !important;
  position: sticky !important;
  top: 0;
  z-index: 2;
  -webkit-box-shadow: inset 0px -1px 0px #e9eef2, inset 0px 1px 0px #e9eef2;
          box-shadow: inset 0px -1px 0px #e9eef2, inset 0px 1px 0px #e9eef2;
  color: #2B333E;
  font-weight: bold;
  padding: 0.95rem 0.5rem;
}
.worker-table tbody > tr > th span {
  display: inline-block;
  vertical-align: middle;
}
.worker-table tbody > tr > th:first-child {
  border-left: 1px solid #e9eef2;
}
.worker-table tbody > tr > th:last-child {
  border-right: 1px solid #e9eef2;
}
.worker-table tbody > tr > th.overflow {
  max-width: unset !important;
}
.worker-table tbody > tr > th.overflow > span {
  max-width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.worker-table tbody > tr td {
  padding: 0.95rem 0.5rem;
}
.worker-table tbody > tr td:first-child {
  border-left: 1px solid #e9eef2;
}
.worker-table tbody > tr td:last-child {
  border-right: 1px solid #e9eef2;
  padding-right: 0.95rem;
}
.worker-table tbody > tr:not(:last-child) td {
  border-bottom: 1px solid #e9eef2 !important;
}
.worker-table tbody > trtd:first-child {
  border-left: 1px solid #e9eef2;
}
.worker-table tbody > trtd:last-child {
  border-right: 1px solid #e9eef2;
}

.scroll-view {
  overflow: hidden auto;
}
.scroll-view > .footer {
  padding-top: 0.5rem;
  font-weight: 600;
  text-align: center;
}
.scroll-view > table {
  width: 100%;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #e9eef2;
}
.scroll-view > table thead {
  top: -1px;
  display: table;
}
.scroll-view > table thead.scrolls {
  width: calc(100% - 16px);
}
.scroll-view > table thead:not(.scrolls) {
  width: 100%;
}
.scroll-view > table thead > tr {
  word-break: break-all;
}
.scroll-view > table thead > tr > th {
  background: #fff !important;
  position: sticky !important;
  top: 0;
  z-index: 2;
  color: #2B333E;
  font-weight: bold;
  padding: 0.55rem 0.5rem;
  border-left: none;
  border-top: none;
  /*border-top: 1px solid $tab-border-color;*/
  border-bottom: 1px solid #dee2e6;
  border-right: none;
}
.scroll-view > table thead > tr > th span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.scroll-view > table thead > tr > th:first-child {
  border-left: none;
}
.scroll-view > table thead > tr > th:last-child {
  border-right: none;
}
.scroll-view > table thead > tr > th.overflow {
  max-width: unset !important;
}
.scroll-view > table thead > tr > th.overflow > span {
  max-width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scroll-view > table tbody {
  display: block;
  overflow-y: auto;
}
.scroll-view > table tbody.scrolls {
  width: calc(100% - 8px);
}
.scroll-view > table tbody:not(.scrolls) {
  width: 100%;
}
.scroll-view > table tbody > tr {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*    &td:first-child {
      border-left: 1px solid $table-border-color;
      border-radius: 0.3rem;
  }

  &td:last-child {
      border-right: 1px solid $table-border-color;
      border-radius: 0.3rem;
  }*/
}
.scroll-view > table tbody > tr:hover {
  background-color: rgba(183, 221, 239, 0.2);
  font-weight: 400;
  color: #000;
}
.scroll-view > table tbody > tr:hover.clickable {
  cursor: pointer;
}
.scroll-view > table tbody > tr:hover > td.actions {
  background-color: #ffffff;
}
.scroll-view > table tbody > tr td > div.inline-menu {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='28' height='28' viewBox='0 0 24 24' stroke-width='2' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='1' /%3E%3Ccircle cx='12' cy='19' r='1' /%3E%3Ccircle cx='12' cy='5' r='1' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left 2.5px;
  width: 28px;
  height: 28px;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items {
  display: none;
  padding: 0.3rem;
  z-index: 1035;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.fixed {
  position: fixed !important;
  top: unset;
  left: unset;
  right: unset;
  -webkit-transform: translate(-1rem, 0);
          transform: translate(-1rem, 0);
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.left {
  position: fixed !important;
  top: unset;
  left: unset;
  right: unset;
  -webkit-transform: translate(-91%, 5px);
          transform: translate(-91%, 5px);
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark {
  padding: 0.3rem 0.3rem 0 0.3rem;
  border: none;
  background-color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > a, .scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark .drop-item {
  background-color: #343a40;
  border-bottom: none !important;
  color: #cceeff;
  padding: 0.6rem;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > a:hover, .scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark .drop-item:hover {
  background-color: #4b545c;
  font-weight: normal;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > a:first-child, .scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark .drop-item:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right {
  z-index: 1031;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right.dark {
  background-color: #343a40;
  border-bottom: none;
  position: relative;
  width: 100%;
  color: #cceeff;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right.light {
  background-color: #f0f8ff;
  border-bottom: none;
  border-left: 1px solid #dae9f1;
  border-right: 1px solid #dae9f1;
  left: -5px;
  position: relative;
  width: calc(100% + 10px);
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right:last-child {
  border-bottom: 1px solid #343a40;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right .drop-offset-left {
  border: 1px solid #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right:hover {
  background-color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right:hover .drop-offset-left {
  background-color: #343a40 !important;
  color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right:hover .drop-offset-left > a {
  border-bottom: none !important;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right:hover .drop-offset-left > a:hover {
  background-color: #4b545c;
  color: #343a40;
  font-weight: normal !important;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right:hover .drop-offset-left > a:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-right:hover .drop-offset-left > a:last-child {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-left {
  background-color: #343a40;
  border-bottom: none;
  border-left: 1px solid #343a40;
  border-right: 1px solid #343a40;
  left: -5px;
  position: relative;
  width: calc(100% + 10px);
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-left:last-child {
  border-bottom: 1px solid #343a40;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-left .drop-offset-left {
  border: 1px solid #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-left:hover {
  background-color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-left:hover .drop-offset-left {
  background-color: #343a40 !important;
  color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-left:hover .drop-offset-left > a {
  border-bottom: none !important;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-left:hover .drop-offset-left > a:hover {
  background-color: #4b545c;
  color: #343a40;
  font-weight: normal !important;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-left:hover .drop-offset-left > a:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark > .drop-left:hover .drop-offset-left > a:last-child {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark .drop-item-light {
  background-color: #343a40;
  border-bottom: none;
  border-left: 1px solid #cceeff;
  border-right: 1px solid #cceeff;
  left: -6px;
  position: relative;
  width: calc(100% + 12px);
  padding: 10px 0 9px 13px;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark .drop-item-light:last-child {
  border-bottom: 1px solid #cceeff;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu > div.menu-items.dark .drop-item-light:hover {
  background-color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items {
  min-width: 130px;
  border-radius: 0.3rem;
  border: 1px solid #dee2e6;
  background-color: #ffffff;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 1036;
  -webkit-animation: scale-in-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  padding: 0 0.75rem;
  /*> .printCourse {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-printer' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2' /%3E%3Cpath d='M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4' /%3E%3Crect x='7' y='13' width='10' height='8' rx='2' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      padding-bottom: 2rem;
      border-bottom: 1px dashed $tab-border-color;

      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-printer' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2' /%3E%3Cpath d='M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4' /%3E%3Crect x='7' y='13' width='10' height='8' rx='2' /%3E%3C/svg%3E");
      }
  }

  > .copyCourse {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='8' y='8' width='12' height='12' rx='2' /%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      padding-bottom: 2rem;
      border-bottom: 1px dashed $tab-border-color;

      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='8' y='8' width='12' height='12' rx='2' /%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3C/svg%3E");
      }
  }

  > .deleteCourse {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      padding-bottom: 2rem;
      border-bottom: 1px dashed $tab-border-color;

      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
      }
  }*/
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark {
  padding: 0.3rem 0.3rem 0 0.3rem;
  border: none;
  background-color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > a, .scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark .drop-item {
  background-color: #343a40;
  border-bottom: none !important;
  color: #cceeff;
  padding: 0.6rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > a:hover, .scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark .drop-item:hover {
  background-color: #4b545c;
  font-weight: normal;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > a:first-child, .scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark .drop-item:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right {
  z-index: 1031;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right.dark {
  background-color: #343a40;
  border-bottom: none;
  position: relative;
  width: 100%;
  color: #cceeff;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right.light {
  background-color: #f0f8ff;
  border-bottom: none;
  border-left: 1px solid #dae9f1;
  border-right: 1px solid #dae9f1;
  left: -5px;
  position: relative;
  width: calc(100% + 10px);
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right:last-child {
  border-bottom: 1px solid #343a40;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right .drop-offset-left {
  border: 1px solid #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right:hover {
  background-color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right:hover .drop-offset-left {
  background-color: #343a40 !important;
  color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right:hover .drop-offset-left > a {
  border-bottom: none !important;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right:hover .drop-offset-left > a:hover {
  background-color: #4b545c;
  color: #343a40;
  font-weight: normal !important;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right:hover .drop-offset-left > a:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-right:hover .drop-offset-left > a:last-child {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-left {
  background-color: #343a40;
  border-bottom: none;
  border-left: 1px solid #343a40;
  border-right: 1px solid #343a40;
  left: -5px;
  position: relative;
  width: calc(100% + 10px);
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-left:last-child {
  border-bottom: 1px solid #343a40;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-left .drop-offset-left {
  border: 1px solid #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-left:hover {
  background-color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-left:hover .drop-offset-left {
  background-color: #343a40 !important;
  color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-left:hover .drop-offset-left > a {
  border-bottom: none !important;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-left:hover .drop-offset-left > a:hover {
  background-color: #4b545c;
  color: #343a40;
  font-weight: normal !important;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-left:hover .drop-offset-left > a:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark > .drop-left:hover .drop-offset-left > a:last-child {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark .drop-item-light {
  background-color: #343a40;
  border-bottom: none;
  border-left: 1px solid #cceeff;
  border-right: 1px solid #cceeff;
  left: -6px;
  position: relative;
  width: calc(100% + 12px);
  padding: 10px 0 9px 13px;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark .drop-item-light:last-child {
  border-bottom: 1px solid #cceeff;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dark .drop-item-light:hover {
  background-color: #343a40;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items.dropup {
  top: -200%;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items > a {
  border: 0;
  text-align: left;
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 2rem;
}
.scroll-view > table tbody > tr td > div.inline-menu.show > div.menu-items > div {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 0 0 25px;
  font-size: 0.8rem;
  cursor: pointer;
}
.scroll-view > table tbody > tr td a.viewCredentials {
  top: -5px;
}
.scroll-view > table tbody > tr td a.viewCredentials > span.badge-circle-left {
  top: 0 !important;
}
.scroll-view > table tbody > tr td .empty-24 {
  width: 22px;
  display: inline-block;
}
.scroll-view > table tbody > tr td .online {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-power' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%235ccb84' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 6a7.75 7.75 0 1 0 10 0' /%3E%3Cline x1='12' y1='4' x2='12' y2='12' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .online:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .online:hover + div.callout .line {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td .online:hover + div.callout .content {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td .online-portal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%235ccb84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-power'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 6a7.75 7.75 0 1 0 10 0' /%3E%3Cpath d='M12 4l0 8' /%3E%3Cpath d='M17.8 20.817l-2.172 1.138a.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a.39 .39 0 0 1 -.567 .411l-2.172 -1.138z' stroke='%23ff9900' fill='%23ff9900' /%3E%3C/svg%3E%0A");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .online-portal:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .online-portal:hover + div.callout .line {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td .online-portal:hover + div.callout .content {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td .offline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-power' width='32' height='32' viewBox='0 0 24 24' stroke-width='2.0' stroke='%23bbbbbb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 6a7.75 7.75 0 1 0 10 0' /%3E%3Cline x1='12' y1='4' x2='12' y2='12' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .offline:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .offline:hover + div.callout .line {
  border-color: #bbbbbb;
}
.scroll-view > table tbody > tr td .offline:hover + div.callout .content {
  border-color: #bbbbbb;
}
.scroll-view > table tbody > tr td .disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-power' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 6a7.75 7.75 0 1 0 10 0'%3E%3C/path%3E%3Cpath d='M12 4l0 8'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.scroll-view > table tbody > tr td .disabled:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .disabled:hover + div.callout .line {
  border-color: #ff9900;
}
.scroll-view > table tbody > tr td .disabled:hover + div.callout .content {
  border-color: #ff9900;
}
.scroll-view > table tbody > tr td .healthy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-activity' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%235ccb84' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12h4l3 8l4 -16l3 8h4' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .healthy:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .healthy:hover + div.callout .line {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td .healthy:hover + div.callout .content {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td .unhealthy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-activity' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff5295' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12h4l3 8l4 -16l3 8h4' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .unhealthy:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .unhealthy:hover + div.callout .line {
  border-color: #ff5295;
}
.scroll-view > table tbody > tr td .unhealthy:hover + div.callout .content {
  border-color: #ff5295;
}
.scroll-view > table tbody > tr td .error {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bug' width='32' height='32' viewBox='0 0 24 24' stroke-width='2.0' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 9v-1a3 3 0 0 1 6 0v1' /%3E%3Cpath d='M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3' /%3E%3Cline x1='3' y1='13' x2='7' y2='13' /%3E%3Cline x1='17' y1='13' x2='21' y2='13' /%3E%3Cline x1='12' y1='20' x2='12' y2='14' /%3E%3Cline x1='4' y1='19' x2='7.35' y2='17' /%3E%3Cline x1='20' y1='19' x2='16.65' y2='17' /%3E%3Cline x1='4' y1='7' x2='7.75' y2='9.4' /%3E%3Cline x1='20' y1='7' x2='16.25' y2='9.4' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .error:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .error:hover + div.callout .line {
  border-color: #fd5c63;
}
.scroll-view > table tbody > tr td .error:hover + div.callout .content {
  border-color: #fd5c63;
}
.scroll-view > table tbody > tr td .secure:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-lock' width='22' height='22' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='5' y='11' width='14' height='10' rx='2' /%3E%3Ccircle cx='12' cy='16' r='1' /%3E%3Cpath d='M8 11v-4a4 4 0 0 1 8 0v4' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  content: "";
  background-position: 3px 0;
}
.scroll-view > table tbody > tr td .secure:after:hover:hover + div.callout {
  display: block;
  right: 61px;
}
.scroll-view > table tbody > tr td .secure:after:hover:hover + div.callout .line {
  border-color: #2c3e50;
}
.scroll-view > table tbody > tr td .secure:after:hover:hover + div.callout .content {
  border-color: #2c3e50;
}
.scroll-view > table tbody > tr td .trial {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-clock' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23f48fb1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='9' /%3E%3Cpolyline points='12 7 12 12 15 15' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .trial:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .trial:hover:hover + div.callout .line {
  border-color: #f48fb1;
}
.scroll-view > table tbody > tr td .trial:hover:hover + div.callout .content {
  border-color: #f48fb1;
}
.scroll-view > table tbody > tr td .complete {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-award' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%235ccb84' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='9' r='6' /%3E%3Cpolyline points='9 14.2 9 21 12 19 15 21 15 14.2' transform='rotate(-30 12 9)' /%3E%3Cpolyline points='9 14.2 9 21 12 19 15 21 15 14.2' transform='rotate(30 12 9)' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .complete:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .complete:hover:hover + div.callout .line {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td .complete:hover:hover + div.callout .content {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td .incomplete {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-heart-broken' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19.5 13.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572' /%3E%3Cpath d='M12 7l-2 4l4 3l-2 4v3' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .incomplete:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .incomplete:hover + div.callout .line {
  border-color: #fd5c63;
}
.scroll-view > table tbody > tr td .incomplete:hover + div.callout .content {
  border-color: #fd5c63;
}
.scroll-view > table tbody > tr td .suspended {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-player-pause' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='6' y='5' width='4' height='14' rx='1' /%3E%3Crect x='14' y='5' width='4' height='14' rx='1' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .suspended:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .suspended:hover:hover + div.callout .line {
  border-color: #ff9900;
}
.scroll-view > table tbody > tr td .suspended:hover:hover + div.callout .content {
  border-color: #ff9900;
}
.scroll-view > table tbody > tr td .paypending {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-shopping-cart' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff5500' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='6' cy='19' r='2' /%3E%3Ccircle cx='17' cy='19' r='2' /%3E%3Cpath d='M17 17h-11v-14h-2' /%3E%3Cpath d='M6 5l14 1l-1 7h-13' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .paypending:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .paypending:hover:hover + div.callout .line {
  border-color: #ff5500;
}
.scroll-view > table tbody > tr td .paypending:hover:hover + div.callout .content {
  border-color: #ff5500;
}
.scroll-view > table tbody > tr td .paid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-receipt-2' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23009988' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2' /%3E%3Cpath d='M14 8h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5m2 0v1.5m0 -9v1.5' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .paid:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .paid:hover:hover + div.callout .line {
  border-color: #009988;
}
.scroll-view > table tbody > tr td .paid:hover:hover + div.callout .content {
  border-color: #009988;
}
.scroll-view > table tbody > tr td .deleted {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-trash' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='7' x2='20' y2='7' /%3E%3Cline x1='10' y1='11' x2='10' y2='17' /%3E%3Cline x1='14' y1='11' x2='14' y2='17' /%3E%3Cpath d='M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12' /%3E%3Cpath d='M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .deleted:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .deleted:hover:hover + div.callout .line {
  border-color: #fd5c63;
}
.scroll-view > table tbody > tr td .deleted:hover:hover + div.callout .content {
  border-color: #fd5c63;
}
.scroll-view > table tbody > tr td .refunded {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-receipt-refund' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236f32be' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2' /%3E%3Cpath d='M15 14v-2a2 2 0 0 0 -2 -2h-4l2 -2m0 4l-2 -2' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.scroll-view > table tbody > tr td .refunded:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td .refunded:hover:hover + div.callout .line {
  border-color: #6f32be;
}
.scroll-view > table tbody > tr td .refunded:hover:hover + div.callout .content {
  border-color: #6f32be;
}
.scroll-view > table tbody > tr td.mail .verified {
  margin-right: 1.75rem;
}
.scroll-view > table tbody > tr td.mail .verified:before {
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-mail-check' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.25' stroke='%235ccb84' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v6'%3E%3C/path%3E%3Cpath d='M3 7l9 6l9 -6'%3E%3C/path%3E%3Cpath d='M15 19l2 2l4 -4'%3E%3C/path%3E%3C/svg%3E");*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-check' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.75' stroke='%235ccb84' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'%3E%3C/path%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4'%3E%3C/path%3E%3Cpath d='M15 19l2 2l4 -4'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center -2px;
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
}
.scroll-view > table tbody > tr td.mail .verified:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td.mail .verified:hover:hover + div.callout .line {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td.mail .verified:hover:hover + div.callout .content {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td.mail .not-verified {
  margin-right: 1.75rem;
}
.scroll-view > table tbody > tr td.mail .not-verified:before {
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-mail-x' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.25' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M13.5 19h-8.5a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v6'%3E%3C/path%3E%3Cpath d='M3 7l9 6l9 -6'%3E%3C/path%3E%3Cpath d='M22 22l-5 -5'%3E%3C/path%3E%3Cpath d='M17 22l5 -5'%3E%3C/path%3E%3C/svg%3E");*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-x' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.75' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'%3E%3C/path%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h3.5'%3E%3C/path%3E%3Cpath d='M22 22l-5 -5'%3E%3C/path%3E%3Cpath d='M17 22l5 -5'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center -2px;
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
}
.scroll-view > table tbody > tr td.mail .not-verified:hover:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td.mail .not-verified:hover:hover:hover + div.callout .line {
  border-color: #ff5500;
}
.scroll-view > table tbody > tr td.mail .not-verified:hover:hover:hover + div.callout .content {
  border-color: #ff5500;
}
.scroll-view > table tbody > tr td.ph .verified {
  margin-right: 1.75rem;
}
.scroll-view > table tbody > tr td.ph .verified:before {
  /*background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-circle-check' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.75' stroke='%235ccb84' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M9 12l2 2l4 -4'%3E%3C/path%3E%3C/svg%3E");*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-mobile' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.75' stroke='%235ccb84' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 5a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-12z'%3E%3C/path%3E%3Cpath d='M11 4h2'%3E%3C/path%3E%3Cpath d='M12 17v.01'%3E%3C/path%3E%3Crect width='5' height='6' stroke='%23fff' fill='%23fff' x='14' y='16'/%3E%3Cpath d='M15 19l2 2l4 -4'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center -2px;
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
}
.scroll-view > table tbody > tr td.ph .verified:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td.ph .verified:hover:hover + div.callout .line {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td.ph .verified:hover:hover + div.callout .content {
  border-color: #5ccb84;
}
.scroll-view > table tbody > tr td.ph .not-verified {
  margin-right: 1.75rem;
}
.scroll-view > table tbody > tr td.ph .not-verified:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-mobile' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.75' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 5a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-12z'%3E%3C/path%3E%3Cpath d='M11 4h2'%3E%3C/path%3E%3Cpath d='M12 17v.01'%3E%3C/path%3E%3Crect width='5' height='6' stroke='%23fff' fill='%23fff' x='14' y='16'/%3E%3Cpath d='M22 22l-5 -5'%3E%3C/path%3E%3Cpath d='M17 22l5 -5'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center -2px;
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
}
.scroll-view > table tbody > tr td.ph .not-verified:hover:hover + div.callout {
  display: block;
}
.scroll-view > table tbody > tr td.ph .not-verified:hover:hover + div.callout .line {
  border-color: #ff5500;
}
.scroll-view > table tbody > tr td.ph .not-verified:hover:hover + div.callout .content {
  border-color: #ff5500;
}
.scroll-view > table tbody > tr td {
  padding: 0.95rem 0.5rem;
}
.scroll-view > table tbody > tr td:first-child {
  border-left: none;
}
.scroll-view > table tbody > tr td:last-child {
  border-right: none;
  padding-right: 0.95rem;
}
.scroll-view > table tbody > tr:not(:last-child) td {
  border-bottom: 1px solid #e9eef2 !important;
  /*  &:first-child {
      border-top-left-radius: 0.3rem;
      border-bottom-left-radius: 0.3rem;
  }

  &:last-child {
      border-top-right-radius: 0.3rem;
      border-bottom-right-radius: 0.3rem;
  }*/
}

.callout {
  position: absolute;
  display: none;
  z-index: 3;
}
.callout.show {
  display: block;
}
.callout.show.online .line {
  border-color: #5ccb84;
}
.callout.show.online .content {
  border-color: #5ccb84;
}
.callout.show.online-portal .line {
  border-color: #5ccb84;
}
.callout.show.online-portal .content {
  border-color: #5ccb84;
  color: #ff9900;
}
.callout.show.offline .line {
  border-color: #bbbbbb;
}
.callout.show.offline .content {
  border-color: #bbbbbb;
}
.callout.show.disabled .line {
  border-color: #ff9900;
}
.callout.show.disabled .content {
  border-color: #ff9900;
}
.callout.show.healthy .line {
  border-color: #5ccb84;
}
.callout.show.healthy .content {
  border-color: #5ccb84;
}
.callout.show.unhealthy .line {
  border-color: #ff5295;
}
.callout.show.unhealthy .content {
  border-color: #ff5295;
}
.callout.show.error .line {
  border-color: #fd5c63;
}
.callout.show.error .content {
  border-color: #fd5c63;
}
.callout.show.secure .line {
  border-color: #2c3e50;
}
.callout.show.secure .content {
  border-color: #2c3e50;
}
.callout.show.trial .line {
  border-color: #f48fb1;
}
.callout.show.trial .content {
  border-color: #f48fb1;
}
.callout.show.complete .line {
  border-color: #5ccb84;
}
.callout.show.complete .content {
  border-color: #5ccb84;
}
.callout.show.incomplete .line {
  border-color: #fd5c63;
}
.callout.show.incomplete .content {
  border-color: #fd5c63;
}
.callout.show.suspended .line {
  border-color: #ff9900;
}
.callout.show.suspended .content {
  border-color: #ff9900;
}
.callout.show.paypending .line {
  border-color: #ff5500;
}
.callout.show.paypending .content {
  border-color: #ff5500;
}
.callout.show.paid .line {
  border-color: #009988;
}
.callout.show.paid .content {
  border-color: #009988;
}
.callout.show.deleted .line {
  border-color: #fd5c63;
}
.callout.show.deleted .content {
  border-color: #fd5c63;
}
.callout.show.refunded .line {
  border-color: #6f32be;
}
.callout.show.refunded .content {
  border-color: #6f32be;
}
.callout.show.not-verified .line {
  border-color: #fd5c63;
}
.callout.show.not-verified .content {
  border-color: #fd5c63;
}
.callout.show.verified .line {
  border-color: #5ccb84;
}
.callout.show.verified .content {
  border-color: #5ccb84;
}
.callout .line-0 {
  position: absolute;
  border: 1px solid #b8d2e0;
  width: 15px;
  display: inline-block;
}
.callout .line {
  position: absolute;
  border: 1px solid #b8d2e0;
  width: 45px;
  display: inline-block;
  -webkit-transform: rotate(-31deg) translate(-15px, -14px);
          transform: rotate(-31deg) translate(-15px, -14px);
}
.callout .content {
  background: #fff;
  position: absolute;
  right: 3px;
  border: 2px solid #b8d2e0;
  display: inline-block;
  top: 0px;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
  border-top-right-radius: 0;
  white-space: nowrap;
  color: #272e38;
}

.bookmark-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #f8f9fa;
  background-color: #343a40;
  border-radius: 0.3rem;
  padding: 1rem;
}
.bookmark-alert:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bookmark' width='36' height='36' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 4h6a2 2 0 0 1 2 2v14l-5 -3l-5 3v-14a2 2 0 0 1 2 -2' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 -0.3rem;
  content: "";
  width: 30px;
  display: inline-block;
  min-height: 100%;
  margin-right: 1rem;
}
.bookmark-alert > span {
  display: inline-block;
}

.warning-alert-light {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1.25px solid #ffdfaf;
  color: #343a40;
  background-color: #ffecd0;
  border-radius: 0.3rem;
  padding: 1rem;
}
.warning-alert-light.inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.warning-alert-light.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.warning-alert-light.top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.warning-alert-light:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-exclamation-mark'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 19v.01' /%3E%3Cpath d='M12 15v-10' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  content: "";
  display: inline-block;
  min-height: 36px;
  min-width: 36px;
  margin-right: 1rem;
}
@media screen and (max-width: 767px) {
  .warning-alert-light:before {
    width: 140px;
  }
}
@media screen and (min-width: 768px) {
  .warning-alert-light:before {
    width: 36px;
  }
}
.warning-alert-light > span {
  display: inline-block;
}

.bookmark-alert-light {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1.25px solid #cacbfd;
  color: #343a40;
  background-color: #ebebfe;
  border-radius: 0.3rem;
  padding: 1rem;
}
.bookmark-alert-light:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bookmark' width='36' height='36' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23343a40' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 4h6a2 2 0 0 1 2 2v14l-5 -3l-5 3v-14a2 2 0 0 1 2 -2' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  content: "";
  display: inline-block;
  min-height: 36px;
  min-width: 36px;
  margin-right: 1rem;
}
@media screen and (max-width: 767px) {
  .bookmark-alert-light:before {
    width: 140px;
  }
}
@media screen and (min-width: 768px) {
  .bookmark-alert-light:before {
    width: 36px;
  }
}
.bookmark-alert-light > span {
  display: inline-block;
}

.bookmark-alert-light-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1.25px solid #cacbfd;
  color: #343a40;
  background-color: #ebebfe;
  border-radius: 0.3rem;
  padding: 0.625rem;
}
.bookmark-alert-light-small:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bookmark' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23343a40' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 4h6a2 2 0 0 1 2 2v14l-5 -3l-5 3v-14a2 2 0 0 1 2 -2' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left -3px;
  content: "";
  width: 24px;
  display: inline-block;
  min-height: 100%;
  margin-right: 1rem;
  height: 22px;
}
.bookmark-alert-light-small > span {
  display: inline-block;
}

.published-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1.25px solid #c1cedd;
  color: #343a40;
  background-color: #f0f8ff;
  border-radius: 0.3rem;
  padding: 0.625rem;
}
.published-alert:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-clock' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='9' /%3E%3Cpolyline points='12 7 12 12 15 15' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left -2px;
  content: "";
  width: 24px;
  display: inline-block;
  height: 100%;
  margin-right: 1rem;
  min-height: 22px;
}
.published-alert > span {
  display: inline-block;
}

.d-grid {
  display: grid;
}

.d-grid-3 {
  display: grid;
  grid-template-rows: 60px auto 60px;
  height: 100%;
  overflow-y: auto;
}

.list-group > div, .multiSelectContainer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-group > div > a ~ div.inline-menu, .multiSelectContainer > div > a ~ div.inline-menu {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='28' height='28' viewBox='0 0 24 24' stroke-width='2' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='1' /%3E%3Ccircle cx='12' cy='19' r='1' /%3E%3Ccircle cx='12' cy='5' r='1' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left 2.5px;
  width: 28px;
  height: 28px;
  top: 5px;
  border: none !important;
}
.list-group > div > a ~ div.inline-menu.hide, .multiSelectContainer > div > a ~ div.inline-menu.hide {
  width: 28px;
  height: 28px;
  background-image: none;
}
.list-group > div > a ~ div.inline-menu > div.menu-items, .multiSelectContainer > div > a ~ div.inline-menu > div.menu-items {
  display: none;
  padding: 0.3rem;
  z-index: 1036;
}
.list-group > div > a ~ div.inline-menu > div.menu-items.fixed, .multiSelectContainer > div > a ~ div.inline-menu > div.menu-items.fixed {
  position: fixed !important;
  top: unset;
  left: unset !important;
  right: unset !important;
  -webkit-transform: translate(-1rem, 0);
          transform: translate(-1rem, 0);
}
.list-group > div > a ~ div.inline-menu > div.menu-items.dark, .multiSelectContainer > div > a ~ div.inline-menu > div.menu-items.dark {
  background-color: #343a40;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items {
  min-width: 130px;
  border-radius: 0.3rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  /*right: 20px;*/
  top: 0;
  z-index: 1036;
  -webkit-animation: scale-in-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  padding: 0.3rem 0.3rem 0 0.3rem;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark {
  border: none;
  background-color: #343a40;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > a, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > a {
  background-color: #343a40;
  border-bottom: none !important;
  color: #cceeff;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > a:hover, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > a:hover {
  background-color: #4b545c;
  font-weight: normal;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > a:first-child, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > a:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right {
  z-index: 1031;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark {
  background-color: #343a40;
  border-bottom: none;
  position: relative;
  width: 100%;
  color: #cceeff;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light {
  background-color: #343a40;
  border-bottom: none;
  border-left: 1px solid #343a40;
  border-right: 1px solid #343a40;
  left: -5px;
  position: relative;
  width: calc(100% + 10px);
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right:last-child, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right:last-child {
  border-bottom: 1px solid #343a40;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right .drop-offset-left, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right .drop-offset-left {
  border: 1px solid #343a40;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover {
  background-color: #4b545c;
  color: #cceeff;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left {
  background-color: #343a40 !important;
  color: #cceeff;
  margin-left: -3px;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left > a, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left > a {
  border-bottom: none !important;
  color: #cceeff;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left > a:hover, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left > a:hover {
  background-color: #4b545c;
  color: #cceeff;
  font-weight: normal !important;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left > a:first-child, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left > a:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left > a:last-child, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.dark:hover .drop-offset-left > a:last-child {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover {
  background-color: #dae9f1;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left {
  background-color: #dae9f1 !important;
  color: #343a40;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left > a, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left > a {
  border-bottom: none !important;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left > a:hover, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left > a:hover {
  background-color: #f0f8ff;
  color: #343a40;
  font-weight: normal !important;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left > a:first-child, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left > a:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left > a:last-child, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dark > .drop-right.light:hover .drop-offset-left > a:last-child {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dropup, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items.dropup {
  top: -200%;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: right center;
  padding-bottom: 0.6rem;
  border-bottom: 1px dashed #dee2e6;
  padding-left: 0.7rem;
  text-transform: lowercase !important;
  color: #5e6773;
  z-index: 1031;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right.dark, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right.dark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-right' width='18' height='18' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23cceeff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='9 6 15 12 9 18' /%3E%3C/svg%3E");
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right.light, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right.light {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-right' width='18' height='18' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='9 6 15 12 9 18' /%3E%3C/svg%3E");
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right:hover .drop-offset-left, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right:hover .drop-offset-left {
  min-width: 100px;
  position: fixed;
  display: block;
  -webkit-transform: translate(114px, -29px);
          transform: translate(114px, -29px);
  background-color: #fff;
  border-radius: 0.3rem;
  padding: 0.5rem;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right:hover .drop-offset-left.wide > .drop-item, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right:hover .drop-offset-left.wide > .drop-item {
  max-width: 350px;
  white-space: nowrap;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right:hover .drop-offset-left .drop-item, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right:hover .drop-offset-left .drop-item {
  text-transform: lowercase !important;
  color: #5e6773;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right:hover .drop-offset-left > a.drop-item, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right:hover .drop-offset-left > a.drop-item {
  color: #5e6773;
  border: 0;
  text-align: left;
  padding: 0.6rem;
  text-transform: lowercase !important;
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right .drop-offset-left, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items .drop-right .drop-offset-left {
  display: none;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items > a, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items > a {
  border: 0;
  text-align: left;
  border-bottom: 1px dashed #dee2e6;
  padding: 0.6rem;
}
.list-group > div > a ~ div.inline-menu:not(.hide).show > div.menu-items > div, .multiSelectContainer > div > a ~ div.inline-menu:not(.hide).show > div.menu-items > div {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 0 0 25px;
  font-size: 0.8rem;
  cursor: pointer;
}
.list-group > div > div.no-question, .multiSelectContainer > div > div.no-question {
  position: relative;
}
.list-group > div > div.no-question:before, .multiSelectContainer > div > div.no-question:before {
  width: 20px;
  height: 20px;
  position: absolute;
}
.list-group > div > div.has-question, .multiSelectContainer > div > div.has-question {
  position: relative;
}
.list-group > div > div.has-question:before, .multiSelectContainer > div > div.has-question:before {
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-q' width='18' height='18' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23cceeff' fill='' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Crect x='0' y='0' width='24' height='24' rx='6' fill='%23343a40' stroke='%23343a40' /%3E%3Cline x1='13' y1='14' x2='16' y2='18' /%3E%3Crect x='6' y='4' width='11' height='14' rx='5' fill='none' /%3E%3C/svg%3E%0A");*/
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-question-mark' width='20' height='20' viewBox='0 0 24 24' stroke-width='2' stroke='%23f0f8ff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4'%3E%3C/path%3E%3Cpath d='M12 19l0 .01'%3E%3C/path%3E%3C/svg%3E ");
  background-color: #2b333e;
  border-radius: 50%;
  right: 0;
  position: absolute;
  z-index: 2;
  top: 0.7rem;
  right: 0.5rem;
}
.list-group > div > div.has-question:before:hover, .multiSelectContainer > div > div.has-question:before:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-question-mark' width='20' height='20' viewBox='0 0 24 24' stroke-width='2' stroke='%23f0f8ff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4'%3E%3C/path%3E%3Cpath d='M12 19l0 .01'%3E%3C/path%3E%3C/svg%3E ");
}

.drop-item {
  text-transform: lowercase !important;
  color: #5e6773;
}
.drop-item:hover {
  color: #ff9900;
  font-weight: 500;
}

.dropdown-item {
  text-transform: lowercase !important;
  /*
  &.chapterIns {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-row-insert-top' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 18v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1z' /%3E%3Cpath d='M12 9v-4' /%3E%3Cline x1='10' y1='7' x2='14' y2='7' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      border-bottom: 1px dashed #dee2e6;
      text-indent: 20px;

      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-row-insert-top' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2300aaff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 18v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1z' /%3E%3Cpath d='M12 9v-4' /%3E%3Cline x1='10' y1='7' x2='14' y2='7' /%3E%3C/svg%3E");
      }
  }

  &.chapterSave {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-floppy' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2' /%3E%3Ccircle cx='12' cy='14' r='2' /%3E%3Cpolyline points='14 4 14 8 8 8 8 4' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      border-bottom: 1px dashed #dee2e6;
      text-indent: 20px;
      //#fd5c63
      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-floppy' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2300aaff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2' /%3E%3Ccircle cx='12' cy='14' r='2' /%3E%3Cpolyline points='14 4 14 8 8 8 8 4' /%3E%3C/svg%3E");
      }
  }

  &.chapterDel {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      border-bottom: 1px dashed #dee2e6;
      text-indent: 20px;
      //#fd5c63
      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
      }
  }

  &.viewPages {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-notebook' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.2' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18' /%3E%3Cline x1='13' y1='8' x2='15' y2='8' /%3E%3Cline x1='13' y1='12' x2='15' y2='12' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      border-bottom: 1px dashed #dee2e6;
      text-indent: 20px;

      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-notebook' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.2' stroke='%2300aaff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18' /%3E%3Cline x1='13' y1='8' x2='15' y2='8' /%3E%3Cline x1='13' y1='12' x2='15' y2='12' /%3E%3C/svg%3E");
      }
  }
  */
}

.CodeMirror pre {
  line-height: 1.5rem !important;
}

.icon-large {
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  width: 76px;
  height: 76px;
}

.icon-audio-large {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-headphones' width='76' height='76' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='13' rx='2' width='5' height='7' /%3E%3Crect x='15' y='13' rx='2' width='5' height='7' /%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3' /%3E%3C/svg%3E");
}

.icon-word-large {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='76' height='76' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /%3E%3Cline x1='8' x2='10' y1='12' y2='16' /%3E%3Cline x1='10' x2='12' y1='16' y2='12' /%3E%3Cline x1='12' x2='14' y1='12' y2='16' /%3E%3Cline x1='14' x2='16' y1='16' y2='12' /%3E%3C/svg%3E%0A");
}

.icon-excel-large {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='76' height='76' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /%3E%3Cline x1='10' x2='13' y1='11' y2='16' /%3E%3Cline x1='13' x2='10' y1='11' y2='16' /%3E%3C/svg%3E%0A");
}

.icon-powerpoint-large {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='76' height='76' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /%3E%3Ccircle cx='12' cy='12' r='8%25' fill='transparent' stroke-width='1.1' /%3E%3Cline x1='10.2' y1='11.5' x2='10.1' y2='16' stroke-width='1.1' /%3E%3C/svg%3E ");
}

.icon-video-large {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-video' width='76' height='76' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z' /%3E%3Crect x='3' y='6' width='12' height='12' rx='2' /%3E%3C/svg%3E");
}

.icon-normal {
  display: inline-block;
  content: "";
  width: 28px;
  height: 28px;
}

.icon-calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar' width='28' height='28' viewBox='0 0 24 24' stroke-width='1' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='5' width='16' height='16' rx='2' /%3E%3Cline x1='16' y1='3' x2='16' y2='7' /%3E%3Cline x1='8' y1='3' x2='8' y2='7' /%3E%3Cline x1='4' y1='11' x2='20' y2='11' /%3E%3Cline x1='11' y1='15' x2='12' y2='15' /%3E%3Cline x1='12' y1='15' x2='12' y2='18' /%3E%3C/svg%3E");
}
.icon-calendar:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar' width='28' height='28' viewBox='0 0 24 24' stroke-width='1' stroke='%237595a7' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='5' width='16' height='16' rx='2' /%3E%3Cline x1='16' y1='3' x2='16' y2='7' /%3E%3Cline x1='8' y1='3' x2='8' y2='7' /%3E%3Cline x1='4' y1='11' x2='20' y2='11' /%3E%3Cline x1='11' y1='15' x2='12' y2='15' /%3E%3Cline x1='12' y1='15' x2='12' y2='18' /%3E%3C/svg%3E");
}

.icon-question {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-question-mark' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.25' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4' /%3E%3Cline x1='12' y1='19' x2='12' y2='19.01' /%3E%3C/svg%3E");
}
.icon-question:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-question-mark' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.25' stroke='%237595a7' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 8a3.5 3 0 0 1 3.5 -3h1a3.5 3 0 0 1 3.5 3a3 3 0 0 1 -2 3a3 4 0 0 0 -2 4' /%3E%3Cline x1='12' y1='19' x2='12' y2='19.01' /%3E%3C/svg%3E");
}

.icon-mobile-sms {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-mobile-message' width='64' height='64' viewBox='0 0 24 24' stroke-width='1' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 3h10v8h-3l-4 2v-2h-3z' /%3E%3Cpath d='M15 16v4a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1h2' /%3E%3Cpath d='M10 18v.01' /%3E%3C/svg%3E");
}

.icon-mobile {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-mobile' width='64' height='64' viewBox='0 0 24 24' stroke-width='1' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='7' y='4' width='10' height='16' rx='1' /%3E%3Cline x1='11' y1='5' x2='13' y2='5' /%3E%3Cline x1='12' y1='17' x2='12' y2='17.01' /%3E%3C/svg%3E");
}

.icon-photo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-camera' width='64' height='64' viewBox='0 0 24 24' stroke-width='1' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2' /%3E%3Ccircle cx='12' cy='13' r='3' /%3E%3C/svg%3E");
}

.preview-buttons .btn-def {
  color: #ffffff;
}

.note-editing-area {
  border-radius: 0.35rem;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
  background-color: #e9ecef !important;
}

.nav-link:hover, .nav-link.active {
  text-decoration: none;
}

/***********************
 * BOOTSTRAP ELEMENTS
 ***********************/
/* bootstrap progress bar */
.progress {
  border-radius: 2px;
  background-color: #f3f5f9;
}
.progress.wide {
  width: 60px;
}
.progress .progress-bar {
  -webkit-transition: width 1.5s ease;
  transition: width 1.5s ease;
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  .progress .progress-bar {
    -webkit-transition: none;
    transition: none;
  }
}
.progress.progress-lg {
  height: 28px;
}
.progress.progress-sm {
  height: 12px;
}
.progress.progress-xs {
  height: 5px;
}
.progress.progress-sm .progress-bar, .progress.progress-xs .progress-bar {
  text-indent: -9999px;
}

.progress-bar {
  background-color: #00AAFF;
}

.progress-bar-success {
  background-color: #2dab6b;
}

.progress-bar-warning {
  background-color: #ff901c;
}

.progress-bar-danger {
  background-color: #ff213b;
}

.progress-bar-info {
  background-color: #b2dbef;
}

.progress-transparent.custom-color-primary {
  background-color: rgba(0, 170, 255, 0.2);
}
.progress-transparent.custom-color-primary .progress-bar {
  background-color: #00AAFF;
}

.progress-transparent.custom-color-info-offset {
  background-color: rgba(44, 194, 190, 0.2);
}
.progress-transparent.custom-color-info-offset .progress-bar {
  background-color: #2CC2BE;
}

.progress-transparent.custom-color-info {
  background-color: rgba(178, 219, 239, 0.2);
}
.progress-transparent.custom-color-info .progress-bar {
  background-color: #b2dbef;
}

.progress-transparent.custom-color-danger {
  background-color: rgba(253, 129, 135, 0.2);
}
.progress-transparent.custom-color-danger .progress-bar {
  background-color: #fd8187;
}

.progress-transparent.custom-color-success {
  background-color: rgba(126, 221, 172, 0.2);
}
.progress-transparent.custom-color-success .progress-bar {
  background-color: #7eddac;
}

.progress-transparent.custom-color-warning {
  background-color: rgba(255, 207, 136, 0.2);
}
.progress-transparent.custom-color-warning .progress-bar {
  background-color: #ffcf88;
}

.progress-transparent.custom-color-warning-muted {
  background-color: rgba(255, 204, 127, 0.2);
}
.progress-transparent.custom-color-warning-muted .progress-bar {
  background-color: #ffcc7f;
}

.progress-transparent.custom-color-info-muted {
  background-color: rgba(170, 226, 253, 0.2);
}
.progress-transparent.custom-color-info-muted .progress-bar {
  background-color: #aae2fd;
}

.progress-transparent.custom-color-success-muted {
  background-color: rgba(74, 231, 191, 0.2);
}
.progress-transparent.custom-color-success-muted .progress-bar {
  background-color: #4ae7bf;
}

.progress-transparent.custom-color-success-muted-light {
  background-color: rgba(218, 250, 242, 0.2);
}
.progress-transparent.custom-color-success-muted-light .progress-bar {
  background-color: #dafaf2;
}

.progress-transparent.custom-color-danger-muted {
  background-color: rgba(254, 166, 169, 0.2);
}
.progress-transparent.custom-color-danger-muted .progress-bar {
  background-color: #fea6a9;
}

.progress-transparent.custom-color-def {
  background-color: rgba(218, 233, 241, 0.2);
}
.progress-transparent.custom-color-def .progress-bar {
  background-color: #dae9f1;
}

.progress-transparent.custom-color-def-info {
  background-color: rgba(178, 219, 239, 0.2);
}
.progress-transparent.custom-color-def-info .progress-bar {
  background-color: #b2dbef;
}

.progress-transparent.custom-color-def-sort {
  background-color: rgba(218, 233, 241, 0.2);
}
.progress-transparent.custom-color-def-sort .progress-bar {
  background-color: #dae9f1;
}

.progress-transparent.custom-color-def-inv {
  background-color: rgba(255, 255, 255, 0.2);
}
.progress-transparent.custom-color-def-inv .progress-bar {
  background-color: white;
}

.progress-transparent.custom-color-def-delete {
  background-color: rgba(254, 142, 147, 0.2);
}
.progress-transparent.custom-color-def-delete .progress-bar {
  background-color: #fe8e93;
}

.progress-transparent.custom-color-def-close-suspend {
  background-color: rgba(237, 237, 237, 0.2);
}
.progress-transparent.custom-color-def-close-suspend .progress-bar {
  background-color: #ededed;
}

.progress-transparent.custom-color-def-cred {
  background-color: rgba(218, 233, 241, 0.2);
}
.progress-transparent.custom-color-def-cred .progress-bar {
  background-color: #dae9f1;
}

.progress-transparent.custom-color-def-list {
  background-color: rgba(218, 233, 241, 0.2);
}
.progress-transparent.custom-color-def-list .progress-bar {
  background-color: #dae9f1;
}

.progress-transparent.custom-color-def-action {
  background-color: rgba(218, 233, 241, 0.2);
}
.progress-transparent.custom-color-def-action .progress-bar {
  background-color: #dae9f1;
}

.progress-transparent.custom-color-previous {
  background-color: rgba(211, 220, 230, 0.2);
}
.progress-transparent.custom-color-previous .progress-bar {
  background-color: #d3dce6;
}

.progress-transparent.custom-color-back {
  background-color: rgba(121, 133, 173, 0.2);
}
.progress-transparent.custom-color-back .progress-bar {
  background-color: #7985AD;
}

.progress-transparent.custom-color-amazon {
  background-color: rgba(255, 153, 0, 0.2);
}
.progress-transparent.custom-color-amazon .progress-bar {
  background-color: #ff9900;
}

.progress-transparent.custom-color-accord {
  background-color: rgba(248, 207, 231, 0.2);
}
.progress-transparent.custom-color-accord .progress-bar {
  background-color: rgba(248, 207, 231, 0.46);
}

.progress-transparent.custom-color-performaction {
  background-color: rgba(250, 215, 235, 0.2);
}
.progress-transparent.custom-color-performaction .progress-bar {
  background-color: rgba(250, 215, 235, 0.8);
}

.progress-transparent.custom-color-airbnb {
  background-color: rgba(253, 92, 99, 0.2);
}
.progress-transparent.custom-color-airbnb .progress-bar {
  background-color: #fd5c63;
}

.progress-transparent.custom-color-danger-light {
  background-color: rgba(253, 92, 99, 0.2);
}
.progress-transparent.custom-color-danger-light .progress-bar {
  background-color: #fd5c63;
}

.progress-transparent.custom-color-cancel {
  background-color: rgba(153, 153, 153, 0.2);
}
.progress-transparent.custom-color-cancel .progress-bar {
  background-color: #999999;
}

.progress-transparent.custom-color-alerterror {
  background-color: rgba(253, 92, 99, 0.2);
}
.progress-transparent.custom-color-alerterror .progress-bar {
  background-color: #fd5c63;
}

.progress-transparent.custom-color-medium {
  background-color: rgba(237, 237, 237, 0.2);
}
.progress-transparent.custom-color-medium .progress-bar {
  background-color: #ededed;
}

.progress-transparent.custom-color-editor {
  background-color: rgba(85, 87, 88, 0.2);
}
.progress-transparent.custom-color-editor .progress-bar {
  background-color: #555758;
}

.progress-transparent.custom-color-verydark {
  background-color: rgba(39, 46, 56, 0.2);
}
.progress-transparent.custom-color-verydark .progress-bar {
  background-color: #272e38;
}

.progress-transparent.custom-color-dark {
  background-color: rgba(52, 58, 64, 0.2);
}
.progress-transparent.custom-color-dark .progress-bar {
  background-color: #343a40;
}

.progress-right-percentage::after {
  display: block;
  clear: both;
  content: "";
}
.progress-right-percentage .progress {
  width: calc(100% - 40px);
  float: left;
  margin-bottom: 0;
}
.progress-right-percentage .percentage {
  width: 40px;
  float: right;
  position: relative;
  top: -9px;
  text-align: right;
}

.progress-state-name {
  display: block;
  margin-top: 9px;
  margin-bottom: 6px;
  font-size: 13px;
}

.progress + .square-legend {
  margin-top: 8px;
}

.popover {
  border-radius: 3px;
  padding: 0;
  border: 1px solid #d1d6e6;
  font-family: inherit;
  font-size: 14px;
}
.popover.bottom > .arrow {
  border-bottom-color: #d1d6e6;
}
.popover.top > .arrow {
  border-top-color: #d1d6e6;
}
.popover.right > .arrow {
  border-right-color: #d1d6e6;
}
.popover.left > .arrow {
  border-left-color: #d1d6e6;
}

.popover-title {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #f8f9fa;
}

.badge {
  font-weight: normal;
}

.badge-primary {
  background-color: #00AAFF;
}

.badge-success {
  background-color: #2dab6b;
}

.badge-warning {
  background-color: #ff901c;
}

.badge-danger {
  background-color: #ff213b;
}

.badge-info {
  background-color: #b2dbef;
}

/* pagination */
.pagination > li > a,
.pagination > li > span {
  border-radius: 3px;
  margin-right: 3px;
  color: #00AAFF;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #00AAFF;
  background-color: #f6f8f9;
  border-color: #f6f8f9;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.25);
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #a0aeba;
}

/* tooltip */
.tooltip-inner {
  background-color: #ff9900 !important;
}

.tooltip .tooltip-inner {
  background-color: #222 !important;
  pointer-events: none;
  opacity: 1;
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  color: white;
  border-radius: 20px;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 7px black;
          box-shadow: 0 0 7px black;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #222 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #222 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .arrow:before {
  border-bottom-color: #222 !important;
}

.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[data-popper-placement^=top] .arrow:before {
  border-top-color: #222 !important;
}

/* small tooltip */
.smalltip .bs-tooltip-left .arrow:before {
  border-right-color: #222 !important;
  left: -1px;
}

.smalltip .bs-tooltip-right .arrow:before {
  border-right-color: #222 !important;
  left: 2px !important;
}

.smalltip .tooltip-inner {
  background-color: #222 !important;
  pointer-events: none;
  opacity: 1;
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  color: white;
  border-radius: 20px;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 0.7rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 7px black;
          box-shadow: 0 0 7px black;
}

.smalltip.bs-tooltip-right > div.arrow:before {
  left: 2px;
}

.smalltip.bs-tooltip-left > div.arrow:before {
  left: -2px;
}

.smalltipprimary .tooltip-inner {
  background-color: #00AAFF !important;
  pointer-events: none;
  opacity: 1;
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  color: white;
  border-radius: 20px;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 0.7rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 7px black;
          box-shadow: 0 0 7px black;
}

.smalltipsuccess .tooltip-inner {
  background-color: #2dab6b !important;
  pointer-events: none;
  opacity: 1;
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  color: white;
  border-radius: 20px;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 0.7rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 7px black;
          box-shadow: 0 0 7px black;
}

.smalltipwhite.tooltip.show {
  opacity: 1 !important;
}

.smalltipwhite .tooltip-inner {
  background-color: #f8f9fa !important;
  pointer-events: none;
  opacity: 1;
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  color: #343a40;
  border-radius: 20px;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 0.7rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 7px black;
          box-shadow: 0 0 7px black;
}

.smalltipwhite.bs-tooltip-left .arrow:before {
  border-right-color: #f8f9fa !important;
  left: -1px;
  z-index: 1;
}

.smalltipwhite.bs-tooltip-right .arrow:before {
  border-right-color: #f8f9fa !important;
  left: 1px;
  z-index: 1;
}

.smalltipwhite.bs-tooltip-right .arrow:before {
  border-right-color: #f8f9fa !important;
  z-index: 1;
}

.smalltipwhite.bs-tooltip-left .arrow:before {
  border-left-color: #f8f9fa !important;
  z-index: 1;
}

.smalltipwhite.bs-tooltip-bottom .arrow:before, .smalltipwhite.bs-tooltip-auto[data-popper-placement^=bottom] .arrow:before {
  border-bottom-color: #f8f9fa !important;
  z-index: 1;
  top: -1px;
}

.smalltipwhite.bs-tooltip-top .arrow:before, .smalltipwhite.bs-tooltip-auto[data-popper-placement^=top] .arrow:before {
  border-top-color: #f8f9fa !important;
  z-index: 1;
}

/* customised course tooltip */
.coursetip.bs-tooltip-left .arrow:before {
  border-right-color: #222;
  left: -1px;
}

.coursetip.bs-tooltip-right .arrow:before {
  border-right-color: #222;
  left: 1px;
}

.coursetip.bs-tooltip-bottom .arrow:before, .coursetip.bs-tooltip-auto[data-popper-placement^=bottom] .arrow:before {
  border-bottom-color: #222;
}

.coursetip.bs-tooltip-top .arrow:before, .coursetip.bs-tooltip-auto[data-popper-placement^=top] .arrow:before {
  border-top-color: #222;
}

.coursetip.show {
  opacity: 1;
}

.coursetip .tooltip-inner {
  background-color: #222;
  pointer-events: none;
  opacity: 1;
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  color: white;
  border-radius: 20px;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 0.7rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 7px black;
          box-shadow: 0 0 7px black;
}

/* customised course level tooltip */
.cltip.bs-tooltip-left .arrow:before {
  border-right-color: #2cc2be !important;
  border-left-color: #2cc2be !important;
  left: -1px;
}

.cltip.bs-tooltip-right .arrow:before {
  border-right-color: #2cc2be !important;
  border-left-color: #2cc2be !important;
  left: 1px;
}

.cltip.bs-tooltip-bottom .arrow:before, .cltip.bs-tooltip-auto[data-popper-placement^=bottom] .arrow:before {
  border-bottom-color: #2cc2be !important;
}

.cltip.bs-tooltip-top .arrow:before, .cltip.bs-tooltip-auto[data-popper-placement^=top] .arrow:before {
  border-top-color: #2cc2be !important;
}

.cltip.show {
  opacity: 1;
}

.cltip .tooltip-inner {
  background-color: #2cc2be !important;
  pointer-events: none;
  opacity: 1;
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  color: white;
  border-radius: 20px;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 0.7rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 7px black;
          box-shadow: 0 0 7px black;
}

/* customised course version tooltip */
.vtip.bs-tooltip-left .arrow:before {
  border-right-color: #ff7ca8 !important;
  border-left-color: #ff7ca8 !important;
  left: -1px;
}

.vtip.bs-tooltip-right .arrow:before {
  border-right-color: #ff7ca8 !important;
  border-left-color: #ff7ca8 !important;
  left: 1px;
}

.vtip.bs-tooltip-bottom .arrow:before, .vtip.bs-tooltip-auto[data-popper-placement^=bottom] .arrow:before {
  border-bottom-color: #ff7ca8 !important;
}

.vtip.bs-tooltip-top .arrow:before, .vtip.bs-tooltip-auto[data-popper-placement^=top] .arrow:before {
  border-top-color: #ff7ca8 !important;
}

.vtip.show {
  opacity: 1;
}

.vtip .tooltip-inner {
  background-color: #ff7ca8 !important;
  pointer-events: none;
  opacity: 1;
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  color: white;
  border-radius: 20px;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 0.7rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 7px black;
          box-shadow: 0 0 7px black;
}

/* customised yellow version tooltip */
.ytip.bs-tooltip-left .arrow:before {
  border-right-color: #ff9900 !important;
  border-left-color: #ff9900 !important;
  left: -1px;
}

.ytip.bs-tooltip-right .arrow:before {
  border-right-color: #ff9900 !important;
  border-left-color: #ff9900 !important;
  left: 1px;
}

.ytip.bs-tooltip-bottom .arrow, .ytip.bs-tooltip-auto[data-popper-placement^=bottom] .arrow {
  height: 0.46rem;
}

.ytip.bs-tooltip-bottom .arrow:before, .ytip.bs-tooltip-auto[data-popper-placement^=bottom] .arrow:before {
  border-bottom-color: #ff9900 !important;
}

.ytip.bs-tooltip-top .arrow:before, .ytip.bs-tooltip-auto[data-popper-placement^=top] .arrow:before {
  border-top-color: #ff9900 !important;
}

.ytip .tooltip-inner {
  background-color: #ff9900 !important;
  pointer-events: none;
  opacity: 1;
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  color: white;
  border-radius: 20px;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 0.7rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* customised menu version tooltip */
.menutip .tooltip-inner {
  background-color: #cceeff !important;
  pointer-events: none;
  opacity: 1 !important;
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  color: #343a40;
  border-radius: 0.3rem;
  /*margin-top: 20px;*/
  text-align: center;
  font-weight: 600;
  font-size: 0.7rem;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.menutip.bs-tooltip-left .arrow:before {
  border-right-color: #8efbea !important;
  border-left-color: #8efbea !important;
  left: -1px;
}

.menutip.bs-tooltip-right .arrow:before {
  border-right-color: #8efbea !important;
  border-left-color: #8efbea !important;
  left: 1px;
}

.menutip.bs-tooltip-bottom .arrow, .menutip.bs-tooltip-auto[data-popper-placement^=bottom] .arrow {
  height: 0.46rem;
}

.menutip.bs-tooltip-bottom .arrow:before, .menutip.bs-tooltip-auto[data-popper-placement^=bottom] .arrow:before {
  border-bottom-color: #8efbea !important;
}

.menutip.bs-tooltip-top .arrow:before, .menutip.bs-tooltip-auto[data-popper-placement^=top] .arrow:before {
  border-top-color: #8efbea !important;
}

.page-item.selected .page-link {
  z-index: 1;
  border-radius: 3px;
  margin-right: 0.5rem;
  margin-left: 0.2rem;
  color: #f8f9fa;
  border-color: rgba(0, 170, 255, 0);
  background-color: rgba(0, 170, 255, 0.62);
  -webkit-box-shadow: rgba(0, 170, 255, 0.62) 0 0 0 4px;
          box-shadow: rgba(0, 170, 255, 0.62) 0 0 0 4px;
  font-weight: bold;
}

.buttonselect-ro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.buttonselect-ro.selected, .buttonselect-ro.selected:hover {
  z-index: 1;
  border-radius: 3px;
  margin-right: 0.5rem;
  margin-left: 0.5rem !important;
  background-color: rgba(52, 58, 64, 0.62) !important;
  border: 1px solid transparent !important;
  color: #f8f9fa !important;
  -webkit-box-shadow: rgba(52, 58, 64, 0.62) 0 0 0 4px !important;
          box-shadow: rgba(52, 58, 64, 0.62) 0 0 0 4px !important;
  font-weight: bold;
}

.pagination > li > span.buttonselect-ro:not(.selected):hover {
  z-index: 1;
  border-radius: 3px;
  margin-left: 0.2rem;
  background-color: #e9ecef;
  border: 1px solid #e1e3ea;
  color: rgba(52, 58, 64, 0.62) !important;
  font-weight: bold;
  padding: 0.6rem 0.9rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.buttonselect-ro, .buttonselect-ro:hover {
  z-index: 1;
  border-radius: 3px;
  margin-left: 0.2rem;
  background-color: #e9ecef;
  border: 1px solid #e1e3ea;
  color: rgba(52, 58, 64, 0.62) !important;
  font-weight: bold;
  padding: 0.6rem 0.9rem;
}

.fade {
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

.card-deck.remaining-full, .card-group.remaining-full {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100% !important;
  height: 98% !important;
}

.input-group-text {
  background-color: #ffffff !important;
}

.nav-tabs .nav-link.disabled {
  background: transparent;
}

/*.border-l {
    border-left-style: solid !important;
    border-left-width: 1px !important;
    border-left-color: $tab-border-color;
}

.border-r {
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-right-color: $tab-border-color;
}
.border-t {
    border-top-style: solid !important;
    border-top-width: 1px !important;
    border-top-color: $tab-border-color;
}
.border-b {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-color: $tab-border-color;
}*/
.alert-group {
  font-size: 0.85rem;
}

/*@import "partials/charts";*/
/********************************
 * AUTHENTICATION FORMS, PAGE
 ********************************/
.hero-register {
  background-image: url("../assets/images/backgrounds/register-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 100vh;
  /*position: absolute;*/
  display: grid;
  width: 100%;
  top: 0;
  left: 0;
}
.hero-register .register-box-small {
  left: calc(50% - 250px);
  position: absolute;
  max-width: 500px;
  background: #fff;
  top: calc(50% - 275px);
}

.hero-adminportal {
  background-image: url("../assets/images/backgrounds/adminportal7.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100vh;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.hero-inductee {
  background-image: url("../assets/images/backgrounds/inductee-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: auto;
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}
.hero-inductee .auth-box-ls {
  display: grid;
  height: 100vh;
  margin: auto;
  background: rgba(0, 0, 0, 0.3);
}
.hero-inductee .auth-box-ls .auth-box-ls .header {
  margin-bottom: 30px;
}
@media screen and (min-width: 500px) {
  .hero-inductee .auth-box-ls .middle {
    background: #fff;
    min-width: 450px;
    max-width: 450px;
    padding: 1rem 2rem;
    top: 0;
    margin: auto;
    border-radius: 1rem;
    min-height: 440px;
    max-height: 440px;
  }
  .hero-inductee .auth-box-ls .middle.inner {
    min-height: 440px;
    max-height: 440px;
    min-width: 450px;
    max-width: 450px;
  }
}
@media screen and (max-width: 499px) {
  .hero-inductee .auth-box-ls .middle {
    background: #fff;
    width: 360px;
    padding: 1rem 2rem;
    top: 0;
    margin: auto;
    border-radius: 1rem;
    min-height: 440px;
    max-height: 440px;
  }
  .hero-inductee .auth-box-ls .middle.inner {
    min-height: 440px;
    max-height: 440px;
    min-width: 360px;
    max-width: 360px;
  }
}
.hero-inductee .auth-box-ls .lead {
  margin-top: 5px;
  font-size: 1.1rem;
  text-align: center;
  font-weight: 400;
}

.auth-box-ls {
  display: grid;
  height: 100vh;
  /*&.forgot-password {
      background: #fff;
      width: 600px;
      height: 580px;
      box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
      left: calc(50% - 300px);
      top: calc(50% - 290px);

      .content {
          padding: 30px;
      }
  }

  &.forgot-pin {
      background: #fff;
      width: 600px;
      min-height: 680px;
      height: auto;
      box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
      left: calc(50% - 300px);
      top: calc(50% - 340px);

      .content {
          padding: 30px;
      }
  }*/
  /*@include min-screen($break-medium) {
      position: absolute;
      top: calc(50% - 250px);
      width: 900px;
      left: calc(50% - 450px);

      .left {
          position: relative;
      }

      .right {
      }
  }

  @include screen($break-small, $break-medium - 1px) {
      position: absolute;
      top: calc(50% - 250px);
      width: 700px;
      left: calc(50% - 350px);

      .left {
          position: relative;
      }

      .right {
      }

      &.lockscreen {
          width: 50%;
          padding: 40px 20px;
      }
  }

  @include screen($break-xsmall, $break-small - 1px) {
      position: absolute;
      width: 100%;
      top: calc(50% - 250px);
      border: none;

      .left {
          position: relative;
          width: 450px;
          left: calc(50% - 225px);
      }

      .right {
          display: none;
      }

      &.forgot-password,
      &.forgot-pin,
      &.change-password {
          background: #fff;
          width: 600px;
          height: auto;
          //box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: none;
          top: 20%;
          left: 50%;
          transform: translate(-50%,-20%);

          .content {
              padding: 5px 30px;
          }
      }
  }*/
  /*@include screen(0, $break-xsmall - 1px) {
      position: absolute;
      width: 100%;
      top: calc(50% - 250px);
      border: none;



      .left {
          position: relative;
          width: 350px;
          left: calc(50% - 175px);
      }

      .right {
          display: none;
      }

      .header {
          margin-bottom: 15px;
      }

      &.lockscreen {
          width: 90%;
      }

      &.register,
      &.forgot-password,
      &.forgot-pin,
      &.change-password {
          position: absolute;
          top: 20%;
          left: 50%;
          transform: translate(-50%,-20%);
          max-width: 90%;
          width: 92%;

          box-shadow: none;
          height: auto;

          .content {
              width: 98%;
              padding: 5px 20px;
          }

          .instruction {
              font-size: 0.8rem;
              margin-left: -7px;
              margin-right: -7px;
          }
      }
  }*/
  /*@include max-screen($break-small - 1px) {
      display: flex;
      justify-content: center;
      align-items: center;

      border: none;



      .left {
          position: relative;
          width: 600px;

      }

      .right {
          display: none;
      }
  }*/
}
.auth-box-ls.box-password {
  height: 50vh !important;
}
.auth-box-ls .form-control {
  padding-top: 1.4rem;
  padding-bottom: 1.25rem;
}
.auth-box-ls h1, .auth-box-ls .h1 {
  color: #f8f9fa;
}
.auth-box-ls .content {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 1367px) {
  .auth-box-ls .middle {
    background: #fff;
    width: 30vw;
    padding: 1rem 2rem;
    top: 0;
    margin: auto;
    border-radius: 1rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
  .auth-box-ls .middle {
    background: #fff;
    width: 40vw;
    padding: 1rem 2rem;
    top: 0;
    margin: auto;
    border-radius: 1rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .auth-box-ls .middle {
    background: #fff;
    width: 50vw;
    padding: 1rem 2rem;
    top: 0;
    margin: auto;
    border-radius: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .auth-box-ls .middle {
    background: #fff;
    width: 55vw;
    padding: 1rem 2rem;
    top: 0;
    margin: auto;
    border-radius: 1rem;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .auth-box-ls .middle {
    background: #fff;
    width: 55vw;
    padding: 1rem 2rem;
    top: 0;
    margin: auto;
    border-radius: 1rem;
  }
}
@media screen and (max-width: 639px) {
  .auth-box-ls .middle {
    background: #fff;
    width: 96vw;
    padding: 1rem 2rem;
    top: 0;
    margin: auto;
    border-radius: 1rem;
  }
}
.auth-box-ls .left {
  background: #fff;
  float: left;
  width: 50%;
  height: 100%;
  padding: 0 30px;
  text-align: center;
  top: 0;
}
.auth-box-ls .left:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: " ";
  vertical-align: middle;
  height: 100%;
}
.auth-box-ls .right {
  float: right;
  width: 50%;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.45);
}
.auth-box-ls .right.adminportal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1rem;
  padding-top: 4rem !important;
}
.auth-box-ls .right:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: " ";
  vertical-align: middle;
  height: 100%;
}
.auth-box-ls .right .text {
  position: relative;
  padding: 0 30px;
  color: #fff;
}
.auth-box-ls .right .heading {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 26px;
  font-weight: 300;
}
.auth-box-ls .right p {
  margin: 0;
  font-size: 18px;
  font-weight: 300;
}
.auth-box-ls .right .authoverlaylight {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.45;
}
.auth-box-ls .right .authoverlay {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #cccccc;
  opacity: 0.3;
}
.auth-box-ls .right-dark {
  float: right;
  width: 50%;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.55);
}
.auth-box-ls .right-dark.adminportal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1rem;
  padding-top: 4rem !important;
}
.auth-box-ls .right-dark:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: " ";
  vertical-align: middle;
  height: 100%;
}
.auth-box-ls .right-dark .text {
  position: relative;
  padding: 0 30px;
  color: #fff;
}
.auth-box-ls .right-dark .heading {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 26px;
  font-weight: 300;
}
.auth-box-ls .right-dark p {
  margin: 0;
  font-size: 18px;
  font-weight: 300;
}
.auth-box-ls .right-dark .authoverlaylight {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.45;
}
.auth-box-ls .right-dark .authoverlay {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #cccccc;
  opacity: 0.3;
}
.auth-box-ls .login {
  /*background: {
      image: url('../assets/images/backgrounds/login-bg.jpg');
      repeat: no-repeat;
      size: cover;
  }*/
}
.auth-box-ls .register {
  background-image: url("../assets/images/backgrounds/register-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 90%;
}
.auth-box-ls .header {
  margin-bottom: 30px;
}
.auth-box-ls .lead {
  margin-top: 5px;
  font-size: 18px;
  text-align: center;
}
.auth-box-ls .form-auth-small .btn, .auth-box-ls .form-auth-small .btn-ls {
  margin-top: 20px;
}
.auth-box-ls .form-auth-small .element-left {
  float: left;
}
.auth-box-ls .form-auth-small .element-right {
  float: right;
}
.auth-box-ls .form-auth-small .bottom {
  margin-top: 20px;
  text-align: center;
}
.auth-box-ls .helper-text {
  font-size: 13px;
  color: #a0aeba;
}
.auth-box-ls .element-right.helper-text {
  line-height: 2;
}
.auth-box-ls .btn-signin-social {
  display: block;
  margin-bottom: 15px;
  padding: 10px 22px;
  width: 100%;
  background-color: #fff;
  border-color: #e4ecf0;
}
.auth-box-ls .btn-signin-social:hover, .auth-box-ls .btn-signin-social:focus {
  background-color: #fafafa;
}
.auth-box-ls .btn-signin-social i {
  font-size: 16px;
  margin: 5px;
}
.auth-box-ls.lockscreen {
  width: 50%;
  padding: 40px 60px;
}
.auth-box-ls.lockscreen .logo {
  margin-bottom: 30px;
}
.auth-box-ls.lockscreen .user {
  margin-bottom: 30px;
}
.auth-box-ls.lockscreen .user .name {
  font-size: 18px;
  margin-top: 10px;
}
.auth-box-ls.forgot-password, .auth-box-ls.forgot-pin, .auth-box-ls.change-password {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*width: 600px;*/
  height: auto;
  /*box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);*/
}
.auth-box-ls.forgot-password .content, .auth-box-ls.forgot-pin .content, .auth-box-ls.change-password .content {
  padding: 30px;
}

/* colored icon */
.z500px-color {
  color: #0099e5 !important;
}

.about-me-color {
  color: #00405d !important;
}

.airbnb-color {
  color: #fd5c63 !important;
}

.alphabet-color {
  color: #ed1c24 !important;
}

.amazon-color {
  color: #ff9900 !important;
}

.american-express-color {
  color: #002663 !important;
}

.aol-color {
  color: #ff0b00 !important;
}

.behance-color {
  color: #1769ff !important;
}

.bing-color {
  color: #ffb900 !important;
}

.bitbucket-color {
  color: #205081 !important;
}

.bitly-color {
  color: #ee6123 !important;
}

.blogger-color {
  color: #f57d00 !important;
}

.booking-com-color {
  color: #003580 !important;
}

.buffer-color {
  color: #168eea !important;
}

.code-school-color {
  color: #616f67 !important;
}

.codecademy-color {
  color: #f65a5b !important;
}

.creative-market-color {
  color: #8ba753 !important;
}

.delicious-color {
  color: #3399ff !important;
}

.deviantart-color {
  color: #05cc47 !important;
}

.digg-color {
  color: #005be2 !important;
}

.disqus-color {
  color: #2e9fff !important;
}

.django-color {
  color: #092e20 !important;
}

.dribbble-color {
  color: #ea4c89 !important;
}

.dropbox-color {
  color: #007ee5 !important;
}

.drupal-color {
  color: #0077c0 !important;
}

.elance-color {
  color: #0d69af !important;
}

.envato-color {
  color: #82b541 !important;
}

.etsy-color {
  color: #d5641c !important;
}

.facebook-color {
  color: #3b5998 !important;
}

.feedly-color {
  color: #2bb24c !important;
}

.flattr-color {
  color: #f67c1a !important;
}

.flickr-color {
  color: #0063dc !important;
}

.flipboard-color {
  color: #e12828 !important;
}

.flixster-color {
  color: #2971b2 !important;
}

.foursquare-color {
  color: #0732a2 !important;
}

.github-color {
  color: #333333 !important;
}

.google-color {
  color: #4285f4 !important;
}

.google-plus-color {
  color: #dc4e41 !important;
}

.instagram-color {
  color: #3f729b !important;
}

.kickstarter-color {
  color: #2bde73 !important;
}

.kik-color {
  color: #82bc23 !important;
}

.lastfm-color {
  color: #d51007 !important;
}

.line-color {
  color: #00c300 !important;
}

.linkedin-color {
  color: #0077b5 !important;
}

.mail-ru-color {
  color: #168de2 !important;
}

.mailchimp-color {
  color: #2c9ab7 !important;
}

.myspace-color {
  color: #000000 !important;
}

.netflix-color {
  color: #e50914 !important;
}

.ning-color {
  color: #75af42 !important;
}

.path-color {
  color: #ee3423 !important;
}

.patreon-color {
  color: #e6461a !important;
}

.paypal-color {
  color: #003087 !important;
}

.photobucket-color {
  color: #0ea0db !important;
}

.pinterest-color {
  color: #bd081c !important;
}

.product-hunt-color {
  color: #da552f !important;
}

.quora-color {
  color: #a82400 !important;
}

.rdio-color {
  color: #007dc3 !important;
}

.reddit-color {
  color: #ff4500 !important;
}

.rss-color {
  color: #f26522 !important;
}

.salesforce-color {
  color: #1798c1 !important;
}

.scribd-color {
  color: #1a7bba !important;
}

.shopify-color {
  color: #96bf48 !important;
}

.skype-color {
  color: #00aff0 !important;
}

.slack-color {
  color: #6ecadc !important;
}

.slideshare-color {
  color: #0077b5 !important;
}

.soundcloud-color {
  color: #ff8800 !important;
}

.spotify-color {
  color: #2ebd59 !important;
}

.squarespace-color {
  color: #222222 !important;
}

.stackoverflow-color {
  color: #fe7a15 !important;
}

.stripe-color {
  color: #00afe1 !important;
}

.stumbleupon-color {
  color: #eb4924 !important;
}

.telegram-color {
  color: #0088cc !important;
}

.tumblr-color {
  color: #35465c !important;
}

.twitch-tv-color {
  color: #6441a5 !important;
}

.twitter-color {
  color: #55acee !important;
}

.vimeo-color {
  color: #162221 !important;
}

.vine-color {
  color: #00b488 !important;
}

.wechat-color {
  color: #7bb32e !important;
}

.whatsapp-color {
  color: #43d854 !important;
}

.wordpress-color {
  color: #21759b !important;
}

.yahoo-color {
  color: #410093 !important;
}

.youtube-color {
  color: #cd201f !important;
}

.firefox-color {
  color: #e66000 !important;
}

.chrome-color {
  color: #fbbc05 !important;
}

.edge-color {
  color: #00aaff !important;
}

.safari-color {
  color: #4165c8 !important;
}

.opera-color {
  color: #cc0f16 !important;
}

/* colored background */
.z500px-bg {
  background-color: #0099e5 !important;
}
.z500px-bg:hover, .z500px-bg:focus {
  background-color: #0088cc !important;
}

.about-me-bg {
  background-color: #00405d !important;
}
.about-me-bg:hover, .about-me-bg:focus {
  background-color: #002e44 !important;
}

.airbnb-bg {
  background-color: #fd5c63 !important;
}
.airbnb-bg:hover, .airbnb-bg:focus {
  background-color: #fd434b !important;
}

.alphabet-bg {
  background-color: #ed1c24 !important;
}
.alphabet-bg:hover, .alphabet-bg:focus {
  background-color: #de1219 !important;
}

.amazon-bg {
  background-color: #ff9900 !important;
}
.amazon-bg:hover, .amazon-bg:focus {
  background-color: #e68a00 !important;
}

.american-express-bg {
  background-color: #002663 !important;
}
.american-express-bg:hover, .american-express-bg:focus {
  background-color: #001c4a !important;
}

.aol-bg {
  background-color: #ff0b00 !important;
}
.aol-bg:hover, .aol-bg:focus {
  background-color: #e60a00 !important;
}

.behance-bg {
  background-color: #1769ff !important;
}
.behance-bg:hover, .behance-bg:focus {
  background-color: #0059fd !important;
}

.bing-bg {
  background-color: #ffb900 !important;
}
.bing-bg:hover, .bing-bg:focus {
  background-color: #e6a700 !important;
}

.bitbucket-bg {
  background-color: #205081 !important;
}
.bitbucket-bg:hover, .bitbucket-bg:focus {
  background-color: #1b436d !important;
}

.bitly-bg {
  background-color: #ee6123 !important;
}
.bitly-bg:hover, .bitly-bg:focus {
  background-color: #e65312 !important;
}

.blogger-bg {
  background-color: #f57d00 !important;
}
.blogger-bg:hover, .blogger-bg:focus {
  background-color: #dc7000 !important;
}

.booking-com-bg {
  background-color: #003580 !important;
}
.booking-com-bg:hover, .booking-com-bg:focus {
  background-color: #002a67 !important;
}

.buffer-bg {
  background-color: #168eea !important;
}
.buffer-bg:hover, .buffer-bg:focus {
  background-color: #1380d3 !important;
}

.code-school-bg {
  background-color: #616f67 !important;
}
.code-school-bg:hover, .code-school-bg:focus {
  background-color: #55615a !important;
}

.codecademy-bg {
  background-color: #f65a5b !important;
}
.codecademy-bg:hover, .codecademy-bg:focus {
  background-color: #f54243 !important;
}

.creative-market-bg {
  background-color: #8ba753 !important;
}
.creative-market-bg:hover, .creative-market-bg:focus {
  background-color: #7d964b !important;
}

.delicious-bg {
  background-color: #3399ff !important;
}
.delicious-bg:hover, .delicious-bg:focus {
  background-color: #1a8cff !important;
}

.deviantart-bg {
  background-color: #05cc47 !important;
}
.deviantart-bg:hover, .deviantart-bg:focus {
  background-color: #04b33e !important;
}

.digg-bg {
  background-color: #005be2 !important;
}
.digg-bg:hover, .digg-bg:focus {
  background-color: #0051c9 !important;
}

.disqus-bg {
  background-color: #2e9fff !important;
}
.disqus-bg:hover, .disqus-bg:focus {
  background-color: #1593ff !important;
}

.django-bg {
  background-color: #092e20 !important;
}
.django-bg:hover, .django-bg:focus {
  background-color: #051911 !important;
}

.dribbble-bg {
  background-color: #ea4c89 !important;
}
.dribbble-bg:hover, .dribbble-bg:focus {
  background-color: #e7357a !important;
}

.dropbox-bg {
  background-color: #007ee5 !important;
}
.dropbox-bg:hover, .dropbox-bg:focus {
  background-color: #0070cc !important;
}

.drupal-bg {
  background-color: #0077c0 !important;
}
.drupal-bg:hover, .drupal-bg:focus {
  background-color: #0067a7 !important;
}

.elance-bg {
  background-color: #0d69af !important;
}
.elance-bg:hover, .elance-bg:focus {
  background-color: #0b5b97 !important;
}

.envato-bg {
  background-color: #82b541 !important;
}
.envato-bg:hover, .envato-bg:focus {
  background-color: #75a23a !important;
}

.etsy-bg {
  background-color: #d5641c !important;
}
.etsy-bg:hover, .etsy-bg:focus {
  background-color: #be5919 !important;
}

.facebook-bg {
  background-color: #3b5998 !important;
}
.facebook-bg:hover, .facebook-bg:focus {
  background-color: #344e86 !important;
}

.feedly-bg {
  background-color: #2bb24c !important;
}
.feedly-bg:hover, .feedly-bg:focus {
  background-color: #269d43 !important;
}

.flattr-bg {
  background-color: #f67c1a !important;
}
.flattr-bg:hover, .flattr-bg:focus {
  background-color: #ed6f09 !important;
}

.flickr-bg {
  background-color: #0063dc !important;
}
.flickr-bg:hover, .flickr-bg:focus {
  background-color: #0058c3 !important;
}

.flipboard-bg {
  background-color: #e12828 !important;
}
.flipboard-bg:hover, .flipboard-bg:focus {
  background-color: #d21d1d !important;
}

.flixster-bg {
  background-color: #2971b2 !important;
}
.flixster-bg:hover, .flixster-bg:focus {
  background-color: #24649d !important;
}

.foursquare-bg {
  background-color: #0732a2 !important;
}
.foursquare-bg:hover, .foursquare-bg:focus {
  background-color: #062a8a !important;
}

.github-bg {
  background-color: #333333 !important;
}
.github-bg:hover, .github-bg:focus {
  background-color: #262626 !important;
}

.google-bg {
  background-color: #4285f4 !important;
}
.google-bg:hover, .google-bg:focus {
  background-color: #2a75f3 !important;
}

.google-plus-bg {
  background-color: #dc4e41 !important;
}
.google-plus-bg:hover, .google-plus-bg:focus {
  background-color: #d83a2b !important;
}

.instagram-bg {
  background-color: #3f729b !important;
}
.instagram-bg:hover, .instagram-bg:focus {
  background-color: #386589 !important;
}

.kickstarter-bg {
  background-color: #2bde73 !important;
}
.kickstarter-bg:hover, .kickstarter-bg:focus {
  background-color: #20cf67 !important;
}

.kik-bg {
  background-color: #82bc23 !important;
}
.kik-bg:hover, .kik-bg:focus {
  background-color: #73a71f !important;
}

.lastfm-bg {
  background-color: #d51007 !important;
}
.lastfm-bg:hover, .lastfm-bg:focus {
  background-color: #bc0e06 !important;
}

.line-bg {
  background-color: #00c300 !important;
}
.line-bg:hover, .line-bg:focus {
  background-color: #00aa00 !important;
}

.linkedin-bg {
  background-color: #0077b5 !important;
}
.linkedin-bg:hover, .linkedin-bg:focus {
  background-color: #00669c !important;
}

.mail-ru-bg {
  background-color: #168de2 !important;
}
.mail-ru-bg:hover, .mail-ru-bg:focus {
  background-color: #147fcb !important;
}

.mailchimp-bg {
  background-color: #2c9ab7 !important;
}
.mailchimp-bg:hover, .mailchimp-bg:focus {
  background-color: #2789a2 !important;
}

.myspace-bg {
  background-color: #000000 !important;
}
.myspace-bg:hover, .myspace-bg:focus {
  background-color: black !important;
}

.netflix-bg {
  background-color: #e50914 !important;
}
.netflix-bg:hover, .netflix-bg:focus {
  background-color: #cc0812 !important;
}

.ning-bg {
  background-color: #75af42 !important;
}
.ning-bg:hover, .ning-bg:focus {
  background-color: #699c3b !important;
}

.path-bg {
  background-color: #ee3423 !important;
}
.path-bg:hover, .path-bg:focus {
  background-color: #e62412 !important;
}

.patreon-bg {
  background-color: #e6461a !important;
}
.patreon-bg:hover, .patreon-bg:focus {
  background-color: #d03f17 !important;
}

.paypal-bg {
  background-color: #003087 !important;
}
.paypal-bg:hover, .paypal-bg:focus {
  background-color: #00276e !important;
}

.photobucket-bg {
  background-color: #0ea0db !important;
}
.photobucket-bg:hover, .photobucket-bg:focus {
  background-color: #0c8ec3 !important;
}

.pinterest-bg {
  background-color: #bd081c !important;
}
.pinterest-bg:hover, .pinterest-bg:focus {
  background-color: #a50718 !important;
}

.product-hunt-bg {
  background-color: #da552f !important;
}
.product-hunt-bg:hover, .product-hunt-bg:focus {
  background-color: #cb4924 !important;
}

.quora-bg {
  background-color: #a82400 !important;
}
.quora-bg:hover, .quora-bg:focus {
  background-color: #8f1f00 !important;
}

.rdio-bg {
  background-color: #007dc3 !important;
}
.rdio-bg:hover, .rdio-bg:focus {
  background-color: #006daa !important;
}

.reddit-bg {
  background-color: #ff4500 !important;
}
.reddit-bg:hover, .reddit-bg:focus {
  background-color: #e63e00 !important;
}

.rss-bg {
  background-color: #f26522 !important;
}
.rss-bg:hover, .rss-bg:focus {
  background-color: #ed560e !important;
}

.salesforce-bg {
  background-color: #1798c1 !important;
}
.salesforce-bg:hover, .salesforce-bg:focus {
  background-color: #1486aa !important;
}

.scribd-bg {
  background-color: #1a7bba !important;
}
.scribd-bg:hover, .scribd-bg:focus {
  background-color: #176ca4 !important;
}

.shopify-bg {
  background-color: #96bf48 !important;
}
.shopify-bg:hover, .shopify-bg:focus {
  background-color: #89b03e !important;
}

.skype-bg {
  background-color: #00aff0 !important;
}
.skype-bg:hover, .skype-bg:focus {
  background-color: #009cd7 !important;
}

.slack-bg {
  background-color: #6ecadc !important;
}
.slack-bg:hover, .slack-bg:focus {
  background-color: #59c2d7 !important;
}

.slideshare-bg {
  background-color: #0077b5 !important;
}
.slideshare-bg:hover, .slideshare-bg:focus {
  background-color: #00669c !important;
}

.soundcloud-bg {
  background-color: #ff8800 !important;
}
.soundcloud-bg:hover, .soundcloud-bg:focus {
  background-color: #e67a00 !important;
}

.spotify-bg {
  background-color: #2ebd59 !important;
}
.spotify-bg:hover, .spotify-bg:focus {
  background-color: #29a84f !important;
}

.squarespace-bg {
  background-color: #222222 !important;
}
.squarespace-bg:hover, .squarespace-bg:focus {
  background-color: #151515 !important;
}

.stackoverflow-bg {
  background-color: #fe7a15 !important;
}
.stackoverflow-bg:hover, .stackoverflow-bg:focus {
  background-color: #f86c01 !important;
}

.stripe-bg {
  background-color: #00afe1 !important;
}
.stripe-bg:hover, .stripe-bg:focus {
  background-color: #009bc8 !important;
}

.stumbleupon-bg {
  background-color: #eb4924 !important;
}
.stumbleupon-bg:hover, .stumbleupon-bg:focus {
  background-color: #e13b15 !important;
}

.telegram-bg {
  background-color: #0088cc !important;
}
.telegram-bg:hover, .telegram-bg:focus {
  background-color: #0077b3 !important;
}

.tumblr-bg {
  background-color: #35465c !important;
}
.tumblr-bg:hover, .tumblr-bg:focus {
  background-color: #2c3a4c !important;
}

.twitch-tv-bg {
  background-color: #6441a5 !important;
}
.twitch-tv-bg:hover, .twitch-tv-bg:focus {
  background-color: #593a93 !important;
}

.twitter-bg {
  background-color: #55acee !important;
}
.twitter-bg:hover, .twitter-bg:focus {
  background-color: #3ea1ec !important;
}

.vimeo-bg {
  background-color: #162221 !important;
}
.vimeo-bg:hover, .vimeo-bg:focus {
  background-color: #0c1312 !important;
}

.vine-bg {
  background-color: #00b488 !important;
}
.vine-bg:hover, .vine-bg:focus {
  background-color: #009b75 !important;
}

.wechat-bg {
  background-color: #7bb32e !important;
}
.wechat-bg:hover, .wechat-bg:focus {
  background-color: #6d9f29 !important;
}

.whatsapp-bg {
  background-color: #43d854 !important;
}
.whatsapp-bg:hover, .whatsapp-bg:focus {
  background-color: #2ed441 !important;
}

.wordpress-bg {
  background-color: #21759b !important;
}
.wordpress-bg:hover, .wordpress-bg:focus {
  background-color: #1d6586 !important;
}

.yahoo-bg {
  background-color: #410093 !important;
}
.yahoo-bg:hover, .yahoo-bg:focus {
  background-color: #36007a !important;
}

.youtube-bg {
  background-color: #cd201f !important;
}
.youtube-bg:hover, .youtube-bg:focus {
  background-color: #b71d1c !important;
}

.firefox-bg {
  background-color: #e66000 !important;
}
.firefox-bg:hover, .firefox-bg:focus {
  background-color: #cd5500 !important;
}

.chrome-bg {
  background-color: #fbbc05 !important;
}
.chrome-bg:hover, .chrome-bg:focus {
  background-color: #e3aa04 !important;
}

.edge-bg {
  background-color: #00aaff !important;
}
.edge-bg:hover, .edge-bg:focus {
  background-color: #0099e6 !important;
}

.safari-bg {
  background-color: #4165c8 !important;
}
.safari-bg:hover, .safari-bg:focus {
  background-color: #3659ba !important;
}

.opera-bg {
  background-color: #cc0f16 !important;
}
.opera-bg:hover, .opera-bg:focus {
  background-color: #b40d13 !important;
}

/* colored background light */
.z500px-bg-light {
  background-color: #66ccff !important;
}
.z500px-bg-light:hover, .z500px-bg-light:focus {
  background-color: #4cc4ff !important;
}

.about-me-bg-light {
  background-color: #0098dd !important;
}
.about-me-bg-light:hover, .about-me-bg-light:focus {
  background-color: #0086c3 !important;
}

.airbnb-bg-light {
  background-color: #ffdadc !important;
}
.airbnb-bg-light:hover, .airbnb-bg-light:focus {
  background-color: #fec1c3 !important;
}

.alphabet-bg-light {
  background-color: #f69296 !important;
}
.alphabet-bg-light:hover, .alphabet-bg-light:focus {
  background-color: #f47b7f !important;
}

.amazon-bg-light {
  background-color: #ffcc80 !important;
}
.amazon-bg-light:hover, .amazon-bg-light:focus {
  background-color: #ffc266 !important;
}

.american-express-bg-light {
  background-color: #0057e3 !important;
}
.american-express-bg-light:hover, .american-express-bg-light:focus {
  background-color: #004dc9 !important;
}

.aol-bg-light {
  background-color: #ff8580 !important;
}
.aol-bg-light:hover, .aol-bg-light:focus {
  background-color: #ff6d66 !important;
}

.behance-bg-light {
  background-color: #97bbff !important;
}
.behance-bg-light:hover, .behance-bg-light:focus {
  background-color: #7dabff !important;
}

.bing-bg-light {
  background-color: #ffdc80 !important;
}
.bing-bg-light:hover, .bing-bg-light:focus {
  background-color: #ffd566 !important;
}

.bitbucket-bg-light {
  background-color: #4e90d3 !important;
}
.bitbucket-bg-light:hover, .bitbucket-bg-light:focus {
  background-color: #3983ce !important;
}

.bitly-bg-light {
  background-color: #f7b699 !important;
}
.bitly-bg-light:hover, .bitly-bg-light:focus {
  background-color: #f5a582 !important;
}

.blogger-bg-light {
  background-color: #ffbc76 !important;
}
.blogger-bg-light:hover, .blogger-bg-light:focus {
  background-color: #ffaf5c !important;
}

.booking-com-bg-light {
  background-color: #016aff !important;
}
.booking-com-bg-light:hover, .booking-com-bg-light:focus {
  background-color: #005fe6 !important;
}

.buffer-bg-light {
  background-color: #8bc7f5 !important;
}
.buffer-bg-light:hover, .buffer-bg-light:focus {
  background-color: #74bbf2 !important;
}

.code-school-bg-light {
  background-color: #a2aea7 !important;
}
.code-school-bg-light:hover, .code-school-bg-light:focus {
  background-color: #94a29a !important;
}

.codecademy-bg-light {
  background-color: #fdd3d3 !important;
}
.codecademy-bg-light:hover, .codecademy-bg-light:focus {
  background-color: #fbbbbb !important;
}

.creative-market-bg-light {
  background-color: #c4d3a6 !important;
}
.creative-market-bg-light:hover, .creative-market-bg-light:focus {
  background-color: #b9cb95 !important;
}

.delicious-bg-light {
  background-color: #b3d9ff !important;
}
.delicious-bg-light:hover, .delicious-bg-light:focus {
  background-color: #99ccff !important;
}

.deviantart-bg-light {
  background-color: #56fb8c !important;
}
.deviantart-bg-light:hover, .deviantart-bg-light:focus {
  background-color: #3dfa7c !important;
}

.digg-bg-light {
  background-color: #63a2ff !important;
}
.digg-bg-light:hover, .digg-bg-light:focus {
  background-color: #4992ff !important;
}

.disqus-bg-light {
  background-color: #aedaff !important;
}
.disqus-bg-light:hover, .disqus-bg-light:focus {
  background-color: #94ceff !important;
}

.django-bg-light {
  background-color: #1e996a !important;
}
.django-bg-light:hover, .django-bg-light:focus {
  background-color: #1a835b !important;
}

.dribbble-bg-light {
  background-color: #f7bed4 !important;
}
.dribbble-bg-light:hover, .dribbble-bg-light:focus {
  background-color: #f5a7c5 !important;
}

.dropbox-bg-light {
  background-color: #66baff !important;
}
.dropbox-bg-light:hover, .dropbox-bg-light:focus {
  background-color: #4caeff !important;
}

.drupal-bg-light {
  background-color: #41b7ff !important;
}
.drupal-bg-light:hover, .drupal-bg-light:focus {
  background-color: #27adff !important;
}

.elance-bg-light {
  background-color: #4aa9f2 !important;
}
.elance-bg-light:hover, .elance-bg-light:focus {
  background-color: #329ef0 !important;
}

.envato-bg-light {
  background-color: #bfdb9b !important;
}
.envato-bg-light:hover, .envato-bg-light:focus {
  background-color: #b3d488 !important;
}

.etsy-bg-light {
  background-color: #efac82 !important;
}
.etsy-bg-light:hover, .etsy-bg-light:focus {
  background-color: #ec9d6b !important;
}

.facebook-bg-light {
  background-color: #839ccf !important;
}
.facebook-bg-light:hover, .facebook-bg-light:focus {
  background-color: #718dc8 !important;
}

.feedly-bg-light {
  background-color: #7de095 !important;
}
.feedly-bg-light:hover, .feedly-bg-light:focus {
  background-color: #68db84 !important;
}

.flattr-bg-light {
  background-color: #fbc295 !important;
}
.flattr-bg-light:hover, .flattr-bg-light:focus {
  background-color: #fab47c !important;
}

.flickr-bg-light {
  background-color: #5da6ff !important;
}
.flickr-bg-light:hover, .flickr-bg-light:focus {
  background-color: #4398ff !important;
}

.flipboard-bg-light {
  background-color: #f19898 !important;
}
.flipboard-bg-light:hover, .flipboard-bg-light:focus {
  background-color: #ed8282 !important;
}

.flixster-bg-light {
  background-color: #7ab0e0 !important;
}
.flixster-bg-light:hover, .flixster-bg-light:focus {
  background-color: #65a4dc !important;
}

.foursquare-bg-light {
  background-color: #3269f6 !important;
}
.foursquare-bg-light:hover, .foursquare-bg-light:focus {
  background-color: #1a57f5 !important;
}

.github-bg-light {
  background-color: #737373 !important;
}
.github-bg-light:hover, .github-bg-light:focus {
  background-color: #666666 !important;
}

.google-bg-light {
  background-color: #bad3fb !important;
}
.google-bg-light:hover, .google-bg-light:focus {
  background-color: #a2c3fa !important;
}

.google-plus-bg-light {
  background-color: #f0b2ad !important;
}
.google-plus-bg-light:hover, .google-plus-bg-light:focus {
  background-color: #ec9e97 !important;
}

.instagram-bg-light {
  background-color: #8ab1cf !important;
}
.instagram-bg-light:hover, .instagram-bg-light:focus {
  background-color: #78a4c8 !important;
}

.kickstarter-bg-light {
  background-color: #99efbc !important;
}
.kickstarter-bg-light:hover, .kickstarter-bg-light:focus {
  background-color: #83ecad !important;
}

.kik-bg-light {
  background-color: #bce679 !important;
}
.kik-bg-light:hover, .kik-bg-light:focus {
  background-color: #b2e263 !important;
}

.lastfm-bg-light {
  background-color: #fa6862 !important;
}
.lastfm-bg-light:hover, .lastfm-bg-light:focus {
  background-color: #f95149 !important;
}

.line-bg-light {
  background-color: #44ff44 !important;
}
.line-bg-light:hover, .line-bg-light:focus {
  background-color: #2aff2a !important;
}

.linkedin-bg-light {
  background-color: #36baff !important;
}
.linkedin-bg-light:hover, .linkedin-bg-light:focus {
  background-color: #1cb1ff !important;
}

.mail-ru-bg-light {
  background-color: #84c5f3 !important;
}
.mail-ru-bg-light:hover, .mail-ru-bg-light:focus {
  background-color: #6dbaf1 !important;
}

.mailchimp-bg-light {
  background-color: #82cde1 !important;
}
.mailchimp-bg-light:hover, .mailchimp-bg-light:focus {
  background-color: #6dc5dc !important;
}

.myspace-bg-light {
  background-color: #404040 !important;
}
.myspace-bg-light:hover, .myspace-bg-light:focus {
  background-color: #333333 !important;
}

.netflix-bg-light {
  background-color: #fa747b !important;
}
.netflix-bg-light:hover, .netflix-bg-light:focus {
  background-color: #f95b63 !important;
}

.ning-bg-light {
  background-color: #b6d898 !important;
}
.ning-bg-light:hover, .ning-bg-light:focus {
  background-color: #a9d186 !important;
}

.path-bg-light {
  background-color: #f7a199 !important;
}
.path-bg-light:hover, .path-bg-light:focus {
  background-color: #f58b82 !important;
}

.patreon-bg-light {
  background-color: #f3a38d !important;
}
.patreon-bg-light:hover, .patreon-bg-light:focus {
  background-color: #f09076 !important;
}

.paypal-bg-light {
  background-color: #0860ff !important;
}
.paypal-bg-light:hover, .paypal-bg-light:focus {
  background-color: #0054ed !important;
}

.photobucket-bg-light {
  background-color: #72d0f6 !important;
}
.photobucket-bg-light:hover, .photobucket-bg-light:focus {
  background-color: #5bc8f4 !important;
}

.pinterest-bg-light {
  background-color: #f74d60 !important;
}
.pinterest-bg-light:hover, .pinterest-bg-light:focus {
  background-color: #f6354a !important;
}

.product-hunt-bg-light {
  background-color: #edad9b !important;
}
.product-hunt-bg-light:hover, .product-hunt-bg-light:focus {
  background-color: #e99c86 !important;
}

.quora-bg-light {
  background-color: #ff5629 !important;
}
.quora-bg-light:hover, .quora-bg-light:focus {
  background-color: #ff420f !important;
}

.rdio-bg-light {
  background-color: #44bcff !important;
}
.rdio-bg-light:hover, .rdio-bg-light:focus {
  background-color: #2ab3ff !important;
}

.reddit-bg-light {
  background-color: #ffa280 !important;
}
.reddit-bg-light:hover, .reddit-bg-light:focus {
  background-color: #ff8f66 !important;
}

.rss-bg-light {
  background-color: #f9b99a !important;
}
.rss-bg-light:hover, .rss-bg-light:focus {
  background-color: #f8a882 !important;
}

.salesforce-bg-light {
  background-color: #6aceed !important;
}
.salesforce-bg-light:hover, .salesforce-bg-light:focus {
  background-color: #53c6eb !important;
}

.scribd-bg-light {
  background-color: #69b7ea !important;
}
.scribd-bg-light:hover, .scribd-bg-light:focus {
  background-color: #53ade7 !important;
}

.shopify-bg-light {
  background-color: #cce0a6 !important;
}
.shopify-bg-light:hover, .shopify-bg-light:focus {
  background-color: #c1d994 !important;
}

.skype-bg-light {
  background-color: #71d8ff !important;
}
.skype-bg-light:hover, .skype-bg-light:focus {
  background-color: #57d2ff !important;
}

.slack-bg-light {
  background-color: #d5f0f5 !important;
}
.slack-bg-light:hover, .slack-bg-light:focus {
  background-color: #c0e8f0 !important;
}

.slideshare-bg-light {
  background-color: #36baff !important;
}
.slideshare-bg-light:hover, .slideshare-bg-light:focus {
  background-color: #1cb1ff !important;
}

.soundcloud-bg-light {
  background-color: #ffc480 !important;
}
.soundcloud-bg-light:hover, .soundcloud-bg-light:focus {
  background-color: #ffb866 !important;
}

.spotify-bg-light {
  background-color: #88e2a3 !important;
}
.spotify-bg-light:hover, .spotify-bg-light:focus {
  background-color: #74dd94 !important;
}

.squarespace-bg-light {
  background-color: #626262 !important;
}
.squarespace-bg-light:hover, .squarespace-bg-light:focus {
  background-color: #555555 !important;
}

.stackoverflow-bg-light {
  background-color: #ffc294 !important;
}
.stackoverflow-bg-light:hover, .stackoverflow-bg-light:focus {
  background-color: #feb47b !important;
}

.stripe-bg-light {
  background-color: #62dcff !important;
}
.stripe-bg-light:hover, .stripe-bg-light:focus {
  background-color: #48d6ff !important;
}

.stumbleupon-bg-light {
  background-color: #f6aa99 !important;
}
.stumbleupon-bg-light:hover, .stumbleupon-bg-light:focus {
  background-color: #f49781 !important;
}

.telegram-bg-light {
  background-color: #4dc4ff !important;
}
.telegram-bg-light:hover, .telegram-bg-light:focus {
  background-color: #33bbff !important;
}

.tumblr-bg-light {
  background-color: #6884a8 !important;
}
.tumblr-bg-light:hover, .tumblr-bg-light:focus {
  background-color: #5a779d !important;
}

.twitch-tv-bg-light {
  background-color: #a992d4 !important;
}
.twitch-tv-bg-light:hover, .twitch-tv-bg-light:focus {
  background-color: #9a7fcd !important;
}

.twitter-bg-light {
  background-color: #c9e5fa !important;
}
.twitter-bg-light:hover, .twitter-bg-light:focus {
  background-color: #b2d9f7 !important;
}

.vimeo-bg-light {
  background-color: #486f6c !important;
}
.vimeo-bg-light:hover, .vimeo-bg-light:focus {
  background-color: #3e605d !important;
}

.vine-bg-light {
  background-color: #35ffce !important;
}
.vine-bg-light:hover, .vine-bg-light:focus {
  background-color: #1bffc7 !important;
}

.wechat-bg-light {
  background-color: #b8df82 !important;
}
.wechat-bg-light:hover, .wechat-bg-light:focus {
  background-color: #acda6d !important;
}

.whatsapp-bg-light {
  background-color: #adeeb4 !important;
}
.whatsapp-bg-light:hover, .whatsapp-bg-light:focus {
  background-color: #97eaa1 !important;
}

.wordpress-bg-light {
  background-color: #5fb6dd !important;
}
.wordpress-bg-light:hover, .wordpress-bg-light:focus {
  background-color: #4aacd8 !important;
}

.yahoo-bg-light {
  background-color: #7c14ff !important;
}
.yahoo-bg-light:hover, .yahoo-bg-light:focus {
  background-color: #6e00f9 !important;
}

.youtube-bg-light {
  background-color: #ec8080 !important;
}
.youtube-bg-light:hover, .youtube-bg-light:focus {
  background-color: #e86a6a !important;
}

.firefox-bg-light {
  background-color: #ffa667 !important;
}
.firefox-bg-light:hover, .firefox-bg-light:focus {
  background-color: #ff974d !important;
}

.chrome-bg-light {
  background-color: #fdde82 !important;
}
.chrome-bg-light:hover, .chrome-bg-light:focus {
  background-color: #fdd769 !important;
}

.edge-bg-light {
  background-color: #80d5ff !important;
}
.edge-bg-light:hover, .edge-bg-light:focus {
  background-color: #66ccff !important;
}

.safari-bg-light {
  background-color: #a4b5e5 !important;
}
.safari-bg-light:hover, .safari-bg-light:focus {
  background-color: #90a5df !important;
}

.opera-bg-light {
  background-color: #f4676c !important;
}
.opera-bg-light:hover, .opera-bg-light:focus {
  background-color: #f24f55 !important;
}

/* colored foreground */
.z500px-fg {
  color: #0099e5 !important;
}
.z500px-fg:hover, .z500px-fg:focus {
  color: #0088cc !important;
}

.about-me-fg {
  color: #00405d !important;
}
.about-me-fg:hover, .about-me-fg:focus {
  color: #002e44 !important;
}

.airbnb-fg {
  color: #fd5c63 !important;
}
.airbnb-fg:hover, .airbnb-fg:focus {
  color: #fd434b !important;
}

.alphabet-fg {
  color: #ed1c24 !important;
}
.alphabet-fg:hover, .alphabet-fg:focus {
  color: #de1219 !important;
}

.amazon-fg {
  color: #ff9900 !important;
}
.amazon-fg:hover, .amazon-fg:focus {
  color: #e68a00 !important;
}

.american-express-fg {
  color: #002663 !important;
}
.american-express-fg:hover, .american-express-fg:focus {
  color: #001c4a !important;
}

.aol-fg {
  color: #ff0b00 !important;
}
.aol-fg:hover, .aol-fg:focus {
  color: #e60a00 !important;
}

.behance-fg {
  color: #1769ff !important;
}
.behance-fg:hover, .behance-fg:focus {
  color: #0059fd !important;
}

.bing-fg {
  color: #ffb900 !important;
}
.bing-fg:hover, .bing-fg:focus {
  color: #e6a700 !important;
}

.bitbucket-fg {
  color: #205081 !important;
}
.bitbucket-fg:hover, .bitbucket-fg:focus {
  color: #1b436d !important;
}

.bitly-fg {
  color: #ee6123 !important;
}
.bitly-fg:hover, .bitly-fg:focus {
  color: #e65312 !important;
}

.blogger-fg {
  color: #f57d00 !important;
}
.blogger-fg:hover, .blogger-fg:focus {
  color: #dc7000 !important;
}

.booking-com-fg {
  color: #003580 !important;
}
.booking-com-fg:hover, .booking-com-fg:focus {
  color: #002a67 !important;
}

.buffer-fg {
  color: #168eea !important;
}
.buffer-fg:hover, .buffer-fg:focus {
  color: #1380d3 !important;
}

.code-school-fg {
  color: #616f67 !important;
}
.code-school-fg:hover, .code-school-fg:focus {
  color: #55615a !important;
}

.codecademy-fg {
  color: #f65a5b !important;
}
.codecademy-fg:hover, .codecademy-fg:focus {
  color: #f54243 !important;
}

.creative-market-fg {
  color: #8ba753 !important;
}
.creative-market-fg:hover, .creative-market-fg:focus {
  color: #7d964b !important;
}

.delicious-fg {
  color: #3399ff !important;
}
.delicious-fg:hover, .delicious-fg:focus {
  color: #1a8cff !important;
}

.deviantart-fg {
  color: #05cc47 !important;
}
.deviantart-fg:hover, .deviantart-fg:focus {
  color: #04b33e !important;
}

.digg-fg {
  color: #005be2 !important;
}
.digg-fg:hover, .digg-fg:focus {
  color: #0051c9 !important;
}

.disqus-fg {
  color: #2e9fff !important;
}
.disqus-fg:hover, .disqus-fg:focus {
  color: #1593ff !important;
}

.django-fg {
  color: #092e20 !important;
}
.django-fg:hover, .django-fg:focus {
  color: #051911 !important;
}

.dribbble-fg {
  color: #ea4c89 !important;
}
.dribbble-fg:hover, .dribbble-fg:focus {
  color: #e7357a !important;
}

.dropbox-fg {
  color: #007ee5 !important;
}
.dropbox-fg:hover, .dropbox-fg:focus {
  color: #0070cc !important;
}

.drupal-fg {
  color: #0077c0 !important;
}
.drupal-fg:hover, .drupal-fg:focus {
  color: #0067a7 !important;
}

.elance-fg {
  color: #0d69af !important;
}
.elance-fg:hover, .elance-fg:focus {
  color: #0b5b97 !important;
}

.envato-fg {
  color: #82b541 !important;
}
.envato-fg:hover, .envato-fg:focus {
  color: #75a23a !important;
}

.etsy-fg {
  color: #d5641c !important;
}
.etsy-fg:hover, .etsy-fg:focus {
  color: #be5919 !important;
}

.facebook-fg {
  color: #3b5998 !important;
}
.facebook-fg:hover, .facebook-fg:focus {
  color: #344e86 !important;
}

.feedly-fg {
  color: #2bb24c !important;
}
.feedly-fg:hover, .feedly-fg:focus {
  color: #269d43 !important;
}

.flattr-fg {
  color: #f67c1a !important;
}
.flattr-fg:hover, .flattr-fg:focus {
  color: #ed6f09 !important;
}

.flickr-fg {
  color: #0063dc !important;
}
.flickr-fg:hover, .flickr-fg:focus {
  color: #0058c3 !important;
}

.flipboard-fg {
  color: #e12828 !important;
}
.flipboard-fg:hover, .flipboard-fg:focus {
  color: #d21d1d !important;
}

.flixster-fg {
  color: #2971b2 !important;
}
.flixster-fg:hover, .flixster-fg:focus {
  color: #24649d !important;
}

.foursquare-fg {
  color: #0732a2 !important;
}
.foursquare-fg:hover, .foursquare-fg:focus {
  color: #062a8a !important;
}

.github-fg {
  color: #333333 !important;
}
.github-fg:hover, .github-fg:focus {
  color: #262626 !important;
}

.google-fg {
  color: #4285f4 !important;
}
.google-fg:hover, .google-fg:focus {
  color: #2a75f3 !important;
}

.google-plus-fg {
  color: #dc4e41 !important;
}
.google-plus-fg:hover, .google-plus-fg:focus {
  color: #d83a2b !important;
}

.instagram-fg {
  color: #3f729b !important;
}
.instagram-fg:hover, .instagram-fg:focus {
  color: #386589 !important;
}

.kickstarter-fg {
  color: #2bde73 !important;
}
.kickstarter-fg:hover, .kickstarter-fg:focus {
  color: #20cf67 !important;
}

.kik-fg {
  color: #82bc23 !important;
}
.kik-fg:hover, .kik-fg:focus {
  color: #73a71f !important;
}

.lastfm-fg {
  color: #d51007 !important;
}
.lastfm-fg:hover, .lastfm-fg:focus {
  color: #bc0e06 !important;
}

.line-fg {
  color: #00c300 !important;
}
.line-fg:hover, .line-fg:focus {
  color: #00aa00 !important;
}

.linkedin-fg {
  color: #0077b5 !important;
}
.linkedin-fg:hover, .linkedin-fg:focus {
  color: #00669c !important;
}

.mail-ru-fg {
  color: #168de2 !important;
}
.mail-ru-fg:hover, .mail-ru-fg:focus {
  color: #147fcb !important;
}

.mailchimp-fg {
  color: #2c9ab7 !important;
}
.mailchimp-fg:hover, .mailchimp-fg:focus {
  color: #2789a2 !important;
}

.myspace-fg {
  color: #000000 !important;
}
.myspace-fg:hover, .myspace-fg:focus {
  color: black !important;
}

.netflix-fg {
  color: #e50914 !important;
}
.netflix-fg:hover, .netflix-fg:focus {
  color: #cc0812 !important;
}

.ning-fg {
  color: #75af42 !important;
}
.ning-fg:hover, .ning-fg:focus {
  color: #699c3b !important;
}

.path-fg {
  color: #ee3423 !important;
}
.path-fg:hover, .path-fg:focus {
  color: #e62412 !important;
}

.patreon-fg {
  color: #e6461a !important;
}
.patreon-fg:hover, .patreon-fg:focus {
  color: #d03f17 !important;
}

.paypal-fg {
  color: #003087 !important;
}
.paypal-fg:hover, .paypal-fg:focus {
  color: #00276e !important;
}

.photobucket-fg {
  color: #0ea0db !important;
}
.photobucket-fg:hover, .photobucket-fg:focus {
  color: #0c8ec3 !important;
}

.pinterest-fg {
  color: #bd081c !important;
}
.pinterest-fg:hover, .pinterest-fg:focus {
  color: #a50718 !important;
}

.product-hunt-fg {
  color: #da552f !important;
}
.product-hunt-fg:hover, .product-hunt-fg:focus {
  color: #cb4924 !important;
}

.quora-fg {
  color: #a82400 !important;
}
.quora-fg:hover, .quora-fg:focus {
  color: #8f1f00 !important;
}

.rdio-fg {
  color: #007dc3 !important;
}
.rdio-fg:hover, .rdio-fg:focus {
  color: #006daa !important;
}

.reddit-fg {
  color: #ff4500 !important;
}
.reddit-fg:hover, .reddit-fg:focus {
  color: #e63e00 !important;
}

.rss-fg {
  color: #f26522 !important;
}
.rss-fg:hover, .rss-fg:focus {
  color: #ed560e !important;
}

.salesforce-fg {
  color: #1798c1 !important;
}
.salesforce-fg:hover, .salesforce-fg:focus {
  color: #1486aa !important;
}

.scribd-fg {
  color: #1a7bba !important;
}
.scribd-fg:hover, .scribd-fg:focus {
  color: #176ca4 !important;
}

.shopify-fg {
  color: #96bf48 !important;
}
.shopify-fg:hover, .shopify-fg:focus {
  color: #89b03e !important;
}

.skype-fg {
  color: #00aff0 !important;
}
.skype-fg:hover, .skype-fg:focus {
  color: #009cd7 !important;
}

.slack-fg {
  color: #6ecadc !important;
}
.slack-fg:hover, .slack-fg:focus {
  color: #59c2d7 !important;
}

.slideshare-fg {
  color: #0077b5 !important;
}
.slideshare-fg:hover, .slideshare-fg:focus {
  color: #00669c !important;
}

.soundcloud-fg {
  color: #ff8800 !important;
}
.soundcloud-fg:hover, .soundcloud-fg:focus {
  color: #e67a00 !important;
}

.spotify-fg {
  color: #2ebd59 !important;
}
.spotify-fg:hover, .spotify-fg:focus {
  color: #29a84f !important;
}

.squarespace-fg {
  color: #222222 !important;
}
.squarespace-fg:hover, .squarespace-fg:focus {
  color: #151515 !important;
}

.stackoverflow-fg {
  color: #fe7a15 !important;
}
.stackoverflow-fg:hover, .stackoverflow-fg:focus {
  color: #f86c01 !important;
}

.stripe-fg {
  color: #00afe1 !important;
}
.stripe-fg:hover, .stripe-fg:focus {
  color: #009bc8 !important;
}

.stumbleupon-fg {
  color: #eb4924 !important;
}
.stumbleupon-fg:hover, .stumbleupon-fg:focus {
  color: #e13b15 !important;
}

.telegram-fg {
  color: #0088cc !important;
}
.telegram-fg:hover, .telegram-fg:focus {
  color: #0077b3 !important;
}

.tumblr-fg {
  color: #35465c !important;
}
.tumblr-fg:hover, .tumblr-fg:focus {
  color: #2c3a4c !important;
}

.twitch-tv-fg {
  color: #6441a5 !important;
}
.twitch-tv-fg:hover, .twitch-tv-fg:focus {
  color: #593a93 !important;
}

.twitter-fg {
  color: #55acee !important;
}
.twitter-fg:hover, .twitter-fg:focus {
  color: #3ea1ec !important;
}

.vimeo-fg {
  color: #162221 !important;
}
.vimeo-fg:hover, .vimeo-fg:focus {
  color: #0c1312 !important;
}

.vine-fg {
  color: #00b488 !important;
}
.vine-fg:hover, .vine-fg:focus {
  color: #009b75 !important;
}

.wechat-fg {
  color: #7bb32e !important;
}
.wechat-fg:hover, .wechat-fg:focus {
  color: #6d9f29 !important;
}

.whatsapp-fg {
  color: #43d854 !important;
}
.whatsapp-fg:hover, .whatsapp-fg:focus {
  color: #2ed441 !important;
}

.wordpress-fg {
  color: #21759b !important;
}
.wordpress-fg:hover, .wordpress-fg:focus {
  color: #1d6586 !important;
}

.yahoo-fg {
  color: #410093 !important;
}
.yahoo-fg:hover, .yahoo-fg:focus {
  color: #36007a !important;
}

.youtube-fg {
  color: #cd201f !important;
}
.youtube-fg:hover, .youtube-fg:focus {
  color: #b71d1c !important;
}

.firefox-fg {
  color: #e66000 !important;
}
.firefox-fg:hover, .firefox-fg:focus {
  color: #cd5500 !important;
}

.chrome-fg {
  color: #fbbc05 !important;
}
.chrome-fg:hover, .chrome-fg:focus {
  color: #e3aa04 !important;
}

.edge-fg {
  color: #00aaff !important;
}
.edge-fg:hover, .edge-fg:focus {
  color: #0099e6 !important;
}

.safari-fg {
  color: #4165c8 !important;
}
.safari-fg:hover, .safari-fg:focus {
  color: #3659ba !important;
}

.opera-fg {
  color: #cc0f16 !important;
}
.opera-fg:hover, .opera-fg:focus {
  color: #b40d13 !important;
}

/* colored foreground light */
.z500px-fg-light {
  color: #66ccff !important;
}
.z500px-fg-light:hover, .z500px-fg-light:focus {
  color: #4cc4ff !important;
}

.about-me-fg-light {
  color: #0098dd !important;
}
.about-me-fg-light:hover, .about-me-fg-light:focus {
  color: #0086c3 !important;
}

.airbnb-fg-light {
  color: #ffdadc !important;
}
.airbnb-fg-light:hover, .airbnb-fg-light:focus {
  color: #fec1c3 !important;
}

.alphabet-fg-light {
  color: #f69296 !important;
}
.alphabet-fg-light:hover, .alphabet-fg-light:focus {
  color: #f47b7f !important;
}

.amazon-fg-light {
  color: #ffcc80 !important;
}
.amazon-fg-light:hover, .amazon-fg-light:focus {
  color: #ffc266 !important;
}

.american-express-fg-light {
  color: #0057e3 !important;
}
.american-express-fg-light:hover, .american-express-fg-light:focus {
  color: #004dc9 !important;
}

.aol-fg-light {
  color: #ff8580 !important;
}
.aol-fg-light:hover, .aol-fg-light:focus {
  color: #ff6d66 !important;
}

.behance-fg-light {
  color: #97bbff !important;
}
.behance-fg-light:hover, .behance-fg-light:focus {
  color: #7dabff !important;
}

.bing-fg-light {
  color: #ffdc80 !important;
}
.bing-fg-light:hover, .bing-fg-light:focus {
  color: #ffd566 !important;
}

.bitbucket-fg-light {
  color: #4e90d3 !important;
}
.bitbucket-fg-light:hover, .bitbucket-fg-light:focus {
  color: #3983ce !important;
}

.bitly-fg-light {
  color: #f7b699 !important;
}
.bitly-fg-light:hover, .bitly-fg-light:focus {
  color: #f5a582 !important;
}

.blogger-fg-light {
  color: #ffbc76 !important;
}
.blogger-fg-light:hover, .blogger-fg-light:focus {
  color: #ffaf5c !important;
}

.booking-com-fg-light {
  color: #016aff !important;
}
.booking-com-fg-light:hover, .booking-com-fg-light:focus {
  color: #005fe6 !important;
}

.buffer-fg-light {
  color: #8bc7f5 !important;
}
.buffer-fg-light:hover, .buffer-fg-light:focus {
  color: #74bbf2 !important;
}

.code-school-fg-light {
  color: #a2aea7 !important;
}
.code-school-fg-light:hover, .code-school-fg-light:focus {
  color: #94a29a !important;
}

.codecademy-fg-light {
  color: #fdd3d3 !important;
}
.codecademy-fg-light:hover, .codecademy-fg-light:focus {
  color: #fbbbbb !important;
}

.creative-market-fg-light {
  color: #c4d3a6 !important;
}
.creative-market-fg-light:hover, .creative-market-fg-light:focus {
  color: #b9cb95 !important;
}

.delicious-fg-light {
  color: #b3d9ff !important;
}
.delicious-fg-light:hover, .delicious-fg-light:focus {
  color: #99ccff !important;
}

.deviantart-fg-light {
  color: #56fb8c !important;
}
.deviantart-fg-light:hover, .deviantart-fg-light:focus {
  color: #3dfa7c !important;
}

.digg-fg-light {
  color: #63a2ff !important;
}
.digg-fg-light:hover, .digg-fg-light:focus {
  color: #4992ff !important;
}

.disqus-fg-light {
  color: #aedaff !important;
}
.disqus-fg-light:hover, .disqus-fg-light:focus {
  color: #94ceff !important;
}

.django-fg-light {
  color: #1e996a !important;
}
.django-fg-light:hover, .django-fg-light:focus {
  color: #1a835b !important;
}

.dribbble-fg-light {
  color: #f7bed4 !important;
}
.dribbble-fg-light:hover, .dribbble-fg-light:focus {
  color: #f5a7c5 !important;
}

.dropbox-fg-light {
  color: #66baff !important;
}
.dropbox-fg-light:hover, .dropbox-fg-light:focus {
  color: #4caeff !important;
}

.drupal-fg-light {
  color: #41b7ff !important;
}
.drupal-fg-light:hover, .drupal-fg-light:focus {
  color: #27adff !important;
}

.elance-fg-light {
  color: #4aa9f2 !important;
}
.elance-fg-light:hover, .elance-fg-light:focus {
  color: #329ef0 !important;
}

.envato-fg-light {
  color: #bfdb9b !important;
}
.envato-fg-light:hover, .envato-fg-light:focus {
  color: #b3d488 !important;
}

.etsy-fg-light {
  color: #efac82 !important;
}
.etsy-fg-light:hover, .etsy-fg-light:focus {
  color: #ec9d6b !important;
}

.facebook-fg-light {
  color: #839ccf !important;
}
.facebook-fg-light:hover, .facebook-fg-light:focus {
  color: #718dc8 !important;
}

.feedly-fg-light {
  color: #7de095 !important;
}
.feedly-fg-light:hover, .feedly-fg-light:focus {
  color: #68db84 !important;
}

.flattr-fg-light {
  color: #fbc295 !important;
}
.flattr-fg-light:hover, .flattr-fg-light:focus {
  color: #fab47c !important;
}

.flickr-fg-light {
  color: #5da6ff !important;
}
.flickr-fg-light:hover, .flickr-fg-light:focus {
  color: #4398ff !important;
}

.flipboard-fg-light {
  color: #f19898 !important;
}
.flipboard-fg-light:hover, .flipboard-fg-light:focus {
  color: #ed8282 !important;
}

.flixster-fg-light {
  color: #7ab0e0 !important;
}
.flixster-fg-light:hover, .flixster-fg-light:focus {
  color: #65a4dc !important;
}

.foursquare-fg-light {
  color: #3269f6 !important;
}
.foursquare-fg-light:hover, .foursquare-fg-light:focus {
  color: #1a57f5 !important;
}

.github-fg-light {
  color: #737373 !important;
}
.github-fg-light:hover, .github-fg-light:focus {
  color: #666666 !important;
}

.google-fg-light {
  color: #bad3fb !important;
}
.google-fg-light:hover, .google-fg-light:focus {
  color: #a2c3fa !important;
}

.google-plus-fg-light {
  color: #f0b2ad !important;
}
.google-plus-fg-light:hover, .google-plus-fg-light:focus {
  color: #ec9e97 !important;
}

.instagram-fg-light {
  color: #8ab1cf !important;
}
.instagram-fg-light:hover, .instagram-fg-light:focus {
  color: #78a4c8 !important;
}

.kickstarter-fg-light {
  color: #99efbc !important;
}
.kickstarter-fg-light:hover, .kickstarter-fg-light:focus {
  color: #83ecad !important;
}

.kik-fg-light {
  color: #bce679 !important;
}
.kik-fg-light:hover, .kik-fg-light:focus {
  color: #b2e263 !important;
}

.lastfm-fg-light {
  color: #fa6862 !important;
}
.lastfm-fg-light:hover, .lastfm-fg-light:focus {
  color: #f95149 !important;
}

.line-fg-light {
  color: #44ff44 !important;
}
.line-fg-light:hover, .line-fg-light:focus {
  color: #2aff2a !important;
}

.linkedin-fg-light {
  color: #36baff !important;
}
.linkedin-fg-light:hover, .linkedin-fg-light:focus {
  color: #1cb1ff !important;
}

.mail-ru-fg-light {
  color: #84c5f3 !important;
}
.mail-ru-fg-light:hover, .mail-ru-fg-light:focus {
  color: #6dbaf1 !important;
}

.mailchimp-fg-light {
  color: #82cde1 !important;
}
.mailchimp-fg-light:hover, .mailchimp-fg-light:focus {
  color: #6dc5dc !important;
}

.myspace-fg-light {
  color: #404040 !important;
}
.myspace-fg-light:hover, .myspace-fg-light:focus {
  color: #333333 !important;
}

.netflix-fg-light {
  color: #fa747b !important;
}
.netflix-fg-light:hover, .netflix-fg-light:focus {
  color: #f95b63 !important;
}

.ning-fg-light {
  color: #b6d898 !important;
}
.ning-fg-light:hover, .ning-fg-light:focus {
  color: #a9d186 !important;
}

.path-fg-light {
  color: #f7a199 !important;
}
.path-fg-light:hover, .path-fg-light:focus {
  color: #f58b82 !important;
}

.patreon-fg-light {
  color: #f3a38d !important;
}
.patreon-fg-light:hover, .patreon-fg-light:focus {
  color: #f09076 !important;
}

.paypal-fg-light {
  color: #0860ff !important;
}
.paypal-fg-light:hover, .paypal-fg-light:focus {
  color: #0054ed !important;
}

.photobucket-fg-light {
  color: #72d0f6 !important;
}
.photobucket-fg-light:hover, .photobucket-fg-light:focus {
  color: #5bc8f4 !important;
}

.pinterest-fg-light {
  color: #f74d60 !important;
}
.pinterest-fg-light:hover, .pinterest-fg-light:focus {
  color: #f6354a !important;
}

.product-hunt-fg-light {
  color: #edad9b !important;
}
.product-hunt-fg-light:hover, .product-hunt-fg-light:focus {
  color: #e99c86 !important;
}

.quora-fg-light {
  color: #ff5629 !important;
}
.quora-fg-light:hover, .quora-fg-light:focus {
  color: #ff420f !important;
}

.rdio-fg-light {
  color: #44bcff !important;
}
.rdio-fg-light:hover, .rdio-fg-light:focus {
  color: #2ab3ff !important;
}

.reddit-fg-light {
  color: #ffa280 !important;
}
.reddit-fg-light:hover, .reddit-fg-light:focus {
  color: #ff8f66 !important;
}

.rss-fg-light {
  color: #f9b99a !important;
}
.rss-fg-light:hover, .rss-fg-light:focus {
  color: #f8a882 !important;
}

.salesforce-fg-light {
  color: #6aceed !important;
}
.salesforce-fg-light:hover, .salesforce-fg-light:focus {
  color: #53c6eb !important;
}

.scribd-fg-light {
  color: #69b7ea !important;
}
.scribd-fg-light:hover, .scribd-fg-light:focus {
  color: #53ade7 !important;
}

.shopify-fg-light {
  color: #cce0a6 !important;
}
.shopify-fg-light:hover, .shopify-fg-light:focus {
  color: #c1d994 !important;
}

.skype-fg-light {
  color: #71d8ff !important;
}
.skype-fg-light:hover, .skype-fg-light:focus {
  color: #57d2ff !important;
}

.slack-fg-light {
  color: #d5f0f5 !important;
}
.slack-fg-light:hover, .slack-fg-light:focus {
  color: #c0e8f0 !important;
}

.slideshare-fg-light {
  color: #36baff !important;
}
.slideshare-fg-light:hover, .slideshare-fg-light:focus {
  color: #1cb1ff !important;
}

.soundcloud-fg-light {
  color: #ffc480 !important;
}
.soundcloud-fg-light:hover, .soundcloud-fg-light:focus {
  color: #ffb866 !important;
}

.spotify-fg-light {
  color: #88e2a3 !important;
}
.spotify-fg-light:hover, .spotify-fg-light:focus {
  color: #74dd94 !important;
}

.squarespace-fg-light {
  color: #626262 !important;
}
.squarespace-fg-light:hover, .squarespace-fg-light:focus {
  color: #555555 !important;
}

.stackoverflow-fg-light {
  color: #ffc294 !important;
}
.stackoverflow-fg-light:hover, .stackoverflow-fg-light:focus {
  color: #feb47b !important;
}

.stripe-fg-light {
  color: #62dcff !important;
}
.stripe-fg-light:hover, .stripe-fg-light:focus {
  color: #48d6ff !important;
}

.stumbleupon-fg-light {
  color: #f6aa99 !important;
}
.stumbleupon-fg-light:hover, .stumbleupon-fg-light:focus {
  color: #f49781 !important;
}

.telegram-fg-light {
  color: #4dc4ff !important;
}
.telegram-fg-light:hover, .telegram-fg-light:focus {
  color: #33bbff !important;
}

.tumblr-fg-light {
  color: #6884a8 !important;
}
.tumblr-fg-light:hover, .tumblr-fg-light:focus {
  color: #5a779d !important;
}

.twitch-tv-fg-light {
  color: #a992d4 !important;
}
.twitch-tv-fg-light:hover, .twitch-tv-fg-light:focus {
  color: #9a7fcd !important;
}

.twitter-fg-light {
  color: #c9e5fa !important;
}
.twitter-fg-light:hover, .twitter-fg-light:focus {
  color: #b2d9f7 !important;
}

.vimeo-fg-light {
  color: #486f6c !important;
}
.vimeo-fg-light:hover, .vimeo-fg-light:focus {
  color: #3e605d !important;
}

.vine-fg-light {
  color: #35ffce !important;
}
.vine-fg-light:hover, .vine-fg-light:focus {
  color: #1bffc7 !important;
}

.wechat-fg-light {
  color: #b8df82 !important;
}
.wechat-fg-light:hover, .wechat-fg-light:focus {
  color: #acda6d !important;
}

.whatsapp-fg-light {
  color: #adeeb4 !important;
}
.whatsapp-fg-light:hover, .whatsapp-fg-light:focus {
  color: #97eaa1 !important;
}

.wordpress-fg-light {
  color: #5fb6dd !important;
}
.wordpress-fg-light:hover, .wordpress-fg-light:focus {
  color: #4aacd8 !important;
}

.yahoo-fg-light {
  color: #7c14ff !important;
}
.yahoo-fg-light:hover, .yahoo-fg-light:focus {
  color: #6e00f9 !important;
}

.youtube-fg-light {
  color: #ec8080 !important;
}
.youtube-fg-light:hover, .youtube-fg-light:focus {
  color: #e86a6a !important;
}

.firefox-fg-light {
  color: #ffa667 !important;
}
.firefox-fg-light:hover, .firefox-fg-light:focus {
  color: #ff974d !important;
}

.chrome-fg-light {
  color: #fdde82 !important;
}
.chrome-fg-light:hover, .chrome-fg-light:focus {
  color: #fdd769 !important;
}

.edge-fg-light {
  color: #80d5ff !important;
}
.edge-fg-light:hover, .edge-fg-light:focus {
  color: #66ccff !important;
}

.safari-fg-light {
  color: #a4b5e5 !important;
}
.safari-fg-light:hover, .safari-fg-light:focus {
  color: #90a5df !important;
}

.opera-fg-light {
  color: #f4676c !important;
}
.opera-fg-light:hover, .opera-fg-light:focus {
  color: #f24f55 !important;
}

.btn-z500px {
  background-color: #0099e5;
  border-color: #008fd6;
  color: #fff;
}
.btn-z500px:hover, .btn-z500px:focus {
  background-color: #0077b2;
  border-color: #0077b2;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 153, 229, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 153, 229, 0.25);
}
.btn-z500px:active, .btn-z500px:active:hover, .btn-z500px:active:focus, .btn-z500px.active, .btn-z500px.active:hover, .btn-z500px.active:focus {
  background-color: #008fd6;
  border-color: #008fd6;
  color: #fff;
}
.btn-z500px .disabled.focus, .btn-z500px .disabled:focus, .btn-z500px .disabled:hover, .btn-z500px[disabled].focus, .btn-z500px[disabled]:focus, .btn-z500px[disabled]:hover {
  background-color: #0099e5;
  border-color: #008fd6;
  color: #fff;
}

.btn-about-me {
  background-color: #00405d;
  border-color: #00354e;
  color: #fff;
}
.btn-about-me:hover, .btn-about-me:focus {
  background-color: #001d2a;
  border-color: #001d2a;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.25);
}
.btn-about-me:active, .btn-about-me:active:hover, .btn-about-me:active:focus, .btn-about-me.active, .btn-about-me.active:hover, .btn-about-me.active:focus {
  background-color: #00354e;
  border-color: #00354e;
  color: #fff;
}
.btn-about-me .disabled.focus, .btn-about-me .disabled:focus, .btn-about-me .disabled:hover, .btn-about-me[disabled].focus, .btn-about-me[disabled]:focus, .btn-about-me[disabled]:hover {
  background-color: #00405d;
  border-color: #00354e;
  color: #fff;
}

.btn-airbnb {
  background-color: #fd5c63;
  border-color: #fd4d55;
  color: #fff;
}
.btn-airbnb:hover, .btn-airbnb:focus {
  background-color: #fc2a33;
  border-color: #fc2a33;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 92, 99, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(253, 92, 99, 0.25);
}
.btn-airbnb:active, .btn-airbnb:active:hover, .btn-airbnb:active:focus, .btn-airbnb.active, .btn-airbnb.active:hover, .btn-airbnb.active:focus {
  background-color: #fd4d55;
  border-color: #fd4d55;
  color: #fff;
}
.btn-airbnb .disabled.focus, .btn-airbnb .disabled:focus, .btn-airbnb .disabled:hover, .btn-airbnb[disabled].focus, .btn-airbnb[disabled]:focus, .btn-airbnb[disabled]:hover {
  background-color: #fd5c63;
  border-color: #fd4d55;
  color: #fff;
}

.btn-alphabet {
  background-color: #ed1c24;
  border-color: #e7121a;
  color: #fff;
}
.btn-alphabet:hover, .btn-alphabet:focus {
  background-color: #c61017;
  border-color: #c61017;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(237, 28, 36, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(237, 28, 36, 0.25);
}
.btn-alphabet:active, .btn-alphabet:active:hover, .btn-alphabet:active:focus, .btn-alphabet.active, .btn-alphabet.active:hover, .btn-alphabet.active:focus {
  background-color: #e7121a;
  border-color: #e7121a;
  color: #fff;
}
.btn-alphabet .disabled.focus, .btn-alphabet .disabled:focus, .btn-alphabet .disabled:hover, .btn-alphabet[disabled].focus, .btn-alphabet[disabled]:focus, .btn-alphabet[disabled]:hover {
  background-color: #ed1c24;
  border-color: #e7121a;
  color: #fff;
}

.btn-amazon {
  background-color: #ff9900;
  border-color: #f09000;
  color: #fff;
}
.btn-amazon:hover, .btn-amazon:focus {
  background-color: #cc7a00;
  border-color: #cc7a00;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 153, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 153, 0, 0.25);
}
.btn-amazon:active, .btn-amazon:active:hover, .btn-amazon:active:focus, .btn-amazon.active, .btn-amazon.active:hover, .btn-amazon.active:focus {
  background-color: #f09000;
  border-color: #f09000;
  color: #fff;
}
.btn-amazon .disabled.focus, .btn-amazon .disabled:focus, .btn-amazon .disabled:hover, .btn-amazon[disabled].focus, .btn-amazon[disabled]:focus, .btn-amazon[disabled]:hover {
  background-color: #ff9900;
  border-color: #f09000;
  color: #fff;
}

.btn-american-express {
  background-color: #002663;
  border-color: #002054;
  color: #fff;
}
.btn-american-express:hover, .btn-american-express:focus {
  background-color: #001230;
  border-color: #001230;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 38, 99, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 38, 99, 0.25);
}
.btn-american-express:active, .btn-american-express:active:hover, .btn-american-express:active:focus, .btn-american-express.active, .btn-american-express.active:hover, .btn-american-express.active:focus {
  background-color: #002054;
  border-color: #002054;
  color: #fff;
}
.btn-american-express .disabled.focus, .btn-american-express .disabled:focus, .btn-american-express .disabled:hover, .btn-american-express[disabled].focus, .btn-american-express[disabled]:focus, .btn-american-express[disabled]:hover {
  background-color: #002663;
  border-color: #002054;
  color: #fff;
}

.btn-aol {
  background-color: #ff0b00;
  border-color: #f00a00;
  color: #fff;
}
.btn-aol:hover, .btn-aol:focus {
  background-color: #cc0900;
  border-color: #cc0900;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 11, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 11, 0, 0.25);
}
.btn-aol:active, .btn-aol:active:hover, .btn-aol:active:focus, .btn-aol.active, .btn-aol.active:hover, .btn-aol.active:focus {
  background-color: #f00a00;
  border-color: #f00a00;
  color: #fff;
}
.btn-aol .disabled.focus, .btn-aol .disabled:focus, .btn-aol .disabled:hover, .btn-aol[disabled].focus, .btn-aol[disabled]:focus, .btn-aol[disabled]:hover {
  background-color: #ff0b00;
  border-color: #f00a00;
  color: #fff;
}

.btn-behance {
  background-color: #1769ff;
  border-color: #085fff;
  color: #fff;
}
.btn-behance:hover, .btn-behance:focus {
  background-color: #0050e3;
  border-color: #0050e3;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.25);
}
.btn-behance:active, .btn-behance:active:hover, .btn-behance:active:focus, .btn-behance.active, .btn-behance.active:hover, .btn-behance.active:focus {
  background-color: #085fff;
  border-color: #085fff;
  color: #fff;
}
.btn-behance .disabled.focus, .btn-behance .disabled:focus, .btn-behance .disabled:hover, .btn-behance[disabled].focus, .btn-behance[disabled]:focus, .btn-behance[disabled]:hover {
  background-color: #1769ff;
  border-color: #085fff;
  color: #fff;
}

.btn-bing {
  background-color: #ffb900;
  border-color: #f0ae00;
  color: #fff;
}
.btn-bing:hover, .btn-bing:focus {
  background-color: #cc9400;
  border-color: #cc9400;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 185, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 185, 0, 0.25);
}
.btn-bing:active, .btn-bing:active:hover, .btn-bing:active:focus, .btn-bing.active, .btn-bing.active:hover, .btn-bing.active:focus {
  background-color: #f0ae00;
  border-color: #f0ae00;
  color: #fff;
}
.btn-bing .disabled.focus, .btn-bing .disabled:focus, .btn-bing .disabled:hover, .btn-bing[disabled].focus, .btn-bing[disabled]:focus, .btn-bing[disabled]:hover {
  background-color: #ffb900;
  border-color: #f0ae00;
  color: #fff;
}

.btn-bitbucket {
  background-color: #205081;
  border-color: #1d4875;
  color: #fff;
}
.btn-bitbucket:hover, .btn-bitbucket:focus {
  background-color: #163758;
  border-color: #163758;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(32, 80, 129, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(32, 80, 129, 0.25);
}
.btn-bitbucket:active, .btn-bitbucket:active:hover, .btn-bitbucket:active:focus, .btn-bitbucket.active, .btn-bitbucket.active:hover, .btn-bitbucket.active:focus {
  background-color: #1d4875;
  border-color: #1d4875;
  color: #fff;
}
.btn-bitbucket .disabled.focus, .btn-bitbucket .disabled:focus, .btn-bitbucket .disabled:hover, .btn-bitbucket[disabled].focus, .btn-bitbucket[disabled]:focus, .btn-bitbucket[disabled]:hover {
  background-color: #205081;
  border-color: #1d4875;
  color: #fff;
}

.btn-bitly {
  background-color: #ee6123;
  border-color: #ed5715;
  color: #fff;
}
.btn-bitly:hover, .btn-bitly:focus {
  background-color: #ce4a10;
  border-color: #ce4a10;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(238, 97, 35, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(238, 97, 35, 0.25);
}
.btn-bitly:active, .btn-bitly:active:hover, .btn-bitly:active:focus, .btn-bitly.active, .btn-bitly.active:hover, .btn-bitly.active:focus {
  background-color: #ed5715;
  border-color: #ed5715;
  color: #fff;
}
.btn-bitly .disabled.focus, .btn-bitly .disabled:focus, .btn-bitly .disabled:hover, .btn-bitly[disabled].focus, .btn-bitly[disabled]:focus, .btn-bitly[disabled]:hover {
  background-color: #ee6123;
  border-color: #ed5715;
  color: #fff;
}

.btn-blogger {
  background-color: #f57d00;
  border-color: #e67500;
  color: #fff;
}
.btn-blogger:hover, .btn-blogger:focus {
  background-color: #c26300;
  border-color: #c26300;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(245, 125, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(245, 125, 0, 0.25);
}
.btn-blogger:active, .btn-blogger:active:hover, .btn-blogger:active:focus, .btn-blogger.active, .btn-blogger.active:hover, .btn-blogger.active:focus {
  background-color: #e67500;
  border-color: #e67500;
  color: #fff;
}
.btn-blogger .disabled.focus, .btn-blogger .disabled:focus, .btn-blogger .disabled:hover, .btn-blogger[disabled].focus, .btn-blogger[disabled]:focus, .btn-blogger[disabled]:hover {
  background-color: #f57d00;
  border-color: #e67500;
  color: #fff;
}

.btn-booking-com {
  background-color: #003580;
  border-color: #002f71;
  color: #fff;
}
.btn-booking-com:hover, .btn-booking-com:focus {
  background-color: #00204d;
  border-color: #00204d;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 53, 128, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 53, 128, 0.25);
}
.btn-booking-com:active, .btn-booking-com:active:hover, .btn-booking-com:active:focus, .btn-booking-com.active, .btn-booking-com.active:hover, .btn-booking-com.active:focus {
  background-color: #002f71;
  border-color: #002f71;
  color: #fff;
}
.btn-booking-com .disabled.focus, .btn-booking-com .disabled:focus, .btn-booking-com .disabled:hover, .btn-booking-com[disabled].focus, .btn-booking-com[disabled]:focus, .btn-booking-com[disabled]:hover {
  background-color: #003580;
  border-color: #002f71;
  color: #fff;
}

.btn-buffer {
  background-color: #168eea;
  border-color: #1486dd;
  color: #fff;
}
.btn-buffer:hover, .btn-buffer:focus {
  background-color: #1172bc;
  border-color: #1172bc;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(22, 142, 234, 0.25);
}
.btn-buffer:active, .btn-buffer:active:hover, .btn-buffer:active:focus, .btn-buffer.active, .btn-buffer.active:hover, .btn-buffer.active:focus {
  background-color: #1486dd;
  border-color: #1486dd;
  color: #fff;
}
.btn-buffer .disabled.focus, .btn-buffer .disabled:focus, .btn-buffer .disabled:hover, .btn-buffer[disabled].focus, .btn-buffer[disabled]:focus, .btn-buffer[disabled]:hover {
  background-color: #168eea;
  border-color: #1486dd;
  color: #fff;
}

.btn-code-school {
  background-color: #616f67;
  border-color: #5a675f;
  color: #fff;
}
.btn-code-school:hover, .btn-code-school:focus {
  background-color: #49544e;
  border-color: #49544e;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(97, 111, 103, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(97, 111, 103, 0.25);
}
.btn-code-school:active, .btn-code-school:active:hover, .btn-code-school:active:focus, .btn-code-school.active, .btn-code-school.active:hover, .btn-code-school.active:focus {
  background-color: #5a675f;
  border-color: #5a675f;
  color: #fff;
}
.btn-code-school .disabled.focus, .btn-code-school .disabled:focus, .btn-code-school .disabled:hover, .btn-code-school[disabled].focus, .btn-code-school[disabled]:focus, .btn-code-school[disabled]:hover {
  background-color: #616f67;
  border-color: #5a675f;
  color: #fff;
}

.btn-codecademy {
  background-color: #f65a5b;
  border-color: #f54b4d;
  color: #fff;
}
.btn-codecademy:hover, .btn-codecademy:focus {
  background-color: #f32a2b;
  border-color: #f32a2b;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 90, 91, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(246, 90, 91, 0.25);
}
.btn-codecademy:active, .btn-codecademy:active:hover, .btn-codecademy:active:focus, .btn-codecademy.active, .btn-codecademy.active:hover, .btn-codecademy.active:focus {
  background-color: #f54b4d;
  border-color: #f54b4d;
  color: #fff;
}
.btn-codecademy .disabled.focus, .btn-codecademy .disabled:focus, .btn-codecademy .disabled:hover, .btn-codecademy[disabled].focus, .btn-codecademy[disabled]:focus, .btn-codecademy[disabled]:hover {
  background-color: #f65a5b;
  border-color: #f54b4d;
  color: #fff;
}

.btn-creative-market {
  background-color: #8ba753;
  border-color: #829d4e;
  color: #fff;
}
.btn-creative-market:hover, .btn-creative-market:focus {
  background-color: #6f8542;
  border-color: #6f8542;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(139, 167, 83, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(139, 167, 83, 0.25);
}
.btn-creative-market:active, .btn-creative-market:active:hover, .btn-creative-market:active:focus, .btn-creative-market.active, .btn-creative-market.active:hover, .btn-creative-market.active:focus {
  background-color: #829d4e;
  border-color: #829d4e;
  color: #fff;
}
.btn-creative-market .disabled.focus, .btn-creative-market .disabled:focus, .btn-creative-market .disabled:hover, .btn-creative-market[disabled].focus, .btn-creative-market[disabled]:focus, .btn-creative-market[disabled]:hover {
  background-color: #8ba753;
  border-color: #829d4e;
  color: #fff;
}

.btn-delicious {
  background-color: #3399ff;
  border-color: #2491ff;
  color: #fff;
}
.btn-delicious:hover, .btn-delicious:focus {
  background-color: #0080ff;
  border-color: #0080ff;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 153, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(51, 153, 255, 0.25);
}
.btn-delicious:active, .btn-delicious:active:hover, .btn-delicious:active:focus, .btn-delicious.active, .btn-delicious.active:hover, .btn-delicious.active:focus {
  background-color: #2491ff;
  border-color: #2491ff;
  color: #fff;
}
.btn-delicious .disabled.focus, .btn-delicious .disabled:focus, .btn-delicious .disabled:hover, .btn-delicious[disabled].focus, .btn-delicious[disabled]:focus, .btn-delicious[disabled]:hover {
  background-color: #3399ff;
  border-color: #2491ff;
  color: #fff;
}

.btn-deviantart {
  background-color: #05cc47;
  border-color: #05bd42;
  color: #fff;
}
.btn-deviantart:hover, .btn-deviantart:focus {
  background-color: #049a36;
  border-color: #049a36;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(5, 204, 71, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(5, 204, 71, 0.25);
}
.btn-deviantart:active, .btn-deviantart:active:hover, .btn-deviantart:active:focus, .btn-deviantart.active, .btn-deviantart.active:hover, .btn-deviantart.active:focus {
  background-color: #05bd42;
  border-color: #05bd42;
  color: #fff;
}
.btn-deviantart .disabled.focus, .btn-deviantart .disabled:focus, .btn-deviantart .disabled:hover, .btn-deviantart[disabled].focus, .btn-deviantart[disabled]:focus, .btn-deviantart[disabled]:hover {
  background-color: #05cc47;
  border-color: #05bd42;
  color: #fff;
}

.btn-digg {
  background-color: #005be2;
  border-color: #0055d3;
  color: #fff;
}
.btn-digg:hover, .btn-digg:focus {
  background-color: #0046af;
  border-color: #0046af;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 91, 226, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 91, 226, 0.25);
}
.btn-digg:active, .btn-digg:active:hover, .btn-digg:active:focus, .btn-digg.active, .btn-digg.active:hover, .btn-digg.active:focus {
  background-color: #0055d3;
  border-color: #0055d3;
  color: #fff;
}
.btn-digg .disabled.focus, .btn-digg .disabled:focus, .btn-digg .disabled:hover, .btn-digg[disabled].focus, .btn-digg[disabled]:focus, .btn-digg[disabled]:hover {
  background-color: #005be2;
  border-color: #0055d3;
  color: #fff;
}

.btn-disqus {
  background-color: #2e9fff;
  border-color: #1f98ff;
  color: #fff;
}
.btn-disqus:hover, .btn-disqus:focus {
  background-color: #0087fa;
  border-color: #0087fa;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(46, 159, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(46, 159, 255, 0.25);
}
.btn-disqus:active, .btn-disqus:active:hover, .btn-disqus:active:focus, .btn-disqus.active, .btn-disqus.active:hover, .btn-disqus.active:focus {
  background-color: #1f98ff;
  border-color: #1f98ff;
  color: #fff;
}
.btn-disqus .disabled.focus, .btn-disqus .disabled:focus, .btn-disqus .disabled:hover, .btn-disqus[disabled].focus, .btn-disqus[disabled]:focus, .btn-disqus[disabled]:hover {
  background-color: #2e9fff;
  border-color: #1f98ff;
  color: #fff;
}

.btn-django {
  background-color: #092e20;
  border-color: #062117;
  color: #fff;
}
.btn-django:hover, .btn-django:focus {
  background-color: #010302;
  border-color: #010302;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(9, 46, 32, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(9, 46, 32, 0.25);
}
.btn-django:active, .btn-django:active:hover, .btn-django:active:focus, .btn-django.active, .btn-django.active:hover, .btn-django.active:focus {
  background-color: #062117;
  border-color: #062117;
  color: #fff;
}
.btn-django .disabled.focus, .btn-django .disabled:focus, .btn-django .disabled:hover, .btn-django[disabled].focus, .btn-django[disabled]:focus, .btn-django[disabled]:hover {
  background-color: #092e20;
  border-color: #062117;
  color: #fff;
}

.btn-dribbble {
  background-color: #ea4c89;
  border-color: #e83e80;
  color: #fff;
}
.btn-dribbble:hover, .btn-dribbble:focus {
  background-color: #e51e6b;
  border-color: #e51e6b;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.25);
}
.btn-dribbble:active, .btn-dribbble:active:hover, .btn-dribbble:active:focus, .btn-dribbble.active, .btn-dribbble.active:hover, .btn-dribbble.active:focus {
  background-color: #e83e80;
  border-color: #e83e80;
  color: #fff;
}
.btn-dribbble .disabled.focus, .btn-dribbble .disabled:focus, .btn-dribbble .disabled:hover, .btn-dribbble[disabled].focus, .btn-dribbble[disabled]:focus, .btn-dribbble[disabled]:hover {
  background-color: #ea4c89;
  border-color: #e83e80;
  color: #fff;
}

.btn-dropbox {
  background-color: #007ee5;
  border-color: #0076d6;
  color: #fff;
}
.btn-dropbox:hover, .btn-dropbox:focus {
  background-color: #0062b2;
  border-color: #0062b2;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 126, 229, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 126, 229, 0.25);
}
.btn-dropbox:active, .btn-dropbox:active:hover, .btn-dropbox:active:focus, .btn-dropbox.active, .btn-dropbox.active:hover, .btn-dropbox.active:focus {
  background-color: #0076d6;
  border-color: #0076d6;
  color: #fff;
}
.btn-dropbox .disabled.focus, .btn-dropbox .disabled:focus, .btn-dropbox .disabled:hover, .btn-dropbox[disabled].focus, .btn-dropbox[disabled]:focus, .btn-dropbox[disabled]:hover {
  background-color: #007ee5;
  border-color: #0076d6;
  color: #fff;
}

.btn-drupal {
  background-color: #0077c0;
  border-color: #006eb1;
  color: #fff;
}
.btn-drupal:hover, .btn-drupal:focus {
  background-color: #00578d;
  border-color: #00578d;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 119, 192, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 119, 192, 0.25);
}
.btn-drupal:active, .btn-drupal:active:hover, .btn-drupal:active:focus, .btn-drupal.active, .btn-drupal.active:hover, .btn-drupal.active:focus {
  background-color: #006eb1;
  border-color: #006eb1;
  color: #fff;
}
.btn-drupal .disabled.focus, .btn-drupal .disabled:focus, .btn-drupal .disabled:hover, .btn-drupal[disabled].focus, .btn-drupal[disabled]:focus, .btn-drupal[disabled]:hover {
  background-color: #0077c0;
  border-color: #006eb1;
  color: #fff;
}

.btn-elance {
  background-color: #0d69af;
  border-color: #0c60a1;
  color: #fff;
}
.btn-elance:hover, .btn-elance:focus {
  background-color: #094d80;
  border-color: #094d80;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(13, 105, 175, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(13, 105, 175, 0.25);
}
.btn-elance:active, .btn-elance:active:hover, .btn-elance:active:focus, .btn-elance.active, .btn-elance.active:hover, .btn-elance.active:focus {
  background-color: #0c60a1;
  border-color: #0c60a1;
  color: #fff;
}
.btn-elance .disabled.focus, .btn-elance .disabled:focus, .btn-elance .disabled:hover, .btn-elance[disabled].focus, .btn-elance[disabled]:focus, .btn-elance[disabled]:hover {
  background-color: #0d69af;
  border-color: #0c60a1;
  color: #fff;
}

.btn-envato {
  background-color: #82b541;
  border-color: #7aaa3d;
  color: #fff;
}
.btn-envato:hover, .btn-envato:focus {
  background-color: #678f34;
  border-color: #678f34;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 181, 65, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(130, 181, 65, 0.25);
}
.btn-envato:active, .btn-envato:active:hover, .btn-envato:active:focus, .btn-envato.active, .btn-envato.active:hover, .btn-envato.active:focus {
  background-color: #7aaa3d;
  border-color: #7aaa3d;
  color: #fff;
}
.btn-envato .disabled.focus, .btn-envato .disabled:focus, .btn-envato .disabled:hover, .btn-envato[disabled].focus, .btn-envato[disabled]:focus, .btn-envato[disabled]:hover {
  background-color: #82b541;
  border-color: #7aaa3d;
  color: #fff;
}

.btn-etsy {
  background-color: #d5641c;
  border-color: #c75e1a;
  color: #fff;
}
.btn-etsy:hover, .btn-etsy:focus {
  background-color: #a84f16;
  border-color: #a84f16;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(213, 100, 28, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(213, 100, 28, 0.25);
}
.btn-etsy:active, .btn-etsy:active:hover, .btn-etsy:active:focus, .btn-etsy.active, .btn-etsy.active:hover, .btn-etsy.active:focus {
  background-color: #c75e1a;
  border-color: #c75e1a;
  color: #fff;
}
.btn-etsy .disabled.focus, .btn-etsy .disabled:focus, .btn-etsy .disabled:hover, .btn-etsy[disabled].focus, .btn-etsy[disabled]:focus, .btn-etsy[disabled]:hover {
  background-color: #d5641c;
  border-color: #c75e1a;
  color: #fff;
}

.btn-facebook {
  background-color: #3b5998;
  border-color: #37538d;
  color: #fff;
}
.btn-facebook:hover, .btn-facebook:focus {
  background-color: #2d4373;
  border-color: #2d4373;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.25);
}
.btn-facebook:active, .btn-facebook:active:hover, .btn-facebook:active:focus, .btn-facebook.active, .btn-facebook.active:hover, .btn-facebook.active:focus {
  background-color: #37538d;
  border-color: #37538d;
  color: #fff;
}
.btn-facebook .disabled.focus, .btn-facebook .disabled:focus, .btn-facebook .disabled:hover, .btn-facebook[disabled].focus, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:hover {
  background-color: #3b5998;
  border-color: #37538d;
  color: #fff;
}

.btn-feedly {
  background-color: #2bb24c;
  border-color: #28a647;
  color: #fff;
}
.btn-feedly:hover, .btn-feedly:focus {
  background-color: #21893a;
  border-color: #21893a;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 178, 76, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(43, 178, 76, 0.25);
}
.btn-feedly:active, .btn-feedly:active:hover, .btn-feedly:active:focus, .btn-feedly.active, .btn-feedly.active:hover, .btn-feedly.active:focus {
  background-color: #28a647;
  border-color: #28a647;
  color: #fff;
}
.btn-feedly .disabled.focus, .btn-feedly .disabled:focus, .btn-feedly .disabled:hover, .btn-feedly[disabled].focus, .btn-feedly[disabled]:focus, .btn-feedly[disabled]:hover {
  background-color: #2bb24c;
  border-color: #28a647;
  color: #fff;
}

.btn-flattr {
  background-color: #f67c1a;
  border-color: #f5740b;
  color: #fff;
}
.btn-flattr:hover, .btn-flattr:focus {
  background-color: #d56308;
  border-color: #d56308;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 124, 26, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(246, 124, 26, 0.25);
}
.btn-flattr:active, .btn-flattr:active:hover, .btn-flattr:active:focus, .btn-flattr.active, .btn-flattr.active:hover, .btn-flattr.active:focus {
  background-color: #f5740b;
  border-color: #f5740b;
  color: #fff;
}
.btn-flattr .disabled.focus, .btn-flattr .disabled:focus, .btn-flattr .disabled:hover, .btn-flattr[disabled].focus, .btn-flattr[disabled]:focus, .btn-flattr[disabled]:hover {
  background-color: #f67c1a;
  border-color: #f5740b;
  color: #fff;
}

.btn-flickr {
  background-color: #0063dc;
  border-color: #005ccd;
  color: #fff;
}
.btn-flickr:hover, .btn-flickr:focus {
  background-color: #004ca9;
  border-color: #004ca9;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 99, 220, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 99, 220, 0.25);
}
.btn-flickr:active, .btn-flickr:active:hover, .btn-flickr:active:focus, .btn-flickr.active, .btn-flickr.active:hover, .btn-flickr.active:focus {
  background-color: #005ccd;
  border-color: #005ccd;
  color: #fff;
}
.btn-flickr .disabled.focus, .btn-flickr .disabled:focus, .btn-flickr .disabled:hover, .btn-flickr[disabled].focus, .btn-flickr[disabled]:focus, .btn-flickr[disabled]:hover {
  background-color: #0063dc;
  border-color: #005ccd;
  color: #fff;
}

.btn-flipboard {
  background-color: #e12828;
  border-color: #db1f1f;
  color: #fff;
}
.btn-flipboard:hover, .btn-flipboard:focus {
  background-color: #bc1a1a;
  border-color: #bc1a1a;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 40, 40, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(225, 40, 40, 0.25);
}
.btn-flipboard:active, .btn-flipboard:active:hover, .btn-flipboard:active:focus, .btn-flipboard.active, .btn-flipboard.active:hover, .btn-flipboard.active:focus {
  background-color: #db1f1f;
  border-color: #db1f1f;
  color: #fff;
}
.btn-flipboard .disabled.focus, .btn-flipboard .disabled:focus, .btn-flipboard .disabled:hover, .btn-flipboard[disabled].focus, .btn-flipboard[disabled]:focus, .btn-flipboard[disabled]:hover {
  background-color: #e12828;
  border-color: #db1f1f;
  color: #fff;
}

.btn-flixster {
  background-color: #2971b2;
  border-color: #2669a6;
  color: #fff;
}
.btn-flixster:hover, .btn-flixster:focus {
  background-color: #1f5789;
  border-color: #1f5789;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(41, 113, 178, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(41, 113, 178, 0.25);
}
.btn-flixster:active, .btn-flixster:active:hover, .btn-flixster:active:focus, .btn-flixster.active, .btn-flixster.active:hover, .btn-flixster.active:focus {
  background-color: #2669a6;
  border-color: #2669a6;
  color: #fff;
}
.btn-flixster .disabled.focus, .btn-flixster .disabled:focus, .btn-flixster .disabled:hover, .btn-flixster[disabled].focus, .btn-flixster[disabled]:focus, .btn-flixster[disabled]:hover {
  background-color: #2971b2;
  border-color: #2669a6;
  color: #fff;
}

.btn-foursquare {
  background-color: #0732a2;
  border-color: #062d93;
  color: #fff;
}
.btn-foursquare:hover, .btn-foursquare:focus {
  background-color: #052371;
  border-color: #052371;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(7, 50, 162, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(7, 50, 162, 0.25);
}
.btn-foursquare:active, .btn-foursquare:active:hover, .btn-foursquare:active:focus, .btn-foursquare.active, .btn-foursquare.active:hover, .btn-foursquare.active:focus {
  background-color: #062d93;
  border-color: #062d93;
  color: #fff;
}
.btn-foursquare .disabled.focus, .btn-foursquare .disabled:focus, .btn-foursquare .disabled:hover, .btn-foursquare[disabled].focus, .btn-foursquare[disabled]:focus, .btn-foursquare[disabled]:hover {
  background-color: #0732a2;
  border-color: #062d93;
  color: #fff;
}

.btn-github {
  background-color: #333333;
  border-color: #2b2b2b;
  color: #fff;
}
.btn-github:hover, .btn-github:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.25);
}
.btn-github:active, .btn-github:active:hover, .btn-github:active:focus, .btn-github.active, .btn-github.active:hover, .btn-github.active:focus {
  background-color: #2b2b2b;
  border-color: #2b2b2b;
  color: #fff;
}
.btn-github .disabled.focus, .btn-github .disabled:focus, .btn-github .disabled:hover, .btn-github[disabled].focus, .btn-github[disabled]:focus, .btn-github[disabled]:hover {
  background-color: #333333;
  border-color: #2b2b2b;
  color: #fff;
}

.btn-google {
  background-color: #4285f4;
  border-color: #347cf3;
  color: #fff;
}
.btn-google:hover, .btn-google:focus {
  background-color: #1266f1;
  border-color: #1266f1;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 133, 244, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(66, 133, 244, 0.25);
}
.btn-google:active, .btn-google:active:hover, .btn-google:active:focus, .btn-google.active, .btn-google.active:hover, .btn-google.active:focus {
  background-color: #347cf3;
  border-color: #347cf3;
  color: #fff;
}
.btn-google .disabled.focus, .btn-google .disabled:focus, .btn-google .disabled:hover, .btn-google[disabled].focus, .btn-google[disabled]:focus, .btn-google[disabled]:hover {
  background-color: #4285f4;
  border-color: #347cf3;
  color: #fff;
}

.btn-google-plus {
  background-color: #dc4e41;
  border-color: #da4234;
  color: #fff;
}
.btn-google-plus:hover, .btn-google-plus:focus {
  background-color: #c63224;
  border-color: #c63224;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 78, 65, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(220, 78, 65, 0.25);
}
.btn-google-plus:active, .btn-google-plus:active:hover, .btn-google-plus:active:focus, .btn-google-plus.active, .btn-google-plus.active:hover, .btn-google-plus.active:focus {
  background-color: #da4234;
  border-color: #da4234;
  color: #fff;
}
.btn-google-plus .disabled.focus, .btn-google-plus .disabled:focus, .btn-google-plus .disabled:hover, .btn-google-plus[disabled].focus, .btn-google-plus[disabled]:focus, .btn-google-plus[disabled]:hover {
  background-color: #dc4e41;
  border-color: #da4234;
  color: #fff;
}

.btn-instagram {
  background-color: #3f729b;
  border-color: #3b6a90;
  color: #fff;
}
.btn-instagram:hover, .btn-instagram:focus {
  background-color: #305777;
  border-color: #305777;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.25);
}
.btn-instagram:active, .btn-instagram:active:hover, .btn-instagram:active:focus, .btn-instagram.active, .btn-instagram.active:hover, .btn-instagram.active:focus {
  background-color: #3b6a90;
  border-color: #3b6a90;
  color: #fff;
}
.btn-instagram .disabled.focus, .btn-instagram .disabled:focus, .btn-instagram .disabled:hover, .btn-instagram[disabled].focus, .btn-instagram[disabled]:focus, .btn-instagram[disabled]:hover {
  background-color: #3f729b;
  border-color: #3b6a90;
  color: #fff;
}

.btn-kickstarter {
  background-color: #2bde73;
  border-color: #22d86b;
  color: #fff;
}
.btn-kickstarter:hover, .btn-kickstarter:focus {
  background-color: #1db95c;
  border-color: #1db95c;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(43, 222, 115, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(43, 222, 115, 0.25);
}
.btn-kickstarter:active, .btn-kickstarter:active:hover, .btn-kickstarter:active:focus, .btn-kickstarter.active, .btn-kickstarter.active:hover, .btn-kickstarter.active:focus {
  background-color: #22d86b;
  border-color: #22d86b;
  color: #fff;
}
.btn-kickstarter .disabled.focus, .btn-kickstarter .disabled:focus, .btn-kickstarter .disabled:hover, .btn-kickstarter[disabled].focus, .btn-kickstarter[disabled]:focus, .btn-kickstarter[disabled]:hover {
  background-color: #2bde73;
  border-color: #22d86b;
  color: #fff;
}

.btn-kik {
  background-color: #82bc23;
  border-color: #79af21;
  color: #fff;
}
.btn-kik:hover, .btn-kik:focus {
  background-color: #64911b;
  border-color: #64911b;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 188, 35, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(130, 188, 35, 0.25);
}
.btn-kik:active, .btn-kik:active:hover, .btn-kik:active:focus, .btn-kik.active, .btn-kik.active:hover, .btn-kik.active:focus {
  background-color: #79af21;
  border-color: #79af21;
  color: #fff;
}
.btn-kik .disabled.focus, .btn-kik .disabled:focus, .btn-kik .disabled:hover, .btn-kik[disabled].focus, .btn-kik[disabled]:focus, .btn-kik[disabled]:hover {
  background-color: #82bc23;
  border-color: #79af21;
  color: #fff;
}

.btn-lastfm {
  background-color: #d51007;
  border-color: #c60f07;
  color: #fff;
}
.btn-lastfm:hover, .btn-lastfm:focus {
  background-color: #a40c05;
  border-color: #a40c05;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(213, 16, 7, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(213, 16, 7, 0.25);
}
.btn-lastfm:active, .btn-lastfm:active:hover, .btn-lastfm:active:focus, .btn-lastfm.active, .btn-lastfm.active:hover, .btn-lastfm.active:focus {
  background-color: #c60f07;
  border-color: #c60f07;
  color: #fff;
}
.btn-lastfm .disabled.focus, .btn-lastfm .disabled:focus, .btn-lastfm .disabled:hover, .btn-lastfm[disabled].focus, .btn-lastfm[disabled]:focus, .btn-lastfm[disabled]:hover {
  background-color: #d51007;
  border-color: #c60f07;
  color: #fff;
}

.btn-line {
  background-color: #00c300;
  border-color: #00b400;
  color: #fff;
}
.btn-line:hover, .btn-line:focus {
  background-color: #009000;
  border-color: #009000;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 195, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 195, 0, 0.25);
}
.btn-line:active, .btn-line:active:hover, .btn-line:active:focus, .btn-line.active, .btn-line.active:hover, .btn-line.active:focus {
  background-color: #00b400;
  border-color: #00b400;
  color: #fff;
}
.btn-line .disabled.focus, .btn-line .disabled:focus, .btn-line .disabled:hover, .btn-line[disabled].focus, .btn-line[disabled]:focus, .btn-line[disabled]:hover {
  background-color: #00c300;
  border-color: #00b400;
  color: #fff;
}

.btn-linkedin {
  background-color: #0077b5;
  border-color: #006da6;
  color: #fff;
}
.btn-linkedin:hover, .btn-linkedin:focus {
  background-color: #005582;
  border-color: #005582;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.25);
}
.btn-linkedin:active, .btn-linkedin:active:hover, .btn-linkedin:active:focus, .btn-linkedin.active, .btn-linkedin.active:hover, .btn-linkedin.active:focus {
  background-color: #006da6;
  border-color: #006da6;
  color: #fff;
}
.btn-linkedin .disabled.focus, .btn-linkedin .disabled:focus, .btn-linkedin .disabled:hover, .btn-linkedin[disabled].focus, .btn-linkedin[disabled]:focus, .btn-linkedin[disabled]:hover {
  background-color: #0077b5;
  border-color: #006da6;
  color: #fff;
}

.btn-mail-ru {
  background-color: #168de2;
  border-color: #1584d4;
  color: #fff;
}
.btn-mail-ru:hover, .btn-mail-ru:focus {
  background-color: #1170b4;
  border-color: #1170b4;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 141, 226, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(22, 141, 226, 0.25);
}
.btn-mail-ru:active, .btn-mail-ru:active:hover, .btn-mail-ru:active:focus, .btn-mail-ru.active, .btn-mail-ru.active:hover, .btn-mail-ru.active:focus {
  background-color: #1584d4;
  border-color: #1584d4;
  color: #fff;
}
.btn-mail-ru .disabled.focus, .btn-mail-ru .disabled:focus, .btn-mail-ru .disabled:hover, .btn-mail-ru[disabled].focus, .btn-mail-ru[disabled]:focus, .btn-mail-ru[disabled]:hover {
  background-color: #168de2;
  border-color: #1584d4;
  color: #fff;
}

.btn-mailchimp {
  background-color: #2c9ab7;
  border-color: #2990ab;
  color: #fff;
}
.btn-mailchimp:hover, .btn-mailchimp:focus {
  background-color: #22778e;
  border-color: #22778e;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 154, 183, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(44, 154, 183, 0.25);
}
.btn-mailchimp:active, .btn-mailchimp:active:hover, .btn-mailchimp:active:focus, .btn-mailchimp.active, .btn-mailchimp.active:hover, .btn-mailchimp.active:focus {
  background-color: #2990ab;
  border-color: #2990ab;
  color: #fff;
}
.btn-mailchimp .disabled.focus, .btn-mailchimp .disabled:focus, .btn-mailchimp .disabled:hover, .btn-mailchimp[disabled].focus, .btn-mailchimp[disabled]:focus, .btn-mailchimp[disabled]:hover {
  background-color: #2c9ab7;
  border-color: #2990ab;
  color: #fff;
}

.btn-myspace {
  background-color: #000000;
  border-color: black;
  color: #fff;
}
.btn-myspace:hover, .btn-myspace:focus {
  background-color: black;
  border-color: black;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}
.btn-myspace:active, .btn-myspace:active:hover, .btn-myspace:active:focus, .btn-myspace.active, .btn-myspace.active:hover, .btn-myspace.active:focus {
  background-color: black;
  border-color: black;
  color: #fff;
}
.btn-myspace .disabled.focus, .btn-myspace .disabled:focus, .btn-myspace .disabled:hover, .btn-myspace[disabled].focus, .btn-myspace[disabled]:focus, .btn-myspace[disabled]:hover {
  background-color: #000000;
  border-color: black;
  color: #fff;
}

.btn-netflix {
  background-color: #e50914;
  border-color: #d60813;
  color: #fff;
}
.btn-netflix:hover, .btn-netflix:focus {
  background-color: #b40710;
  border-color: #b40710;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(229, 9, 20, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(229, 9, 20, 0.25);
}
.btn-netflix:active, .btn-netflix:active:hover, .btn-netflix:active:focus, .btn-netflix.active, .btn-netflix.active:hover, .btn-netflix.active:focus {
  background-color: #d60813;
  border-color: #d60813;
  color: #fff;
}
.btn-netflix .disabled.focus, .btn-netflix .disabled:focus, .btn-netflix .disabled:hover, .btn-netflix[disabled].focus, .btn-netflix[disabled]:focus, .btn-netflix[disabled]:hover {
  background-color: #e50914;
  border-color: #d60813;
  color: #fff;
}

.btn-ning {
  background-color: #75af42;
  border-color: #6ea43e;
  color: #fff;
}
.btn-ning:hover, .btn-ning:focus {
  background-color: #5c8a34;
  border-color: #5c8a34;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(117, 175, 66, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(117, 175, 66, 0.25);
}
.btn-ning:active, .btn-ning:active:hover, .btn-ning:active:focus, .btn-ning.active, .btn-ning.active:hover, .btn-ning.active:focus {
  background-color: #6ea43e;
  border-color: #6ea43e;
  color: #fff;
}
.btn-ning .disabled.focus, .btn-ning .disabled:focus, .btn-ning .disabled:hover, .btn-ning[disabled].focus, .btn-ning[disabled]:focus, .btn-ning[disabled]:hover {
  background-color: #75af42;
  border-color: #6ea43e;
  color: #fff;
}

.btn-path {
  background-color: #ee3423;
  border-color: #ed2715;
  color: #fff;
}
.btn-path:hover, .btn-path:focus {
  background-color: #ce2010;
  border-color: #ce2010;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(238, 52, 35, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(238, 52, 35, 0.25);
}
.btn-path:active, .btn-path:active:hover, .btn-path:active:focus, .btn-path.active, .btn-path.active:hover, .btn-path.active:focus {
  background-color: #ed2715;
  border-color: #ed2715;
  color: #fff;
}
.btn-path .disabled.focus, .btn-path .disabled:focus, .btn-path .disabled:hover, .btn-path[disabled].focus, .btn-path[disabled]:focus, .btn-path[disabled]:hover {
  background-color: #ee3423;
  border-color: #ed2715;
  color: #fff;
}

.btn-patreon {
  background-color: #e6461a;
  border-color: #d94118;
  color: #fff;
}
.btn-patreon:hover, .btn-patreon:focus {
  background-color: #b93814;
  border-color: #b93814;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 70, 26, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(230, 70, 26, 0.25);
}
.btn-patreon:active, .btn-patreon:active:hover, .btn-patreon:active:focus, .btn-patreon.active, .btn-patreon.active:hover, .btn-patreon.active:focus {
  background-color: #d94118;
  border-color: #d94118;
  color: #fff;
}
.btn-patreon .disabled.focus, .btn-patreon .disabled:focus, .btn-patreon .disabled:hover, .btn-patreon[disabled].focus, .btn-patreon[disabled]:focus, .btn-patreon[disabled]:hover {
  background-color: #e6461a;
  border-color: #d94118;
  color: #fff;
}

.btn-paypal {
  background-color: #003087;
  border-color: #002b78;
  color: #fff;
}
.btn-paypal:hover, .btn-paypal:focus {
  background-color: #001e54;
  border-color: #001e54;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 48, 135, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 48, 135, 0.25);
}
.btn-paypal:active, .btn-paypal:active:hover, .btn-paypal:active:focus, .btn-paypal.active, .btn-paypal.active:hover, .btn-paypal.active:focus {
  background-color: #002b78;
  border-color: #002b78;
  color: #fff;
}
.btn-paypal .disabled.focus, .btn-paypal .disabled:focus, .btn-paypal .disabled:hover, .btn-paypal[disabled].focus, .btn-paypal[disabled]:focus, .btn-paypal[disabled]:hover {
  background-color: #003087;
  border-color: #002b78;
  color: #fff;
}

.btn-photobucket {
  background-color: #0ea0db;
  border-color: #0d95cd;
  color: #fff;
}
.btn-photobucket:hover, .btn-photobucket:focus {
  background-color: #0b7dab;
  border-color: #0b7dab;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(14, 160, 219, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(14, 160, 219, 0.25);
}
.btn-photobucket:active, .btn-photobucket:active:hover, .btn-photobucket:active:focus, .btn-photobucket.active, .btn-photobucket.active:hover, .btn-photobucket.active:focus {
  background-color: #0d95cd;
  border-color: #0d95cd;
  color: #fff;
}
.btn-photobucket .disabled.focus, .btn-photobucket .disabled:focus, .btn-photobucket .disabled:hover, .btn-photobucket[disabled].focus, .btn-photobucket[disabled]:focus, .btn-photobucket[disabled]:hover {
  background-color: #0ea0db;
  border-color: #0d95cd;
  color: #fff;
}

.btn-pinterest {
  background-color: #bd081c;
  border-color: #ae071a;
  color: #fff;
}
.btn-pinterest:hover, .btn-pinterest:focus {
  background-color: #8c0615;
  border-color: #8c0615;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(189, 8, 28, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(189, 8, 28, 0.25);
}
.btn-pinterest:active, .btn-pinterest:active:hover, .btn-pinterest:active:focus, .btn-pinterest.active, .btn-pinterest.active:hover, .btn-pinterest.active:focus {
  background-color: #ae071a;
  border-color: #ae071a;
  color: #fff;
}
.btn-pinterest .disabled.focus, .btn-pinterest .disabled:focus, .btn-pinterest .disabled:hover, .btn-pinterest[disabled].focus, .btn-pinterest[disabled]:focus, .btn-pinterest[disabled]:hover {
  background-color: #bd081c;
  border-color: #ae071a;
  color: #fff;
}

.btn-product-hunt {
  background-color: #da552f;
  border-color: #d44c26;
  color: #fff;
}
.btn-product-hunt:hover, .btn-product-hunt:focus {
  background-color: #b64220;
  border-color: #b64220;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(218, 85, 47, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(218, 85, 47, 0.25);
}
.btn-product-hunt:active, .btn-product-hunt:active:hover, .btn-product-hunt:active:focus, .btn-product-hunt.active, .btn-product-hunt.active:hover, .btn-product-hunt.active:focus {
  background-color: #d44c26;
  border-color: #d44c26;
  color: #fff;
}
.btn-product-hunt .disabled.focus, .btn-product-hunt .disabled:focus, .btn-product-hunt .disabled:hover, .btn-product-hunt[disabled].focus, .btn-product-hunt[disabled]:focus, .btn-product-hunt[disabled]:hover {
  background-color: #da552f;
  border-color: #d44c26;
  color: #fff;
}

.btn-quora {
  background-color: #a82400;
  border-color: #992100;
  color: #fff;
}
.btn-quora:hover, .btn-quora:focus {
  background-color: #751900;
  border-color: #751900;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(168, 36, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(168, 36, 0, 0.25);
}
.btn-quora:active, .btn-quora:active:hover, .btn-quora:active:focus, .btn-quora.active, .btn-quora.active:hover, .btn-quora.active:focus {
  background-color: #992100;
  border-color: #992100;
  color: #fff;
}
.btn-quora .disabled.focus, .btn-quora .disabled:focus, .btn-quora .disabled:hover, .btn-quora[disabled].focus, .btn-quora[disabled]:focus, .btn-quora[disabled]:hover {
  background-color: #a82400;
  border-color: #992100;
  color: #fff;
}

.btn-rdio {
  background-color: #007dc3;
  border-color: #0073b4;
  color: #fff;
}
.btn-rdio:hover, .btn-rdio:focus {
  background-color: #005c90;
  border-color: #005c90;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 125, 195, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 125, 195, 0.25);
}
.btn-rdio:active, .btn-rdio:active:hover, .btn-rdio:active:focus, .btn-rdio.active, .btn-rdio.active:hover, .btn-rdio.active:focus {
  background-color: #0073b4;
  border-color: #0073b4;
  color: #fff;
}
.btn-rdio .disabled.focus, .btn-rdio .disabled:focus, .btn-rdio .disabled:hover, .btn-rdio[disabled].focus, .btn-rdio[disabled]:focus, .btn-rdio[disabled]:hover {
  background-color: #007dc3;
  border-color: #0073b4;
  color: #fff;
}

.btn-reddit {
  background-color: #ff4500;
  border-color: #f04100;
  color: #fff;
}
.btn-reddit:hover, .btn-reddit:focus {
  background-color: #cc3700;
  border-color: #cc3700;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 69, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 69, 0, 0.25);
}
.btn-reddit:active, .btn-reddit:active:hover, .btn-reddit:active:focus, .btn-reddit.active, .btn-reddit.active:hover, .btn-reddit.active:focus {
  background-color: #f04100;
  border-color: #f04100;
  color: #fff;
}
.btn-reddit .disabled.focus, .btn-reddit .disabled:focus, .btn-reddit .disabled:hover, .btn-reddit[disabled].focus, .btn-reddit[disabled]:focus, .btn-reddit[disabled]:hover {
  background-color: #ff4500;
  border-color: #f04100;
  color: #fff;
}

.btn-rss {
  background-color: #f26522;
  border-color: #f15b14;
  color: #fff;
}
.btn-rss:hover, .btn-rss:focus {
  background-color: #d54d0d;
  border-color: #d54d0d;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(242, 101, 34, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(242, 101, 34, 0.25);
}
.btn-rss:active, .btn-rss:active:hover, .btn-rss:active:focus, .btn-rss.active, .btn-rss.active:hover, .btn-rss.active:focus {
  background-color: #f15b14;
  border-color: #f15b14;
  color: #fff;
}
.btn-rss .disabled.focus, .btn-rss .disabled:focus, .btn-rss .disabled:hover, .btn-rss[disabled].focus, .btn-rss[disabled]:focus, .btn-rss[disabled]:hover {
  background-color: #f26522;
  border-color: #f15b14;
  color: #fff;
}

.btn-salesforce {
  background-color: #1798c1;
  border-color: #158db3;
  color: #fff;
}
.btn-salesforce:hover, .btn-salesforce:focus {
  background-color: #127493;
  border-color: #127493;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 152, 193, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(23, 152, 193, 0.25);
}
.btn-salesforce:active, .btn-salesforce:active:hover, .btn-salesforce:active:focus, .btn-salesforce.active, .btn-salesforce.active:hover, .btn-salesforce.active:focus {
  background-color: #158db3;
  border-color: #158db3;
  color: #fff;
}
.btn-salesforce .disabled.focus, .btn-salesforce .disabled:focus, .btn-salesforce .disabled:hover, .btn-salesforce[disabled].focus, .btn-salesforce[disabled]:focus, .btn-salesforce[disabled]:hover {
  background-color: #1798c1;
  border-color: #158db3;
  color: #fff;
}

.btn-scribd {
  background-color: #1a7bba;
  border-color: #1872ad;
  color: #fff;
}
.btn-scribd:hover, .btn-scribd:focus {
  background-color: #145d8d;
  border-color: #145d8d;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(26, 123, 186, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(26, 123, 186, 0.25);
}
.btn-scribd:active, .btn-scribd:active:hover, .btn-scribd:active:focus, .btn-scribd.active, .btn-scribd.active:hover, .btn-scribd.active:focus {
  background-color: #1872ad;
  border-color: #1872ad;
  color: #fff;
}
.btn-scribd .disabled.focus, .btn-scribd .disabled:focus, .btn-scribd .disabled:hover, .btn-scribd[disabled].focus, .btn-scribd[disabled]:focus, .btn-scribd[disabled]:hover {
  background-color: #1a7bba;
  border-color: #1872ad;
  color: #fff;
}

.btn-shopify {
  background-color: #96bf48;
  border-color: #8eb840;
  color: #fff;
}
.btn-shopify:hover, .btn-shopify:focus {
  background-color: #7a9d37;
  border-color: #7a9d37;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(150, 191, 72, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(150, 191, 72, 0.25);
}
.btn-shopify:active, .btn-shopify:active:hover, .btn-shopify:active:focus, .btn-shopify.active, .btn-shopify.active:hover, .btn-shopify.active:focus {
  background-color: #8eb840;
  border-color: #8eb840;
  color: #fff;
}
.btn-shopify .disabled.focus, .btn-shopify .disabled:focus, .btn-shopify .disabled:hover, .btn-shopify[disabled].focus, .btn-shopify[disabled]:focus, .btn-shopify[disabled]:hover {
  background-color: #96bf48;
  border-color: #8eb840;
  color: #fff;
}

.btn-skype {
  background-color: #00aff0;
  border-color: #00a4e1;
  color: #fff;
}
.btn-skype:hover, .btn-skype:focus {
  background-color: #008abd;
  border-color: #008abd;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.25);
}
.btn-skype:active, .btn-skype:active:hover, .btn-skype:active:focus, .btn-skype.active, .btn-skype.active:hover, .btn-skype.active:focus {
  background-color: #00a4e1;
  border-color: #00a4e1;
  color: #fff;
}
.btn-skype .disabled.focus, .btn-skype .disabled:focus, .btn-skype .disabled:hover, .btn-skype[disabled].focus, .btn-skype[disabled]:focus, .btn-skype[disabled]:hover {
  background-color: #00aff0;
  border-color: #00a4e1;
  color: #fff;
}

.btn-slack {
  background-color: #6ecadc;
  border-color: #62c5d9;
  color: #fff;
}
.btn-slack:hover, .btn-slack:focus {
  background-color: #45bbd2;
  border-color: #45bbd2;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(110, 202, 220, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(110, 202, 220, 0.25);
}
.btn-slack:active, .btn-slack:active:hover, .btn-slack:active:focus, .btn-slack.active, .btn-slack.active:hover, .btn-slack.active:focus {
  background-color: #62c5d9;
  border-color: #62c5d9;
  color: #fff;
}
.btn-slack .disabled.focus, .btn-slack .disabled:focus, .btn-slack .disabled:hover, .btn-slack[disabled].focus, .btn-slack[disabled]:focus, .btn-slack[disabled]:hover {
  background-color: #6ecadc;
  border-color: #62c5d9;
  color: #fff;
}

.btn-slideshare {
  background-color: #0077b5;
  border-color: #006da6;
  color: #fff;
}
.btn-slideshare:hover, .btn-slideshare:focus {
  background-color: #005582;
  border-color: #005582;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.25);
}
.btn-slideshare:active, .btn-slideshare:active:hover, .btn-slideshare:active:focus, .btn-slideshare.active, .btn-slideshare.active:hover, .btn-slideshare.active:focus {
  background-color: #006da6;
  border-color: #006da6;
  color: #fff;
}
.btn-slideshare .disabled.focus, .btn-slideshare .disabled:focus, .btn-slideshare .disabled:hover, .btn-slideshare[disabled].focus, .btn-slideshare[disabled]:focus, .btn-slideshare[disabled]:hover {
  background-color: #0077b5;
  border-color: #006da6;
  color: #fff;
}

.btn-soundcloud {
  background-color: #ff8800;
  border-color: #f08000;
  color: #fff;
}
.btn-soundcloud:hover, .btn-soundcloud:focus {
  background-color: #cc6d00;
  border-color: #cc6d00;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 136, 0, 0.25);
}
.btn-soundcloud:active, .btn-soundcloud:active:hover, .btn-soundcloud:active:focus, .btn-soundcloud.active, .btn-soundcloud.active:hover, .btn-soundcloud.active:focus {
  background-color: #f08000;
  border-color: #f08000;
  color: #fff;
}
.btn-soundcloud .disabled.focus, .btn-soundcloud .disabled:focus, .btn-soundcloud .disabled:hover, .btn-soundcloud[disabled].focus, .btn-soundcloud[disabled]:focus, .btn-soundcloud[disabled]:hover {
  background-color: #ff8800;
  border-color: #f08000;
  color: #fff;
}

.btn-spotify {
  background-color: #2ebd59;
  border-color: #2bb153;
  color: #fff;
}
.btn-spotify:hover, .btn-spotify:focus {
  background-color: #249446;
  border-color: #249446;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(46, 189, 89, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(46, 189, 89, 0.25);
}
.btn-spotify:active, .btn-spotify:active:hover, .btn-spotify:active:focus, .btn-spotify.active, .btn-spotify.active:hover, .btn-spotify.active:focus {
  background-color: #2bb153;
  border-color: #2bb153;
  color: #fff;
}
.btn-spotify .disabled.focus, .btn-spotify .disabled:focus, .btn-spotify .disabled:hover, .btn-spotify[disabled].focus, .btn-spotify[disabled]:focus, .btn-spotify[disabled]:hover {
  background-color: #2ebd59;
  border-color: #2bb153;
  color: #fff;
}

.btn-squarespace {
  background-color: #222222;
  border-color: #1a1a1a;
  color: #fff;
}
.btn-squarespace:hover, .btn-squarespace:focus {
  background-color: #090909;
  border-color: #090909;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(34, 34, 34, 0.25);
}
.btn-squarespace:active, .btn-squarespace:active:hover, .btn-squarespace:active:focus, .btn-squarespace.active, .btn-squarespace.active:hover, .btn-squarespace.active:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.btn-squarespace .disabled.focus, .btn-squarespace .disabled:focus, .btn-squarespace .disabled:hover, .btn-squarespace[disabled].focus, .btn-squarespace[disabled]:focus, .btn-squarespace[disabled]:hover {
  background-color: #222222;
  border-color: #1a1a1a;
  color: #fff;
}

.btn-stackoverflow {
  background-color: #fe7a15;
  border-color: #fe7106;
  color: #fff;
}
.btn-stackoverflow:hover, .btn-stackoverflow:focus {
  background-color: #df6101;
  border-color: #df6101;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(254, 122, 21, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(254, 122, 21, 0.25);
}
.btn-stackoverflow:active, .btn-stackoverflow:active:hover, .btn-stackoverflow:active:focus, .btn-stackoverflow.active, .btn-stackoverflow.active:hover, .btn-stackoverflow.active:focus {
  background-color: #fe7106;
  border-color: #fe7106;
  color: #fff;
}
.btn-stackoverflow .disabled.focus, .btn-stackoverflow .disabled:focus, .btn-stackoverflow .disabled:hover, .btn-stackoverflow[disabled].focus, .btn-stackoverflow[disabled]:focus, .btn-stackoverflow[disabled]:hover {
  background-color: #fe7a15;
  border-color: #fe7106;
  color: #fff;
}

.btn-stripe {
  background-color: #00afe1;
  border-color: #00a3d2;
  color: #fff;
}
.btn-stripe:hover, .btn-stripe:focus {
  background-color: #0087ae;
  border-color: #0087ae;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 175, 225, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 175, 225, 0.25);
}
.btn-stripe:active, .btn-stripe:active:hover, .btn-stripe:active:focus, .btn-stripe.active, .btn-stripe.active:hover, .btn-stripe.active:focus {
  background-color: #00a3d2;
  border-color: #00a3d2;
  color: #fff;
}
.btn-stripe .disabled.focus, .btn-stripe .disabled:focus, .btn-stripe .disabled:hover, .btn-stripe[disabled].focus, .btn-stripe[disabled]:focus, .btn-stripe[disabled]:hover {
  background-color: #00afe1;
  border-color: #00a3d2;
  color: #fff;
}

.btn-stumbleupon {
  background-color: #eb4924;
  border-color: #ea3d16;
  color: #fff;
}
.btn-stumbleupon:hover, .btn-stumbleupon:focus {
  background-color: #ca3412;
  border-color: #ca3412;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 73, 36, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(235, 73, 36, 0.25);
}
.btn-stumbleupon:active, .btn-stumbleupon:active:hover, .btn-stumbleupon:active:focus, .btn-stumbleupon.active, .btn-stumbleupon.active:hover, .btn-stumbleupon.active:focus {
  background-color: #ea3d16;
  border-color: #ea3d16;
  color: #fff;
}
.btn-stumbleupon .disabled.focus, .btn-stumbleupon .disabled:focus, .btn-stumbleupon .disabled:hover, .btn-stumbleupon[disabled].focus, .btn-stumbleupon[disabled]:focus, .btn-stumbleupon[disabled]:hover {
  background-color: #eb4924;
  border-color: #ea3d16;
  color: #fff;
}

.btn-telegram {
  background-color: #0088cc;
  border-color: #007ebd;
  color: #fff;
}
.btn-telegram:hover, .btn-telegram:focus {
  background-color: #006699;
  border-color: #006699;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 136, 204, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 136, 204, 0.25);
}
.btn-telegram:active, .btn-telegram:active:hover, .btn-telegram:active:focus, .btn-telegram.active, .btn-telegram.active:hover, .btn-telegram.active:focus {
  background-color: #007ebd;
  border-color: #007ebd;
  color: #fff;
}
.btn-telegram .disabled.focus, .btn-telegram .disabled:focus, .btn-telegram .disabled:hover, .btn-telegram[disabled].focus, .btn-telegram[disabled]:focus, .btn-telegram[disabled]:hover {
  background-color: #0088cc;
  border-color: #007ebd;
  color: #fff;
}

.btn-tumblr {
  background-color: #35465c;
  border-color: #2f3f52;
  color: #fff;
}
.btn-tumblr:hover, .btn-tumblr:focus {
  background-color: #222d3c;
  border-color: #222d3c;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(53, 70, 92, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(53, 70, 92, 0.25);
}
.btn-tumblr:active, .btn-tumblr:active:hover, .btn-tumblr:active:focus, .btn-tumblr.active, .btn-tumblr.active:hover, .btn-tumblr.active:focus {
  background-color: #2f3f52;
  border-color: #2f3f52;
  color: #fff;
}
.btn-tumblr .disabled.focus, .btn-tumblr .disabled:focus, .btn-tumblr .disabled:hover, .btn-tumblr[disabled].focus, .btn-tumblr[disabled]:focus, .btn-tumblr[disabled]:hover {
  background-color: #35465c;
  border-color: #2f3f52;
  color: #fff;
}

.btn-twitch-tv {
  background-color: #6441a5;
  border-color: #5d3d9a;
  color: #fff;
}
.btn-twitch-tv:hover, .btn-twitch-tv:focus {
  background-color: #4e3380;
  border-color: #4e3380;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(100, 65, 165, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(100, 65, 165, 0.25);
}
.btn-twitch-tv:active, .btn-twitch-tv:active:hover, .btn-twitch-tv:active:focus, .btn-twitch-tv.active, .btn-twitch-tv.active:hover, .btn-twitch-tv.active:focus {
  background-color: #5d3d9a;
  border-color: #5d3d9a;
  color: #fff;
}
.btn-twitch-tv .disabled.focus, .btn-twitch-tv .disabled:focus, .btn-twitch-tv .disabled:hover, .btn-twitch-tv[disabled].focus, .btn-twitch-tv[disabled]:focus, .btn-twitch-tv[disabled]:hover {
  background-color: #6441a5;
  border-color: #5d3d9a;
  color: #fff;
}

.btn-twitter {
  background-color: #55acee;
  border-color: #47a5ed;
  color: #fff;
}
.btn-twitter:hover, .btn-twitter:focus {
  background-color: #2795e9;
  border-color: #2795e9;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.25);
}
.btn-twitter:active, .btn-twitter:active:hover, .btn-twitter:active:focus, .btn-twitter.active, .btn-twitter.active:hover, .btn-twitter.active:focus {
  background-color: #47a5ed;
  border-color: #47a5ed;
  color: #fff;
}
.btn-twitter .disabled.focus, .btn-twitter .disabled:focus, .btn-twitter .disabled:hover, .btn-twitter[disabled].focus, .btn-twitter[disabled]:focus, .btn-twitter[disabled]:hover {
  background-color: #55acee;
  border-color: #47a5ed;
  color: #fff;
}

.btn-vimeo {
  background-color: #162221;
  border-color: #101918;
  color: #fff;
}
.btn-vimeo:hover, .btn-vimeo:focus {
  background-color: #020303;
  border-color: #020303;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(22, 34, 33, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(22, 34, 33, 0.25);
}
.btn-vimeo:active, .btn-vimeo:active:hover, .btn-vimeo:active:focus, .btn-vimeo.active, .btn-vimeo.active:hover, .btn-vimeo.active:focus {
  background-color: #101918;
  border-color: #101918;
  color: #fff;
}
.btn-vimeo .disabled.focus, .btn-vimeo .disabled:focus, .btn-vimeo .disabled:hover, .btn-vimeo[disabled].focus, .btn-vimeo[disabled]:focus, .btn-vimeo[disabled]:hover {
  background-color: #162221;
  border-color: #101918;
  color: #fff;
}

.btn-vine {
  background-color: #00b488;
  border-color: #00a57c;
  color: #fff;
}
.btn-vine:hover, .btn-vine:focus {
  background-color: #008161;
  border-color: #008161;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 180, 136, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 180, 136, 0.25);
}
.btn-vine:active, .btn-vine:active:hover, .btn-vine:active:focus, .btn-vine.active, .btn-vine.active:hover, .btn-vine.active:focus {
  background-color: #00a57c;
  border-color: #00a57c;
  color: #fff;
}
.btn-vine .disabled.focus, .btn-vine .disabled:focus, .btn-vine .disabled:hover, .btn-vine[disabled].focus, .btn-vine[disabled]:focus, .btn-vine[disabled]:hover {
  background-color: #00b488;
  border-color: #00a57c;
  color: #fff;
}

.btn-wechat {
  background-color: #7bb32e;
  border-color: #73a72b;
  color: #fff;
}
.btn-wechat:hover, .btn-wechat:focus {
  background-color: #5f8a24;
  border-color: #5f8a24;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(123, 179, 46, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(123, 179, 46, 0.25);
}
.btn-wechat:active, .btn-wechat:active:hover, .btn-wechat:active:focus, .btn-wechat.active, .btn-wechat.active:hover, .btn-wechat.active:focus {
  background-color: #73a72b;
  border-color: #73a72b;
  color: #fff;
}
.btn-wechat .disabled.focus, .btn-wechat .disabled:focus, .btn-wechat .disabled:hover, .btn-wechat[disabled].focus, .btn-wechat[disabled]:focus, .btn-wechat[disabled]:hover {
  background-color: #7bb32e;
  border-color: #73a72b;
  color: #fff;
}

.btn-whatsapp {
  background-color: #43d854;
  border-color: #36d548;
  color: #fff;
}
.btn-whatsapp:hover, .btn-whatsapp:focus {
  background-color: #28c039;
  border-color: #28c039;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.25);
}
.btn-whatsapp:active, .btn-whatsapp:active:hover, .btn-whatsapp:active:focus, .btn-whatsapp.active, .btn-whatsapp.active:hover, .btn-whatsapp.active:focus {
  background-color: #36d548;
  border-color: #36d548;
  color: #fff;
}
.btn-whatsapp .disabled.focus, .btn-whatsapp .disabled:focus, .btn-whatsapp .disabled:hover, .btn-whatsapp[disabled].focus, .btn-whatsapp[disabled]:focus, .btn-whatsapp[disabled]:hover {
  background-color: #43d854;
  border-color: #36d548;
  color: #fff;
}

.btn-wordpress {
  background-color: #21759b;
  border-color: #1e6b8e;
  color: #fff;
}
.btn-wordpress:hover, .btn-wordpress:focus {
  background-color: #185571;
  border-color: #185571;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 117, 155, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(33, 117, 155, 0.25);
}
.btn-wordpress:active, .btn-wordpress:active:hover, .btn-wordpress:active:focus, .btn-wordpress.active, .btn-wordpress.active:hover, .btn-wordpress.active:focus {
  background-color: #1e6b8e;
  border-color: #1e6b8e;
  color: #fff;
}
.btn-wordpress .disabled.focus, .btn-wordpress .disabled:focus, .btn-wordpress .disabled:hover, .btn-wordpress[disabled].focus, .btn-wordpress[disabled]:focus, .btn-wordpress[disabled]:hover {
  background-color: #21759b;
  border-color: #1e6b8e;
  color: #fff;
}

.btn-yahoo {
  background-color: #410093;
  border-color: #3a0084;
  color: #fff;
}
.btn-yahoo:hover, .btn-yahoo:focus {
  background-color: #2a0060;
  border-color: #2a0060;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.25);
}
.btn-yahoo:active, .btn-yahoo:active:hover, .btn-yahoo:active:focus, .btn-yahoo.active, .btn-yahoo.active:hover, .btn-yahoo.active:focus {
  background-color: #3a0084;
  border-color: #3a0084;
  color: #fff;
}
.btn-yahoo .disabled.focus, .btn-yahoo .disabled:focus, .btn-yahoo .disabled:hover, .btn-yahoo[disabled].focus, .btn-yahoo[disabled]:focus, .btn-yahoo[disabled]:hover {
  background-color: #410093;
  border-color: #3a0084;
  color: #fff;
}

.btn-youtube {
  background-color: #cd201f;
  border-color: #c01e1d;
  color: #fff;
}
.btn-youtube:hover, .btn-youtube:focus {
  background-color: #a11918;
  border-color: #a11918;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.25);
}
.btn-youtube:active, .btn-youtube:active:hover, .btn-youtube:active:focus, .btn-youtube.active, .btn-youtube.active:hover, .btn-youtube.active:focus {
  background-color: #c01e1d;
  border-color: #c01e1d;
  color: #fff;
}
.btn-youtube .disabled.focus, .btn-youtube .disabled:focus, .btn-youtube .disabled:hover, .btn-youtube[disabled].focus, .btn-youtube[disabled]:focus, .btn-youtube[disabled]:hover {
  background-color: #cd201f;
  border-color: #c01e1d;
  color: #fff;
}

.btn-firefox {
  background-color: #e66000;
  border-color: #d75a00;
  color: #fff;
}
.btn-firefox:hover, .btn-firefox:focus {
  background-color: #b34b00;
  border-color: #b34b00;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(230, 96, 0, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(230, 96, 0, 0.25);
}
.btn-firefox:active, .btn-firefox:active:hover, .btn-firefox:active:focus, .btn-firefox.active, .btn-firefox.active:hover, .btn-firefox.active:focus {
  background-color: #d75a00;
  border-color: #d75a00;
  color: #fff;
}
.btn-firefox .disabled.focus, .btn-firefox .disabled:focus, .btn-firefox .disabled:hover, .btn-firefox[disabled].focus, .btn-firefox[disabled]:focus, .btn-firefox[disabled]:hover {
  background-color: #e66000;
  border-color: #d75a00;
  color: #fff;
}

.btn-chrome {
  background-color: #fbbc05;
  border-color: #edb104;
  color: #fff;
}
.btn-chrome:hover, .btn-chrome:focus {
  background-color: #ca9703;
  border-color: #ca9703;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(251, 188, 5, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(251, 188, 5, 0.25);
}
.btn-chrome:active, .btn-chrome:active:hover, .btn-chrome:active:focus, .btn-chrome.active, .btn-chrome.active:hover, .btn-chrome.active:focus {
  background-color: #edb104;
  border-color: #edb104;
  color: #fff;
}
.btn-chrome .disabled.focus, .btn-chrome .disabled:focus, .btn-chrome .disabled:hover, .btn-chrome[disabled].focus, .btn-chrome[disabled]:focus, .btn-chrome[disabled]:hover {
  background-color: #fbbc05;
  border-color: #edb104;
  color: #fff;
}

.btn-edge {
  background-color: #00aaff;
  border-color: #00a0f0;
  color: #fff;
}
.btn-edge:hover, .btn-edge:focus {
  background-color: #0088cc;
  border-color: #0088cc;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 170, 255, 0.25);
}
.btn-edge:active, .btn-edge:active:hover, .btn-edge:active:focus, .btn-edge.active, .btn-edge.active:hover, .btn-edge.active:focus {
  background-color: #00a0f0;
  border-color: #00a0f0;
  color: #fff;
}
.btn-edge .disabled.focus, .btn-edge .disabled:focus, .btn-edge .disabled:hover, .btn-edge[disabled].focus, .btn-edge[disabled]:focus, .btn-edge[disabled]:hover {
  background-color: #00aaff;
  border-color: #00a0f0;
  color: #fff;
}

.btn-safari {
  background-color: #4165c8;
  border-color: #385dc2;
  color: #fff;
}
.btn-safari:hover, .btn-safari:focus {
  background-color: #304fa6;
  border-color: #304fa6;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(65, 101, 200, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(65, 101, 200, 0.25);
}
.btn-safari:active, .btn-safari:active:hover, .btn-safari:active:focus, .btn-safari.active, .btn-safari.active:hover, .btn-safari.active:focus {
  background-color: #385dc2;
  border-color: #385dc2;
  color: #fff;
}
.btn-safari .disabled.focus, .btn-safari .disabled:focus, .btn-safari .disabled:hover, .btn-safari[disabled].focus, .btn-safari[disabled]:focus, .btn-safari[disabled]:hover {
  background-color: #4165c8;
  border-color: #385dc2;
  color: #fff;
}

.btn-opera {
  background-color: #cc0f16;
  border-color: #be0e14;
  color: #fff;
}
.btn-opera:hover, .btn-opera:focus {
  background-color: #9c0c11;
  border-color: #9c0c11;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(204, 15, 22, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(204, 15, 22, 0.25);
}
.btn-opera:active, .btn-opera:active:hover, .btn-opera:active:focus, .btn-opera.active, .btn-opera.active:hover, .btn-opera.active:focus {
  background-color: #be0e14;
  border-color: #be0e14;
  color: #fff;
}
.btn-opera .disabled.focus, .btn-opera .disabled:focus, .btn-opera .disabled:hover, .btn-opera[disabled].focus, .btn-opera[disabled]:focus, .btn-opera[disabled]:hover {
  background-color: #cc0f16;
  border-color: #be0e14;
  color: #fff;
}

/********************
 * FORMS
 ********************/
body.test-watermark {
  background-image: url("/Images/Watermarks/Watermark-test.gif");
  background-repeat: repeat-x;
}

body.dev-watermark {
  /*background-image: url("/Images/Watermarks/Watermark-dev.gif");
  background-repeat: repeat-x;*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='150px' width='120px'%3E%3Crect fill='%23ffffff' height='150px' width='120px'%3E%3C/rect%3E%3Ctext transform='translate(10, 40) rotate(-25)' style='stroke:%23ff9900;stroke-width:0.01mm;fill:%23ff9900' font-family='Inter, Roboto, Arial, Helvetica, sans-serif' font-size='16' dy='3.5rem' dx='-1.75rem'%3Edev environment%3C/text%3E%3C/svg%3E");
  background-repeat: repeat;
  background-color: transparent !important;
}

.watermark {
  -webkit-transform: rotate(331deg);
  transform: rotate(270deg);
  font-size: 5rem;
  color: rgba(255, 201, 5, 0.3);
  position: absolute;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  /* padding-left: 10%; */
  left: -22%;
  top: 43%;
  mix-blend-mode: difference;
}

legend {
  font-size: 18px;
  color: #5e6773;
}

.control-label {
  color: #a0aeba;
  font-weight: normal;
}

.form-horizontal.label-left .control-label {
  text-align: left;
}

.search-form {
  position: relative;
}
.search-form .btn, .search-form .btn-ls {
  position: absolute;
  top: 7px;
  right: 1.5rem;
  padding: 0;
  border: none;
  background-color: transparent;
}
.search-form .btn i, .search-form .btn-ls i {
  margin-right: 0;
}
.search-form .btn:hover, .search-form .btn-ls:hover, .search-form .btn:focus, .search-form .btn-ls:focus {
  background-color: inherit;
  border-left: none;
  border-color: inherit;
}

/* profile completeness meter */
.list-complete-profile {
  margin-bottom: 0;
}
.list-complete-profile > li {
  margin: 20px 0;
}
.list-complete-profile > li.done {
  color: #a0aeba;
}
.list-complete-profile > li:last-child {
  margin-bottom: 0;
}
.list-complete-profile > li .editable-click,
.list-complete-profile > li a.editable-click,
.list-complete-profile > li a.editable-click:hover {
  border-bottom: none;
}

.image-placeholder {
  background-color: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 180px;
  margin: 5px;
  width: 260px;
}

.image-placeholder > h4, .image-placeholder > .h4 {
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .detailsContainer {
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    height: calc(100vh - 124px);
    display: none;
    background: #fff;
    padding: 0.5rem;
    z-index: 201;
  }
}
@media screen and (min-width: 768px) {
  .detailsContainer {
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    height: calc(100vh - 124px);
    display: none;
    background: #fff;
    padding: 4rem;
    z-index: 201;
  }
}
.default-hero, .hero-invalid, .hero-url, .hero-security, .hero-caution, .hero-timeout {
  overflow: hidden;
  height: 100vh;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: grid;
}
@media screen and (min-width: 768px) {
  .default-hero, .hero-invalid, .hero-url, .hero-security, .hero-caution, .hero-timeout {
    background: #d0cff7;
  }
}

.default-box-small, .hero-invalid .invalid-box-small, .hero-url .url-box-small, .hero-security .security-box-small, .hero-caution .caution-box-small, .hero-timeout .timeout-box-small {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .default-box-small, .hero-invalid .invalid-box-small, .hero-url .url-box-small, .hero-security .security-box-small, .hero-caution .caution-box-small, .hero-timeout .timeout-box-small {
    z-index: 1;
    position: relative;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    width: 700px;
    text-align: center;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    min-height: 450px;
    background: #fff;
  }
}
@media screen and (max-width: 767px) {
  .default-box-small, .hero-invalid .invalid-box-small, .hero-url .url-box-small, .hero-security .security-box-small, .hero-caution .caution-box-small, .hero-timeout .timeout-box-small {
    z-index: 1;
    position: relative;
    margin: auto;
    grid-template-columns: 1fr;
    max-width: 100%;
    background: #fff;
  }
  .default-box-small .hero-x, .hero-invalid .invalid-box-small .hero-x, .hero-url .url-box-small .hero-x, .hero-security .security-box-small .hero-x, .hero-caution .caution-box-small .hero-x, .hero-timeout .timeout-box-small .hero-x {
    text-align: center;
  }
}

.default-centered {
  margin: auto;
}

.hero-timeout {
  /*background: {
      image: url('../assets/images/backgrounds/timeout-bg.jpg');
      repeat: no-repeat;
      position: center center;
      size: cover;
      color: #fff;
  }*/
}
@-webkit-keyframes animate-x {
  100% {
    -webkit-transform: translateX(calc(100vw - 100px));
            transform: translateX(calc(100vw - 100px));
  }
}
@keyframes animate-x {
  100% {
    -webkit-transform: translateX(calc(100vw - 100px));
            transform: translateX(calc(100vw - 100px));
  }
}
@-webkit-keyframes animate-y {
  100% {
    -webkit-transform: translateY(calc(100vh - 100px));
            transform: translateY(calc(100vh - 100px));
  }
}
@keyframes animate-y {
  100% {
    -webkit-transform: translateY(calc(100vh - 100px));
            transform: translateY(calc(100vh - 100px));
  }
}
.hero-x {
  z-index: 2;
}

.hero-y {
  height: 120px;
  width: 120px;
  border-radius: 100%;
  padding: 1rem;
  border: 2px solid #fff;
  opacity: 0.75;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .hero-y {
    -webkit-animation: float 1s infinite ease-in-out alternate;
            animation: float 1s infinite ease-in-out alternate;
  }
}

@-webkit-keyframes float {
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@keyframes float {
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

/*
.stargroup {
    overflow: hidden;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;

    .stars {
        width: 1px;
        height: 1px;
        background: transparent;
        box-shadow: 429px 1504px #FFF, 1487px 516px #FFF, 787px 1249px #FFF, 828px 920px #FFF, 1899px 905px #FFF, 102px 712px #FFF, 52px 356px #FFF, 448px 1980px #FFF, 919px 746px #FFF, 13px 554px #FFF, 1662px 481px #FFF, 1928px 1426px #FFF, 548px 355px #FFF, 1259px 492px #FFF, 1212px 113px #FFF, 1967px 1553px #FFF, 289px 398px #FFF, 644px 948px #FFF, 405px 81px #FFF, 1054px 305px #FFF, 760px 1135px #FFF, 1944px 917px #FFF, 1011px 1102px #FFF, 601px 1538px #FFF, 1393px 1231px #FFF, 473px 640px #FFF, 268px 1334px #FFF, 20px 1842px #FFF, 719px 1005px #FFF, 225px 460px #FFF, 875px 504px #FFF, 1991px 272px #FFF, 524px 1922px #FFF, 1940px 1494px #FFF, 117px 66px #FFF, 1515px 1730px #FFF, 767px 1554px #FFF, 962px 1695px #FFF, 819px 1450px #FFF, 1384px 1475px #FFF, 1726px 1684px #FFF, 1561px 692px #FFF, 953px 1615px #FFF, 1473px 862px #FFF, 169px 375px #FFF, 33px 791px #FFF, 1611px 787px #FFF, 113px 1379px #FFF, 667px 1173px #FFF, 1496px 734px #FFF, 1859px 1001px #FFF, 1002px 1610px #FFF, 1089px 602px #FFF, 223px 321px #FFF, 522px 1233px #FFF, 145px 1721px #FFF, 233px 707px #FFF, 669px 876px #FFF, 1843px 870px #FFF, 1646px 178px #FFF, 1108px 137px #FFF, 1591px 769px #FFF, 358px 1799px #FFF, 1839px 743px #FFF, 1800px 1813px #FFF, 987px 1734px #FFF, 1256px 1595px #FFF, 285px 1955px #FFF, 689px 951px #FFF, 385px 1158px #FFF, 509px 503px #FFF, 80px 381px #FFF, 226px 149px #FFF, 1962px 1660px #FFF, 1851px 1059px #FFF, 32px 1598px #FFF, 504px 768px #FFF, 240px 406px #FFF, 1124px 534px #FFF, 234px 351px #FFF, 1002px 967px #FFF, 1372px 1496px #FFF, 1909px 233px #FFF, 1767px 653px #FFF, 1465px 1411px #FFF, 890px 962px #FFF, 437px 1597px #FFF, 1225px 1235px #FFF, 880px 600px #FFF, 684px 259px #FFF, 1248px 177px #FFF, 1099px 1940px #FFF, 688px 1700px #FFF, 1321px 183px #FFF, 306px 1902px #FFF, 869px 1252px #FFF, 1139px 811px #FFF, 1923px 1029px #FFF, 1822px 1658px #FFF, 425px 75px #FFF, 890px 1062px #FFF, 864px 1724px #FFF, 1851px 895px #FFF, 1456px 1343px #FFF, 1156px 24px #FFF, 1873px 1586px #FFF, 1149px 938px #FFF, 338px 1259px #FFF, 690px 333px #FFF, 1603px 1077px #FFF, 1277px 1477px #FFF, 1497px 494px #FFF, 884px 1687px #FFF, 845px 501px #FFF, 1443px 820px #FFF, 939px 1098px #FFF, 401px 888px #FFF, 1568px 597px #FFF, 490px 1889px #FFF, 96px 879px #FFF, 1097px 1069px #FFF, 503px 1869px #FFF, 1702px 1741px #FFF, 1219px 921px #FFF, 1433px 1503px #FFF, 1137px 1363px #FFF, 35px 878px #FFF, 1439px 851px #FFF, 1655px 1413px #FFF, 612px 630px #FFF, 1242px 1529px #FFF, 1117px 1007px #FFF, 1662px 188px #FFF, 782px 1424px #FFF, 980px 357px #FFF, 858px 1499px #FFF, 1453px 1044px #FFF, 413px 35px #FFF, 1208px 1479px #FFF, 1492px 268px #FFF, 208px 1798px #FFF, 1768px 987px #FFF, 1728px 890px #FFF, 443px 1579px #FFF, 39px 1755px #FFF, 335px 413px #FFF, 310px 78px #FFF, 1560px 1797px #FFF, 824px 1854px #FFF, 1791px 563px #FFF, 1232px 408px #FFF, 1053px 1902px #FFF, 735px 674px #FFF, 661px 1495px #FFF, 714px 1170px #FFF, 338px 649px #FFF, 69px 472px #FFF, 609px 206px #FFF, 1405px 1229px #FFF, 797px 471px #FFF, 1840px 1099px #FFF, 274px 154px #FFF, 288px 983px #FFF, 590px 744px #FFF, 1693px 1670px #FFF, 1725px 1893px #FFF, 1185px 730px #FFF, 1181px 395px #FFF, 1390px 397px #FFF, 1964px 53px #FFF, 300px 1177px #FFF, 1430px 1547px #FFF, 1334px 1177px #FFF, 1583px 1441px #FFF, 1378px 1047px #FFF, 1088px 136px #FFF, 1196px 1495px #FFF, 1973px 1875px #FFF, 172px 1675px #FFF, 1667px 1597px #FFF, 747px 651px #FFF, 1723px 667px #FFF, 1435px 632px #FFF, 1988px 1997px #FFF, 1310px 1302px #FFF, 1884px 130px #FFF, 432px 1940px #FFF, 1488px 943px #FFF, 582px 655px #FFF, 1521px 152px #FFF, 1871px 1954px #FFF, 1275px 835px #FFF, 434px 426px #FFF, 602px 1898px #FFF, 1436px 469px #FFF, 1937px 895px #FFF, 378px 675px #FFF, 1043px 1138px #FFF, 989px 1003px #FFF, 323px 1001px #FFF, 1602px 711px #FFF, 935px 291px #FFF, 359px 694px #FFF, 869px 713px #FFF, 550px 1935px #FFF, 325px 201px #FFF, 750px 810px #FFF, 721px 143px #FFF, 1071px 1664px #FFF, 1099px 518px #FFF, 963px 1438px #FFF, 330px 525px #FFF, 114px 367px #FFF, 1950px 597px #FFF, 1981px 1943px #FFF, 1281px 560px #FFF, 438px 309px #FFF, 1642px 623px #FFF, 1247px 1439px #FFF, 1106px 151px #FFF, 326px 1229px #FFF, 1367px 265px #FFF, 604px 545px #FFF, 659px 610px #FFF, 492px 1500px #FFF, 38px 1529px #FFF, 1022px 1392px #FFF, 337px 1361px #FFF, 1638px 180px #FFF, 411px 963px #FFF, 1581px 1828px #FFF, 1501px 1146px #FFF, 1667px 1579px #FFF, 1974px 1798px #FFF, 1819px 1091px #FFF, 65px 1355px #FFF, 29px 126px #FFF, 673px 1186px #FFF, 1225px 46px #FFF, 1157px 1240px #FFF, 1px 1343px #FFF, 1269px 350px #FFF, 520px 1229px #FFF, 1062px 262px #FFF, 540px 1157px #FFF, 1331px 1133px #FFF, 952px 410px #FFF, 1431px 1452px #FFF, 724px 1321px #FFF, 658px 339px #FFF, 62px 441px #FFF, 176px 903px #FFF, 664px 1285px #FFF, 1383px 684px #FFF, 1711px 82px #FFF, 1249px 1983px #FFF, 1855px 215px #FFF, 1385px 1402px #FFF, 1633px 1098px #FFF, 72px 1711px #FFF, 1131px 1270px #FFF, 1135px 1277px #FFF, 1099px 1266px #FFF, 532px 415px #FFF, 1336px 1452px #FFF, 1512px 198px #FFF, 648px 1348px #FFF, 1781px 939px #FFF, 1937px 1378px #FFF, 1641px 1146px #FFF, 1934px 1820px #FFF, 261px 1038px #FFF, 822px 1228px #FFF, 699px 431px #FFF, 1260px 774px #FFF, 526px 1787px #FFF, 1156px 606px #FFF, 772px 757px #FFF, 706px 1214px #FFF, 994px 1809px #FFF, 85px 598px #FFF, 182px 1521px #FFF, 405px 978px #FFF, 878px 1198px #FFF, 1845px 1977px #FFF, 1901px 1734px #FFF, 1468px 1808px #FFF, 1760px 645px #FFF, 359px 295px #FFF, 515px 433px #FFF, 53px 1973px #FFF, 715px 749px #FFF, 1498px 688px #FFF, 45px 1846px #FFF, 1318px 1589px #FFF, 674px 1716px #FFF, 1110px 301px #FFF, 204px 1795px #FFF, 974px 899px #FFF, 32px 170px #FFF, 1349px 937px #FFF, 1620px 1417px #FFF, 1303px 586px #FFF, 1192px 234px #FFF, 606px 1193px #FFF, 1040px 1086px #FFF, 934px 1172px #FFF, 1870px 1369px #FFF, 1196px 1103px #FFF, 1630px 914px #FFF, 1026px 1481px #FFF, 1086px 273px #FFF, 136px 1321px #FFF, 1761px 1812px #FFF, 1829px 1120px #FFF, 149px 1891px #FFF, 803px 291px #FFF, 1139px 1326px #FFF, 624px 1950px #FFF, 1232px 1685px #FFF, 256px 966px #FFF, 357px 72px #FFF, 1857px 454px #FFF, 1495px 1867px #FFF, 1092px 722px #FFF, 1724px 1889px #FFF, 989px 748px #FFF, 1430px 909px #FFF, 1958px 1790px #FFF, 144px 1403px #FFF, 501px 1642px #FFF, 1096px 1959px #FFF, 1162px 526px #FFF, 449px 180px #FFF, 979px 1752px #FFF, 593px 1052px #FFF, 779px 1397px #FFF, 580px 1708px #FFF, 1391px 477px #FFF, 1580px 933px #FFF, 1956px 1273px #FFF, 248px 661px #FFF, 285px 1955px #FFF, 627px 1938px #FFF, 349px 151px #FFF, 575px 1327px #FFF, 1774px 698px #FFF, 505px 1370px #FFF, 1548px 715px #FFF, 303px 136px #FFF, 94px 1024px #FFF, 423px 299px #FFF, 937px 1308px #FFF, 17px 1955px #FFF, 251px 1402px #FFF, 32px 1479px #FFF, 1394px 551px #FFF, 726px 1927px #FFF, 1723px 68px #FFF, 1063px 283px #FFF, 808px 500px #FFF, 1883px 1364px #FFF, 255px 1344px #FFF, 878px 50px #FFF, 1457px 1590px #FFF, 614px 1005px #FFF, 1100px 700px #FFF, 801px 1240px #FFF, 1700px 316px #FFF, 37px 759px #FFF, 672px 743px #FFF, 1190px 533px #FFF, 1186px 18px #FFF, 1771px 1324px #FFF, 354px 1957px #FFF, 1979px 389px #FFF, 894px 991px #FFF, 1748px 1890px #FFF, 627px 890px #FFF, 578px 573px #FFF, 21px 1405px #FFF, 132px 1433px #FFF, 99px 1732px #FFF, 1071px 984px #FFF, 384px 751px #FFF, 1158px 1553px #FFF, 25px 241px #FFF, 851px 1810px #FFF, 1885px 1840px #FFF, 1263px 1349px #FFF, 470px 286px #FFF, 458px 122px #FFF, 1293px 1326px #FFF, 1966px 1801px #FFF, 1724px 987px #FFF, 467px 524px #FFF, 1671px 324px #FFF, 138px 18px #FFF, 1063px 1718px #FFF, 414px 1224px #FFF, 542px 981px #FFF, 458px 434px #FFF, 1398px 344px #FFF, 1251px 697px #FFF, 1187px 545px #FFF, 640px 1745px #FFF, 1232px 1989px #FFF, 1593px 1990px #FFF, 600px 6px #FFF, 816px 1178px #FFF, 975px 175px #FFF, 557px 1074px #FFF, 1404px 1351px #FFF, 77px 1292px #FFF, 524px 1646px #FFF, 1435px 764px #FFF, 856px 1511px #FFF, 581px 1840px #FFF, 1395px 625px #FFF, 41px 372px #FFF, 213px 1144px #FFF, 1313px 283px #FFF, 1243px 1066px #FFF, 353px 1973px #FFF, 135px 1557px #FFF, 889px 1188px #FFF, 565px 1543px #FFF, 212px 509px #FFF, 1243px 327px #FFF, 595px 719px #FFF, 458px 514px #FFF, 1994px 1064px #FFF, 1445px 349px #FFF, 14px 276px #FFF, 1328px 1961px #FFF, 1352px 216px #FFF, 1327px 279px #FFF, 1885px 1022px #FFF, 1870px 1122px #FFF, 1039px 1055px #FFF, 1844px 1697px #FFF, 1969px 841px #FFF, 1026px 296px #FFF, 1738px 918px #FFF, 829px 1858px #FFF, 1828px 1420px #FFF, 1035px 255px #FFF, 1392px 1753px #FFF, 1209px 524px #FFF, 673px 484px #FFF, 1853px 1086px #FFF, 1264px 1972px #FFF, 1317px 862px #FFF, 1503px 393px #FFF, 1049px 1497px #FFF, 341px 339px #FFF, 1039px 1106px #FFF, 1443px 688px #FFF, 1390px 1743px #FFF, 1458px 389px #FFF, 983px 208px #FFF, 1744px 1928px #FFF, 1119px 758px #FFF, 565px 939px #FFF, 78px 939px #FFF, 1106px 1547px #FFF, 1767px 1425px #FFF, 1610px 1772px #FFF, 283px 1650px #FFF, 1743px 1529px #FFF, 1236px 898px #FFF, 1571px 530px #FFF, 893px 1955px #FFF, 1489px 1580px #FFF, 1836px 738px #FFF, 1536px 10px #FFF, 11px 1140px #FFF, 1736px 1880px #FFF, 666px 991px #FFF, 1677px 642px #FFF, 1902px 757px #FFF, 536px 1008px #FFF, 1163px 1063px #FFF, 26px 378px #FFF, 505px 1911px #FFF, 1110px 1540px #FFF, 428px 214px #FFF, 648px 870px #FFF, 1045px 662px #FFF, 1718px 406px #FFF, 1656px 543px #FFF, 1774px 1365px #FFF, 1495px 869px #FFF, 309px 1107px #FFF, 916px 977px #FFF, 1112px 454px #FFF, 1832px 1272px #FFF, 348px 1162px #FFF, 273px 1753px #FFF, 1108px 1766px #FFF, 1223px 356px #FFF, 409px 1787px #FFF, 941px 1095px #FFF, 1512px 1808px #FFF, 1463px 403px #FFF, 1997px 252px #FFF, 1505px 1657px #FFF, 1230px 1396px #FFF, 1054px 678px #FFF, 1284px 1259px #FFF, 730px 1270px #FFF, 1666px 1883px #FFF, 181px 1888px #FFF, 1137px 1813px #FFF, 919px 962px #FFF, 1962px 1183px #FFF, 163px 598px #FFF, 912px 369px #FFF, 1346px 904px #FFF, 1831px 530px #FFF, 538px 687px #FFF, 117px 614px #FFF, 84px 1807px #FFF, 465px 827px #FFF, 1124px 1349px #FFF, 1060px 558px #FFF, 689px 136px #FFF, 1308px 33px #FFF, 594px 1053px #FFF, 1445px 1174px #FFF, 350px 280px #FFF, 289px 447px #FFF, 667px 1737px #FFF, 1290px 1743px #FFF, 135px 1866px #FFF, 997px 1440px #FFF, 1187px 1224px #FFF, 1472px 800px #FFF, 1784px 525px #FFF, 1366px 922px #FFF, 1884px 793px #FFF, 1038px 1415px #FFF, 1557px 1070px #FFF, 1143px 1967px #FFF, 1639px 728px #FFF, 219px 1314px #FFF, 1488px 852px #FFF, 487px 724px #FFF, 1290px 2px #FFF, 1713px 917px #FFF, 52px 1016px #FFF, 1417px 1413px #FFF, 1625px 628px #FFF, 1150px 1807px #FFF, 755px 140px #FFF, 622px 1556px #FFF, 1912px 235px #FFF, 1009px 1897px #FFF, 601px 515px #FFF, 1116px 1965px #FFF, 622px 289px #FFF, 1294px 155px #FFF, 1839px 1459px #FFF, 1578px 1122px #FFF, 1265px 1564px #FFF, 1078px 1623px #FFF, 1836px 1896px #FFF, 514px 1563px #FFF, 223px 1109px #FFF, 1710px 1903px #FFF, 936px 135px #FFF, 619px 1755px #FFF, 1846px 1806px #FFF, 971px 74px #FFF, 379px 1023px #FFF, 1021px 243px #FFF, 120px 1115px #FFF, 1353px 624px #FFF, 34px 859px #FFF, 1447px 810px #FFF, 1584px 1070px #FFF, 1707px 189px #FFF, 1239px 229px #FFF, 1440px 416px #FFF, 716px 1850px #FFF, 1868px 190px #FFF, 424px 17px #FFF, 429px 592px #FFF, 1470px 1611px #FFF, 335px 1065px #FFF, 1320px 1681px #FFF, 446px 633px #FFF, 408px 1053px #FFF, 138px 1245px #FFF, 1497px 1286px #FFF, 502px 1751px #FFF, 58px 48px #FFF, 518px 1974px #FFF, 833px 342px #FFF, 1345px 690px #FFF, 653px 1662px #FFF, 1624px 1180px #FFF, 115px 1928px #FFF, 358px 1894px #FFF, 929px 1912px #FFF, 46px 535px #FFF, 1796px 700px #FFF, 1724px 1913px #FFF, 1700px 590px #FFF, 1975px 1294px #FFF, 337px 1899px #FFF, 45px 1743px #FFF, 761px 91px #FFF, 264px 650px #FFF, 1744px 1604px #FFF, 1000px 639px #FFF, 1331px 273px #FFF, 757px 1108px #FFF, 133px 1749px #FFF, 888px 726px #FFF, 1808px 702px #FFF, 1781px 26px #FFF, 1694px 572px #FFF, 1205px 1886px #FFF, 1953px 1670px #FFF, 342px 1252px #FFF, 89px 860px #FFF, 1576px 1716px #FFF, 754px 1620px #FFF, 1025px 234px #FFF, 760px 1438px #FFF, 496px 612px #FFF, 1465px 1745px #FFF, 1307px 1619px #FFF, 1772px 1320px #FFF, 384px 1920px #FFF, 1335px 1935px #FFF, 555px 1145px #FFF, 618px 969px #FFF, 1751px 1603px #FFF, 1458px 159px #FFF, 729px 1480px #FFF, 1024px 1278px #FFF, 1586px 1086px #FFF, 1023px 1901px #FFF, 790px 69px #FFF, 1356px 1684px #FFF, 18px 1492px #FFF, 1634px 1810px #FFF, 525px 1604px #FFF, 1368px 1146px #FFF, 1597px 1636px #FFF, 1361px 162px #FFF, 789px 859px #FFF, 1781px 79px #FFF, 1852px 1816px #FFF, 912px 1192px #FFF, 1962px 1913px #FFF, 795px 198px #FFF, 1125px 410px #FFF, 1898px 1762px #FFF, 1813px 511px #FFF, 1690px 1644px #FFF, 408px 1577px #FFF, 955px 567px #FFF, 1215px 1612px #FFF, 43px 363px #FFF, 1936px 51px #FFF, 547px 19px #FFF, 1908px 1106px #FFF, 753px 1804px #FFF, 1986px 1285px #FFF, 1349px 268px #FFF, 476px 337px #FFF, 1417px 1070px #FFF, 1117px 1512px #FFF, 1637px 124px #FFF, 755px 1485px #FFF, 739px 1437px #FFF, 936px 1763px #FFF, 93px 152px #FFF, 147px 720px #FFF, 859px 1012px #FFF, 1125px 1613px #FFF, 804px 1034px #FFF, 164px 678px #FFF, 362px 212px #FFF, 1735px 1119px #FFF, 1047px 1983px #FFF, 485px 1617px #FFF, 1476px 1960px #FFF, 372px 595px #FFF, 1515px 166px #FFF, 235px 1592px #FFF, 1768px 1455px #FFF, 936px 1713px #FFF, 877px 973px #FFF, 1827px 1066px #FFF, 425px 1757px #FFF, 594px 116px #FFF;
        animation: animStar 50s linear infinite;
    }

    .stars:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 1px;
        height: 1px;
        background: transparent;
        box-shadow: 429px 1504px #FFF, 1487px 516px #FFF, 787px 1249px #FFF, 828px 920px #FFF, 1899px 905px #FFF, 102px 712px #FFF, 52px 356px #FFF, 448px 1980px #FFF, 919px 746px #FFF, 13px 554px #FFF, 1662px 481px #FFF, 1928px 1426px #FFF, 548px 355px #FFF, 1259px 492px #FFF, 1212px 113px #FFF, 1967px 1553px #FFF, 289px 398px #FFF, 644px 948px #FFF, 405px 81px #FFF, 1054px 305px #FFF, 760px 1135px #FFF, 1944px 917px #FFF, 1011px 1102px #FFF, 601px 1538px #FFF, 1393px 1231px #FFF, 473px 640px #FFF, 268px 1334px #FFF, 20px 1842px #FFF, 719px 1005px #FFF, 225px 460px #FFF, 875px 504px #FFF, 1991px 272px #FFF, 524px 1922px #FFF, 1940px 1494px #FFF, 117px 66px #FFF, 1515px 1730px #FFF, 767px 1554px #FFF, 962px 1695px #FFF, 819px 1450px #FFF, 1384px 1475px #FFF, 1726px 1684px #FFF, 1561px 692px #FFF, 953px 1615px #FFF, 1473px 862px #FFF, 169px 375px #FFF, 33px 791px #FFF, 1611px 787px #FFF, 113px 1379px #FFF, 667px 1173px #FFF, 1496px 734px #FFF, 1859px 1001px #FFF, 1002px 1610px #FFF, 1089px 602px #FFF, 223px 321px #FFF, 522px 1233px #FFF, 145px 1721px #FFF, 233px 707px #FFF, 669px 876px #FFF, 1843px 870px #FFF, 1646px 178px #FFF, 1108px 137px #FFF, 1591px 769px #FFF, 358px 1799px #FFF, 1839px 743px #FFF, 1800px 1813px #FFF, 987px 1734px #FFF, 1256px 1595px #FFF, 285px 1955px #FFF, 689px 951px #FFF, 385px 1158px #FFF, 509px 503px #FFF, 80px 381px #FFF, 226px 149px #FFF, 1962px 1660px #FFF, 1851px 1059px #FFF, 32px 1598px #FFF, 504px 768px #FFF, 240px 406px #FFF, 1124px 534px #FFF, 234px 351px #FFF, 1002px 967px #FFF, 1372px 1496px #FFF, 1909px 233px #FFF, 1767px 653px #FFF, 1465px 1411px #FFF, 890px 962px #FFF, 437px 1597px #FFF, 1225px 1235px #FFF, 880px 600px #FFF, 684px 259px #FFF, 1248px 177px #FFF, 1099px 1940px #FFF, 688px 1700px #FFF, 1321px 183px #FFF, 306px 1902px #FFF, 869px 1252px #FFF, 1139px 811px #FFF, 1923px 1029px #FFF, 1822px 1658px #FFF, 425px 75px #FFF, 890px 1062px #FFF, 864px 1724px #FFF, 1851px 895px #FFF, 1456px 1343px #FFF, 1156px 24px #FFF, 1873px 1586px #FFF, 1149px 938px #FFF, 338px 1259px #FFF, 690px 333px #FFF, 1603px 1077px #FFF, 1277px 1477px #FFF, 1497px 494px #FFF, 884px 1687px #FFF, 845px 501px #FFF, 1443px 820px #FFF, 939px 1098px #FFF, 401px 888px #FFF, 1568px 597px #FFF, 490px 1889px #FFF, 96px 879px #FFF, 1097px 1069px #FFF, 503px 1869px #FFF, 1702px 1741px #FFF, 1219px 921px #FFF, 1433px 1503px #FFF, 1137px 1363px #FFF, 35px 878px #FFF, 1439px 851px #FFF, 1655px 1413px #FFF, 612px 630px #FFF, 1242px 1529px #FFF, 1117px 1007px #FFF, 1662px 188px #FFF, 782px 1424px #FFF, 980px 357px #FFF, 858px 1499px #FFF, 1453px 1044px #FFF, 413px 35px #FFF, 1208px 1479px #FFF, 1492px 268px #FFF, 208px 1798px #FFF, 1768px 987px #FFF, 1728px 890px #FFF, 443px 1579px #FFF, 39px 1755px #FFF, 335px 413px #FFF, 310px 78px #FFF, 1560px 1797px #FFF, 824px 1854px #FFF, 1791px 563px #FFF, 1232px 408px #FFF, 1053px 1902px #FFF, 735px 674px #FFF, 661px 1495px #FFF, 714px 1170px #FFF, 338px 649px #FFF, 69px 472px #FFF, 609px 206px #FFF, 1405px 1229px #FFF, 797px 471px #FFF, 1840px 1099px #FFF, 274px 154px #FFF, 288px 983px #FFF, 590px 744px #FFF, 1693px 1670px #FFF, 1725px 1893px #FFF, 1185px 730px #FFF, 1181px 395px #FFF, 1390px 397px #FFF, 1964px 53px #FFF, 300px 1177px #FFF, 1430px 1547px #FFF, 1334px 1177px #FFF, 1583px 1441px #FFF, 1378px 1047px #FFF, 1088px 136px #FFF, 1196px 1495px #FFF, 1973px 1875px #FFF, 172px 1675px #FFF, 1667px 1597px #FFF, 747px 651px #FFF, 1723px 667px #FFF, 1435px 632px #FFF, 1988px 1997px #FFF, 1310px 1302px #FFF, 1884px 130px #FFF, 432px 1940px #FFF, 1488px 943px #FFF, 582px 655px #FFF, 1521px 152px #FFF, 1871px 1954px #FFF, 1275px 835px #FFF, 434px 426px #FFF, 602px 1898px #FFF, 1436px 469px #FFF, 1937px 895px #FFF, 378px 675px #FFF, 1043px 1138px #FFF, 989px 1003px #FFF, 323px 1001px #FFF, 1602px 711px #FFF, 935px 291px #FFF, 359px 694px #FFF, 869px 713px #FFF, 550px 1935px #FFF, 325px 201px #FFF, 750px 810px #FFF, 721px 143px #FFF, 1071px 1664px #FFF, 1099px 518px #FFF, 963px 1438px #FFF, 330px 525px #FFF, 114px 367px #FFF, 1950px 597px #FFF, 1981px 1943px #FFF, 1281px 560px #FFF, 438px 309px #FFF, 1642px 623px #FFF, 1247px 1439px #FFF, 1106px 151px #FFF, 326px 1229px #FFF, 1367px 265px #FFF, 604px 545px #FFF, 659px 610px #FFF, 492px 1500px #FFF, 38px 1529px #FFF, 1022px 1392px #FFF, 337px 1361px #FFF, 1638px 180px #FFF, 411px 963px #FFF, 1581px 1828px #FFF, 1501px 1146px #FFF, 1667px 1579px #FFF, 1974px 1798px #FFF, 1819px 1091px #FFF, 65px 1355px #FFF, 29px 126px #FFF, 673px 1186px #FFF, 1225px 46px #FFF, 1157px 1240px #FFF, 1px 1343px #FFF, 1269px 350px #FFF, 520px 1229px #FFF, 1062px 262px #FFF, 540px 1157px #FFF, 1331px 1133px #FFF, 952px 410px #FFF, 1431px 1452px #FFF, 724px 1321px #FFF, 658px 339px #FFF, 62px 441px #FFF, 176px 903px #FFF, 664px 1285px #FFF, 1383px 684px #FFF, 1711px 82px #FFF, 1249px 1983px #FFF, 1855px 215px #FFF, 1385px 1402px #FFF, 1633px 1098px #FFF, 72px 1711px #FFF, 1131px 1270px #FFF, 1135px 1277px #FFF, 1099px 1266px #FFF, 532px 415px #FFF, 1336px 1452px #FFF, 1512px 198px #FFF, 648px 1348px #FFF, 1781px 939px #FFF, 1937px 1378px #FFF, 1641px 1146px #FFF, 1934px 1820px #FFF, 261px 1038px #FFF, 822px 1228px #FFF, 699px 431px #FFF, 1260px 774px #FFF, 526px 1787px #FFF, 1156px 606px #FFF, 772px 757px #FFF, 706px 1214px #FFF, 994px 1809px #FFF, 85px 598px #FFF, 182px 1521px #FFF, 405px 978px #FFF, 878px 1198px #FFF, 1845px 1977px #FFF, 1901px 1734px #FFF, 1468px 1808px #FFF, 1760px 645px #FFF, 359px 295px #FFF, 515px 433px #FFF, 53px 1973px #FFF, 715px 749px #FFF, 1498px 688px #FFF, 45px 1846px #FFF, 1318px 1589px #FFF, 674px 1716px #FFF, 1110px 301px #FFF, 204px 1795px #FFF, 974px 899px #FFF, 32px 170px #FFF, 1349px 937px #FFF, 1620px 1417px #FFF, 1303px 586px #FFF, 1192px 234px #FFF, 606px 1193px #FFF, 1040px 1086px #FFF, 934px 1172px #FFF, 1870px 1369px #FFF, 1196px 1103px #FFF, 1630px 914px #FFF, 1026px 1481px #FFF, 1086px 273px #FFF, 136px 1321px #FFF, 1761px 1812px #FFF, 1829px 1120px #FFF, 149px 1891px #FFF, 803px 291px #FFF, 1139px 1326px #FFF, 624px 1950px #FFF, 1232px 1685px #FFF, 256px 966px #FFF, 357px 72px #FFF, 1857px 454px #FFF, 1495px 1867px #FFF, 1092px 722px #FFF, 1724px 1889px #FFF, 989px 748px #FFF, 1430px 909px #FFF, 1958px 1790px #FFF, 144px 1403px #FFF, 501px 1642px #FFF, 1096px 1959px #FFF, 1162px 526px #FFF, 449px 180px #FFF, 979px 1752px #FFF, 593px 1052px #FFF, 779px 1397px #FFF, 580px 1708px #FFF, 1391px 477px #FFF, 1580px 933px #FFF, 1956px 1273px #FFF, 248px 661px #FFF, 285px 1955px #FFF, 627px 1938px #FFF, 349px 151px #FFF, 575px 1327px #FFF, 1774px 698px #FFF, 505px 1370px #FFF, 1548px 715px #FFF, 303px 136px #FFF, 94px 1024px #FFF, 423px 299px #FFF, 937px 1308px #FFF, 17px 1955px #FFF, 251px 1402px #FFF, 32px 1479px #FFF, 1394px 551px #FFF, 726px 1927px #FFF, 1723px 68px #FFF, 1063px 283px #FFF, 808px 500px #FFF, 1883px 1364px #FFF, 255px 1344px #FFF, 878px 50px #FFF, 1457px 1590px #FFF, 614px 1005px #FFF, 1100px 700px #FFF, 801px 1240px #FFF, 1700px 316px #FFF, 37px 759px #FFF, 672px 743px #FFF, 1190px 533px #FFF, 1186px 18px #FFF, 1771px 1324px #FFF, 354px 1957px #FFF, 1979px 389px #FFF, 894px 991px #FFF, 1748px 1890px #FFF, 627px 890px #FFF, 578px 573px #FFF, 21px 1405px #FFF, 132px 1433px #FFF, 99px 1732px #FFF, 1071px 984px #FFF, 384px 751px #FFF, 1158px 1553px #FFF, 25px 241px #FFF, 851px 1810px #FFF, 1885px 1840px #FFF, 1263px 1349px #FFF, 470px 286px #FFF, 458px 122px #FFF, 1293px 1326px #FFF, 1966px 1801px #FFF, 1724px 987px #FFF, 467px 524px #FFF, 1671px 324px #FFF, 138px 18px #FFF, 1063px 1718px #FFF, 414px 1224px #FFF, 542px 981px #FFF, 458px 434px #FFF, 1398px 344px #FFF, 1251px 697px #FFF, 1187px 545px #FFF, 640px 1745px #FFF, 1232px 1989px #FFF, 1593px 1990px #FFF, 600px 6px #FFF, 816px 1178px #FFF, 975px 175px #FFF, 557px 1074px #FFF, 1404px 1351px #FFF, 77px 1292px #FFF, 524px 1646px #FFF, 1435px 764px #FFF, 856px 1511px #FFF, 581px 1840px #FFF, 1395px 625px #FFF, 41px 372px #FFF, 213px 1144px #FFF, 1313px 283px #FFF, 1243px 1066px #FFF, 353px 1973px #FFF, 135px 1557px #FFF, 889px 1188px #FFF, 565px 1543px #FFF, 212px 509px #FFF, 1243px 327px #FFF, 595px 719px #FFF, 458px 514px #FFF, 1994px 1064px #FFF, 1445px 349px #FFF, 14px 276px #FFF, 1328px 1961px #FFF, 1352px 216px #FFF, 1327px 279px #FFF, 1885px 1022px #FFF, 1870px 1122px #FFF, 1039px 1055px #FFF, 1844px 1697px #FFF, 1969px 841px #FFF, 1026px 296px #FFF, 1738px 918px #FFF, 829px 1858px #FFF, 1828px 1420px #FFF, 1035px 255px #FFF, 1392px 1753px #FFF, 1209px 524px #FFF, 673px 484px #FFF, 1853px 1086px #FFF, 1264px 1972px #FFF, 1317px 862px #FFF, 1503px 393px #FFF, 1049px 1497px #FFF, 341px 339px #FFF, 1039px 1106px #FFF, 1443px 688px #FFF, 1390px 1743px #FFF, 1458px 389px #FFF, 983px 208px #FFF, 1744px 1928px #FFF, 1119px 758px #FFF, 565px 939px #FFF, 78px 939px #FFF, 1106px 1547px #FFF, 1767px 1425px #FFF, 1610px 1772px #FFF, 283px 1650px #FFF, 1743px 1529px #FFF, 1236px 898px #FFF, 1571px 530px #FFF, 893px 1955px #FFF, 1489px 1580px #FFF, 1836px 738px #FFF, 1536px 10px #FFF, 11px 1140px #FFF, 1736px 1880px #FFF, 666px 991px #FFF, 1677px 642px #FFF, 1902px 757px #FFF, 536px 1008px #FFF, 1163px 1063px #FFF, 26px 378px #FFF, 505px 1911px #FFF, 1110px 1540px #FFF, 428px 214px #FFF, 648px 870px #FFF, 1045px 662px #FFF, 1718px 406px #FFF, 1656px 543px #FFF, 1774px 1365px #FFF, 1495px 869px #FFF, 309px 1107px #FFF, 916px 977px #FFF, 1112px 454px #FFF, 1832px 1272px #FFF, 348px 1162px #FFF, 273px 1753px #FFF, 1108px 1766px #FFF, 1223px 356px #FFF, 409px 1787px #FFF, 941px 1095px #FFF, 1512px 1808px #FFF, 1463px 403px #FFF, 1997px 252px #FFF, 1505px 1657px #FFF, 1230px 1396px #FFF, 1054px 678px #FFF, 1284px 1259px #FFF, 730px 1270px #FFF, 1666px 1883px #FFF, 181px 1888px #FFF, 1137px 1813px #FFF, 919px 962px #FFF, 1962px 1183px #FFF, 163px 598px #FFF, 912px 369px #FFF, 1346px 904px #FFF, 1831px 530px #FFF, 538px 687px #FFF, 117px 614px #FFF, 84px 1807px #FFF, 465px 827px #FFF, 1124px 1349px #FFF, 1060px 558px #FFF, 689px 136px #FFF, 1308px 33px #FFF, 594px 1053px #FFF, 1445px 1174px #FFF, 350px 280px #FFF, 289px 447px #FFF, 667px 1737px #FFF, 1290px 1743px #FFF, 135px 1866px #FFF, 997px 1440px #FFF, 1187px 1224px #FFF, 1472px 800px #FFF, 1784px 525px #FFF, 1366px 922px #FFF, 1884px 793px #FFF, 1038px 1415px #FFF, 1557px 1070px #FFF, 1143px 1967px #FFF, 1639px 728px #FFF, 219px 1314px #FFF, 1488px 852px #FFF, 487px 724px #FFF, 1290px 2px #FFF, 1713px 917px #FFF, 52px 1016px #FFF, 1417px 1413px #FFF, 1625px 628px #FFF, 1150px 1807px #FFF, 755px 140px #FFF, 622px 1556px #FFF, 1912px 235px #FFF, 1009px 1897px #FFF, 601px 515px #FFF, 1116px 1965px #FFF, 622px 289px #FFF, 1294px 155px #FFF, 1839px 1459px #FFF, 1578px 1122px #FFF, 1265px 1564px #FFF, 1078px 1623px #FFF, 1836px 1896px #FFF, 514px 1563px #FFF, 223px 1109px #FFF, 1710px 1903px #FFF, 936px 135px #FFF, 619px 1755px #FFF, 1846px 1806px #FFF, 971px 74px #FFF, 379px 1023px #FFF, 1021px 243px #FFF, 120px 1115px #FFF, 1353px 624px #FFF, 34px 859px #FFF, 1447px 810px #FFF, 1584px 1070px #FFF, 1707px 189px #FFF, 1239px 229px #FFF, 1440px 416px #FFF, 716px 1850px #FFF, 1868px 190px #FFF, 424px 17px #FFF, 429px 592px #FFF, 1470px 1611px #FFF, 335px 1065px #FFF, 1320px 1681px #FFF, 446px 633px #FFF, 408px 1053px #FFF, 138px 1245px #FFF, 1497px 1286px #FFF, 502px 1751px #FFF, 58px 48px #FFF, 518px 1974px #FFF, 833px 342px #FFF, 1345px 690px #FFF, 653px 1662px #FFF, 1624px 1180px #FFF, 115px 1928px #FFF, 358px 1894px #FFF, 929px 1912px #FFF, 46px 535px #FFF, 1796px 700px #FFF, 1724px 1913px #FFF, 1700px 590px #FFF, 1975px 1294px #FFF, 337px 1899px #FFF, 45px 1743px #FFF, 761px 91px #FFF, 264px 650px #FFF, 1744px 1604px #FFF, 1000px 639px #FFF, 1331px 273px #FFF, 757px 1108px #FFF, 133px 1749px #FFF, 888px 726px #FFF, 1808px 702px #FFF, 1781px 26px #FFF, 1694px 572px #FFF, 1205px 1886px #FFF, 1953px 1670px #FFF, 342px 1252px #FFF, 89px 860px #FFF, 1576px 1716px #FFF, 754px 1620px #FFF, 1025px 234px #FFF, 760px 1438px #FFF, 496px 612px #FFF, 1465px 1745px #FFF, 1307px 1619px #FFF, 1772px 1320px #FFF, 384px 1920px #FFF, 1335px 1935px #FFF, 555px 1145px #FFF, 618px 969px #FFF, 1751px 1603px #FFF, 1458px 159px #FFF, 729px 1480px #FFF, 1024px 1278px #FFF, 1586px 1086px #FFF, 1023px 1901px #FFF, 790px 69px #FFF, 1356px 1684px #FFF, 18px 1492px #FFF, 1634px 1810px #FFF, 525px 1604px #FFF, 1368px 1146px #FFF, 1597px 1636px #FFF, 1361px 162px #FFF, 789px 859px #FFF, 1781px 79px #FFF, 1852px 1816px #FFF, 912px 1192px #FFF, 1962px 1913px #FFF, 795px 198px #FFF, 1125px 410px #FFF, 1898px 1762px #FFF, 1813px 511px #FFF, 1690px 1644px #FFF, 408px 1577px #FFF, 955px 567px #FFF, 1215px 1612px #FFF, 43px 363px #FFF, 1936px 51px #FFF, 547px 19px #FFF, 1908px 1106px #FFF, 753px 1804px #FFF, 1986px 1285px #FFF, 1349px 268px #FFF, 476px 337px #FFF, 1417px 1070px #FFF, 1117px 1512px #FFF, 1637px 124px #FFF, 755px 1485px #FFF, 739px 1437px #FFF, 936px 1763px #FFF, 93px 152px #FFF, 147px 720px #FFF, 859px 1012px #FFF, 1125px 1613px #FFF, 804px 1034px #FFF, 164px 678px #FFF, 362px 212px #FFF, 1735px 1119px #FFF, 1047px 1983px #FFF, 485px 1617px #FFF, 1476px 1960px #FFF, 372px 595px #FFF, 1515px 166px #FFF, 235px 1592px #FFF, 1768px 1455px #FFF, 936px 1713px #FFF, 877px 973px #FFF, 1827px 1066px #FFF, 425px 1757px #FFF, 594px 116px #FFF;
    }

    .stars2 {
        width: 2px;
        height: 2px;
        background: transparent;
        box-shadow: 1281px 1257px #FFF, 1149px 1865px #FFF, 1273px 1470px #FFF, 626px 1990px #FFF, 1095px 179px #FFF, 171px 593px #FFF, 848px 824px #FFF, 463px 1298px #FFF, 882px 89px #FFF, 922px 1411px #FFF, 1508px 94px #FFF, 1198px 1251px #FFF, 342px 193px #FFF, 964px 305px #FFF, 108px 988px #FFF, 955px 1178px #FFF, 242px 1520px #FFF, 1427px 1215px #FFF, 525px 1431px #FFF, 1235px 1785px #FFF, 1553px 750px #FFF, 563px 1208px #FFF, 1079px 1938px #FFF, 1379px 1232px #FFF, 1211px 995px #FFF, 200px 1292px #FFF, 333px 1424px #FFF, 1235px 1908px #FFF, 1710px 174px #FFF, 1360px 1162px #FFF, 1025px 209px #FFF, 119px 595px #FFF, 1637px 299px #FFF, 1187px 1887px #FFF, 454px 519px #FFF, 402px 868px #FFF, 670px 1259px #FFF, 1984px 1491px #FFF, 1853px 183px #FFF, 950px 1074px #FFF, 783px 1830px #FFF, 1656px 1696px #FFF, 845px 1875px #FFF, 1515px 1180px #FFF, 1872px 203px #FFF, 1876px 932px #FFF, 1366px 1px #FFF, 146px 1899px #FFF, 843px 1019px #FFF, 60px 146px #FFF, 1086px 1463px #FFF, 1732px 289px #FFF, 1019px 1978px #FFF, 1309px 628px #FFF, 342px 1889px #FFF, 1957px 1482px #FFF, 1756px 61px #FFF, 1200px 1890px #FFF, 1941px 337px #FFF, 1907px 255px #FFF, 449px 1054px #FFF, 1894px 306px #FFF, 842px 361px #FFF, 256px 989px #FFF, 428px 1311px #FFF, 354px 60px #FFF, 1607px 1789px #FFF, 450px 489px #FFF, 1286px 912px #FFF, 1250px 1278px #FFF, 228px 1375px #FFF, 996px 1693px #FFF, 303px 1661px #FFF, 893px 825px #FFF, 26px 1221px #FFF, 1494px 1666px #FFF, 1779px 1629px #FFF, 740px 593px #FFF, 919px 1010px #FFF, 1618px 1436px #FFF, 1411px 1617px #FFF, 677px 592px #FFF, 1647px 1051px #FFF, 1344px 1241px #FFF, 190px 1680px #FFF, 1626px 540px #FFF, 1910px 1947px #FFF, 123px 426px #FFF, 1980px 1328px #FFF, 1942px 856px #FFF, 21px 4px #FFF, 656px 1285px #FFF, 1180px 758px #FFF, 791px 1414px #FFF, 1800px 429px #FFF, 852px 1229px #FFF, 884px 52px #FFF, 829px 533px #FFF, 1353px 1699px #FFF, 131px 1679px #FFF, 1048px 1339px #FFF, 481px 70px #FFF, 1861px 81px #FFF, 1478px 1726px #FFF, 1748px 1381px #FFF, 1842px 506px #FFF, 454px 514px #FFF, 44px 451px #FFF, 325px 1406px #FFF, 741px 1797px #FFF, 100px 451px #FFF, 1643px 1978px #FFF, 1114px 437px #FFF, 1132px 1105px #FFF, 737px 1585px #FFF, 987px 1547px #FFF, 1435px 693px #FFF, 82px 854px #FFF, 1467px 1590px #FFF, 1759px 1516px #FFF, 341px 1117px #FFF, 1353px 781px #FFF, 1328px 1725px #FFF, 193px 449px #FFF, 1285px 1007px #FFF, 979px 1120px #FFF, 204px 1989px #FFF, 242px 430px #FFF, 1049px 473px #FFF, 435px 1987px #FFF, 1274px 368px #FFF, 844px 1276px #FFF, 1642px 1172px #FFF, 1430px 584px #FFF, 1940px 189px #FFF, 1778px 1161px #FFF, 509px 1954px #FFF, 676px 1961px #FFF, 803px 873px #FFF, 284px 1264px #FFF, 1933px 1864px #FFF, 298px 680px #FFF, 995px 1778px #FFF, 1839px 190px #FFF, 1021px 356px #FFF, 1151px 199px #FFF, 1054px 1091px #FFF, 1657px 53px #FFF, 858px 439px #FFF, 414px 1257px #FFF, 160px 1940px #FFF, 16px 1617px #FFF, 179px 549px #FFF, 1607px 1487px #FFF, 139px 1893px #FFF, 1806px 1173px #FFF, 1687px 1078px #FFF, 1026px 1056px #FFF, 312px 340px #FFF, 974px 291px #FFF, 1809px 1194px #FFF, 1461px 974px #FFF, 1053px 1136px #FFF, 739px 1371px #FFF, 225px 261px #FFF, 705px 1134px #FFF, 221px 1453px #FFF, 1551px 1342px #FFF, 1769px 370px #FFF, 1311px 264px #FFF, 925px 563px #FFF, 918px 518px #FFF, 529px 750px #FFF, 549px 861px #FFF, 1314px 892px #FFF, 102px 9px #FFF, 207px 341px #FFF, 1908px 1502px #FFF, 362px 214px #FFF, 709px 762px #FFF, 8px 57px #FFF, 1568px 1614px #FFF, 23px 1828px #FFF, 555px 804px #FFF, 876px 1327px #FFF, 669px 1087px #FFF, 472px 42px #FFF, 382px 1975px #FFF, 807px 552px #FFF, 1142px 41px #FFF, 22px 1273px #FFF, 1244px 1812px #FFF, 1408px 1825px #FFF, 821px 1468px #FFF, 1047px 539px #FFF, 275px 1462px #FFF, 1651px 1574px #FFF, 948px 1640px #FFF, 247px 609px #FFF, 1196px 1402px #FFF;
        animation: animStar 100s linear infinite;
    }

    .stars2:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 2px;
        height: 2px;
        background: transparent;
        box-shadow: 1281px 1257px #FFF, 1149px 1865px #FFF, 1273px 1470px #FFF, 626px 1990px #FFF, 1095px 179px #FFF, 171px 593px #FFF, 848px 824px #FFF, 463px 1298px #FFF, 882px 89px #FFF, 922px 1411px #FFF, 1508px 94px #FFF, 1198px 1251px #FFF, 342px 193px #FFF, 964px 305px #FFF, 108px 988px #FFF, 955px 1178px #FFF, 242px 1520px #FFF, 1427px 1215px #FFF, 525px 1431px #FFF, 1235px 1785px #FFF, 1553px 750px #FFF, 563px 1208px #FFF, 1079px 1938px #FFF, 1379px 1232px #FFF, 1211px 995px #FFF, 200px 1292px #FFF, 333px 1424px #FFF, 1235px 1908px #FFF, 1710px 174px #FFF, 1360px 1162px #FFF, 1025px 209px #FFF, 119px 595px #FFF, 1637px 299px #FFF, 1187px 1887px #FFF, 454px 519px #FFF, 402px 868px #FFF, 670px 1259px #FFF, 1984px 1491px #FFF, 1853px 183px #FFF, 950px 1074px #FFF, 783px 1830px #FFF, 1656px 1696px #FFF, 845px 1875px #FFF, 1515px 1180px #FFF, 1872px 203px #FFF, 1876px 932px #FFF, 1366px 1px #FFF, 146px 1899px #FFF, 843px 1019px #FFF, 60px 146px #FFF, 1086px 1463px #FFF, 1732px 289px #FFF, 1019px 1978px #FFF, 1309px 628px #FFF, 342px 1889px #FFF, 1957px 1482px #FFF, 1756px 61px #FFF, 1200px 1890px #FFF, 1941px 337px #FFF, 1907px 255px #FFF, 449px 1054px #FFF, 1894px 306px #FFF, 842px 361px #FFF, 256px 989px #FFF, 428px 1311px #FFF, 354px 60px #FFF, 1607px 1789px #FFF, 450px 489px #FFF, 1286px 912px #FFF, 1250px 1278px #FFF, 228px 1375px #FFF, 996px 1693px #FFF, 303px 1661px #FFF, 893px 825px #FFF, 26px 1221px #FFF, 1494px 1666px #FFF, 1779px 1629px #FFF, 740px 593px #FFF, 919px 1010px #FFF, 1618px 1436px #FFF, 1411px 1617px #FFF, 677px 592px #FFF, 1647px 1051px #FFF, 1344px 1241px #FFF, 190px 1680px #FFF, 1626px 540px #FFF, 1910px 1947px #FFF, 123px 426px #FFF, 1980px 1328px #FFF, 1942px 856px #FFF, 21px 4px #FFF, 656px 1285px #FFF, 1180px 758px #FFF, 791px 1414px #FFF, 1800px 429px #FFF, 852px 1229px #FFF, 884px 52px #FFF, 829px 533px #FFF, 1353px 1699px #FFF, 131px 1679px #FFF, 1048px 1339px #FFF, 481px 70px #FFF, 1861px 81px #FFF, 1478px 1726px #FFF, 1748px 1381px #FFF, 1842px 506px #FFF, 454px 514px #FFF, 44px 451px #FFF, 325px 1406px #FFF, 741px 1797px #FFF, 100px 451px #FFF, 1643px 1978px #FFF, 1114px 437px #FFF, 1132px 1105px #FFF, 737px 1585px #FFF, 987px 1547px #FFF, 1435px 693px #FFF, 82px 854px #FFF, 1467px 1590px #FFF, 1759px 1516px #FFF, 341px 1117px #FFF, 1353px 781px #FFF, 1328px 1725px #FFF, 193px 449px #FFF, 1285px 1007px #FFF, 979px 1120px #FFF, 204px 1989px #FFF, 242px 430px #FFF, 1049px 473px #FFF, 435px 1987px #FFF, 1274px 368px #FFF, 844px 1276px #FFF, 1642px 1172px #FFF, 1430px 584px #FFF, 1940px 189px #FFF, 1778px 1161px #FFF, 509px 1954px #FFF, 676px 1961px #FFF, 803px 873px #FFF, 284px 1264px #FFF, 1933px 1864px #FFF, 298px 680px #FFF, 995px 1778px #FFF, 1839px 190px #FFF, 1021px 356px #FFF, 1151px 199px #FFF, 1054px 1091px #FFF, 1657px 53px #FFF, 858px 439px #FFF, 414px 1257px #FFF, 160px 1940px #FFF, 16px 1617px #FFF, 179px 549px #FFF, 1607px 1487px #FFF, 139px 1893px #FFF, 1806px 1173px #FFF, 1687px 1078px #FFF, 1026px 1056px #FFF, 312px 340px #FFF, 974px 291px #FFF, 1809px 1194px #FFF, 1461px 974px #FFF, 1053px 1136px #FFF, 739px 1371px #FFF, 225px 261px #FFF, 705px 1134px #FFF, 221px 1453px #FFF, 1551px 1342px #FFF, 1769px 370px #FFF, 1311px 264px #FFF, 925px 563px #FFF, 918px 518px #FFF, 529px 750px #FFF, 549px 861px #FFF, 1314px 892px #FFF, 102px 9px #FFF, 207px 341px #FFF, 1908px 1502px #FFF, 362px 214px #FFF, 709px 762px #FFF, 8px 57px #FFF, 1568px 1614px #FFF, 23px 1828px #FFF, 555px 804px #FFF, 876px 1327px #FFF, 669px 1087px #FFF, 472px 42px #FFF, 382px 1975px #FFF, 807px 552px #FFF, 1142px 41px #FFF, 22px 1273px #FFF, 1244px 1812px #FFF, 1408px 1825px #FFF, 821px 1468px #FFF, 1047px 539px #FFF, 275px 1462px #FFF, 1651px 1574px #FFF, 948px 1640px #FFF, 247px 609px #FFF, 1196px 1402px #FFF;
    }

    .stars3 {
        width: 3px;
        height: 3px;
        background: transparent;
        box-shadow: 1752px 335px #FFF, 22px 644px #FFF, 903px 1207px #FFF, 1663px 268px #FFF, 1602px 474px #FFF, 896px 556px #FFF, 641px 1543px #FFF, 1238px 491px #FFF, 1092px 1541px #FFF, 1646px 1627px #FFF, 1249px 1868px #FFF, 271px 1477px #FFF, 804px 106px #FFF, 654px 103px #FFF, 962px 1737px #FFF, 1884px 1584px #FFF, 1238px 55px #FFF, 1538px 1271px #FFF, 1420px 1819px #FFF, 804px 876px #FFF, 792px 405px #FFF, 1664px 98px #FFF, 1035px 1565px #FFF, 1049px 65px #FFF, 1570px 1673px #FFF, 680px 291px #FFF, 1044px 1852px #FFF, 1329px 896px #FFF, 1545px 1561px #FFF, 75px 1417px #FFF, 1554px 63px #FFF, 983px 488px #FFF, 1985px 1658px #FFF, 1918px 784px #FFF, 1612px 1165px #FFF, 264px 331px #FFF, 1222px 1px #FFF, 40px 877px #FFF, 254px 476px #FFF, 1383px 561px #FFF, 1226px 400px #FFF, 881px 1306px #FFF, 91px 158px #FFF, 1506px 1896px #FFF, 1768px 215px #FFF, 942px 285px #FFF, 1350px 587px #FFF, 1520px 1700px #FFF, 1854px 617px #FFF, 545px 666px #FFF, 771px 677px #FFF, 485px 604px #FFF, 441px 419px #FFF, 1520px 482px #FFF, 1271px 1976px #FFF, 102px 689px #FFF, 1842px 1436px #FFF, 651px 298px #FFF, 1209px 265px #FFF, 1933px 134px #FFF, 381px 351px #FFF, 139px 1282px #FFF, 1249px 926px #FFF, 584px 1822px #FFF, 1968px 309px #FFF, 1985px 1114px #FFF, 776px 498px #FFF, 959px 1665px #FFF, 298px 1064px #FFF, 1205px 1483px #FFF, 168px 928px #FFF, 1819px 1466px #FFF, 1408px 1463px #FFF, 1448px 1190px #FFF, 374px 1572px #FFF, 922px 1820px #FFF, 1728px 1628px #FFF, 776px 299px #FFF, 171px 981px #FFF, 594px 285px #FFF, 714px 305px #FFF, 1273px 63px #FFF, 1019px 365px #FFF, 487px 1606px #FFF, 157px 1359px #FFF, 560px 1566px #FFF, 1031px 600px #FFF, 600px 603px #FFF, 507px 1576px #FFF, 1067px 1992px #FFF, 1225px 319px #FFF, 532px 1521px #FFF, 711px 1730px #FFF, 1211px 814px #FFF, 803px 1738px #FFF, 537px 1931px #FFF, 1830px 1354px #FFF, 225px 1812px #FFF, 34px 506px #FFF, 1268px 1970px #FFF;
        animation: animStar 150s linear infinite;
    }

    .stars3:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 3px;
        height: 3px;
        background: transparent;
        box-shadow: 1752px 335px #FFF, 22px 644px #FFF, 903px 1207px #FFF, 1663px 268px #FFF, 1602px 474px #FFF, 896px 556px #FFF, 641px 1543px #FFF, 1238px 491px #FFF, 1092px 1541px #FFF, 1646px 1627px #FFF, 1249px 1868px #FFF, 271px 1477px #FFF, 804px 106px #FFF, 654px 103px #FFF, 962px 1737px #FFF, 1884px 1584px #FFF, 1238px 55px #FFF, 1538px 1271px #FFF, 1420px 1819px #FFF, 804px 876px #FFF, 792px 405px #FFF, 1664px 98px #FFF, 1035px 1565px #FFF, 1049px 65px #FFF, 1570px 1673px #FFF, 680px 291px #FFF, 1044px 1852px #FFF, 1329px 896px #FFF, 1545px 1561px #FFF, 75px 1417px #FFF, 1554px 63px #FFF, 983px 488px #FFF, 1985px 1658px #FFF, 1918px 784px #FFF, 1612px 1165px #FFF, 264px 331px #FFF, 1222px 1px #FFF, 40px 877px #FFF, 254px 476px #FFF, 1383px 561px #FFF, 1226px 400px #FFF, 881px 1306px #FFF, 91px 158px #FFF, 1506px 1896px #FFF, 1768px 215px #FFF, 942px 285px #FFF, 1350px 587px #FFF, 1520px 1700px #FFF, 1854px 617px #FFF, 545px 666px #FFF, 771px 677px #FFF, 485px 604px #FFF, 441px 419px #FFF, 1520px 482px #FFF, 1271px 1976px #FFF, 102px 689px #FFF, 1842px 1436px #FFF, 651px 298px #FFF, 1209px 265px #FFF, 1933px 134px #FFF, 381px 351px #FFF, 139px 1282px #FFF, 1249px 926px #FFF, 584px 1822px #FFF, 1968px 309px #FFF, 1985px 1114px #FFF, 776px 498px #FFF, 959px 1665px #FFF, 298px 1064px #FFF, 1205px 1483px #FFF, 168px 928px #FFF, 1819px 1466px #FFF, 1408px 1463px #FFF, 1448px 1190px #FFF, 374px 1572px #FFF, 922px 1820px #FFF, 1728px 1628px #FFF, 776px 299px #FFF, 171px 981px #FFF, 594px 285px #FFF, 714px 305px #FFF, 1273px 63px #FFF, 1019px 365px #FFF, 487px 1606px #FFF, 157px 1359px #FFF, 560px 1566px #FFF, 1031px 600px #FFF, 600px 603px #FFF, 507px 1576px #FFF, 1067px 1992px #FFF, 1225px 319px #FFF, 532px 1521px #FFF, 711px 1730px #FFF, 1211px 814px #FFF, 803px 1738px #FFF, 537px 1931px #FFF, 1830px 1354px #FFF, 225px 1812px #FFF, 34px 506px #FFF, 1268px 1970px #FFF;
    }

    @keyframes animStar {
        from {
            transform: translateY(-2000px);
        }

        to {
            transform: translateY(2000px);
        }
    }
}*/
.hero-caution-old {
  background-image: url("../assets/images/backgrounds/caution-bg.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-color: #fff;
  height: 100vh;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.hero-caution-old .caution-box-small {
  left: calc(50% - 250px);
  position: absolute;
  max-width: 500px;
  background: #fff;
  top: calc(50% - 275px);
}

@keyframes float {
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

.hero-url {
  /*background: {
      image: url('../assets/images/backgrounds/url-bg.jpg');
      repeat: no-repeat;
      position: center center;
      size: cover;
      color: #fff;
  }
  height: 100vh;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  filter: blur(2px);

  .url-box-small {
      left: calc(50% - 250px);
      position: absolute;
      max-width: 500px;
      background: #fff;
      top: calc(50% - 275px);
      border: 1px solid $color-danger;
  }*/
}
@keyframes float {
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@keyframes float {
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

.error-container {
  display: grid;
  margin: auto;
  height: 100vh;
  width: 55%;
}

.errorbox {
  line-height: 1.8rem;
  text-align: left;
}

.CodeMirror-wrap pre {
  word-break: break-word;
}

.reminderSection {
  width: 100%;
  position: relative;
}

.reminder {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /*.CodeMirror-sizer {
      max-width: 52.2vw !important;
      min-width: 52.2vw !important;
  }*/
}
.reminder .left {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  margin-right: 0.5rem;
}
.reminder .right {
  -ms-flex-preferred-size: 67%;
      flex-basis: 67%;
  margin-left: 0;
}

.serviceTypeEditor, .clientGroupEditor, .courseEd {
  /*@include max-screen(1109px ) {
          .left, .right {
              margin-right: 0.75rem !important;
              margin-bottom: 0.75rem !important;
              max-width: 100%;
              min-width: 97%;
          }
      }

      @include min-screen(1110px) {
          .left {
              width: 300px;
              max-width: 300px;
              min-width: 300px;
              margin-bottom: 2rem;
              min-height: 65vh;
          }

          .right {

          }
      }*/
}
.serviceTypeEditor .left, .clientGroupEditor .left, .courseEd .left {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  margin-right: 0;
}
.serviceTypeEditor .right, .clientGroupEditor .right, .courseEd .right {
  -ms-flex-preferred-size: 67%;
      flex-basis: 67%;
  margin-left: 0;
}

.tradeTypeEditor {
  /*@include max-screen(1159px ) {
          .left, .right {
              margin-right: 0.75rem !important;
              margin-bottom: 0.75rem !important;
              max-width: 100%;
              min-width: 97%;
          }
      }

      @include min-screen(1160px) {
          .left {
              width: 300px;
              max-width: 300px;
              min-width: 300px;
              margin-bottom: 2rem;
              min-height: 65vh;
          }

          .right-top {
          }

          .right-bottom {
          }
      }*/
}
.tradeTypeEditor .left {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  margin-right: 0;
}
.tradeTypeEditor .right {
  -ms-flex-preferred-size: 67%;
      flex-basis: 67%;
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .form-group[isaddress=true] > div:not([class]) > label {
    margin-left: 0 !important;
    font-size: 0.85rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
    width: 100%;
  }
  .form-group[isaddress=true] > div[class] {
    margin-top: 2.8rem;
  }
  .form-group[isaddress=true] > div > div {
    border: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }
  .form-group[isaddress=true] > div > div .flex-profile > div {
    position: relative;
    margin-bottom: 0.4rem;
    margin-right: 0 !important;
  }
  .form-group[isaddress=true] > div > div .flex-profile div[data-dest] {
    border-radius: 0.3rem;
  }
  .manualAddress {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .manualAddress > .flex-profile > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .manualAddress > .flex-profile > div > div {
    position: relative;
  }
  .manualAddress label {
    top: -0.2rem !important;
  }
}
@media screen and (min-width: 768px) {
  .form-group[isaddress=true].float-label-above > div:first-child:not([class]) > label {
    margin-left: 0 !important;
    font-size: 0.85rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    margin-top: 0.5rem;
  }
  .form-group[isaddress=true].float-label-above > div:nth-child(2) {
    margin-top: 2.8rem;
  }
  .form-group[isaddress=true].float-label-above > div:nth-child(2) > div {
    border: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }
  .form-group[isaddress=true].float-label-above > div:nth-child(2) > div .flex-profile > div {
    position: relative;
    margin-bottom: 0.4rem;
  }
  .form-group[isaddress=true].float-label-above > div:nth-child(2) > div .flex-profile div[data-dest] {
    border-radius: 0.3rem;
  }
  .form-group[isaddress=true].float-label-above > div:nth-child(2) > div .flex-profile div:last-child {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .error-header-parent {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .error-header-parent {
    text-align: left;
  }
}

.error-header {
  color: #272e38;
}
@media screen and (max-width: 767px) {
  .error-header {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 768px) {
  .error-header {
    font-size: 1.5rem;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .error-text {
    font-size: 1.1rem;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .error-text {
    font-size: 1.2rem;
    text-align: left;
  }
}
.error-text > a {
  color: #00AAFF;
}

.half-blue {
  color: #726ff6 !important;
  text-decoration: underline;
}
.half-blue:hover {
  text-decoration: none;
}

.btn-half-blue {
  color: #000;
  background-color: #e7e7fd;
  border: 1px solid #e7e7fd;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0.15rem !important;
}
.btn-half-blue:hover {
  color: #FFF !important;
  background-color: #726ff6 !important;
  border-color: #8987f7 !important;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/********************
 * TABLES
 ********************/
.table > thead > tr {
  font-size: 0.85rem;
  /*background-color: #edeff3;*/
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
}
.table > thead > tr > th {
  border-bottom: 1px solid #e9eef2;
  border-top: 1px solid #fff;
  color: #2B333E;
}
.table > tbody > tr {
  font-size: 0.85rem;
}
.table > tbody > tr > td {
  border-color: #e9eef2;
}
.table.table-minimal > thead > tr {
  background-color: transparent;
}
.table.table-minimal > thead > tr > th {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #a0aeba;
  border-bottom: none;
  font-size: 12px;
}
.table.table-minimal > tbody > tr > td {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: none;
  border-bottom: 1px solid #e9eef2;
  vertical-align: middle;
}
.table.table-minimal > tbody > tr:last-child > td {
  border-bottom: none;
}
.table.table-no-border > thead > tr > th {
  padding: 15px 0;
  border-bottom: 1px solid #e9eef2;
}
.table.table-no-border > tbody > tr > td {
  padding: 7px 0;
  border: none;
}
.table.table-no-border > tbody > tr:first-child > td {
  padding-top: 15px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fafbfc;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f5f8fc;
}
.table-striped > tbody > tr.draft {
  background: #ebe4e4;
}

.table-bordered > thead > tr > th {
  border-color: #e9eef2;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.85rem;
  background-color: #ebebeb;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
}

.table-bordered > thead > tr > th:first-child {
  border-top-left-radius: 0.25rem !important;
}

.table-bordered > thead > tr > th:last-child {
  border-top-right-radius: 0.25rem !important;
}

.table-hover > tbody > tr:hover {
  background-color: rgba(183, 221, 239, 0.2);
  font-weight: 500;
  color: #444;
}
.table-hover > tbody > tr:hover.clickable {
  cursor: pointer;
}
.table-hover > tbody > tr:hover.clickable > td.clickable {
  cursor: pointer;
}

.table-bordered td {
  padding: 0.95rem;
}

/*
#coursesList {
    td {
        padding: 1.25rem 0.5rem;
    }
}*/
.panel-body .table-fullwidth {
  margin-bottom: 0;
}
.panel-body .table-fullwidth > thead > tr > th:first-child, .panel-body .table-fullwidth > thead > tr > th:last-child,
.panel-body .table-fullwidth > tbody > tr > td:first-child,
.panel-body .table-fullwidth > tbody > tr > td:last-child {
  padding-left: 25px;
  padding-right: 25px;
}

/* datatables */
table.inductionGrid {
  border-color: #e9eef2;
}
table.inductionGrid .grid-header > th {
  background-color: #ebebeb;
  color: #555;
  font-weight: 600;
  border-bottom: none;
}
table.inductionGrid .grid-header > th .sorting:before, table.inductionGrid .grid-header > th .sorting_asc:before, table.inductionGrid .grid-header > th .sorting_desc:before, table.inductionGrid .grid-header > th .sorting_asc_disabled:before, table.inductionGrid .grid-header > th .sorting_desc_disabled:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0de";
  top: 1rem;
  color: #007bff;
}
table.inductionGrid .grid-header > th .sorting:after, table.inductionGrid .grid-header > th .sorting_asc:after, table.inductionGrid .grid-header > th .sorting_desc:after, table.inductionGrid .grid-header > th .sorting_asc_disabled:after, table.inductionGrid .grid-header > th .sorting_desc_disabled:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0dd";
  top: 1rem;
  color: #007bff;
}
table.inductionGrid thead th,
table.inductionGrid thead td {
  border-bottom: none;
}
table.inductionGrid thead th,
table.inductionGrid tfoot th {
  font-weight: normal;
}
table.inductionGrid.no-footer {
  border-bottom-color: #e9eef2;
}
table.inductionGrid thead > tr > th {
  padding-left: 8px;
  padding-right: 15px;
}
table.inductionGrid thead .sorting,
table.inductionGrid thead .sorting_asc,
table.inductionGrid thead .sorting_desc,
table.inductionGrid thead .sorting_disabled,
table.inductionGrid thead .sorting_asc_disabled,
table.inductionGrid thead .sorting_desc_disabled {
  background: #fff;
  color: #2B333E;
  font-weight: 600;
  border-bottom: 1px solid #e9eef2;
  border-top: 1px solid #fff;
}
table.inductionGrid thead .sorting:after,
table.inductionGrid thead .sorting_asc:after,
table.inductionGrid thead .sorting_desc:after,
table.inductionGrid thead .sorting_disabled:after,
table.inductionGrid thead .sorting_asc_disabled:after,
table.inductionGrid thead .sorting_desc_disabled:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  color: #2B333E;
}
table.inductionGrid thead .sorting_asc:after,
table.inductionGrid thead .sorting_asc_disabled:after {
  content: "\f0de";
}
table.inductionGrid thead .sorting_desc:after,
table.inductionGrid thead .sorting_desc_disabled:after {
  content: "\f0dd";
}
table.inductionGrid thead .sorting:after {
  content: "\f0dc";
}
table.inductionGrid thead .sorting_asc_disabled,
table.inductionGrid thead .sorting_desc_disabled {
  color: #caced3;
}
table.inductionGrid thead .row-filter input {
  width: 100%;
  font-weight: normal;
}

/* top products */
/*.top-products {
    thead {
        display: none;
    }

    tbody {
        font-size: 18px;

        > tr > td {
            padding-top: 30px;
            padding-bottom: 30px;
            vertical-align: middle;
        }

        > tr:first-child > td {
            border-top: none;
            padding-top: 0;
        }

        > tr:last-child > td {
            padding-bottom: 0;
        }
    }

    .product-logo {
        float: left;
    }

    .product-name {
        padding-left: 65px;
        margin: 0;
    }

    .product-version {
        display: block;
        font-size: 13px;
        color: $muted-color;
    }

    .icon {
        margin-right: 10px;
        color: $muted-color;
    }
}*/
/* project list */
/*.project-list {
    .progress {
        margin-bottom: 0;
    }

    .progress-bar {
        font-size: 1rem;
    }

    > tbody > tr > td {
        padding: 12px 8px;

        .avatar {
            width: 22px;
            border: 1px solid #CCC;
        }

        &.leader {
            a {
                font-size: 13px;
                color: $font-color;

                &:hover,
                &:focus {
                    span {
                        text-decoration: underline;
                    }

                    img {
                        text-decoration: none;
                    }
                }
            }

            img:hover + a {
                text-decoration: underline;
            }
        }
    }
}*/
/* table chat support */
/*.table-chat-support {
    .popover-profile {
        &:hover {
            cursor: pointer;
        }

        i {
            margin-right: 5px;
        }
    }

    > tbody > tr > td {
        font-size: 14px;

        .fa-mobile {
            font-size: 21px;
        }

        .tooltip-inner {
            max-width: none;
        }
    }
}*/
/* table with icon and value only */
/*.table-icons-stat {
    > tbody > tr > td {
        color: #90a3b3;
        font-size: 13px;

        &:first-child {
            color: $font-color;
            font-size: 14px;
        }

        i {
            margin-right: 5px;
        }
    }
}*/
/* table without head and border */
/*.table-invisible {
    thead {
        display: none;
    }

    tbody {
        > tr > td {
            border: none;
            padding: 0 0 5px 0;
        }
    }
}*/
th.sorting {
  background: #fff;
  color: #2B333E;
}
th.sorting:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0dc";
  top: 1rem !important;
  /*color: #fff;*/
  color: rgba(0, 0, 0, 0.6) !important;
  opacity: 0.5;
  padding-left: 5px;
}
th.sorting:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0dd";
  top: 1rem !important;
  color: rgba(0, 0, 0, 0.6) !important;
  opacity: 0.5;
  padding-left: 5px;
}

th.sorting_asc {
  background: #fff;
  color: #2B333E;
}
th.sorting_asc:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0dc";
  top: 1rem !important;
  /*color: #fff;*/
  color: rgba(0, 0, 0, 0.6) !important;
  opacity: 0.5;
  padding-left: 5px;
}
th.sorting_asc:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0de";
  top: 1rem !important;
  color: rgba(0, 0, 0, 0.6) !important;
  opacity: 1;
}

th.sorting_desc {
  background: #fff;
  color: #2B333E;
}
th.sorting_desc:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0dc";
  top: 1rem !important;
  /*color: #fff;*/
  color: rgba(0, 0, 0, 0.6) !important;
  opacity: 0.5;
  padding-left: 5px;
}
th.sorting_desc:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0dd";
  top: 1rem !important;
  color: rgba(0, 0, 0, 0.6) !important;
  opacity: 1;
}

.inductionGrid > th .sorting:before, .inductionGrid > th .sorting_asc:before, .inductionGrid > th .sorting_desc:before, .inductionGrid > th .sorting_asc_disabled:before, .inductionGrid > th .sorting_desc_disabled:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0de";
  top: 1rem !important;
  color: #007bff;
}
.inductionGrid > th .sorting:after, .inductionGrid > th .sorting_asc:after, .inductionGrid > th .sorting_desc:after, .inductionGrid > th .sorting_asc_disabled:after, .inductionGrid > th .sorting_desc_disabled:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  right: 0.5rem;
  content: "\f0dd";
  top: 1rem !important;
  color: #007bff;
}

ul.pagination > li.paginate_button {
  /*a:focus {
      color: rgba(0,0,0,0.5);
      font-weight: 600;
      background-color: rgba(44, 194, 190, 0.3);
      border-color: rgba(44, 194, 190, 0.1);
  }*/
}
ul.pagination > li.paginate_button.active > a {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  background-color: rgba(44, 194, 190, 0.3);
  border-color: rgba(44, 194, 190, 0.1);
}
ul.pagination > li.paginate_button > a.page-link {
  color: rgba(0, 0, 0, 0.65);
}
ul.pagination > li.paginate_button > a.page-link:hover {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  background-color: rgba(44, 194, 190, 0.3);
  border-color: rgba(44, 194, 190, 0.1);
}
ul.pagination > li.paginate_button > a.page-link:focus {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 194, 190, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(44, 194, 190, 0.25);
  margin-left: 0.15rem;
  margin-right: 0.4rem;
}

.paginate_button .page-item {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  /*&:active {
      color: rgba(0,0,0,0.5);
      font-weight: 600;
      background-color: rgba(44, 194, 190, 0.3);
      border-color: rgba(44, 194, 190, 0.3);
  }*/
}
.paginate_button .page-item .active > a.page-link {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  background-color: rgba(44, 194, 190, 0.3);
  border-color: rgba(44, 194, 190, 0.3);
}

.rowShow {
  -webkit-animation: scale-in-ver-top 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-ver-top 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.rowHide {
  -webkit-animation: scale-out-ver-bottom 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-ver-bottom 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

th.overflow {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

td.cl {
  position: relative;
  padding-left: 1.4rem;
}
td.cl > div.cl {
  background: #2cc2be;
  color: #fff;
  padding: 0.3rem 0.2rem;
  z-index: 2;
  width: 1rem;
  min-width: 3rem;
}
td.cl > div.f1 {
  background: #ff7ca8;
  color: #fff;
  padding: 0.3rem 0.2rem;
  min-width: 3rem;
  z-index: 2;
}
td.cl > div.f2 {
  background: #ff7ca8;
  color: #fff;
  padding: 0.3rem 0.2rem;
  min-width: 3rem;
}

td > div.inline-menu {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='1' /%3E%3Ccircle cx='12' cy='19' r='1' /%3E%3Ccircle cx='12' cy='5' r='1' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
  width: 28px;
}
td > div.inline-menu > div.menu-items {
  display: none;
}
td > div.inline-menu.show > div.menu-items {
  min-width: 130px;
  border-radius: 0.3rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 2;
  -webkit-animation: scale-in-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  padding: 0 0.75rem;
  /*  > .printCourse {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-printer' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2' /%3E%3Cpath d='M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4' /%3E%3Crect x='7' y='13' width='10' height='8' rx='2' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      padding-bottom: 2rem;
      border-bottom: 1px dashed $tab-border-color;

      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-printer' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2' /%3E%3Cpath d='M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4' /%3E%3Crect x='7' y='13' width='10' height='8' rx='2' /%3E%3C/svg%3E");
      }
  }

  > .copyCourse {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='8' y='8' width='12' height='12' rx='2' /%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      padding-bottom: 2rem;
      border-bottom: 1px dashed $tab-border-color;

      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='8' y='8' width='12' height='12' rx='2' /%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3C/svg%3E");
      }
  }

  > .deleteCourse {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
      display: inline-block;
      background-repeat: no-repeat;
      background-position: left center;
      padding-bottom: 2rem;
      border-bottom: 1px dashed $tab-border-color;

      &:hover {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
      }
  }*/
}
td > div.inline-menu.show > div.menu-items.dropup {
  top: -200%;
}
td > div.inline-menu.show > div.menu-items > a {
  border: 0;
  text-align: left;
  border-bottom: 1px dashed #dee2e6;
  padding-bottom: 2rem;
}
td > div.inline-menu.show > div.menu-items > div {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 0 0 25px;
  font-size: 0.8rem;
  cursor: pointer;
}
td .offline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-power' width='22' height='22' viewBox='0 0 24 24' stroke-width='2.0' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 6a7.75 7.75 0 1 0 10 0' /%3E%3Cline x1='12' y1='4' x2='12' y2='12' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}
td .error {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bug' width='22' height='22' viewBox='0 0 24 24' stroke-width='2.0' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 9v-1a3 3 0 0 1 6 0v1' /%3E%3Cpath d='M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3' /%3E%3Cline x1='3' y1='13' x2='7' y2='13' /%3E%3Cline x1='17' y1='13' x2='21' y2='13' /%3E%3Cline x1='12' y1='20' x2='12' y2='14' /%3E%3Cline x1='4' y1='19' x2='7.35' y2='17' /%3E%3Cline x1='20' y1='19' x2='16.65' y2='17' /%3E%3Cline x1='4' y1='7' x2='7.75' y2='9.4' /%3E%3Cline x1='20' y1='7' x2='16.25' y2='9.4' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}
td .secure:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-lock' width='22' height='22' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='5' y='11' width='14' height='10' rx='2' /%3E%3Ccircle cx='12' cy='16' r='1' /%3E%3Cpath d='M8 11v-4a4 4 0 0 1 8 0v4' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  content: "";
  background-position: 3px 0;
}
td .secure:after:hover:hover + div.callout {
  display: block;
  right: 61px;
}
td .secure:after:hover:hover + div.callout .line {
  border-color: #2c3e50;
}
td .secure:after:hover:hover + div.callout .content {
  border-color: #2c3e50;
}

@media all and (max-width: 500px) {
  table.wrapped {
    width: 100%;
  }
  .wrapped td {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }
  .wrapped tr {
    display: block;
    margin-bottom: 1rem;
  }
}
@media all and (min-width: 501px) and (max-width: 799px) {
  table.wrapped {
    width: 100%;
  }
}
/********************
 * HELPERS
 ********************/
.d-hide {
  display: none !important;
}

.nocursor {
  cursor: none;
}

.bg-ls-dark {
  background: #2B333E !important;
}

.bg-success {
  background-color: #2dab6b !important;
}

.bg-warning {
  background-color: #ff901c !important;
}

.bg-danger {
  background-color: #ff213b !important;
}

.bg-info {
  background-color: #b2dbef !important;
}

.bg-info-offset {
  background-color: #2CC2BE !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-25 {
  padding: 25px !important;
}

.p-25 {
  padding: 0.75rem !important;
}

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

.break-word {
  word-break: break-all;
}

.input-group-append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-append > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-append .fill {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100%;
}

.photo90 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(90deg) translate3d(-20%, 0, 0);
          transform: rotate(90deg) translate3d(-20%, 0, 0);
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.photo180 {
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(180deg) translate3d(0, 50%, 0);
  transform-origin: 0% 0%;*/
  -webkit-transform: rotate(180deg) translate3d(50%, 50%, 0);
          transform: rotate(180deg) translate3d(50%, 50%, 0);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  width: 93%;
  height: auto;
}

.photo270 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(270deg) translate3d(20%, 0, 0);
          transform: rotate(270deg) translate3d(20%, 0, 0);
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.pt-25 {
  padding-top: 0.72rem !important;
}

.pb-25 {
  padding-bottom: 0.72rem !important;
}

.p-3-5 {
  padding: 1.25rem !important;
}

.flex-50 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.mw-5 {
  max-width: 5%;
}

.mw-10 {
  max-width: 10%;
}

.mw-15 {
  max-width: 15%;
}

.mw-20 {
  max-width: 20%;
}

.mw-25 {
  max-width: 25%;
}

.mw-30 {
  max-width: 30%;
}

.mw-35 {
  max-width: 35%;
}

.mw-40 {
  max-width: 40%;
}

.mw-45 {
  max-width: 45%;
}

.mw-50 {
  max-width: 50%;
}

.mw-55 {
  max-width: 55%;
}

.mw-60 {
  max-width: 60%;
}

.mw-65 {
  max-width: 65%;
}

.mw-70 {
  max-width: 70%;
}

.mw-75 {
  max-width: 75%;
}

.mw-80 {
  max-width: 80%;
}

.mw-85 {
  max-width: 85%;
}

.mw-90 {
  max-width: 90%;
}

.mw-95 {
  max-width: 95%;
}

.mw-100 {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .mw-5 {
    max-width: 100%;
  }
  .mw-10 {
    max-width: 100%;
  }
  .mw-15 {
    max-width: 100%;
  }
  .mw-20 {
    max-width: 100%;
  }
  .mw-25 {
    max-width: 100%;
  }
  .mw-30 {
    max-width: 100%;
  }
  .mw-35 {
    max-width: 100%;
  }
  .mw-40 {
    max-width: 100%;
  }
  .mw-45 {
    max-width: 100%;
  }
  .mw-50 {
    max-width: 100%;
  }
  .mw-55 {
    max-width: 100%;
  }
  .mw-60 {
    max-width: 100%;
  }
  .mw-65 {
    max-width: 100%;
  }
  .mw-70 {
    max-width: 100%;
  }
  .mw-75 {
    max-width: 100%;
  }
  .mw-80 {
    max-width: 100%;
  }
  .mw-85 {
    max-width: 100%;
  }
  .mw-90 {
    max-width: 100%;
  }
  .mw-95 {
    max-width: 100%;
  }
  .mw-100 {
    max-width: 100%;
  }
}
.mnw-5 {
  min-width: 5% !important;
}

.mnw-10 {
  min-width: 10% !important;
}

.mnw-15 {
  min-width: 15% !important;
}

.mnw-20 {
  min-width: 20% !important;
}

.mnw-25 {
  min-width: 25% !important;
}

.mnw-30 {
  min-width: 30% !important;
}

.mnw-35 {
  min-width: 35% !important;
}

.mnw-40 {
  min-width: 40% !important;
}

.mnw-45 {
  min-width: 45% !important;
}

.mnw-50 {
  min-width: 50% !important;
}

.mnw-55 {
  min-width: 55% !important;
}

.mnw-60 {
  min-width: 60% !important;
}

.mnw-65 {
  min-width: 65% !important;
}

.mnw-70 {
  min-width: 70% !important;
}

.mnw-75 {
  min-width: 75% !important;
}

.mnw-80 {
  min-width: 80% !important;
}

.mnw-85 {
  min-width: 85% !important;
}

.mnw-90 {
  min-width: 90% !important;
}

.mnw-95 {
  min-width: 95% !important;
}

.mnw-100 {
  min-width: 100% !important;
}

.mh-5 {
  min-height: 5vh;
}

.mh-10 {
  min-height: 10vh;
}

.mh-15 {
  min-height: 15vh;
}

.mh-20 {
  min-height: 20vh;
}

.mh-25 {
  min-height: 25vh;
}

.mh-30 {
  min-height: 30vh;
}

.mh-35 {
  min-height: 35vh;
}

.mh-40 {
  min-height: 40vh;
}

.mh-45 {
  min-height: 45vh;
}

.mh-50 {
  min-height: 50vh;
}

.mh-55 {
  min-height: 55vh;
}

.mh-60 {
  min-height: 60vh;
}

.mh-65 {
  min-height: 65vh;
}

.mh-70 {
  min-height: 70vh;
}

.mh-75 {
  min-height: 75vh;
}

.mh-80 {
  min-height: 80vh;
}

.mh-85 {
  min-height: 85vh;
}

.mh-90 {
  min-height: 90vh;
}

.mh-95 {
  min-height: 95vh;
}

.mh-100 {
  min-height: 100vh;
}

.mxh-5 {
  max-height: 5vh;
}

.mxh-10 {
  max-height: 10vh;
}

.mxh-15 {
  max-height: 15vh;
}

.mxh-20 {
  max-height: 20vh;
}

.mxh-25 {
  max-height: 25vh;
}

.mxh-30 {
  max-height: 30vh;
}

.mxh-35 {
  max-height: 35vh;
}

.mxh-40 {
  max-height: 40vh;
}

.mxh-45 {
  max-height: 45vh;
}

.mxh-50 {
  max-height: 50vh;
}

.mxh-55 {
  max-height: 55vh;
}

.mxh-60 {
  max-height: 60vh;
}

.mxh-65 {
  max-height: 65vh;
}

.mxh-70 {
  max-height: 70vh;
}

.mxh-75 {
  max-height: 75vh;
}

.mxh-80 {
  max-height: 80vh;
}

.mxh-85 {
  max-height: 85vh;
}

.mxh-90 {
  max-height: 90vh;
}

.mxh-95 {
  max-height: 95vh;
}

.mxh-100 {
  max-height: 100vh;
}

.right-1 {
  right: 1rem;
}

.right-2 {
  right: 2rem;
}

.right-3 {
  right: 3rem;
}

.right-4 {
  right: 4rem;
}

.right-5 {
  right: 5rem;
}

.right-6 {
  right: 6rem;
}

.right-7 {
  right: 7rem;
}

.right-8 {
  right: 8rem;
}

.right-9 {
  right: 9rem;
}

.right-10 {
  right: 10rem;
}

.right-11 {
  right: 11rem;
}

.right-12 {
  right: 12rem;
}

.right-13 {
  right: 13rem;
}

.right-14 {
  right: 14rem;
}

.right-15 {
  right: 15rem;
}

.right-16 {
  right: 16rem;
}

.right-17 {
  right: 17rem;
}

.right-18 {
  right: 18rem;
}

.right-19 {
  right: 19rem;
}

.right-20 {
  right: 20rem;
}

.top-1 {
  top: 0.25rem;
  z-index: 5;
}

.top-2 {
  top: 0.5rem;
  z-index: 5;
}

.top-3 {
  top: 0.75rem;
  z-index: 5;
}

.top-4 {
  top: 1rem;
  z-index: 5;
}

.top-5 {
  top: 1.25rem;
  z-index: 5;
}

.top-6 {
  top: 1.5rem;
  z-index: 5;
}

.top-7 {
  top: 1.75rem;
  z-index: 5;
}

.top-8 {
  top: 2rem;
  z-index: 5;
}

.top-9 {
  top: 2.25rem;
  z-index: 5;
}

.top-10 {
  top: 2.5rem;
  z-index: 5;
}

.top-11 {
  top: 2.75rem;
  z-index: 5;
}

.top-12 {
  top: 3rem;
  z-index: 5;
}

.top-13 {
  top: 3.25rem;
  z-index: 5;
}

.top-14 {
  top: 3.5rem;
  z-index: 5;
}

.top-15 {
  top: 3.75rem;
  z-index: 5;
}

.top-16 {
  top: 4rem;
  z-index: 5;
}

.top-17 {
  top: 4.25rem;
  z-index: 5;
}

.top-18 {
  top: 4.5rem;
  z-index: 5;
}

.top-19 {
  top: 4.75rem;
  z-index: 5;
}

.top-20 {
  top: 5rem;
  z-index: 5;
}

.top-21 {
  top: 5.25rem;
  z-index: 5;
}

.top-22 {
  top: 5.5rem;
  z-index: 5;
}

.top-23 {
  top: 5.75rem;
  z-index: 5;
}

.top-24 {
  top: 6rem;
  z-index: 5;
}

.top-25 {
  top: 6.25rem;
  z-index: 5;
}

.top-26 {
  top: 6.5rem;
  z-index: 5;
}

.top-27 {
  top: 6.75rem;
  z-index: 5;
}

.top-28 {
  top: 7rem;
  z-index: 5;
}

.top-29 {
  top: 7.25rem;
  z-index: 5;
}

.top-30 {
  top: 7.5rem;
  z-index: 5;
}

.top-31 {
  top: 7.75rem;
  z-index: 5;
}

.top-32 {
  top: 8rem;
  z-index: 5;
}

.top-33 {
  top: 8.25rem;
  z-index: 5;
}

.top-34 {
  top: 8.5rem;
  z-index: 5;
}

.top-35 {
  top: 8.75rem;
  z-index: 5;
}

.top-36 {
  top: 9rem;
  z-index: 5;
}

.top-37 {
  top: 9.25rem;
  z-index: 5;
}

.top-38 {
  top: 9.5rem;
  z-index: 5;
}

.top-39 {
  top: 9.75rem;
  z-index: 5;
}

.top-40 {
  top: 10rem;
  z-index: 5;
}

.top-minus-1 {
  top: -0.25rem !important;
  z-index: 5;
}

.top-minus-2 {
  top: -0.5rem !important;
  z-index: 5;
}

.top-minus-3 {
  top: -0.75rem !important;
  z-index: 5;
}

.top-minus-4 {
  top: -1rem !important;
  z-index: 5;
}

.top-minus-5 {
  top: -1.25rem !important;
  z-index: 5;
}

.top-minus-6 {
  top: -1.5rem !important;
  z-index: 5;
}

.top-minus-7 {
  top: -1.75rem !important;
  z-index: 5;
}

.top-minus-8 {
  top: -2rem !important;
  z-index: 5;
}

.top-minus-9 {
  top: -2.25rem !important;
  z-index: 5;
}

.top-minus-10 {
  top: -2.5rem !important;
  z-index: 5;
}

.top-minus-11 {
  top: -2.75rem !important;
  z-index: 5;
}

.top-minus-12 {
  top: -3rem !important;
  z-index: 5;
}

.top-minus-13 {
  top: -3.25rem !important;
  z-index: 5;
}

.top-minus-14 {
  top: -3.5rem !important;
  z-index: 5;
}

.top-minus-15 {
  top: -3.75rem !important;
  z-index: 5;
}

.top-minus-16 {
  top: -4rem !important;
  z-index: 5;
}

.top-minus-17 {
  top: -4.25rem !important;
  z-index: 5;
}

.top-minus-18 {
  top: -4.5rem !important;
  z-index: 5;
}

.top-minus-19 {
  top: -4.75rem !important;
  z-index: 5;
}

.top-minus-20 {
  top: -5rem !important;
  z-index: 5;
}

.top-minus-21 {
  top: -5.25rem !important;
  z-index: 5;
}

.top-minus-22 {
  top: -5.5rem !important;
  z-index: 5;
}

.top-minus-23 {
  top: -5.75rem !important;
  z-index: 5;
}

.top-minus-24 {
  top: -6rem !important;
  z-index: 5;
}

.top-minus-25 {
  top: -6.25rem !important;
  z-index: 5;
}

.top-minus-26 {
  top: -6.5rem !important;
  z-index: 5;
}

.top-minus-27 {
  top: -6.75rem !important;
  z-index: 5;
}

.top-minus-28 {
  top: -7rem !important;
  z-index: 5;
}

.top-minus-29 {
  top: -7.25rem !important;
  z-index: 5;
}

.top-minus-30 {
  top: -7.5rem !important;
  z-index: 5;
}

.top-minus-31 {
  top: -7.75rem !important;
  z-index: 5;
}

.top-minus-32 {
  top: -8rem !important;
  z-index: 5;
}

.top-minus-33 {
  top: -8.25rem !important;
  z-index: 5;
}

.top-minus-34 {
  top: -8.5rem !important;
  z-index: 5;
}

.top-minus-35 {
  top: -8.75rem !important;
  z-index: 5;
}

.top-minus-36 {
  top: -9rem !important;
  z-index: 5;
}

.top-minus-37 {
  top: -9.25rem !important;
  z-index: 5;
}

.top-minus-38 {
  top: -9.5rem !important;
  z-index: 5;
}

.top-minus-39 {
  top: -9.75rem !important;
  z-index: 5;
}

.top-minus-40 {
  top: -10rem !important;
  z-index: 5;
}

.border-1px {
  border-width: 1px !important;
}

.border-2px {
  border-width: 2px !important;
}

.border-3px {
  border-width: 3px !important;
}

.border-4px {
  border-width: 4px !important;
}

.border-5px {
  border-width: 5px !important;
}

.border-6px {
  border-width: 6px !important;
}

.border-7px {
  border-width: 7px !important;
}

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

.border-9px {
  border-width: 9px !important;
}

.border-10px {
  border-width: 10px !important;
}

.alert-primary {
  color: #272e38;
  background-color: #00AAFF;
  border-color: #006699;
  border-left: 4px solid #006699 !important;
}
.alert-primary .alert-link {
  color: #1f252d;
}

.alert-secondary {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #3d4246;
  border-left: 4px solid #3d4246 !important;
}
.alert-secondary .alert-link {
  color: #cccccc;
}

.alert-success {
  color: #272e38;
  background-color: #7eddac;
  border-color: #33c278;
  border-left: 4px solid #33c278 !important;
}
.alert-success .alert-link {
  color: #1f252d;
}

.alert-info {
  color: #272e38;
  background-color: #b2dbef;
  border-color: #5eb4dd;
  border-left: 4px solid #5eb4dd !important;
}
.alert-info .alert-link {
  color: #1f252d;
}

.alert-warning {
  color: #272e38;
  background-color: #ffcf88;
  border-color: #ffa622;
  border-left: 4px solid #ffa622 !important;
}
.alert-warning .alert-link {
  color: #1f252d;
}

.alert-danger {
  color: #272e38;
  background-color: #fd8187;
  border-color: #fb1d27;
  border-left: 4px solid #fb1d27 !important;
}
.alert-danger .alert-link {
  color: #1f252d;
}

.alert-light {
  color: #272e38;
  background-color: #f8f9fa;
  border-color: #bdc6d0;
  border-left: 4px solid #bdc6d0 !important;
}
.alert-light .alert-link {
  color: #1f252d;
}

.alert-dark {
  color: #ffffff;
  background-color: #343a40;
  border-color: #060708;
  border-left: 4px solid #060708 !important;
}
.alert-dark .alert-link {
  color: #cccccc;
}

.alert-info-offset {
  color: #272e38;
  background-color: #2CC2BE;
  border-color: #196f6d;
  border-left: 4px solid #196f6d !important;
}
.alert-info-offset .alert-link {
  color: #1f252d;
}

.alert-warning-muted {
  color: #272e38;
  background-color: #ffcc7f;
  border-color: #ffa319;
  border-left: 4px solid #ffa319 !important;
}
.alert-warning-muted .alert-link {
  color: #1f252d;
}

.alert-info-muted {
  color: #272e38;
  background-color: #aae2fd;
  border-color: #46c0fb;
  border-left: 4px solid #46c0fb !important;
}
.alert-info-muted .alert-link {
  color: #1f252d;
}

.alert-success-muted {
  color: #272e38;
  background-color: #4ae7bf;
  border-color: #18b38c;
  border-left: 4px solid #18b38c !important;
}
.alert-success-muted .alert-link {
  color: #1f252d;
}

.alert-success-muted-light {
  color: #272e38;
  background-color: #dafaf2;
  border-color: #80eed2;
  border-left: 4px solid #80eed2 !important;
}
.alert-success-muted-light .alert-link {
  color: #1f252d;
}

.alert-danger-muted {
  color: #272e38;
  background-color: #fea6a9;
  border-color: #fd4148;
  border-left: 4px solid #fd4148 !important;
}
.alert-danger-muted .alert-link {
  color: #1f252d;
}

.alert-def {
  color: #272e38;
  background-color: #dae9f1;
  border-color: #90bdd5;
  border-left: 4px solid #90bdd5 !important;
}
.alert-def .alert-link {
  color: #1f252d;
}

.alert-def-info {
  color: #272e38;
  background-color: #b2dbef;
  border-color: #5eb4dd;
  border-left: 4px solid #5eb4dd !important;
}
.alert-def-info .alert-link {
  color: #1f252d;
}

.alert-def-sort {
  color: #272e38;
  background-color: #dae9f1;
  border-color: #90bdd5;
  border-left: 4px solid #90bdd5 !important;
}
.alert-def-sort .alert-link {
  color: #1f252d;
}

.alert-def-inv {
  color: #272e38;
  background-color: white;
  border-color: #99cfff;
  border-left: 4px solid #99cfff !important;
}
.alert-def-inv .alert-link {
  color: #1f252d;
}

.alert-def-delete {
  color: #272e38;
  background-color: #fe8e93;
  border-color: #fc2a33;
  border-left: 4px solid #fc2a33 !important;
}
.alert-def-delete .alert-link {
  color: #1f252d;
}

.alert-def-close-suspend {
  color: #272e38;
  background-color: #ededed;
  border-color: #bababa;
  border-left: 4px solid #bababa !important;
}
.alert-def-close-suspend .alert-link {
  color: #1f252d;
}

.alert-def-cred {
  color: #272e38;
  background-color: #dae9f1;
  border-color: #90bdd5;
  border-left: 4px solid #90bdd5 !important;
}
.alert-def-cred .alert-link {
  color: #1f252d;
}

.alert-def-list {
  color: #272e38;
  background-color: #dae9f1;
  border-color: #90bdd5;
  border-left: 4px solid #90bdd5 !important;
}
.alert-def-list .alert-link {
  color: #1f252d;
}

.alert-def-action {
  color: #272e38;
  background-color: #dae9f1;
  border-color: #90bdd5;
  border-left: 4px solid #90bdd5 !important;
}
.alert-def-action .alert-link {
  color: #1f252d;
}

.alert-previous {
  color: #272e38;
  background-color: #d3dce6;
  border-color: #92a8c1;
  border-left: 4px solid #92a8c1 !important;
}
.alert-previous .alert-link {
  color: #1f252d;
}

.alert-back {
  color: #ffffff;
  background-color: #7985AD;
  border-color: #495477;
  border-left: 4px solid #495477 !important;
}
.alert-back .alert-link {
  color: #cccccc;
}

.alert-amazon {
  color: #272e38;
  background-color: #ff9900;
  border-color: #995c00;
  border-left: 4px solid #995c00 !important;
}
.alert-amazon .alert-link {
  color: #1f252d;
}

.alert-accord {
  color: rgba(77, 64, 71, 0.676);
  background-color: rgba(248, 207, 231, 0.46);
  border-color: rgba(235, 118, 186, 0.46);
  border-left: 4px solid rgba(235, 118, 186, 0.46) !important;
}
.alert-accord .alert-link {
  color: rgba(52, 43, 48, 0.7408);
}

.alert-performaction {
  color: #272e38;
  background-color: rgba(250, 215, 235, 0.8);
  border-color: rgba(239, 124, 190, 0.8);
  border-left: 4px solid rgba(239, 124, 190, 0.8) !important;
}
.alert-performaction .alert-link {
  color: #1f252d;
}

.alert-airbnb {
  color: #ffffff;
  background-color: #fd5c63;
  border-color: #f0030d;
  border-left: 4px solid #f0030d !important;
}
.alert-airbnb .alert-link {
  color: #cccccc;
}

.alert-danger-light {
  color: #ffffff;
  background-color: #fd5c63;
  border-color: #f0030d;
  border-left: 4px solid #f0030d !important;
}
.alert-danger-light .alert-link {
  color: #cccccc;
}

.alert-cancel {
  color: #272e38;
  background-color: #999999;
  border-color: #666666;
  border-left: 4px solid #666666 !important;
}
.alert-cancel .alert-link {
  color: #1f252d;
}

.alert-alerterror {
  color: #ffffff;
  background-color: #fd5c63;
  border-color: #f0030d;
  border-left: 4px solid #f0030d !important;
}
.alert-alerterror .alert-link {
  color: #cccccc;
}

.alert-medium {
  color: #272e38;
  background-color: #ededed;
  border-color: #bababa;
  border-left: 4px solid #bababa !important;
}
.alert-medium .alert-link {
  color: #1f252d;
}

.alert-editor {
  color: #ffffff;
  background-color: #555758;
  border-color: #232424;
  border-left: 4px solid #232424 !important;
}
.alert-editor .alert-link {
  color: #cccccc;
}

.alert-verydark {
  color: #ffffff;
  background-color: #272e38;
  border-color: black;
  border-left: 4px solid black !important;
}
.alert-verydark .alert-link {
  color: #cccccc;
}

.tippy-box[data-theme~=section-editor] {
  background-color: #a3dae3;
  color: #fff;
}

.tippy-box[data-theme~=section-editor][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #a3dae3;
}

.tippy-box[data-theme~=section-editor][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #a3dae3;
}

.tippy-box[data-theme~=section-editor][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #a3dae3;
}

.tippy-box[data-theme~=section-editor][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #a3dae3;
}

.tippy-box[data-theme~=content-editor] {
  background-color: #ff9900;
  color: #fff;
}

.tippy-box[data-theme~=content-editor][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #ff9900;
}

.tippy-box[data-theme~=content-editor][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #ff9900;
}

.tippy-box[data-theme~=content-editor][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #ff9900;
}

.tippy-box[data-theme~=content-editor][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #ff9900;
}

.tippy-box[data-theme~=standard] {
  background-color: #00AAFF;
  color: #fff;
}

.tippy-box[data-theme~=standard][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #00AAFF;
}

.tippy-box[data-theme~=standard][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #00AAFF;
}

.tippy-box[data-theme~=standard][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #00AAFF;
}

.tippy-box[data-theme~=standard][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #00AAFF;
}

.tippy-box[data-theme~=conditions] {
  background-color: #f8f8f8;
  color: #726ff6;
}

.tippy-box[data-theme~=conditions][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #f8f8f8;
}

.tippy-box[data-theme~=conditions][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #f8f8f8;
}

.tippy-box[data-theme~=conditions][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #f8f8f8;
}

.tippy-box[data-theme~=conditions][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #f8f8f8;
}

.notification a.btn:not(.disabled):active.btn-def, .notification a.btn-ls:not(.disabled):active.btn-def {
  background-color: #f0f8ff !important;
  color: #000000 !important;
  border-radius: 0.25rem !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  border-color: #dae9f1 !important;
}
.notification .btn-def:hover, .notification .btn-def:active, .notification .btn-deffocus {
  background-color: #f0f8ff !important;
  color: #000000 !important;
  border-radius: 0.25rem !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  border-color: #dae9f1 !important;
}

.card-deck {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  /*
  > .card {
      margin: 0 2rem;
  }*/
}

@media screen and (min-width: 1200px) {
  h1, .h1 {
    font-size: 1.7rem;
  }
  h2, .h2 {
    font-size: 1.4875rem;
  }
  h3, .h3 {
    font-size: 1.2325rem;
  }
  h4, .h4 {
    font-size: 1.0625rem;
  }
  h5, .h5 {
    font-size: 0.9775rem;
  }
  h6, .h6 {
    font-size: 0.85rem;
  }
}
.alert-danger {
  color: #f8f9fa !important;
}

.form-control:disabled {
  background-color: #fdfdfd !important;
}

/********************
 *  CUSTOM COLORS
 ********************/
.custom-bg-primary {
  background-color: #00AAFF !important;
}

.custom-text-primary {
  color: #00AAFF !important;
}

.custom-bg-info-offset {
  background-color: #2CC2BE !important;
}

.custom-text-info-offset {
  color: #2CC2BE !important;
}

.custom-bg-info {
  background-color: #b2dbef !important;
}

.custom-text-info {
  color: #b2dbef !important;
}

.custom-bg-danger {
  background-color: #fd8187 !important;
}

.custom-text-danger {
  color: #fd8187 !important;
}

.custom-bg-success {
  background-color: #7eddac !important;
}

.custom-text-success {
  color: #7eddac !important;
}

.custom-bg-warning {
  background-color: #ffcf88 !important;
}

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

.custom-bg-warning-muted {
  background-color: #ffcc7f !important;
}

.custom-text-warning-muted {
  color: #ffcc7f !important;
}

.custom-bg-info-muted {
  background-color: #aae2fd !important;
}

.custom-text-info-muted {
  color: #aae2fd !important;
}

.custom-bg-success-muted {
  background-color: #4ae7bf !important;
}

.custom-text-success-muted {
  color: #4ae7bf !important;
}

.custom-bg-success-muted-light {
  background-color: #dafaf2 !important;
}

.custom-text-success-muted-light {
  color: #dafaf2 !important;
}

.custom-bg-danger-muted {
  background-color: #fea6a9 !important;
}

.custom-text-danger-muted {
  color: #fea6a9 !important;
}

.custom-bg-def {
  background-color: #dae9f1 !important;
}

.custom-text-def {
  color: #dae9f1 !important;
}

.custom-bg-def-info {
  background-color: #b2dbef !important;
}

.custom-text-def-info {
  color: #b2dbef !important;
}

.custom-bg-def-sort {
  background-color: #dae9f1 !important;
}

.custom-text-def-sort {
  color: #dae9f1 !important;
}

.custom-bg-def-inv {
  background-color: white !important;
}

.custom-text-def-inv {
  color: white !important;
}

.custom-bg-def-delete {
  background-color: #fe8e93 !important;
}

.custom-text-def-delete {
  color: #fe8e93 !important;
}

.custom-bg-def-close-suspend {
  background-color: #ededed !important;
}

.custom-text-def-close-suspend {
  color: #ededed !important;
}

.custom-bg-def-cred {
  background-color: #dae9f1 !important;
}

.custom-text-def-cred {
  color: #dae9f1 !important;
}

.custom-bg-def-list {
  background-color: #dae9f1 !important;
}

.custom-text-def-list {
  color: #dae9f1 !important;
}

.custom-bg-def-action {
  background-color: #dae9f1 !important;
}

.custom-text-def-action {
  color: #dae9f1 !important;
}

.custom-bg-previous {
  background-color: #d3dce6 !important;
}

.custom-text-previous {
  color: #d3dce6 !important;
}

.custom-bg-back {
  background-color: #7985AD !important;
}

.custom-text-back {
  color: #7985AD !important;
}

.custom-bg-amazon {
  background-color: #ff9900 !important;
}

.custom-text-amazon {
  color: #ff9900 !important;
}

.custom-bg-accord {
  background-color: rgba(248, 207, 231, 0.46) !important;
}

.custom-text-accord {
  color: rgba(248, 207, 231, 0.46) !important;
}

.custom-bg-performaction {
  background-color: rgba(250, 215, 235, 0.8) !important;
}

.custom-text-performaction {
  color: rgba(250, 215, 235, 0.8) !important;
}

.custom-bg-airbnb {
  background-color: #fd5c63 !important;
}

.custom-text-airbnb {
  color: #fd5c63 !important;
}

.custom-bg-danger-light {
  background-color: #fd5c63 !important;
}

.custom-text-danger-light {
  color: #fd5c63 !important;
}

.custom-bg-cancel {
  background-color: #999999 !important;
}

.custom-text-cancel {
  color: #999999 !important;
}

.custom-bg-alerterror {
  background-color: #fd5c63 !important;
}

.custom-text-alerterror {
  color: #fd5c63 !important;
}

.custom-bg-medium {
  background-color: #ededed !important;
}

.custom-text-medium {
  color: #ededed !important;
}

.custom-bg-editor {
  background-color: #555758 !important;
}

.custom-text-editor {
  color: #555758 !important;
}

.custom-bg-verydark {
  background-color: #272e38 !important;
}

.custom-text-verydark {
  color: #272e38 !important;
}

.custom-bg-dark {
  background-color: #343a40 !important;
}

.custom-text-dark {
  color: #343a40 !important;
}

h2.card-title, .card-title.h2 {
  font-weight: 300;
  font-size: 1.3rem;
  margin-bottom: 0.25rem;
}

h3.card-title, .card-title.h3 {
  font-weight: 300;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -1.62em;
  margin-left: -1.275rem;
  border-bottom: 0;
}

@media (max-width: 768px) {
  .card-header-tabs > li {
    /*border-bottom: 1px solid #dee2e6;*/
    margin-bottom: 0.5rem;
  }
  .card-header-tabs > li a {
    /*color: #495057;*/
    background-color: #fff;
    padding-left: 0.4rem;
    /*padding-bottom:4px;*/
  }
}
.card-header-tabs > li > a {
  /*color: #495057;*/
  background-color: transparent;
  display: inline-block;
  width: 100%;
}

.card-header-tabs > li {
  padding-bottom: 0.6rem;
}

.card-header-tabs .nav-item.active {
  position: relative;
  z-index: 10;
}

/*.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #fff;
}*/
.card-dark {
  position: relative;
  top: -1px;
  border: 1px solid #dee2e6;
}

.tabs-border {
  border: 1px solid #dee2e6;
  border-radius: 0.35rem;
}

.nav-tabs-solid.tab-list {
  position: relative;
  border-bottom: 1px solid #dee2e6;
  background: #2B333E;
  padding: 0.75rem 15px 0 15px;
  border-radius: 0;
  z-index: 2;
  margin: 0.2rem 0.2rem 0 0.2rem;
}
.nav-tabs-solid.tab-content {
  position: relative;
  border-radius: 4px;
  background: #fff;
  padding-top: 1rem;
  margin-top: -1rem !important;
  margin-bottom: 1rem;
  height: calc(100% - 4rem);
}
.nav-tabs-solid.tab-pane {
  border: none;
}
.nav-tabs-solid > ul.nav-tabs {
  border: 0;
}
.nav-tabs-solid > ul.nav-tabs .nav-item {
  border: 0;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 0;
}
.nav-tabs-solid > ul.nav-tabs .nav-item > a {
  text-decoration: none;
  color: #d1d6e6;
  border-radius: 5px;
}
.nav-tabs-solid > ul.nav-tabs .nav-item a.active {
  border: 0;
  border-bottom: 2px solid #a3dae3;
  border-radius: 0;
  color: #a3dae3;
  background-color: transparent;
  -webkit-transition: background-color 0.3s 0.2s;
  transition: background-color 0.3s 0.2s;
}
.nav-tabs-solid > ul.nav-tabs .nav-link {
  border: 0;
  padding: 0.5rem 0.7rem;
}
.nav-tabs-solid > ul.nav-tabs .nav-link:hover {
  text-decoration: none;
  border: 0;
  background-color: rgba(255, 255, 255, 0.05);
}

.nav-tabs-solid-level2.tab-list {
  position: relative;
  border-bottom: 1px solid #dee2e6;
  background: #2B333E;
  padding: 0.75rem 15px 0 15px;
  border-radius: 0;
  z-index: 2;
  margin: 0.2rem 0.2rem 0 0.2rem;
}
.nav-tabs-solid-level2.tab-content {
  position: relative;
  /*border-top: 1px solid #dee2e6;*/
  border-radius: 4px;
  background: #fff;
  padding-top: 1rem;
  margin-bottom: 1rem;
  height: calc(100% - 4rem);
  overflow-y: auto;
}
.nav-tabs-solid-level2.tab-pane {
  border: none;
  padding: 0 15px 15px 15px;
}
.nav-tabs-solid-level2 > ul.nav-tabs {
  border: 0;
}
.nav-tabs-solid-level2 > ul.nav-tabs .nav-item {
  border: 0;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 5px;
  margin-right: 2px;
}
.nav-tabs-solid-level2 > ul.nav-tabs .nav-item > a {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 600;
}
.nav-tabs-solid-level2 > ul.nav-tabs .nav-item > a:hover {
  background-color: #ffffff;
  color: #343a40;
  border-bottom: 3px solid #a3dae3;
}
.nav-tabs-solid-level2 > ul.nav-tabs .nav-item a.active {
  border: 0;
  font-weight: 600;
  color: #343a40;
  border-bottom: 3px solid #a3dae3;
}
.nav-tabs-solid-level2 > ul.nav-tabs .nav-link {
  border: 0;
  padding: 0.5rem 0.7rem;
}
.nav-tabs-solid-level2 > ul.nav-tabs .nav-link:hover {
  border: 0;
  color: #343a40;
  border-bottom: 3px solid #a3dae3;
  background-color: #ffffff;
}

.nav-tabs-solid-light.tab-list {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(rgb(34, 156, 153)), to(rgb(44, 194, 190))) !important;
  background: linear-gradient(90deg, rgb(34, 156, 153), rgb(44, 194, 190)) !important;
  -webkit-box-shadow: 0 5px 20px 0 rgba(44, 194, 190, 0.2), 0 13px 24px -11px rgba(34, 156, 153, 0.6);
          box-shadow: 0 5px 20px 0 rgba(44, 194, 190, 0.2), 0 13px 24px -11px rgba(34, 156, 153, 0.6);
  padding: 1rem 15px;
  margin: 0 0.5rem;
  border-radius: 4px;
  z-index: 2;
}
.nav-tabs-solid-light.tab-content {
  /*padding: 25px 15px;*/
  position: relative;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  background: #fff;
  padding-top: 1rem;
  margin-top: -1rem !important;
  margin-bottom: 1rem;
}
.nav-tabs-solid-light.tab-pane {
  border: none;
}
.nav-tabs-solid-light > ul.nav-tabs {
  border: 0;
}
.nav-tabs-solid-light > ul.nav-tabs .nav-item {
  border: 0;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 5px;
}
.nav-tabs-solid-light > ul.nav-tabs .nav-item > a {
  color: rgba(255, 255, 255, 0.4);
}
.nav-tabs-solid-light > ul.nav-tabs .nav-item > a:hover {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.5);
}
.nav-tabs-solid-light > ul.nav-tabs .nav-item a.active {
  border: 0;
  color: #a3dae3;
  background-color: transparent;
  -webkit-transition: background-color 0.3s 0.2s;
  transition: background-color 0.3s 0.2s;
  font-weight: 600;
  border-radius: 5px;
}
.nav-tabs-solid-light > ul.nav-tabs .nav-link {
  border: 0;
  padding: 0.5rem 0.7rem;
}
.nav-tabs-solid-light > ul.nav-tabs .nav-link:hover {
  border: 0;
  background-color: rgba(255, 255, 255, 0.05);
}

/*.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link*/
.general-header-text {
  margin-top: 0.25rem;
  padding-left: 0;
  font-size: 1.1rem;
  font-weight: 500;
  color: #404c5c;
}

.card-header {
  /*.card.bg-rose, .card .card-header-rose .card-icon, .card .card-header-rose .card-text, .card .card-header-rose:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-rose .back, .card.card-rotate.bg-rose .front {
      background: linear-gradient(60deg,#ec407a,#d81b60)
  }*/
}
.card-header.ls {
  padding: 0;
  position: relative;
  background: #fff;
  border-bottom: none;
  font-size: 1rem;
}
.card-header.ls .card-icon {
  border-radius: 3px;
  color: #404c5c;
  padding: 0.5rem 0;
  margin: -1rem 0.5rem 0 0.5rem;
  float: left;
  font-size: 1.5rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-header.ls .card-icon > i.fas, .card-header.ls .card-icon i.far, .card-header.ls .card-icon i.fab {
  display: none;
}
.card-header.ls .card-header-text {
  margin-top: 0.25rem;
  padding-left: 0;
  font-size: 1.1rem;
  font-weight: 500;
  color: #404c5c;
}
.card-header.ls-plain {
  font-size: 1rem;
  font-weight: 500;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  position: relative;
  border-bottom: 1px solid #eaeff2;
  background-color: #fff;
  color: #ff901c;
}
.card-header.ls-form {
  margin: 0 0 0.5rem 0;
  padding: 0 1.25rem;
  position: relative;
  background: #fff;
  border-bottom: none;
  font-size: 1rem;
  /*.card-header-text {
      padding-left: 0.5rem;
      font-size: 1.1rem;
      font-weight: 300;
      color: $color-heading-light;
  }*/
}
.card-header.ls-form .card-icon {
  /*  border-radius: 3px;
  color: $color-heading-light;
  padding: 0.5rem 2rem;
  margin: -1rem 0.5rem 0 0.5rem;
  float: left;
  font-size: 1.5rem;
  //background: linear-gradient(60deg, darken(#829ab3, 10%), #829ab3 );
  box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(#829ab3,.6);
  background: #404c5c;
  border-bottom: 1px solid rgba(0,0,0,0.125);
  display: flex;
  justify-content: space-between;*/
}
.card-header.ls-form .card-icon > i.fas, .card-header.ls-form .card-icon i.far, .card-header.ls-form .card-icon i.fab {
  display: none;
}
.card-header.ls-form .card-icon {
  color: #404c5c;
  padding: 0.5rem 0;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 1.5rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-header.ls-form .card-header-text {
  padding-left: 0;
  font-size: 1.1rem;
  font-weight: 500;
  color: #404c5c;
  position: relative;
  top: 0.5rem;
}

.card-footer.ls {
  padding: 0.8rem 0.5rem;
  text-align: center;
  border-top: 1px solid #f2f2f2;
  font-size: 0.85rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #676767;
  background-color: transparent;
  margin: 0 1rem;
}

.card-body .subHead {
  font-weight: 500;
  color: #2b333e;
  border: 1px solid #dae9f1;
  padding: 8.6px 12px;
  border-radius: 0.3rem;
  background: #f0f8ff;
  top: -0.5rem;
  position: relative;
  display: inline-block;
  margin-bottom: 0.35rem;
}

.nav-tabs-vertical-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  /*flex-wrap: wrap;*/
}

.nav-tabs-solid-vertical.tab-list {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#abe1e0), to(rgb(190, 232, 231)));
  background: linear-gradient(90deg, #abe1e0, rgb(190, 232, 231));
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(44, 194, 190, 0.6);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(44, 194, 190, 0.6);
  padding: 0 0.5rem;
  margin: 0 1rem;
  border-radius: 5px;
  z-index: 2;
}
.nav-tabs-solid-vertical.tab-content {
  /*padding: 25px 15px;*/
  position: relative;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  background: #fff;
  padding-top: 1rem;
  padding-left: 2rem;
  margin-top: -1rem !important;
  margin-bottom: -1rem;
  margin-left: -3rem !important;
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
}
.nav-tabs-solid-vertical.tab-pane {
  border: none;
}
.nav-tabs-solid-vertical > ul.nav-tabs {
  border: 0;
  /*background: linear-gradient(135deg, darken(#b2daf0, 5%), #b2daf0 );
  box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(#b2daf0,.6);*/
  padding: 0.5rem 0;
  border-radius: 5px;
}
.nav-tabs-solid-vertical > ul.nav-tabs.vertical {
  width: 135px;
  text-align: center;
}
.nav-tabs-solid-vertical > ul.nav-tabs.vertical > li {
  margin-bottom: 0.25rem;
}
.nav-tabs-solid-vertical > ul.nav-tabs.vertical > li a {
  color: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  min-height: 80px;
  border-radius: 10px;
}
.nav-tabs-solid-vertical > ul.nav-tabs.vertical > li a:hover {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(0, 0, 0, 0.35);
}
.nav-tabs-solid-vertical > ul.nav-tabs.vertical > li a.active {
  border: 0;
  color: #a3dae3;
  background-color: transparent;
  -webkit-transition: background-color 0.3s 0.2s;
  transition: background-color 0.3s 0.2s;
  font-weight: 600;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  min-height: 80px;
}
.nav-tabs-solid-vertical > ul.nav-tabs .nav-item {
  border: 0;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 0;
}
.nav-tabs-solid-vertical > ul.nav-tabs .nav-item > a {
  color: #d1d6e6;
}
.nav-tabs-solid-vertical > ul.nav-tabs .nav-item a.active {
  border: 0;
  background-color: hsla(0deg, 0%, 100%, 0.25);
  -webkit-transition: background-color 0.3s 0.2s;
  transition: background-color 0.3s 0.2s;
  border-radius: 0;
}
.nav-tabs-solid-vertical > ul.nav-tabs .nav-link {
  border: 0;
  padding: 0.5rem 0.7rem;
}
.nav-tabs-solid-vertical > ul.nav-tabs .nav-link:hover {
  border: 0;
  background-color: rgba(255, 255, 255, 0.05);
}

.card-deck .card:not(.card-select) {
  /*&:not(:first-child) {
      border-left: 0;
      border-top: 0;
      border-bottom: 0;
  }*/
}
.card-deck .card:not(.card-select):first-child {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}

@media (min-width: 0) {
  .image-deck .card {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(50% - 1.5rem) !important;
            flex: 0 0 calc(50% - 1.5rem) !important;
  }
}
@media (min-width: 576px) {
  .image-deck .card {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(50% - 1.5rem) !important;
            flex: 0 0 calc(50% - 1.5rem) !important;
  }
}
@media (min-width: 768px) {
  .image-deck .card {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(33.3333333333% - 1.5rem) !important;
            flex: 0 0 calc(33.3333333333% - 1.5rem) !important;
  }
}
@media (min-width: 992px) {
  .image-deck .card {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(25% - 1.5rem) !important;
            flex: 0 0 calc(25% - 1.5rem) !important;
  }
}
@media (min-width: 1200px) {
  .image-deck .card {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(25% - 1.5rem) !important;
            flex: 0 0 calc(25% - 1.5rem) !important;
  }
}
@media (min-width: 1400px) {
  .image-deck .card {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(100/% - 1.5rem) !important;
            flex: 0 0 calc(100/% - 1.5rem) !important;
  }
}
/********************
 * Filter Bar
 ********************/
.navbar.navbar-expand-md.filter-bar {
  min-height: 60px;
  height: 60px;
}

.filter-bar-medium {
  background: #919FAE;
}
.filter-bar-medium > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.filter-bar {
  background: #2B333E;
  color: #ccc;
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.2rem;
}
.filter-bar > form {
  width: calc(100% - 1rem);
}
.filter-bar .wrap {
  width: calc(100% - 1rem);
}
.filter-bar a {
  font-size: 0.9rem;
  color: #fff;
}
.filter-bar .btn-filter {
  font-size: 0.85rem;
  width: 100% !important;
  border-radius: 3px;
  text-align: left;
  height: 2.35rem;
  background: #fff;
  color: #5e6773;
  padding: 0.5rem;
  border: 1px solid #5e6773;
}
.filter-bar .btn-filter li a .dropdown-menu {
  padding: 0;
}
.filter-bar .navbar-nav .dropdown-menu > li {
  border-bottom: 1px solid transparent;
}
.filter-bar .navbar-nav .dropdown-menu > li > a {
  padding-top: 3px;
  padding-bottom: 3px;
}
.filter-bar .navbar-nav .dropdown-header {
  font-weight: 600;
  color: #00AAFF;
}
@media screen and (min-width: 768px) {
  .filter-bar .wd-1 {
    width: 10vh;
  }
  .filter-bar .wd-2 {
    width: 16vh;
  }
  .filter-bar .wd-3 {
    width: 25vh;
  }
  .filter-bar .wd-4 {
    width: 33vh;
  }
  .filter-bar .wd-5 {
    width: 41.66666666vh;
  }
  .filter-bar .wd-6 {
    width: 50vh;
  }
  .filter-bar .wd-7 {
    width: 58.3333333333vh;
  }
  .filter-bar .row {
    width: 100%;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .filter-bar .wd-1, .filter-bar .wd-1, .filter-bar wd-2, .filter-bar wd-3, .filter-bar wd-4, .filter-bar wd-5, .filter-bar wd-6, .filter-bar wd-7 {
    width: 100%;
  }
}

.filter-bar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 2fr));
  grid-template-rows: 1fr;
  height: 5rem;
  padding-left: 1rem;
}

.filter-box {
  border-right: 1px solid #2B333E;
  min-width: 180px !important;
}

.filter-box-title {
  padding-left: 0.8rem;
  padding-right: 0.4rem;
  padding-top: 8px;
}

.filter-content {
  position: relative;
  top: 1.35rem;
}

.filter-toggle {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  border-right: 2px solid #ededed;
  height: 56px;
  margin: 0px;
  padding: 4px 22px 0 0;
  font-size: 2rem;
  cursor: pointer;
  right: 0;
}
.filter-toggle:before {
  content: "\f053";
  color: #00AAFF;
}
.filter-toggle:after {
  content: "\f00e";
  color: #00AAFF;
}

.filter-closed {
  width: -30%;
}

@media screen and (max-width: 767px) {
  .filterbarSB {
    position: absolute;
    top: 0px;
    right: 0;
    width: 98%;
    height: calc(100vh - 124px);
    display: none;
    background: #fff;
    padding: 1.5rem;
    z-index: 201;
    border-left: 2px solid transparent;
    background: #fff;
  }
  .filterbarSB h4, .filterbarSB .h4 {
    color: #00AAFF;
    position: relative;
    top: -2rem;
  }
  .filterbarSB .btn-close {
    color: #00AAFF !important;
    position: relative;
    top: -2rem;
  }
  .filtericon {
    right: 0;
    position: absolute;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    cursor: pointer;
  }
  .filtericon:before {
    content: "\f0b0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2rem;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    right: 0;
    top: calc(50% + 0.6rem);
    opacity: 1;
    height: 50px;
    width: 50px;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    color: #cccccc;
    border-radius: 15%;
    border: 1px solid #cccccc;
  }
  .filtericon:hover:before {
    color: #00AAFF;
    opacity: 1;
    text-indent: 0px;
    border-radius: 15%;
    border: 1px solid #00AAFF;
  }
}
@media screen and (min-width: 768px) {
  .filterbarSB {
    position: absolute;
    top: 0px;
    right: 0;
    width: 30%;
    height: calc(100vh - 124px);
    display: none;
    background: #ededed;
    padding: 1.5rem;
    z-index: 201;
    border-left: 1px solid #cccccc;
  }
  .filterbarSB h4, .filterbarSB .h4 {
    color: #00AAFF;
  }
  .filterbarSB .btn-close {
    color: #00AAFF !important;
  }
  .filtericon {
    right: 1.5rem;
    position: absolute;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    cursor: pointer;
  }
  .filtericon:before {
    content: "\f0b0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2rem;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    right: 0;
    top: calc(50% + 0.6rem);
    opacity: 1;
    height: 50px;
    width: 50px;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    color: #cccccc;
    border-radius: 15%;
    border: 1px solid #cccccc;
  }
  .filtericon:hover:before {
    color: #00AAFF;
    opacity: 1;
    text-indent: 0px;
    border-radius: 15%;
    border: 1px solid #00AAFF;
  }
  .wrap {
    width: calc(100% - 0.5rem);
  }
}
.head {
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: -2rem;
}

.navbar-filter-short {
  position: relative;
  width: 60px;
  left: calc(100% - 60px);
  max-width: 60px;
  background: #fff;
  min-height: 60px;
}

@media only screen and (hover: none) and (max-width: 1366px) and (pointer: coarse) and (orientation: landscape) and (min-height: 768px) {
  .f1.allowmobileoverflow .inductions, .f1.allowmobileoverflow .override-inductions {
    margin: auto !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
  }
  .f1.allowmobileoverflow .inductions .inductionbody, .f1.allowmobileoverflow .override-inductions .inductionbody {
    height: unset !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 100vw !important;
    margin: 0;
  }
  .f1.allowmobileoverflow .inductions .inductionbody .card-wrap, .f1.allowmobileoverflow .override-inductions .inductionbody .card-wrap {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .f1.allowmobileoverflow .inductions .inductionbody #pnlContent, .f1.allowmobileoverflow .override-inductions .inductionbody #pnlContent {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media only screen and (hover: none) and (max-width: 1366px) and (pointer: coarse) and (orientation: landscape) and (min-height: 768px) {
  .f1.nomobileoverflow .inductions, .f1.nomobileoverflow .override-inductions {
    margin: auto !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
  }
  .f1.nomobileoverflow .inductions .inductionbody, .f1.nomobileoverflow .override-inductions .inductionbody {
    height: unset !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 100vw !important;
    margin: 0;
  }
  .f1.nomobileoverflow .inductions .inductionbody .card-wrap, .f1.nomobileoverflow .override-inductions .inductionbody .card-wrap {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .f1.nomobileoverflow .inductions .inductionbody #pnlContent, .f1.nomobileoverflow .override-inductions .inductionbody #pnlContent {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}
@media only screen and (hover: none) and (max-width: 1366px) and (pointer: coarse) and (orientation: landscape) and (max-height: 500px) {
  .f1.nomobileoverflow {
    max-height: unset !important;
  }
  .f1.nomobileoverflow .inductionbody, .f1.nomobileoverflow .induction-body {
    margin: 0 !important;
    border-radius: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
  }
  .f1.nomobileoverflow .inductionbody .card-body, .f1.nomobileoverflow .induction-body .card-body {
    padding: 0.725rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .f1.nomobileoverflow .banner {
    border-radius: 0 !important;
  }
  .f1.nomobileoverflow .banner .brand {
    border-radius: 0;
  }
  .f1.nomobileoverflow .banner .brand > div > div {
    border-radius: 0;
  }
  .f1.nomobileoverflow .banner .brand img {
    border-radius: 0 !important;
  }
  .f1.nomobileoverflow .footer img {
    border-radius: 0;
  }
}
@media (hover: none) and (max-width: 1366px) and (pointer: coarse) {
  .allowmobileoverflow.hero-register {
    height: auto !important;
  }
}
@media only screen and (hover: none) and (max-width: 1366px) and (pointer: coarse) and (orientation: portrait) {
  .allowmobileoverflow .inductions, .allowmobileoverflow .override-inductions {
    margin: auto !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
  }
  .allowmobileoverflow .inductions .inductionbody, .allowmobileoverflow .override-inductions .inductionbody {
    height: 100vh !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0;
    min-width: 100vw !important;
  }
  .allowmobileoverflow .inductions .inductionbody .card-wrap, .allowmobileoverflow .override-inductions .inductionbody .card-wrap {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .allowmobileoverflow .inductions .inductionbody #pnlContent, .allowmobileoverflow .override-inductions .inductionbody #pnlContent {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 1rem !important;
  }
  .allowmobileoverflow .inductions .img-full img, .allowmobileoverflow .override-inductions .img-full img {
    max-width: 100% !important;
  }
  .allowmobileoverflow .inductions .brand img, .allowmobileoverflow .override-inductions .brand img {
    border-radius: 0 !important;
  }
  .allowmobileoverflow .inductions .footer img, .allowmobileoverflow .override-inductions .footer img {
    border-radius: 0;
  }
}
@media only screen and (hover: none) and (max-width: 1366px) and (pointer: coarse) and (orientation: landscape) and (min-height: 768px) {
  .allowmobileoverflow .inductions, .allowmobileoverflow .override-inductions {
    margin: auto !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
  }
  .allowmobileoverflow .inductions .inductionbody, .allowmobileoverflow .override-inductions .inductionbody {
    height: unset !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .allowmobileoverflow .inductions .inductionbody .card-wrap, .allowmobileoverflow .override-inductions .inductionbody .card-wrap {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .allowmobileoverflow .inductions .inductionbody #pnlContent, .allowmobileoverflow .override-inductions .inductionbody #pnlContent {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .allowmobileoverflow .inductions .brand img, .allowmobileoverflow .override-inductions .brand img {
    border-radius: 0 !important;
  }
  .allowmobileoverflow .inductions .footer img, .allowmobileoverflow .override-inductions .footer img {
    border-radius: 0;
  }
}
@media only screen and (hover: none) and (max-width: 1366px) and (pointer: coarse) and (orientation: landscape) and (max-height: 500px) {
  .allowmobileoverflow {
    max-height: unset !important;
  }
  .allowmobileoverflow .inductionbody, .allowmobileoverflow .induction-body {
    margin: 0 !important;
    border-radius: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
  .allowmobileoverflow .inductionbody .card-body, .allowmobileoverflow .induction-body .card-body {
    padding: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .allowmobileoverflow .banner {
    border-radius: 0 !important;
  }
  .allowmobileoverflow .banner .brand {
    border-radius: 0;
  }
  .allowmobileoverflow .banner .brand > div > div {
    border-radius: 0;
  }
  .allowmobileoverflow .banner .brand img {
    border-radius: 0 !important;
  }
  .allowmobileoverflow .footer img {
    border-radius: 0;
  }
}
@media (hover: none) and (max-width: 1366px) and (pointer: coarse) {
  .nomobileoverflow > div {
    height: 100%;
  }
}
@media only screen and (hover: none) and (max-width: 1366px) and (pointer: coarse) and (orientation: portrait) {
  .nomobileoverflow > div > div.inductionbody {
    max-width: 100vw !important;
    /* display: grid !important;
     grid-template-rows: minmax(min-content, max-content) auto minmax(min-content, max-content);*/
    overflow-y: auto;
    margin-top: 0;
    place-content: flex-start;
  }
  .nomobileoverflow > div > div.inductionbody > div.card-wrap {
    z-index: 2;
  }
  .nomobileoverflow > div > div.inductionbody > div.card-footer {
    position: relative;
  }
}
@media only screen and (hover: none) and (max-width: 1366px) and (pointer: coarse) and (orientation: landscape) {
  .nomobileoverflow > div {
    max-height: unset !important;
  }
  .nomobileoverflow > div .induction-body {
    border-radius: 0;
  }
  .nomobileoverflow > div .banner {
    border-radius: 0 !important;
  }
  .nomobileoverflow > div .banner .brand {
    border-radius: 0;
  }
  .nomobileoverflow > div .banner .brand > div > div {
    border-radius: 0;
  }
  .nomobileoverflow > div .banner .brand img {
    border-radius: 0 !important;
  }
  .nomobileoverflow > div .footer img {
    border-radius: 0;
  }
}
@media (hover: none) and (max-width: 1366px) and (pointer: coarse) {
  .nomobileoverflow .inductions, .nomobileoverflow .override-inductions {
    margin: auto !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
  }
  .nomobileoverflow .inductions .inductionbody, .nomobileoverflow .override-inductions .inductionbody {
    height: unset !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .nomobileoverflow .inductions .inductionbody #pnlContent, .nomobileoverflow .override-inductions .inductionbody #pnlContent {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .nomobileoverflow .inductions .brand img, .nomobileoverflow .override-inductions .brand img {
    border-radius: 0 !important;
  }
  .nomobileoverflow .inductions .footer img, .nomobileoverflow .override-inductions .footer img {
    border-radius: 0;
    display: unset !important;
  }
}
@media (hover: none) and (max-width: 1366px) and (pointer: coarse) {
  #pnlLogoCustom > div {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    /*width:100% !important;*/
    max-width: 100vw !important;
  }
  #pnlLogoCustom > div > img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
@media (hover: none) and (max-width: 1366px) and (pointer: coarse) {
  .footer img {
    -o-object-fit: scale-down;
       object-fit: scale-down;
    max-width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .footer div:not(.footerLayout) {
    max-width: unset !important;
  }
  .footer div:not(.footerLayout) div:not(.reading-time) {
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .allowdesktopoverflow .inductions, .allowdesktopoverflow .override-inductions {
    margin: 1vh auto;
    min-height: 98vh;
    max-height: 98vh;
  }
  .allowdesktopoverflow .inductions #pnlContent, .allowdesktopoverflow .override-inductions #pnlContent {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .allowdesktopoverflow .inductions .inductionbody, .allowdesktopoverflow .override-inductions .inductionbody {
    border-radius: 0.65rem !important;
  }
  .nodesktopoverflow .inductions, .nodesktopoverflow .override-inductions {
    margin: 1vh auto;
    height: auto;
    min-height: 98vh;
  }
  .nodesktopoverflow .inductions #pnlContent, .nodesktopoverflow .override-inductions #pnlContent {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media (pointer: fine) and (min-width: 1367px) {
  .allowdesktopoverflow .inductions, .allowdesktopoverflow .override-inductions {
    margin: 1vh auto;
    min-height: 98vh;
    max-height: 98vh;
  }
  .allowdesktopoverflow .inductions #pnlContent, .allowdesktopoverflow .override-inductions #pnlContent {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .allowdesktopoverflow .inductions .inductionbody, .allowdesktopoverflow .override-inductions .inductionbody {
    border-radius: 0.65rem !important;
  }
  .allowdesktopoverflow .inductions .inductionbody .footer img, .allowdesktopoverflow .override-inductions .inductionbody .footer img {
    display: unset !important;
    max-width: 100%;
  }
  .allowdesktopoverflow .inductions .inductionbody .footer table, .allowdesktopoverflow .override-inductions .inductionbody .footer table {
    max-width: 100%;
  }
  .nodesktopoverflow .inductionbody {
    border-radius: 0.65rem !important;
  }
  .nodesktopoverflow .inductionbody .banner {
    border-top-left-radius: 0.65rem !important;
    border-top-right-radius: 0.65rem !important;
  }
  .nodesktopoverflow .inductionbody .banner .brand {
    border-top-left-radius: 0.65rem;
    border-top-right-radius: 0.65rem;
  }
  .nodesktopoverflow .inductionbody .banner .brand > div > div {
    border-top-left-radius: 0.65rem;
    border-top-right-radius: 0.65rem;
  }
  .nodesktopoverflow .inductionbody .banner .brand img {
    border-top-left-radius: 0.65rem;
    border-top-right-radius: 0.65rem;
  }
  .nodesktopoverflow .inductionbody .footer {
    border-bottom-left-radius: 0.65rem;
    border-bottom-right-radius: 0.65rem;
  }
  .nodesktopoverflow .inductionbody .footer img {
    display: unset !important;
    max-width: 100%;
  }
  .nodesktopoverflow .inductionbody .footer table {
    max-width: 100%;
  }
}
.slides {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.slides .parsley-errors-list + div[data-lastpass-icon-root] {
  display: none;
}
.slides .parsley-errors-list + i.showpass + div[data-lastpass-icon-root] {
  display: none;
}
.slides input[type=text] + div[data-lastpass-icon-root] {
  display: none;
}
.slides .rwc {
  padding-right: 0.1rem;
}
.slides div[data-lastpass-icon-root] {
  display: none;
}
.slides .slide .lbl-inline {
  width: auto !important;
}

.induction-public {
  position: relative;
  height: 100%;
  display: grid;
}
@media screen and (max-width: 767px) {
  .induction-public {
    margin: auto 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .induction-public {
    margin: auto;
  }
}
.induction-public .registration-login-box {
  display: grid;
  margin: auto;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 0.5rem;
}
.induction-public .registration-login-box .pass-field {
  max-height: unset !important;
}
.induction-public .registration-login-box .pass-field i.showpass {
  background: #ececfc;
  border: 1px solid #dee2e6;
  width: 53px;
  top: 0;
  left: calc(100% - 53px);
  position: absolute;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
  opacity: 1 !important;
  height: 45px;
}
.induction-public .registration-login-box .pass-field i.showpass:hover {
  background: #b5b4f3;
  color: #f8f9fa;
}
.induction-public .registration-login-box .pass-field i.showpass.hidepass:after {
  width: 28px;
}
.induction-public .registration-login-box .pass-field i.showpass:after {
  top: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 34px;
}
.induction-public .registration-login-box .pass-field i.showpass.is-invalid {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none !important;
  height: 45px;
  top: 0 !important;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-login-box {
    width: calc(100% - 1rem);
    padding: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-login-box {
    width: 500px;
    border: 1px solid #dee2e6;
    padding: 2rem;
  }
  .induction-public .registration-login-box .registration-inner-box {
    width: 400px;
    margin: auto;
  }
}
.induction-public .registration-login-box .registration-buttons {
  text-align: right;
  margin-top: 2rem;
}
.induction-public .registration-login-box .registration-password {
  display: none;
}
.induction-public .registration-login-box .registration-password .rwc {
  position: relative;
}
.induction-public .registration-login-box .registration-password i.showpass:before {
  position: absolute;
  top: 50%;
}
.induction-public .registration-verify-email {
  display: none;
  height: 100%;
  margin: auto;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-verify-email {
    width: calc(100% - 1rem);
    padding: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-verify-email {
    width: 500px;
    border: 1px solid #dee2e6;
    padding: 2rem;
  }
}
.induction-public .registration-verify-email .registration-verify-inner {
  display: grid;
  margin: auto;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media screen and (min-width: 768px) {
  .induction-public .registration-verify-email .registration-verify-inner {
    width: 400px;
  }
}
.induction-public .registration-verify-email .registration-verify-inner .action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.induction-public .registration-verify-email .registration-verify-inner .action-buttons > a {
  margin-right: 2px;
}
.induction-public .registration-portal-message {
  display: none;
  margin: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-portal-message {
    width: calc(100% - 2rem);
    padding: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-portal-message {
    width: 500px;
  }
}
.induction-public .registration-portal-message .registration-portal-message-inner {
  display: grid;
  margin: auto;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-portal-message .registration-portal-message-inner {
    width: calc(100% - 1rem);
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-portal-message .registration-portal-message-inner {
    width: 400px;
  }
}
.induction-public .registration-pin-complete-message {
  display: none;
  margin: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-pin-complete-message {
    width: calc(100% - 2rem);
    padding: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-pin-complete-message {
    width: 500px;
  }
}
.induction-public .registration-pin-complete-message .registration-pin-complete-message-inner {
  display: grid;
  margin: auto;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-pin-complete-message .registration-pin-complete-message-inner {
    width: calc(100% - 1rem);
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-pin-complete-message .registration-pin-complete-message-inner {
    width: 400px;
  }
}
.induction-public .registration-induction-without-pin-message {
  display: none;
  width: 500px;
  margin: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-induction-without-pin-message {
    width: calc(100% - 2rem);
    padding: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-induction-without-pin-message {
    width: 500px;
  }
}
.induction-public .registration-induction-without-pin-message .registration-pin-complete-message-inner {
  display: grid;
  margin: auto;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-induction-without-pin-message .registration-pin-complete-message-inner {
    width: calc(100% - 1rem);
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-induction-without-pin-message .registration-pin-complete-message-inner {
    width: 400px;
  }
}
.induction-public .registration-prerequisite-message {
  margin: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-prerequisite-message {
    width: calc(100% - 2rem);
    padding: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-prerequisite-message {
    width: 500px;
  }
}
.induction-public .registration-prerequisite-message .registration-prerequisite-message-inner {
  display: grid;
  margin: auto;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-prerequisite-message .registration-prerequisite-message-inner {
    width: calc(100% - 1rem);
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-prerequisite-message .registration-prerequisite-message-inner {
    width: 400px;
  }
}
.induction-public .registration-reset-password-workflow {
  display: none;
  width: 500px;
  margin: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-reset-password-workflow {
    width: calc(100% - 2rem);
    padding: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-reset-password-workflow {
    width: 500px;
  }
}
.induction-public .registration-reset-password-workflow .registration-reset-password-step-1, .induction-public .registration-reset-password-workflow .registration-reset-password-step-2 {
  display: none;
}
.induction-public .registration-reset-password-workflow .registration-reset-password-step-1 > div, .induction-public .registration-reset-password-workflow .registration-reset-password-step-2 > div {
  display: grid;
  margin: auto;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media screen and (max-width: 767px) {
  .induction-public .registration-reset-password-workflow .registration-reset-password-step-1 > div, .induction-public .registration-reset-password-workflow .registration-reset-password-step-2 > div {
    width: calc(100% - 1rem);
  }
}
@media screen and (min-width: 768px) {
  .induction-public .registration-reset-password-workflow .registration-reset-password-step-1 > div, .induction-public .registration-reset-password-workflow .registration-reset-password-step-2 > div {
    width: 400px;
  }
}
.induction-public .registration-reset-password-workflow .action-buttons {
  text-align: center;
  margin-top: 2rem;
}

.pin-password {
  display: none;
}
.pin-password .rwc {
  position: relative;
}
.pin-password i.showpass:before {
  position: absolute;
  top: 50%;
}

.verifyCodeParent {
  margin: 0 auto;
}

.verifyMobileCode {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .verifyMobileCode {
    width: 400px;
  }
}

.tfa > input[type=text].tfa-digit {
  /*  @media screen and (min-width:801px) {
      margin: 0 5px;
      min-width: 13% !important;
  }

  @media screen and (max-width:1112px) {
      margin: 0 1px;
      min-width: 15% !important;
  }*/
  text-align: center;
  line-height: 3rem;
  font-size: 2rem;
  border: solid 1px #ccc;
  display: inline;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 0.6rem;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  width: 3rem;
  font-size: 1.8rem;
}
.tfa > input[type=text].tfa-digit:not(:last-child) {
  margin-right: 0.1rem;
}
.tfa > input[type=text].tfa-digit:not(:-moz-placeholder-shown) {
  border: solid 2px #00AAFF !important;
}
.tfa > input[type=text].tfa-digit:not(:-ms-input-placeholder) {
  border: solid 2px #00AAFF !important;
}
.tfa > input[type=text].tfa-digit:not(:placeholder-shown) {
  border: solid 2px #00AAFF !important;
}
.tfa > input[type=text].tfa-digit:focus:not(.is-invalid) {
  border-color: purple;
  border: solid 2px #00AAFF !important;
}
.tfa > input[type=text].tfa-digit.is-invalid {
  border: none;
  outline: 2px solid #ff8795;
  background-image: none;
  background-color: #fff;
}
.tfa .step {
  /*
  .section-grid-1 {
      grid-column: 1;
      place-content: right
  }

  .section-grid-2 {
      grid-column: 1;
      place-content: left
  }*/
}
.tfa .step .data-entry .question-and-answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem;
}
.tfa .step .data-entry .question-and-answer > div:first-child {
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.tfa .step .section {
  padding: 0 0.5rem;
}
.tfa .step .method {
  top: 1rem;
  position: relative;
  background: #dee2e6;
  width: 150px;
  margin: 0 auto;
  border-radius: 0.2rem;
  font-weight: 600;
  color: #272e38;
  padding: 0.25rem 0.5rem;
  font-family: "Roboto condensed";
  letter-spacing: 0.04rem;
}
@media screen and (min-width: 800px) {
  .tfa .step .qrcontainer {
    display: grid;
    grid-template-columns: minmax(0, 0.5fr);
    place-content: center;
    padding: 1rem;
  }
}
@media screen and (min-width: 501px) and (max-width: 799px) {
  .tfa .step .qrcontainer {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    place-content: center;
    padding: 1rem;
  }
}
@media screen and (min-width: 501px) {
  .tfa .step .section-grid {
    display: grid;
    grid-template-columns: 200px 350px;
    place-content: center;
  }
  .tfa .step .section-grid-33 {
    display: grid;
    grid-template-columns: 250px auto;
  }
  .tfa .step .section-grid-50 {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    grid-gap: 1.5rem;
  }
  .tfa .step .plus-circle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-circle-plus' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fd0061' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='9' /%3E%3Cline x1='9' y1='12' x2='15' y2='12' /%3E%3Cline x1='12' y1='9' x2='12' y2='15' /%3E%3C/svg%3E");
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    position: relative;
    top: 0.25rem;
  }
  .tfa .step .inset-1 {
    margin-left: 58px;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }
  .tfa .step .instruct {
    padding: 1.5rem 1rem 1rem 1rem;
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 6px #d4d4d4, -2px -2px 6px #f5f5f5;
            box-shadow: 2px 2px 6px #d4d4d4, -2px -2px 6px #f5f5f5;
    margin: 0.25rem 0;
  }
  .tfa .step .section-grid-left {
    grid-column: 1;
    border-right: 1px solid #dee2e6;
  }
  .tfa .step .section-grid-right {
    grid-column: 2;
    text-align: left;
  }
  .tfa .step .section-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 500px) {
  .tfa .step .qrcontainer {
    width: 100%;
    padding: 1rem;
  }
  .tfa .step .section-grid {
    display: grid;
    grid-template-columns: 1fr;
    place-content: center;
  }
  .tfa .step .section-grid-33 {
    display: grid;
    grid-template-columns: 300px;
  }
  .tfa .step .section-grid-65 {
    display: grid;
    grid-template-columns: 300px;
  }
  .tfa .step .inset-1 {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }
  .tfa .step .section-grid-left {
    grid-column: 1;
  }
  .tfa .step .section-grid-right {
    grid-column: 2;
    text-align: left;
  }
  .tfa .step .section-grid-left > ol {
    margin-left: -1rem;
  }
  .tfa .step .instruct {
    padding: 1.5rem 1rem 1rem 1rem;
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 6px #d4d4d4, -2px -2px 6px #f5f5f5;
            box-shadow: 2px 2px 6px #d4d4d4, -2px -2px 6px #f5f5f5;
    margin: 0.25rem 0;
  }
  .tfa .step .section-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.tfa .step .section-label {
  width: 110px;
}
.tfa .step .code {
  width: 110px;
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
  text-align: center;
}
.tfa .step .circle-loader {
  margin-bottom: 3.5em;
  border: 0.5rem solid rgba(0, 0, 0, 0.2);
  border-left-color: #5cb85c;
  -webkit-animation: loader-spin 1.2s infinite linear;
          animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 7rem;
  height: 7rem;
}
.tfa .step .load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: #5cb85c;
  -webkit-transition: border 500ms ease-out;
  transition: border 500ms ease-out;
  display: grid;
  margin: 1rem auto 2rem auto;
}
.tfa .step .load-failed {
  -webkit-animation: none;
  animation: none;
  border: 0.5rem solid #fd5c63;
  -webkit-transition: border 500ms ease-out;
  transition: border 500ms ease-out;
}
.tfa input[type=radio] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  margin-right: 15px;
  font-size: 13px;
}
.tfa input[type=radio] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  top: 2px;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #fff;
  border-radius: 50%;
}
.tfa input[type=radio] {
  display: none !important;
  *display: inline;
}
.tfa input[type=radio]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #00AAFF;
}
.tfa input[type=radio]:checked + label:before {
  border-color: #00AAFF !important;
}
.tfa .security-questions {
  padding: 0 1rem 1rem 1rem !important;
}
.tfa .security-questions input[type=text] {
  padding: 0.825rem 0.9rem !important;
}
.tfa .security-questions label[for] {
  text-align: left;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .field-firstname, .field-lastname {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    -ms-flex-preferred-size: 30% !important;
        flex-basis: 30% !important;
  }
  .field-email, .field-emailaddress, .field-companyname {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
  }
}
.pass-hint-parent {
  position: relative;
  color: #272e38;
}
@media screen and (min-width: 769px) {
  .pass-hint-parent {
    left: 25%;
    max-width: 75%;
  }
  .pass-hint-parent:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-info-circle' width='20' height='20' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 9h.01'%3E%3C/path%3E%3Cpath d='M11 12h1v4h1'%3E%3C/path%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    cursor: pointer;
  }
}
.pass-hint-parent .pass-hint {
  text-decoration: underline !important;
  font-weight: bold;
  top: -5px;
  position: relative;
  cursor: pointer;
  left: 5px;
  color: #272e38;
}

.pass-hint-dialog {
  border: 1px solid #dee2e6;
  border-radius: 0.4rem;
  padding: 1rem;
  background: #ffffff !important;
  z-index: 30;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
  color: #777;
  line-height: 1.5rem;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .pass-hint-dialog {
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .pass-hint-dialog {
    bottom: 0.2rem;
    left: 0;
    position: absolute;
  }
}
.pass-hint-dialog > div > div {
  max-width: 100% !important;
}
.pass-hint-dialog span.hint-dialog-close {
  top: -32px;
  right: -32px;
  display: inline-block;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-circle-x-filled' width='32' height='32' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-6.489 5.8a1 1 0 0 0 -1.218 1.567l1.292 1.293l-1.292 1.293l-.083 .094a1 1 0 0 0 1.497 1.32l1.293 -1.292l1.293 1.292l.094 .083a1 1 0 0 0 1.32 -1.497l-1.292 -1.293l1.292 -1.293l.083 -.094a1 1 0 0 0 -1.497 -1.32l-1.293 1.292l-1.293 -1.292l-.094 -.083z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
  width: 32px;
  height: 32px;
}

#pnlPinPassword div[data-lastpass-icon-root] {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #pnlPinPassword {
    min-height: 100px;
  }
}
@media screen and (min-width: 769px) {
  #pnlPinPassword {
    min-height: 150px;
  }
}

.pass-field {
  max-height: 45px;
}
.pass-field i.showpass {
  background: #ececfc;
  border: 1px solid #dee2e6;
  width: 53px;
  top: 0;
  left: calc(100% - 56px);
  position: absolute;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
  opacity: 1 !important;
}
.pass-field i.showpass:hover {
  background: #b5b4f3;
  color: #f8f9fa;
}
.pass-field i.showpass.hidepass:after {
  width: 28px;
}
.pass-field i.showpass:after {
  top: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 34px;
}
.pass-field i.showpass.is-invalid {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none !important;
  height: 44px;
  top: 0 !important;
}
.pass-field > input {
  max-height: 45px;
}

.induction-resume {
  display: grid;
  margin: auto;
  place-content: center;
}
@media screen and (min-width: 769px) {
  .induction-resume {
    width: 60%;
  }
}
.induction-resume .resumption-detail {
  border-radius: 0.4rem;
  border: 1px solid #dee2e6;
  line-height: 2rem;
  background-color: #f9f9f9;
}
@media screen and (max-width: 768px) {
  .induction-resume .resumption-detail {
    margin: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .induction-resume .resumption-detail {
    margin: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .induction-resume .resumption-detail {
    padding: 0 1rem 2rem 1rem;
  }
}
@media screen and (min-width: 769px) {
  .induction-resume .resumption-detail {
    padding: 0 2rem 2rem 2rem;
  }
}
.induction-resume .resumption-detail .resumption-header {
  margin-bottom: 1rem;
  padding: 1rem 0;
  text-align: center;
  font-family: "Inter";
  border-bottom: 1px solid #dee2e6;
  font-weight: 600;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .induction-resume .resumption-detail > div > div:first-child {
    width: 50%;
  }
}
@media screen and (min-width: 769px) {
  .induction-resume .resumption-detail > div > div:first-child {
    width: 40%;
  }
}

.f1 {
  /* Custom inplace checkboxes with hidden in between*/
}
.f1 input[type=checkbox].converted {
  /*display: none !important;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.f1 input[type=checkbox].converted + span, .f1 input[type=checkbox].converted + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-size: 0.85rem;
  /*transition: all 0.15s ease-out;*/
}
.f1 input[type=checkbox].converted + span:before, .f1 input[type=checkbox].converted + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #ccc;
  background-color: #fff;
  border-radius: 0.3rem;
}
.f1 input[type=checkbox].converted:disabled + span:before, .f1 input[type=checkbox].converted:disabled + label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #ccc !important;
  background-color: #eaeaea !important;
  border-radius: 0.3rem;
}
.f1 input[type=checkbox].converted + span:after, .f1 input[type=checkbox].converted + label:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  left: 9px;
  top: 13px;
  margin-right: 14px;
  position: absolute;
  opacity: 0;
  left: 1px;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  background-color: #fff;
  border-radius: 0.25rem;
  border-width: 0 0 0 0;
}
.f1 input[type=checkbox].converted:checked + span:after,
.f1 input[type=checkbox].converted:checked:not(:disabled) + span:after,
.f1 input[type=checkbox].converted:checked + label:after,
.f1 input[type=checkbox].converted:checked:not(:disabled) + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  border: solid #00AAFF;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  opacity: 1;
  /*transition: all 0.15s ease-out;*/
}
.f1 input[type=checkbox].converted:checked:disabled + span:after,
.f1 input[type=checkbox].converted:checked:disabled + label:after {
  position: absolute;
  content: "";
  height: 13px;
  width: 7px;
  left: 9px;
  top: 3px;
  background: transparent !important;
  border-radius: 0;
  border: solid #aaa;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  opacity: 1;
  /*transition: all 0.15s ease-out;*/
  border-color: #aaa;
}
.f1 input[type=checkbox].converted:checked + span:before,
.f1 input[type=checkbox].converted:checked + label:before {
  border-color: #00AAFF !important;
}
.f1 input[type=checkbox].converted:checked:disabled + span:before,
.f1 input[type=checkbox].converted:checked:disabled + label:before {
  border-color: #00AAFF !important;
  background-color: #00AAFF;
  left: 1px;
}
.f1 input[type=checkbox].converted + input[type=hidden] + span,
.f1 input[type=checkbox].converted + input[type=hidden] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  margin-right: 1rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  /*transition: all 0.15s ease-out;*/
}
.f1 input[type=checkbox].converted + input[type=hidden] + span:before,
.f1 input[type=checkbox].converted + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  left: 1px;
  border: 2px solid #aaa;
  background-color: #fff;
  border-radius: 0;
  /*transition: all 0.15s ease-out;*/
}
.f1 input[type=checkbox].converted:disabled + input[type=hidden] + span:before,
.f1 input[type=checkbox].converted:disabled + input[type=hidden] + label:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 14px;
  position: absolute;
  /*transition: all 0.15s ease-out;*/
  left: 1px;
  border: 2px solid #aaa;
  background-color: #eee;
  border-radius: 0;
}
.f1 input[type=checkbox].converted {
  /*display: none !important;*/
  /**display: inline;*/
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  opacity: 0;
}
.f1 input[type=checkbox].converted:focus + input[type=hidden] + span:before,
.f1 input[type=checkbox].converted:focus + span:before,
.f1 input[type=checkbox].converted:focus + input[type=hidden] + label:before,
.f1 input[type=checkbox].converted:focus + label:before {
  border-color: #00AAFF !important;
}
.f1 input[type=checkbox].converted:checked + input[type=hidden] + span:after,
.f1 input[type=checkbox].converted:checked + input[type=hidden] + label:after {
  content: "";
  display: block;
  position: absolute;
  border: solid #ffb100;
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  border-width: 0 3px 3px 0;
  background: transparent;
  width: 8px;
  height: 15px;
  left: 8px;
  margin-top: 1px;
  border-color: #00AAFF;
  /*transition: all 0.15s ease-out;*/
}
.f1 input[type=checkbox].converted:checked + input[type=hidden] + span:before,
.f1 input[type=checkbox].converted:checked + input[type=hidden] + label:before {
  border-color: #00AAFF !important;
}

/* date button*/
/*.e-input-group-icon.e-date-icon.e-icons {
    display:none;
}
.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border:none;
}*/
#pnlContent .ls-select-wrapper > .ls-select .ls-options {
  position: relative;
  z-index: 1033;
}
#pnlContent .ls-select-wrapper > .ls-select.opened.upper > .ls-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  /*z-index: 3;*/
  top: -192px;
  -webkit-animation: scale-in-ver-bottom 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-ver-bottom 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.take-photo {
  background-color: #ececfc !important;
}

html, body {
  overscroll-behavior-x: none;
}

.override-text {
  color: #5e6773;
}

.dev-watermark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='150px' width='120px'><text transform='translate(10, 40) rotate(-15)' stroke='rgba(255,150,0, 1)' stroke-width='0.01mm' fill='rgba(255,150,0, 0.8)' font-family='Roboto, Arial, Helvetica, sans-serif' font-size='14'>dev environment</text></svg>") !important;
  background-repeat: repeat;
  background-color: transparent !important;
}

.test-watermark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='150px' width='120px'><text transform='translate(10, 40) rotate(-15)' stroke='rgba(225, 46, 60, 0.8)' stroke-width='0.01mm' fill='rgba(225, 46, 60, 0.8)' font-family='Roboto, Arial, Helvetica, sans-serif' font-size='14'>test environment</text></svg>") !important;
  background-repeat: repeat;
  background-color: transparent !important;
}

div[data-lastpass-icon-root] {
  display: none;
}

@media screen and (min-width: 769px) {
  .tableContainer .row .col-12.border-left.border-top.border-bottom {
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-color: #dee2e6;
    border-top-color: #dee2e6;
    border-right-color: #dee2e6;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
  }
  .tableContainer .row .col-12.border-left.border-top.border-bottom:last-child {
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: none !important;
    border-left-color: #dee2e6;
    border-top-color: #dee2e6;
    border-right-color: #dee2e6;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
  }
  .tableContainer .row:last-child .col-12.border-left.border-top.border-bottom {
    border-bottom-style: solid !important;
    border-bottom-color: #dee2e6;
    border-bottom-width: 1px;
  }
  .tableContainer .row:last-child .col-12.border-left.border-top.border-bottom:last-child {
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-color: #dee2e6;
    border-top-color: #dee2e6;
    border-right-color: #dee2e6;
    border-bottom-color: #dee2e6;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
  }
  .tableContainer.table-responsive > .row.tab-auto > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .tableContainer.table-responsive > .row.tab-equal {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
  }
}
/*@media (hover: none) { //touch devices do not have a hover
    .hero-register.allowmobileoverflow {
        height: auto !important;
    }


    .allowmobileoverflow {
        .inductions, .override-inductions {
            margin: auto !important;
            min-height: 100vh !important;
            max-height: 100vh !important;
            overflow-y: auto !important;

            .inductionbody {
                //overflow: auto;
                height: unset !important;
                flex: 1 0 auto;

                #pnlContent {
                    flex: 1 1 auto;
                }
            }

            .brand {
                img {
                    border-radius: 0 !important;
                }
            }

            .footer {
                img {
                    border-radius: 0;
                }
            }
        }
    }


}*/
@media screen and (max-width: 768px) {
  /* .hero-register.allowmobileoverflow {
      height: auto !important;
  }


  .allowmobileoverflow {
      .inductions, .override-inductions {
          margin: auto;
          min-height: 98vh;
          max-height: auto !important;
          overflow-y: auto !important;

          .inductionbody {
              //overflow: auto;
              height: unset !important;
              flex: 1 0 auto;

              #pnlContent {
                  flex: 1 1 auto;
              }
          }
      }
  }*/
  /*   .iphone {
      .inductions, .override-inductions {
          margin: auto;
          min-height: 98vh;
          max-height: auto !important;
          overflow-y: auto !important;

          .inductionbody {
              display: unset !important;
              overflow-y: auto !important;
              height: unset !important;
              flex: 1 0 auto;
          }
      }
  }

  .iPadDesktop {
      padding-right: 1rem !important;
      padding-top: 0.75rem !important;
  }

  .iPad {
      min-height: 100vh !important;
      margin: auto !important;
  }*/
  .tableContainer .row:not(:last-child) .col-12.border-left.border-top.border-bottom:not(:last-child) {
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-color: #dee2e6;
    border-top-color: #dee2e6;
    border-right-color: #dee2e6;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
  }
  .tableContainer .row:not(:last-child) .col-12.border-left.border-top.border-bottom:last-child {
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: none !important;
    border-left-color: #dee2e6;
    border-top-color: #dee2e6;
    border-right-color: #dee2e6;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
  }
  .tableContainer .row:last-child:not(.grid) .col-12:not(:last-child) {
    border-right-style: solid !important;
    border-right-color: #dee2e6;
    border-right-width: 1px;
    border-bottom-style: none !important;
  }
  .tableContainer .row:last-child:not(.grid) .col-12:last-child {
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-color: #dee2e6;
    border-top-color: #dee2e6;
    border-right-color: #dee2e6;
    border-bottom-color: #dee2e6;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
  }
  .tableContainer .row:last-child.grid .col-12:not(:last-child) {
    border-right-style: none !important;
    border-bottom-color: #dee2e6;
    border-bottom-width: 1px;
    border-bottom-style: solid !important;
  }
  .tableContainer .row:last-child.grid .col-12:last-child {
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-color: #dee2e6;
    border-top-color: #dee2e6;
    border-right-color: #dee2e6;
    border-bottom-color: #dee2e6;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
  }
  .tableContainer .row > .col-auto span.d-cell > div.resizeInlineDiv {
    max-width: 100% !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .tableContainer .tab-auto span.d-cell > div.resizeInlineDiv, .tableContainer .tab-equal span.d-cell > div.resizeInlineDiv {
    max-width: 100% !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .table-fixed .tab-adjust span.d-cell > div.resizeInlineDiv {
    max-width: 100% !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
.addressPlaceholder {
  margin-left: 0;
  margin-top: 0.3rem;
}

.conditional_animate {
  -webkit-animation-name: flash-green;
          animation-name: flash-green;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}

.conditional {
  -webkit-transition: height 0.8s ease, opacity 0.8s ease, margin 0.8s ease;
  transition: height 0.8s ease, opacity 0.8s ease, margin 0.8s ease;
}

.conditional_hide {
  padding: 0;
  height: 0;
  opacity: 0;
}

.conditional_show {
  height: auto;
  opacity: 1;
}

.instructional_slidedown {
  -webkit-animation: scale-up-ver-top 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-ver-top 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.instructional_slideup {
  -webkit-animation: scale-up-ver-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-ver-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.instructional {
  display: none;
}

.slideInTop {
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slideOutBottom {
  -webkit-animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.f1 .inductions {
  color: #000000;
}
.f1 .inductions blockquote {
  margin: 0 0 0.5rem 1.5rem;
}
@media screen and (min-width: 769px) {
  .f1 .inductions {
    margin: auto auto 1vh auto;
  }
  .f1 .inductions .allowdesktopoverflow .inductions, .f1 .inductions .allowdesktopoverflow .override-inductions {
    max-height: unset !important;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .f1 .inductions {
    margin: 0;
    width: 100%;
    top: 0vh;
    width: 100vw;
    position: absolute;
    min-height: 100vh;
    position: absolute;
    height: 100%;
    max-width: 100vw !important;
  }
}

.inductions {
  /*h3 {
      color: $color-accent;
  }*/
  /*h6 {
      margin-top: 2rem;
  }*/
  /*@include max-screen($break-small) {
      .progress {
          left: 6vw;
      }
  }*/
  /* select2 */
  /*.select2-container--open.select2-dropdown--below {
      border-color: $input-border-color;

      &.select2-dropdown--below {
          border-color: rgba(0, 0, 0, 0.25) !important;
          border-bottom-right-radius: 10px !important;
          border-bottom-left-radius: 10px !important;
      }
  }*/
}
.inductions course-content-questions {
  margin-top: 1.5rem;
}
.inductions .card-title[editableelement=false]:empty {
  display: none;
  padding: 0 !important;
  margin: 0 !important;
}
.inductions .card-title[editableelement=true] {
  display: block;
}
.inductions .card-title[editableelement=true]:empty {
  display: none;
}
.inductions .switch-container {
  padding-left: 1rem !important;
  min-height: 45px;
}
.inductions .tableContainer div.row div {
  word-break: keep-all;
  overflow-wrap: break-word;
}
.inductions .tableContainer div.row div > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.inductions .tableContainer div.row.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, auto));
}
.inductions section.showCase25 .v-align-middle, .inductions section.showCase33 .v-align-middle, .inductions section.showCase50 .v-align-middle, .inductions section.showCase66 .v-align-middle, .inductions section.showCase75 .v-align-middle, .inductions section.multidiv .v-align-middle {
  place-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.inductions section.showCase25 .v-align-middle > img, .inductions section.showCase33 .v-align-middle > img, .inductions section.showCase50 .v-align-middle > img, .inductions section.showCase66 .v-align-middle > img, .inductions section.showCase75 .v-align-middle > img, .inductions section.multidiv .v-align-middle > img {
  vertical-align: middle;
}
.inductions section.showCase25 .v-align-middle.text-left, .inductions section.showCase33 .v-align-middle.text-left, .inductions section.showCase50 .v-align-middle.text-left, .inductions section.showCase66 .v-align-middle.text-left, .inductions section.showCase75 .v-align-middle.text-left, .inductions section.multidiv .v-align-middle.text-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.inductions section.showCase25 .v-align-middle.text-center, .inductions section.showCase33 .v-align-middle.text-center, .inductions section.showCase50 .v-align-middle.text-center, .inductions section.showCase66 .v-align-middle.text-center, .inductions section.showCase75 .v-align-middle.text-center, .inductions section.multidiv .v-align-middle.text-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inductions section.showCase25 .v-align-middle.text-right, .inductions section.showCase33 .v-align-middle.text-right, .inductions section.showCase50 .v-align-middle.text-right, .inductions section.showCase66 .v-align-middle.text-right, .inductions section.showCase75 .v-align-middle.text-right, .inductions section.multidiv .v-align-middle.text-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.inductions section.showCase25 .v-align-middle > span.d-cell, .inductions section.showCase33 .v-align-middle > span.d-cell, .inductions section.showCase50 .v-align-middle > span.d-cell, .inductions section.showCase66 .v-align-middle > span.d-cell, .inductions section.showCase75 .v-align-middle > span.d-cell, .inductions section.multidiv .v-align-middle > span.d-cell {
  width: 100%;
  display: block;
}
.inductions section.showCase25 .v-align-bottom, .inductions section.showCase33 .v-align-bottom, .inductions section.showCase50 .v-align-bottom, .inductions section.showCase66 .v-align-bottom, .inductions section.showCase75 .v-align-bottom, .inductions section.multidiv .v-align-bottom {
  place-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.inductions section.showCase25 .v-align-bottom > img, .inductions section.showCase33 .v-align-bottom > img, .inductions section.showCase50 .v-align-bottom > img, .inductions section.showCase66 .v-align-bottom > img, .inductions section.showCase75 .v-align-bottom > img, .inductions section.multidiv .v-align-bottom > img {
  vertical-align: bottom;
}
.inductions section.showCase25 .v-align-bottom.text-left, .inductions section.showCase33 .v-align-bottom.text-left, .inductions section.showCase50 .v-align-bottom.text-left, .inductions section.showCase66 .v-align-bottom.text-left, .inductions section.showCase75 .v-align-bottom.text-left, .inductions section.multidiv .v-align-bottom.text-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.inductions section.showCase25 .v-align-bottom.text-center, .inductions section.showCase33 .v-align-bottom.text-center, .inductions section.showCase50 .v-align-bottom.text-center, .inductions section.showCase66 .v-align-bottom.text-center, .inductions section.showCase75 .v-align-bottom.text-center, .inductions section.multidiv .v-align-bottom.text-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inductions section.showCase25 .v-align-bottom.text-right, .inductions section.showCase33 .v-align-bottom.text-right, .inductions section.showCase50 .v-align-bottom.text-right, .inductions section.showCase66 .v-align-bottom.text-right, .inductions section.showCase75 .v-align-bottom.text-right, .inductions section.multidiv .v-align-bottom.text-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.inductions section.showCase25 .v-align-top, .inductions section.showCase33 .v-align-top, .inductions section.showCase50 .v-align-top, .inductions section.showCase66 .v-align-top, .inductions section.showCase75 .v-align-top, .inductions section.multidiv .v-align-top {
  place-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.inductions section.showCase25 .v-align-top > img, .inductions section.showCase33 .v-align-top > img, .inductions section.showCase50 .v-align-top > img, .inductions section.showCase66 .v-align-top > img, .inductions section.showCase75 .v-align-top > img, .inductions section.multidiv .v-align-top > img {
  vertical-align: bottom;
}
.inductions section.showCase25 .v-align-top.text-left, .inductions section.showCase33 .v-align-top.text-left, .inductions section.showCase50 .v-align-top.text-left, .inductions section.showCase66 .v-align-top.text-left, .inductions section.showCase75 .v-align-top.text-left, .inductions section.multidiv .v-align-top.text-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.inductions section.showCase25 .v-align-top.text-center, .inductions section.showCase33 .v-align-top.text-center, .inductions section.showCase50 .v-align-top.text-center, .inductions section.showCase66 .v-align-top.text-center, .inductions section.showCase75 .v-align-top.text-center, .inductions section.multidiv .v-align-top.text-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inductions section.showCase25 .v-align-top.text-right, .inductions section.showCase33 .v-align-top.text-right, .inductions section.showCase50 .v-align-top.text-right, .inductions section.showCase66 .v-align-top.text-right, .inductions section.showCase75 .v-align-top.text-right, .inductions section.multidiv .v-align-top.text-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.inductions .table-fixed > table.tab-auto > tbody > tr td {
  font-size: 0.85rem;
  /*display: table-cell !important;*/
}
.inductions .table-fixed > table.tab-auto > tbody > tr td.v-align-top {
  vertical-align: top;
}
.inductions .table-fixed > table.tab-auto > tbody > tr td.v-align-middle {
  vertical-align: middle;
}
.inductions .table-fixed > table.tab-auto > tbody > tr td.v-align-bottom {
  vertical-align: bottom;
}
.inductions .table-fixed > table.tab-auto > tbody > tr td > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.inductions .table-fixed > table.tab-equal, .inductions .table-fixed > table.tab-adjust {
  table-layout: fixed;
}
.inductions .table-fixed > table.tab-equal > tbody > tr td, .inductions .table-fixed > table.tab-adjust > tbody > tr td {
  font-size: 0.85rem;
  display: table-cell !important;
}
.inductions .table-fixed > table.tab-equal > tbody > tr td.v-align-top, .inductions .table-fixed > table.tab-adjust > tbody > tr td.v-align-top {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inductions .table-fixed > table.tab-equal > tbody > tr td.v-align-middle, .inductions .table-fixed > table.tab-adjust > tbody > tr td.v-align-middle {
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inductions .table-fixed > table.tab-equal > tbody > tr td.v-align-bottom, .inductions .table-fixed > table.tab-adjust > tbody > tr td.v-align-bottom {
  vertical-align: bottom;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inductions .table-fixed > table.tab-equal > tbody > tr td > span.d-cell, .inductions .table-fixed > table.tab-adjust > tbody > tr td > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.inductions .table-fixed > table.tab-adjust {
  table-layout: fixed;
}
.inductions .table-fixed > table.tab-adjust > tbody > tr td {
  font-size: 0.85rem;
  /*display: table-cell !important;*/
}
.inductions .table-fixed > table.tab-adjust > tbody > tr td.v-align-top {
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inductions .table-fixed > table.tab-adjust > tbody > tr td.v-align-middle {
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inductions .table-fixed > table.tab-adjust > tbody > tr td.v-align-bottom {
  vertical-align: bottom;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inductions .table-fixed > table.tab-adjust > tbody > tr td > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.inductions .table-responsive .tab-auto .v-align-top {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.inductions .table-responsive .tab-auto .v-align-middle {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inductions .table-responsive .tab-auto .v-align-bottom {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.inductions .table-responsive .tab-auto > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.inductions .table-responsive .tab-equal, .inductions .table-responsive .tab-adjust {
  table-layout: fixed;
}
.inductions .table-responsive .tab-equal .v-align-top, .inductions .table-responsive .tab-adjust .v-align-top {
  vertical-align: top;
}
.inductions .table-responsive .tab-equal .v-align-middle, .inductions .table-responsive .tab-adjust .v-align-middle {
  vertical-align: middle;
}
.inductions .table-responsive .tab-equal .v-align-bottom, .inductions .table-responsive .tab-adjust .v-align-bottom {
  vertical-align: bottom;
}
.inductions .table-responsive .tab-equal > span.d-cell, .inductions .table-responsive .tab-adjust > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.inductions .form-control {
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
}
.inductions .form-control:focus {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.inductions .form-control::-webkit-input-placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.inductions .form-control::-moz-placeholder:not(:focus) {
  opacity: 0.8;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.inductions .form-control:-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.inductions .form-control::-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.inductions .form-control::placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.inductions .override-card-text {
  margin: 1rem auto;
  min-width: calc(100% - 2rem);
  /*height: calc(100% - 1rem);*/
}
@media screen and (min-width: 769px) {
  .inductions {
    width: auto;
  }
  .inductions .img-thumbnail {
    background: transparent !important;
  }
  .inductions .get-started {
    width: 250px !important;
  }
  .inductions .brand img {
    border-top-left-radius: 0.65rem;
    border-top-right-radius: 0.65rem;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    max-width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .inductions .brand img.induction-fluid {
    border-top-left-radius: 0.65rem;
    border-top-right-radius: 0.65rem;
    -o-object-position: 0%;
       object-position: 0%;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 100%;
    width: auto;
  }
  .inductions .brand > div > div {
    border-top-left-radius: 0.65rem;
    border-top-right-radius: 0.65rem;
  }
  .inductions img.banner-fluid {
    -o-object-position: 0%;
       object-position: 0%;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 100%;
    max-width: 100%;
  }
  .inductions img.banner-fixed {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -o-object-position: 0%;
       object-position: 0%;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 100%;
    width: auto;
  }
  .inductions img.induction-fluid {
    max-width: 100%;
    /*width: auto;*/
    /*height: 100%;*/
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0%;
       object-position: 0%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .inductions img.induction-fluid-800 {
    max-width: 750px;
    max-height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    -o-object-position: 0%;
       object-position: 0%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .inductions .f2 .inductionbody {
    border: 1px solid rgba(0, 0, 0, 0.125);
    min-height: 96vh;
  }
  .inductions .inductionbody {
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-shadow: 1px 1px 4px #a9a9a9, -1px -1px 3px #f1efef;
            box-shadow: 1px 1px 4px #a9a9a9, -1px -1px 3px #f1efef;
  }
  .inductions .inductionbody .card-wrap {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .inductions .brand {
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
  }
  .inductions .brand > img {
    padding: 1rem;
  }
  .inductions .subTitle {
    top: -22px;
    float: right;
    right: 1rem;
    position: absolute;
    color: #332f2f;
    padding: 0.4rem;
    background-color: rgba(255, 255, 255, 0.6196078431);
    border-radius: 0.5rem;
    -webkit-box-shadow: 0px 0px 9px 1px rgb(255, 255, 255);
  }
  .inductions .subTitle:not(:empty) {
    border: 1px solid #dbd6d6;
  }
  .inductions .subTitle:not(:blank) {
    border: 1px solid #dbd6d6;
  }
  .inductions .carousel {
    /*min-height: 100vh;*/
    height: auto;
  }
  .inductions .carousel .carousel-inner {
    margin-left: 3rem;
    width: calc(100% - 6rem);
    /*min-height: 100vh;*/
    height: auto;
  }
  .inductions .carousel-indicators {
    display: none;
  }
  .inductions .carousel-control-prev, .inductions .carousel-control-next {
    display: none;
  }
  .inductions .carousel-item {
    display: block;
  }
  .inductions .card-body {
    height: auto;
  }
  .inductions .card-body .card-icon {
    /*width: 5rem;*/
    text-align: center;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .inductions .fw-30 {
    max-width: 30%;
  }
  .inductions .dContinue > a {
    width: 250px;
  }
  .inductions .slideWrapper {
    overflow-x: hidden !important;
  }
  .inductions .footer {
    border-bottom-left-radius: 0.65rem;
    border-bottom-right-radius: 0.65rem;
  }
  .inductions .footer img {
    border-bottom-left-radius: 0.65rem;
    border-bottom-right-radius: 0.65rem;
  }
  .inductions .footer h.override-h1, .inductions .footer h.override-h2, .inductions .footer h.override-h3, .inductions .footer h.override-h4, .inductions .footer h.override-h5 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .inductions {
    /*  .footerLayout {
        justify-content: space-between;

        .footer-center-right {
            display: flex;
            justify-content: space-between;
            margin-top: 0.5rem !important;
            min-width: 65% !important;
            flex-direction: row;
        }
    }*/
  }
  .inductions .closesuspend {
    position: relative;
    margin-left: 2rem;
  }
  .inductions .footerLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .inductions .footerLayout .footer-left {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: 100% !important;
  }
  .inductions .footerLayout .footer-center {
    margin-top: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    width: 100% !important;
  }
  .inductions .footerLayout .footer-center .reading-time {
    white-space: nowrap;
  }
  .inductions .footerLayout .footer-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.25rem;
    margin-right: 0.5rem;
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    width: 100% !important;
    place-content: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .inductions .footerLayout .footer-right > span {
    width: auto !important;
  }
  .inductions #pnlContent {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 768px) {
  .inductions .closesuspend {
    position: relative;
    max-width: 88%;
  }
  .inductions .footerLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .inductions .footerLayout .footer-left {
    margin-top: 0.5rem;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: 100% !important;
  }
  .inductions .footerLayout .footer-center {
    margin-top: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    width: 100% !important;
  }
  .inductions .footerLayout .footer-center .reading-time {
    white-space: nowrap;
  }
  .inductions .footerLayout .footer-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.25rem;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: 100% !important;
    place-content: center;
  }
  .inductions .footerLayout .footer-right > span {
    width: auto !important;
  }
  .inductions .footerLayout div:first-child {
    text-align: center;
  }
  .inductions img.banner-fluid {
    -o-object-position: 0%;
       object-position: 0%;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .inductions {
    /*.dContinue {
        display: none;
    }*/
    /*h3 {
        color: $color-accent;
    }*/
  }
  .inductions .register-wrap {
    position: relative;
    height: calc(100% - 3rem);
    border: 1px solid transparent;
  }
  .inductions .caroSlider {
    position: relative;
    margin: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .inductions .caroSlider .slidewrapper {
    /*overflow: auto;
    width: 100%;
    height: calc(100% - 5rem);*/
    width: 100%;
    /*height: calc(100% - 5rem);*/
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 0;
  }
  .inductions .caroSlider .slide-active {
    height: 100%;
    /*width: 100vw;*/
    /*padding: 0 5vw 0 1vw;*/
  }
  .inductions .caroSlider .slide {
    /*width: 92vw;
    margin: 0 4vw;*/
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.1rem 1rem 0 1rem;
  }
  .inductions .caroSlider .slides {
    min-height: 0;
  }
  .inductions .caroSlider .slides div[data-lastpass-icon-root] {
    display: none;
  }
  .inductions .caroSlider .slides > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 4px;
  }
  .inductions .caroSlider .slides.shifting {
    -webkit-transition: left 0.2s ease-out;
    transition: left 0.2s ease-out;
  }
  .inductions .img-thumbnail {
    background: transparent !important;
  }
  .inductions .imageGroup {
    width: 100%;
    height: auto;
  }
  .inductions .inductionbody.w-100 {
    width: 100vw !important;
    padding: 0 !important;
    margin: 0;
    border: 0;
  }
  .inductions .override-inductions {
    /*width: auto;*/
    max-width: 1100px !important;
    margin: 0 !important;
    max-height: 100vh;
  }
  .inductions .override-card-text {
    /*margin: 1rem 0.5rem;*/
  }
  .inductions .regcontainer {
    margin: 0;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .inductions .slick-track {
    top: 0.75rem;
  }
  .inductions .get-started {
    width: 98% !important;
  }
  .inductions .cardborder {
    border: none;
  }
  .inductions .addressMarker {
    padding: 0.5rem;
  }
  .inductions img.induction-fluid {
    /*width: 100% !important;*/
    /*max-width: 100vw; //remove this to crop*/
    /*object-fit: scale-down;*/
    -o-object-position: 0%;
       object-position: 0%;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 100vw;
    max-height: 100%;
    /*width: auto;*/
    /*height: auto !important;*/
  }
  .inductions #imgLogo {
    -o-object-fit: scale-down;
       object-fit: scale-down;
    max-width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media screen and (max-width: 768px) and (min-width: 0) and (max-width: 500px) {
  .inductions #pnlContent {
    position: relative;
    margin-right: 0;
    padding-right: 0.5rem;
    margin-left: 0;
    padding-left: 0.5rem;
    height: 100%;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0;
    /*.display-9 {
        padding-left: 0.5rem;
    }*/
  }
}
@media screen and (max-width: 768px) and (min-width: 501px) and (max-width: 768px) {
  .inductions #pnlContent {
    position: relative;
    margin-right: 0;
    padding-right: 2rem;
    margin-left: 0;
    padding-left: 2rem;
    height: 100%;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0;
    /* .display-9 {
        padding-left: 0.5rem;
    }*/
  }
}
@media screen and (max-width: 768px) {
  .inductions img.induction-fluid-800 {
    max-width: 750px;
    width: 100%;
    max-height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    -o-object-position: 0%;
       object-position: 0%;
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .inductions > img .fluid {
    height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    -o-object-position: 0%;
       object-position: 0%;
  }
}
@media screen and (max-width: 768px) {
  .inductions .subTitle {
    top: 30px;
    float: right;
    right: 1rem;
    position: absolute;
    color: #332f2f;
    padding: 0.4rem;
    background-color: rgba(255, 255, 255, 0.62);
    border-radius: 0.5rem;
    -webkit-box-shadow: 0px 0px 9px 1px rgb(255, 255, 255);
  }
  .inductions .subTitle:not(:empty) {
    border: 1px solid #dbd6d6;
  }
  .inductions .subTitle:not(:blank) {
    border: 1px solid #dbd6d6;
  }
}
@media screen and (max-width: 768px) {
  .inductions #dCancel {
    /*position: relative;
    width: 96vw;
    margin-left: auto;
    margin-right: auto;*/
    /*width: 93vw;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .inductions #dCancel.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (max-width: 768px) {
  .inductions .carousel .control-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .inductions .photo {
    position: relative;
    /*top: -90px;*/
  }
}
@media screen and (max-width: 768px) {
  .inductions #addressPlace {
    padding-left: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .inductions .adrfld {
    width: 100%;
    margin-left: 0;
    margin-top: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .inductions label.address {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .inductions .address {
    position: relative;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .inductions .fw-75 {
    min-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .inductions .mw-20 .mw-30, .inductions .mw-40, .inductions .mw-50 {
    min-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .inductions .inductionbody {
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  .inductions .brand {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
  }
  .inductions .brand > img {
    padding: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .inductions .card {
    border-radius: 5px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .inductions .card-body:not(.card-wrap) {
    padding: 0;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .inductions .card-body:not(.card-wrap) .card-icon {
    /*width: 5rem;*/
    text-align: center;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media screen and (max-width: 768px) {
  .inductions .card-footer {
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .inductions .footer {
    border-radius: 0;
  }
  .inductions .footer .override-h1, .inductions .footer .override-h2, .inductions .footer .override-h3, .inductions .footer .override-h4, .inductions .footer .override-h5, .inductions .footer .override-h6 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .inductions .card-img-top {
    max-height: auto;
  }
}
@media screen and (max-width: 768px) {
  .inductions label.w-25, .inductions .w-25, .inductions .w-75, .inductions .fw-60, .inductions .w-50 {
    min-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .inductions > img.fluid {
    width: auto;
    height: auto;
    max-width: auto;
  }
}
@media screen and (max-width: 768px) {
  .inductions .owl-nav {
    position: relative;
    bottom: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .inductions .owl-dots {
    margin: auto;
    width: 80vw !important;
    cursor: pointer !important;
  }
}
@media screen and (max-width: 768px) {
  .inductions video {
    width: 100% !important;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .inductions .switch-container {
    padding-left: 1rem !important;
    min-height: 45px;
  }
}
@media screen and (max-width: 768px) {
  .inductions i.showpass {
    background: #ececfc;
    border: 1px solid #dee2e6;
    width: 53px;
    top: 0;
    left: calc(100% - 53px);
    position: absolute;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    opacity: 1 !important;
  }
  .inductions i.showpass:hover {
    background: #b5b4f3;
    color: #f8f9fa;
  }
  .inductions i.showpass.hidepass:after {
    width: 28px;
  }
  .inductions i.showpass:after {
    top: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 34px;
  }
  .inductions i.showpass.is-invalid {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    outline: none !important;
    height: 45px;
    top: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .inductions .cardContainer {
    /*  .row {
        .col-4, .col-6, .col-8 {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }*/
  }
  .inductions .cardContainer .row, .inductions .cardContainer .card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    width: 100%;
    max-width: 100%;
  }
  .inductions .cardContainer .row > .card, .inductions .cardContainer .card-row > .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .inductions .cardContainer .card-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.inductions .coursecode {
  height: 98vh;
}
.inductions .banner {
  position: relative;
  background: #2B333E;
  border-top-left-radius: 0.65rem;
  border-top-right-radius: 0.65rem;
  /*-webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;*/
}
.inductions .vertical-center {
  min-height: 100%; /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inductions .section-title {
  font-size: 1.2rem;
}
.inductions form {
  width: 100%;
}
.inductions .owl-carousel {
  display: block !important;
  width: 100%;
  z-index: 1;
}
.inductions .carousel {
  width: 100%;
  height: 100%;
}
.inductions .carousel .slide {
  /*background: $color-info;*/
}
.inductions .carousel .carousel-item {
  margin-top: 2rem;
}
.inductions .carousel .carousel-inner {
  /*margin-left: 17%;
  width: calc(100% - 32%);*/
  margin-left: 5%;
  width: 95%;
  overflow-x: auto !important;
  overflow-y: auto !important;
  /*height: calc(100vh - 225px);*/
}
.inductions .carousel .carousel-control-prev, .inductions .carousel .carousel-control-next {
  top: auto;
  bottom: 4rem;
}
.inductions .carousel .carousel-control-prev-icon, .inductions .carousel .carousel-control-next-icon {
  background-image: none;
}
.inductions .carousel .carousel-control-next-icon:after {
  position: relative;
  top: 4px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: #00AAFF;
  font-size: 1.6rem;
}
.inductions .carousel .carousel-control-prev-icon:after {
  position: relative;
  top: 4px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f053";
  color: #00AAFF;
  font-size: 1.6rem;
}
.inductions .carousel .carousel-indicators > li.active {
  background-color: #00AAFF;
}
.inductions .carousel .carousel-indicators > li {
  background-color: #cccccc;
}
.inductions .carousel .col-form-label {
  width: 100%;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.inductions .carousel .control-wrap {
  width: 100%;
}
.inductions #addressPlace {
  padding-left: 1rem;
}
.inductions .card {
  border-radius: 5px;
}
.inductions .card .card-icon {
  /*width: 5rem;*/
  text-align: center;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.inductions .card-header {
  padding: 0.75rem 0.5em;
}
.inductions .card-footer {
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.inductions .f1 .card-footer {
  background: transparent;
}
.inductions .f1 .footer {
  background: transparent;
  margin: 0;
  padding: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.inductions .f2 .card-footer .footer .footer h.override-h1, .inductions .f2 .card-footer .footer .footer h.override-h2, .inductions .f2 .card-footer .footer .footer h.override-h3, .inductions .f2 .card-footer .footer .footer h.override-h4, .inductions .f2 .card-footer .footer .footer h.override-h5 {
  margin-bottom: 0;
}
.inductions .f2 .footer {
  background: #2B333E;
  margin: 0;
  padding: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.inductions .card-img-top {
  background: transparent;
  color: #ccc;
  max-width: 100% !important;
  width: 100%;
  padding: 0;
}
.inductions .card-deck {
  margin: auto 1rem;
}
.inductions .card-deck > .card:not(:first-child) {
  margin: 0 0 0 1rem;
}
.inductions .accessCode {
  /*width:10rem;*/
}
.inductions .TitleColor {
  color: #00AAFF;
}
.inductions .progress {
  position: relative;
  border: 1px solid #cccccc;
  height: 1.5rem;
  width: 88vw;
  max-width: 88%;
  display: grid;
  margin: 0.625rem auto;
  height: 2.2rem;
  border-radius: 0.25rem;
  padding: 0.15rem;
  background-color: #fff;
}
.inductions .progress-bar {
  font-size: 0.85rem;
  /*height: 1.75rem;*/
  border-radius: 0.25rem;
  /* text-shadow: 1px 1px black;*/
  font-family: "Inter";
  font-weight: bold;
}
.inductions a.selected.active {
  background: transparent;
  color: #00AAFF;
}
.inductions .pdf90 {
  margin: 0 auto;
  width: 75%;
  height: 80vh;
}
.inductions .select2-container--default {
  /*.select2-results__option[aria-selected=true]:before {
      position: absolute;
      left: -16px;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: '\f00c';
      font-size: 1.05rem;
      color: $color-accent;
      text-align: center;
      line-height: 1.3rem;
      width: 18px;
  }*/
}
.inductions .select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #00AAFF !important;
  margin-left: 1.5rem;
  background-color: #fff;
}
.inductions .select2-container--default .select2-selection {
  border-radius: 0.3rem !important;
  border-color: #e1e3ea;
  background-color: #fff;
  margin-left: 0rem;
  font-weight: 500;
}
.inductions .select2-container--default .select2-selection .select2-selection__rendered {
  color: #5e6773 !important;
  padding-left: 3px !important;
}
.inductions .select2-container--default .select2-selection .select2-selection__placeholder {
  color: #a0aeba;
  font-style: italic;
}
.inductions .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__arrow {
  height: 15px;
  top: calc(50% - 0.5rem);
}
.inductions .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  height: 15px;
  top: 0;
}
.inductions .select2-container--default :not(.select2-container--focus):not(.select2-container--open) {
  top: calc(50% - 2.5rem);
}
.inductions .select2-container--default .select2-selection--single .select2-selection__arrow b {
  /* height: 15px;
  top: calc(50% - 0.625rem);                              
  right: 0.8rem;*/
}
.inductions .select2-container--default .select2-selection--single {
  border-radius: 0;
}
.inductions .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #e1e3ea;
}
.inductions .select2-container--default .select2-selection.select2-selection--multiple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 53px;
}
.inductions .select2-container--default .select2-results__option[aria-selected=true], .inductions .select2-container--default .select2-results__option[aria-selected=true]:hover {
  margin-left: 1.5rem;
  background-color: #fff;
  color: #00AAFF;
  font-weight: 500;
}
.inductions .select2-container--default .select2-results__option {
  margin-left: 1.5rem;
  background-color: #fff;
  font-weight: 500;
}
.inductions .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-color: rgba(18, 14, 215, 0.25);
  background-color: rgba(18, 14, 215, 0.08);
  color: #7f7f9c;
}
.inductions .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #d5d5df;
  border: none !important;
  background: transparent !important;
}
.inductions .select2-container--default.select2-container--disabled .select2-selection {
  background-color: #f5f5f5;
}
.inductions .select2-dropdown {
  border-color: #e1e3ea;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-9-21 11:34:23
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2018-9-21 11:35:13
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
}
.billing-slideleft {
  -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.billing-slideRight {
  -webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.verifyCode, a.verifyCode:active, a.verifyCode:hover, a.verifyCode:link {
  border-radius: 0;
  padding: 6px 17px;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
}

.f1 table {
  border-collapse: unset;
}

@media all and (max-width: 450px) {
  .showCase25 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .showCase25 .left {
    width: 100%;
  }
  .showCase25 .right {
    width: 100%;
  }
  .showCase33 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .showCase33 .left {
    width: 100%;
  }
  .showCase33 .right {
    width: 100%;
  }
  .showCase50 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .showCase50 .left {
    width: 100%;
  }
  .showCase50 .right {
    width: 100%;
  }
  .showCase66 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .showCase66 .left {
    width: 100%;
  }
  .showCase66 .right {
    width: 100%;
  }
  .showCase75 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .showCase75 .left {
    width: 100%;
  }
  .showCase75 .right {
    width: 100%;
  }
}
@media all and (min-width: 451px) {
  .showCase25 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .showCase25 .left {
    width: 25% !important;
  }
  .showCase25 .right {
    width: 75% !important;
  }
  .showCase33 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .showCase33 .left {
    width: 33% !important;
  }
  .showCase33 .right {
    width: 67% !important;
  }
  .showCase50 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .showCase50 .left {
    width: 50% !important;
  }
  .showCase50 .right {
    width: 50% !important;
  }
  .showCase66 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .showCase66 .left {
    width: 67% !important;
  }
  .showCase66 .right {
    width: 33% !important;
  }
  .showCase75 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .showCase75 .left {
    width: 75% !important;
  }
  .showCase75 .right {
    width: 25% !important;
  }
}
.eSection .showCase .left {
  border: 1px dashed #dee2e6;
}
.eSection .showCase .right {
  border-top: 1px dashed #dee2e6;
  border-right: 1px dashed #dee2e6;
  border-bottom: 1px dashed #dee2e6;
}

.multidiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.multidiv > div {
  min-height: 1.5rem;
}

.colEqual25 > div {
  width: 25% !important;
}

.colEqual33 > div {
  width: 33% !important;
}

.colEqual50 > div {
  width: 50% !important;
}

.border-tlb {
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.col255025 > div:first-child, .col255025 > div:last-child {
  width: 25% !important;
}
.col255025 > div:nth-child(2) {
  width: 50% !important;
}

.col502525 > div:first-child {
  width: 50% !important;
}
.col502525 > div:not(:first-child) {
  width: 25% !important;
}

.col503317 > div:first-child {
  width: 50% !important;
}
.col503317 > div:nth-child(2) {
  width: 33% !important;
}
.col503317 > div:nth-child(3) {
  width: 17% !important;
}

.col501733 > div:first-child {
  width: 50% !important;
}
.col501733 > div:nth-child(2) {
  width: 17% !important;
}
.col501733 > div:nth-child(3) {
  width: 33% !important;
}

.col252550 > div:last-child {
  width: 50% !important;
}
.col252550 > div:not(:last-child) {
  width: 25% !important;
}

.col173350 > div:last-child {
  width: 50% !important;
}
.col173350 > div:nth-child(1) {
  width: 17% !important;
}
.col173350 > div:nth-child(2) {
  width: 33% !important;
}

.col331750 > div:last-child {
  width: 50% !important;
}
.col331750 > div:nth-child(1) {
  width: 33% !important;
}
.col331750 > div:nth-child(2) {
  width: 17% !important;
}

ol.formatted > li, ul.formatted > li, ol.formatted > span > li, ul.formatted > span > li {
  padding-bottom: 0.2rem;
}

.imageunderlay {
  position: relative;
}

.topLeft {
  position: absolute;
  margin-right: auto;
  left: 0.5rem;
  top: 0.5rem;
}

.topCenter {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0.5rem;
}

.topRight {
  position: absolute;
  margin-left: auto;
  right: 0.5rem;
  top: 0.5rem;
}

.centerLeft {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-right: auto;
}

.centerCenter {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.centerRight {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: auto;
}

.bottomLeft {
  position: absolute;
  margin-right: auto;
  left: 0.5rem;
  bottom: 0.5rem;
}

.bottomCenter {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.5rem;
}

.bottomRight {
  position: absolute;
  margin-left: auto;
  right: 0.5rem;
  bottom: 0.5rem;
}

.imageAlignLeft {
  display: grid;
  place-content: flex-start;
}

.imageAlignRight {
  display: grid;
  place-content: flex-end;
}

.imageAlignCenter {
  display: grid;
  place-content: center;
}

.cardContainer .row .card-title > h4, .cardContainer .row .card-title > .h4, .cardContainer .card-row .card-title > h4, .cardContainer .card-row .card-title > .h4, .cardContainer[data-card-orientation=vertical] .row .card-title > h4, .cardContainer[data-card-orientation=vertical] .card-row .card-title > h4 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin: 0;
}

.resp-label {
  font-size: inherit !important;
}

#pnlReadingTime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pnlReadingTime > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.5rem;
  margin-top: -0.25rem;
}
#pnlReadingTime > div .flip {
  border-radius: 0.25rem;
  font-weight: 500;
  font-family: "Inter";
  min-width: 32px;
  /*text-align: center;*/
  background: linear-gradient(145deg, #ffffff, #f9f9f9);
  /* box-shadow: 5px 5px 5px #c4c4c4, -5px -5px 5px #ffffff;*/
  color: #393939;
  margin-right: 0.25rem;
  padding: 0.25rem;
  place-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dee2e6;
}
@media screen and (max-width: 768px) {
  #pnlReadingTime > div .flip {
    width: 32px;
  }
}
#pnlReadingTime > div .flip > div {
  font-weight: Bold;
  font-size: 1rem;
  color: #6366f1;
}
#pnlReadingTime > div .flip-unit {
  font-size: 0.65rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #pnlReadingTime > div .flip-unit {
    text-align: left;
  }
}

.lse, .lsedemo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  border-radius: 4px;
  font-size: 0.75rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: -0.25rem;
  margin-left: -0.15rem;
  font-weight: 500;
  text-align: left;
  background: #ffdadc !important;
  color: #272e38 !important;
  border: 1px solid #feb2b5 !important;
  padding: 0.5rem 0.5rem;
  font-family: "Raleway", "Inter";
  font-style: italic;
}
.lse > div.e1, .lsedemo > div.e1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
}
.lse > div.bg-white, .lsedemo > div.bg-white {
  background: transparent !important;
  color: #272e38 !important;
  font-family: "Raleway", "Inter";
  font-style: italic;
}

.lsok > div {
  position: relative;
}

@media screen and (min-width: 768px) {
  div.is-invalid {
    position: relative;
  }
  .lseicon {
    position: relative;
    top: -2.9rem;
  }
  .lseicon:after {
    position: absolute;
    right: -0.3rem;
    top: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff213b;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(255, 135, 149);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(255, 135, 149, 0.65);
  }
  .input-group .lseicon {
    position: relative;
    top: 0;
  }
  .input-group .lseicon:after {
    position: absolute;
    right: -0.3rem;
    top: -0.3rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff213b;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(255, 135, 149);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(255, 135, 149, 0.65);
  }
  .lbl-inline {
    /* .lse {
        left: -1px;
        transform: translate(1px, 34%) !important;
    }*/
  }
  .lbl-inline > div a.dzoneclick {
    position: relative;
  }
  .lbl-inline > div a.dzoneclick > .lse {
    right: 1px;
    bottom: -1px;
    /*transform: translate(1px, -85%) !important;*/
  }
  .lbl-none[data-section] .lse {
    left: -1px;
    -webkit-transform: translate(1px, -85%) !important;
            transform: translate(1px, -85%) !important;
  }
  .course-editor .lbl-inline .lse, .course-editor .lbl-float .lse, .course-editor .lbl-none .lse {
    z-index: 3;
    font-weight: 400;
    color: #fd5c63;
    position: absolute;
    bottom: -1px;
    right: 1px;
  }
  .lbl-inline .lse, .lbl-float .lse, .lbl-none .lse {
    z-index: 3;
    font-weight: 400;
    color: #fd5c63;
    position: absolute;
    bottom: -1px;
    right: -1px;
  }
  .lbl-verify .lse {
    z-index: 3;
    font-weight: 400;
    color: #fd5c63;
    position: absolute;
    bottom: 0px;
    right: 1px;
  }
  .lbl-default .lse {
    z-index: 3;
    font-weight: 400;
    color: #fd5c63;
    position: absolute;
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
  }
  .lseimage {
    padding: 0;
    z-index: 3;
  }
  .lseimage:after {
    position: absolute;
    right: -0.8rem;
    top: -225px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff213b;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(255, 135, 149);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(255, 135, 149, 0.65);
  }
  .lsok {
    padding: 0;
    z-index: 3;
    top: -2.9rem;
    position: relative;
  }
  .lsok:after {
    position: absolute;
    right: -0.3rem;
    top: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(158, 215, 171);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(40, 167, 69, 0.4);
  }
  .lsok.lsokoffset:after {
    position: absolute;
    right: -0.8rem;
    top: calc(50% - 2.2rem);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(158, 215, 171);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(40, 167, 69, 0.4);
  }
  .float-label-above .label {
    -webkit-transform: translate(0, -58px) scale(1);
            transform: translate(0, -58px) scale(1);
  }
  .float-label-above .lsok {
    padding: 0;
    z-index: 3;
  }
  .float-label-above .lsok:after {
    position: absolute;
    right: -0.3rem;
    top: -0.45rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(158, 215, 171);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(40, 167, 69, 0.4);
  }
  .float-label-above .lse {
    padding: 0;
    z-index: 3;
  }
  .float-label-above .lseicon {
    position: relative;
    top: -2.9rem;
  }
  .float-label-above .lseicon:after {
    position: absolute;
    right: -0.3rem;
    top: -0.45rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff213b;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(255, 135, 149);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(255, 135, 149, 0.65);
  }
  .lsokaddress {
    padding: 0;
  }
  .lsokaddress:after {
    position: absolute;
    right: 0rem;
    top: calc(50% - 7.1rem);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(158, 215, 171);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(40, 167, 69, 0.4);
  }
  .lsokradio {
    padding: 0;
    top: -2.9rem;
  }
  .lsokradio:after {
    position: absolute;
    right: -1.25rem;
    top: -0.8rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(158, 215, 171);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(40, 167, 69, 0.4);
  }
}
@media screen and (max-width: 767px) {
  div.is-invalid {
    position: relative;
  }
  .invalid-icon {
    position: absolute;
    display: none;
  }
  .invalid-icon:before {
    top: -1.25rem !important;
    right: -0.4rem !important;
  }
  .invalid-icon.datadest:before {
    top: -3.25rem !important;
    right: -0.3rem !important;
  }
  .lse {
    padding: 0;
  }
  .lse.iti:after {
    right: -0.5rem;
    top: calc(50% - 4.4rem);
  }
  .lsok {
    padding: 0;
    top: -2.9rem;
  }
  .lsok:after {
    position: absolute;
    right: -0.3rem;
    top: -0.4rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.9rem;
    z-index: 2;
    content: "";
    background: rgb(158, 215, 171);
    height: 0.5rem;
    border-radius: 14px;
    width: 0.5rem;
    text-align: center;
    color: rgba(40, 167, 69, 0.4);
  }
  .lsokaddress {
    padding: 0;
  }
  .lsokradio {
    padding: 0;
  }
  .lbl-inline > div a.dzoneclick {
    position: relative;
  }
  .lbl-inline > div a.dzoneclick > .lse {
    padding: 0.5rem 0.5rem;
    left: -1px;
    -webkit-transform: translate(1px, -85%) !important;
            transform: translate(1px, -85%) !important;
  }
  .lbl-inline .lse {
    padding: 0.5rem 0.5rem;
    left: -1px;
    -webkit-transform: translate(1px, 34%) !important;
            transform: translate(1px, 34%) !important;
  }
  .lbl-none[data-section] .lse {
    padding: 0.5rem 0.5rem;
    left: -1px;
    -webkit-transform: translate(1px, -85%) !important;
            transform: translate(1px, -85%) !important;
  }
  .lbl-inline > div, .lbl-default > div, .lbl-float > div, .lbl-none > div {
    position: relative;
  }
  .lbl-inline .lse, .lbl-default .lse, .lbl-float .lse, .lbl-none .lse {
    padding: 0.5rem 0.5rem;
    z-index: 3;
    font-weight: 400;
    color: #fd5c63;
    position: absolute;
    bottom: -1px;
    right: 1px;
  }
  .lbl-verify .lse {
    padding: 0.5rem 0.5rem;
    z-index: 3;
    font-weight: 400;
    color: #fd5c63;
    position: absolute;
    bottom: 0px;
    right: 1px;
  }
}
.wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.parsley-errors-list {
  display: none;
}

.lse.is-invalid {
  border: none !important;
  outline: none !important;
}

.is-invalid {
  border: none !important;
  outline: 1.5px solid #feb2b5;
  border-radius: 0.35rem !important;
}
.is-invalid .helper {
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
}
.is-invalid > span > input[type=text] {
  border: none !important;
}
.is-invalid > input[type=text]:not(.tfa-digit) {
  border: none !important;
}
.is-invalid > .input-group-append > .input-group-text {
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
}
.is-invalid > .input-group-prepend > .input-group-text {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
}

.invalid-icon {
  display: none;
}
.invalid-icon.select {
  position: absolute;
}
.invalid-icon.select:before {
  top: -0.2rem;
}
.invalid-icon.upload:before {
  top: -0.35rem;
  right: -0.4rem;
}
.invalid-icon:before {
  position: absolute;
  left: -0.45rem;
  top: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  opacity: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ff213b;
  font-size: 0.9rem;
  z-index: 2;
  content: "";
  background: rgb(255, 135, 149);
  height: 0.5rem;
  border-radius: 14px;
  width: 0.5rem;
  text-align: center;
  color: rgba(255, 135, 149, 0.65);
}

.iti .invalid-icon:before {
  top: -0.2rem;
}

.admin-portal .invalid-icon {
  font-size: 0.9rem;
}

.ui.selection.dropdown.is-invalid, .select2-selection.is-invalid {
  border: none;
  outline: 1.5px solid #feb2b5;
}

.ui.selection.dropdown.is-valid, .select2-selection.is-valid {
  outline: 1.5px solid #67d79e;
  border-radius: 0.3rem !important;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .multiselect:valid,
.multiselect.is-valid,
.was-validated .select2-selection:valid:focus,
.select2-selection.is-valid:focus,
.was-validated .custom-select:valid,
.custom-select.is-valid,
.input-group.is-valid {
  border: none;
  outline: 1.5px solid #67d79e;
  background-image: none;
  border-radius: 0.3rem !important;
}

form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .multiselect:valid:focus,
.multiselect.is-valid:focus,
.was-validated .select2:valid:focus,
.select2-selection.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border: none;
  outline: 1.5px solid #67d79e;
  background-image: none;
  border-radius: 0.3rem !important;
}

.input-group .form-control.is-valid,
.input-group .form-control.is-valid:focus {
  border: none;
  outline: 1.5px solid #67d79e;
  background-image: none;
  margin-top: 1px;
  border-radius: 0.3rem !important;
}

select.is-invalid + span.select2-container {
  border: none;
  outline: 1.5px solid #feb2b5;
  background-image: none;
  background-color: #fff;
  border-radius: 0.3rem !important;
}

.radio-edit-group.isvalid,
select.is-valid + span.select2-container {
  border: none;
  outline: 1.5px solid #67d79e;
  background-image: none;
  margin-top: 1px;
  border-radius: 0.3rem !important;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated.select2:invalid:focus, .select2-selection.is-invalid:focus .custom-select:invalid, .custom-select.is-invalid {
  border: none;
  outline: 1.5px solid #feb2b5;
  background-image: none;
  background-color: #fff;
  border-radius: 0.3rem !important;
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .select2-selection:invalid:focus, .select2-selection.is-invalid:focus .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border: none;
  outline: 1.5px solid #feb2b5;
  background-image: none;
  background-color: #fff;
  border-radius: 0.3rem !important;
}

.custom-radio .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-radio .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #00AAFF;
  border-color: #00AAFF;
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #99ddff;
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #99ddff;
}

.custom-checkbox-blue .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-checkbox-blue .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #00AAFF;
  border-color: #00AAFF;
}

.custom-radio-green .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-radio-green .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: limegreen;
  border-color: limegreen;
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #adebad;
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #adebad;
}

.custom-checkbox-green .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-checkbox-green .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: limegreen;
  border-color: limegreen;
}

.custom-radio-red .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-radio-red .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .custom-checkbox-red .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-checkbox-red .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #ff213b;
  border-color: #ff213b;
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #ffbac2;
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #ffbac2;
}

.custom-radio-yellow .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-radio-yellow .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .custom-checkbox-yellow .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-checkbox-yellow .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #ff9900;
  border-color: #ff9900;
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #ffd699;
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #ffd699;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  padding-right: unset;
  background: inherit;
  background-color: #fff;
}

div.label-inline > ls-err > div.default {
  left: calc(25% - 2px);
}
div.label-inline > ls-err > div.bottomLeft {
  left: calc(25% - 2px);
}

div.label-above > .ls-err > div.default, verifyMobileCode > .ls-err > div.default {
  left: -2px;
}
div.label-above > .ls-err > div.bottomLeft, verifyMobileCode > .ls-err > div.bottomLeft {
  left: -2px;
}

.verifyMobileCode .ls-err > div.default {
  left: -2px;
}
.verifyMobileCode .ls-err > div.bottomLeft {
  left: -2px;
}

div.float-label-above + .ls-err > div.default {
  left: -2px;
}
div.float-label-above + .ls-err > div.bottomLeft {
  left: -2px;
}

.ls-err {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ls-err > div.default {
  left: calc(25% - 2px);
  position: relative;
  margin-right: auto;
  top: -2px;
}
.ls-err > div.default .arrow {
  display: none;
}
.ls-err > div.default .errmsg {
  border-top-left-radius: 0 !important;
  border-left: 3px solid #ff8795;
  z-index: 1050;
}
.ls-err > div.bottomLeft {
  left: calc(25% - 2px);
  position: relative;
  margin-right: auto;
  top: -2px;
}
.ls-err > div.bottomLeft .arrow {
  left: 0.5rem;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.ls-err > div.bottomLeft .errmsg {
  position: relative;
  border-left: 3px solid #ff8795;
}
.ls-err > div.topLeft {
  left: calc(25% - 2px);
  position: relative;
  margin-right: auto;
}
.ls-err > div.topLeft .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  bottom: -6px;
  left: unset;
  position: absolute;
  left: 1rem !important;
}
.ls-err > div.topLeft .errmsg {
  position: relative;
  border-top: 3px solid #ff8795;
  font-family: "Inter Tight";
  font-weight: 500;
}
.ls-err > div.topRight {
  position: relative;
  margin-left: auto;
  right: 0;
}
.ls-err > div.topRight .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  bottom: -6px;
  left: unset;
  position: absolute;
  right: 1rem !important;
}
.ls-err > div.topRight .errmsg {
  position: relative;
  border-top: 3px solid #ff8795;
  font-family: "Inter Tight";
  font-weight: 500;
}
.ls-err > div.right {
  position: relative;
  margin-left: auto;
  right: 0;
  top: -0.6rem;
}
.ls-err > div.right .arrow {
  display: none;
}
.ls-err > div.right .errmsg {
  border-top-right-radius: 0 !important;
  border-right: 3px solid #ff8795;
  z-index: 1050;
  right: 0;
}
.ls-err > div.left {
  left: -2px;
  position: relative;
  margin-right: auto;
  top: -2px;
}
.ls-err > div.left .arrow {
  display: none;
}
.ls-err > div.left .errmsg {
  border-top-left-radius: 0 !important;
  border-left: 3px solid #ff8795;
  z-index: 1050;
}
.ls-err > div.bottomRight {
  position: relative;
  margin-left: auto;
  right: 0;
  top: -0.6rem;
}
.ls-err > div.bottomRight .arrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffbcc4;
  position: absolute;
  right: 0.5rem;
  z-index: 1050;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.ls-err > div.bottomRight .errmsg {
  margin-top: 0.4rem;
  border-right: 3px solid #ff8795;
  right: 0;
}
.ls-err > div .errmsg {
  position: relative;
  font-family: "Inter Tight";
  font-size: 0.8rem;
  padding: 0.5rem;
  display: inline-block;
  border-radius: 0.25rem;
  background-color: #ffbcc4;
}
.ls-err > div .arrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffbcc4;
  position: absolute;
  z-index: 1050;
}

.course-content-questions .control-error {
  display: contents;
}
.course-content-questions .lse > div.bg-white {
  background: #ffdadc !important;
  color: #272e38 !important;
  border: 1px solid #feb2b5 !important;
  padding: 0.5rem 0.5rem;
  font-family: "Raleway", "Inter";
  font-style: italic;
}

.course-content-questions + .lse.question {
  margin-top: -1rem;
  margin-left: 1rem;
}
.course-content-questions + .lse.question > div.bg-white {
  background: #ffdadc !important;
  color: #272e38 !important;
  border: 1px solid #feb2b5 !important;
  padding: 0.5rem 0.5rem;
  font-family: "Raleway", "Inter";
  font-style: italic;
}

@-webkit-keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }
}
@-webkit-keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
@keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2018-9-27 15:45:4
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}
.slide-bottom {
  -webkit-animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-9-27 15:44:24
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
.slide-top {
  -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes flash-green {
  6% {
    background-color: rgba(155, 239, 155, 0.4);
  }
}
@keyframes flash-green {
  6% {
    background-color: rgba(155, 239, 155, 0.4);
  }
}
@-webkit-keyframes flash-published-date {
  0% {
    color: #dc37a2;
  }
  100% {
    color: inherit;
  }
}
@keyframes flash-published-date {
  0% {
    color: #dc37a2;
  }
  100% {
    color: inherit;
  }
}
@-webkit-keyframes flash-text-color {
  12% {
    color: #008fb2;
  }
  24% {
    color: #a892c5;
  }
  36% {
    color: #9b77ca;
  }
  48% {
    color: #aa74ab;
  }
  60% {
    color: #de58af;
  }
  72% {
    color: #dc37a2;
  }
  100% {
    color: inherit;
  }
}
@keyframes flash-text-color {
  10% {
    color: #008fb2;
  }
  20% {
    color: #a892c5;
  }
  30% {
    color: #9b77ca;
  }
  40% {
    color: #aa74ab;
  }
  50% {
    color: #de58af;
  }
  60% {
    color: #dc37a2;
  }
  100% {
    color: inherit;
  }
}
.flash-text-color {
  -webkit-animation: flash-text-color;
          animation: flash-text-color;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

.flash-published-date {
  -webkit-animation: flash-published-date;
          animation: flash-published-date;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

@-webkit-keyframes wave {
  0% {
    x: -400px;
  }
  100% {
    x: 0;
  }
}

@keyframes wave {
  0% {
    x: -400px;
  }
  100% {
    x: 0;
  }
}
@-webkit-keyframes fill-up {
  0% {
    height: 0;
    y: 130px;
  }
  100% {
    height: 160px;
    y: -30px;
  }
}
@keyframes fill-up {
  0% {
    height: 0;
    y: 130px;
  }
  100% {
    height: 160px;
    y: -30px;
  }
}
@-webkit-keyframes osc-l {
  0% {
    left: 20%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 20%;
  }
}
@keyframes osc-l {
  0% {
    left: 20%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 20%;
  }
}
@-webkit-keyframes osc-r {
  0% {
    left: 80%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 80%;
  }
}
@keyframes osc-r {
  0% {
    left: 80%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 80%;
  }
}
@-webkit-keyframes animateDown {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: calc(50vh - 150px);
    opacity: 1;
  }
}
@keyframes animateDown {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: calc(50vh - 150px);
    opacity: 1;
  }
}
@-webkit-keyframes animateUp {
  from {
    top: calc(50% - 150px);
    opacity: 1;
  }
  to {
    top: -300px;
    opacity: 0;
    display: none;
  }
}
@keyframes animateUp {
  from {
    top: calc(50% - 150px);
    opacity: 1;
  }
  to {
    top: -300px;
    opacity: 0;
    display: none;
  }
}
@-webkit-keyframes animateDownMobile {
  from {
    top: -98vh;
    opacity: 0;
  }
  to {
    top: 1vh;
    opacity: 1;
  }
}
@keyframes animateDownMobile {
  from {
    top: -98vh;
    opacity: 0;
  }
  to {
    top: 1vh;
    opacity: 1;
  }
}
@-webkit-keyframes animateUpMobile {
  from {
    top: 1vh;
    opacity: 1;
  }
  to {
    top: -98vh;
    opacity: 0;
    display: none;
  }
}
@keyframes animateUpMobile {
  from {
    top: 1vh;
    opacity: 1;
  }
  to {
    top: -98vh;
    opacity: 0;
    display: none;
  }
}
@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
.zoomOut {
  -webkit-animation: scale-out-center 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-out-center 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.zoomOutFast {
  -webkit-animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.zoomOutFaster {
  -webkit-animation: scale-out-center 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-out-center 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation: scale-in-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.zoomInFast {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.zoomInFaster {
  -webkit-animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes alertDown {
  0% {
    max-height: 0px;
    opacity: 1;
  }
  100% {
    max-height: 500px;
    opacity: 1;
  }
}

@keyframes alertDown {
  0% {
    max-height: 0px;
    opacity: 1;
  }
  100% {
    max-height: 500px;
    opacity: 1;
  }
}
@-webkit-keyframes alertUp {
  0% {
    max-height: 500px;
    opacity: 1;
  }
  100% {
    max-height: 0px;
    opacity: 1;
    display: none;
  }
}
@keyframes alertUp {
  0% {
    max-height: 500px;
    opacity: 1;
  }
  100% {
    max-height: 0px;
    opacity: 1;
    display: none;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2022-1-19 16:39:24
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-out-ver-top
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-out-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes scaleVerticalOutIn {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  35% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
    height: auto;
  }
}
@keyframes scaleVerticalOutIn {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  35% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
    height: auto;
  }
}
.scaleUpDownFast {
  -webkit-animation: scaleVerticalOutIn 0.75s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scaleVerticalOutIn 0.75s ease-in-out both;
}

.scaleUpDown {
  -webkit-animation: scaleVerticalOutIn 1.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scaleVerticalOutIn 1.25s ease-in-out both;
}

.scaleUpDownSlow {
  -webkit-animation: scaleVerticalOutIn 2s ease-in-out both;
  animation: scaleVerticalOutIn 2s ease-in-out both;
}

@-webkit-keyframes scaleVerticalOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
    height: 0;
  }
}

@keyframes scaleVerticalOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
    height: 0;
  }
}
.scaleUp {
  -webkit-animation: scaleVerticalOut 0.5s ease-in-out both;
  animation: scaleVerticalOut 0.5s ease-in-out both;
}

@-webkit-keyframes scaleVerticalOutHidden {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
    height: auto;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
    height: 0;
  }
}

@keyframes scaleVerticalOutHidden {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
    height: auto;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
    height: 0;
  }
}
.scaleUpHidden {
  -webkit-animation: scaleVerticalOutHidden 0.5s ease-in-out both;
  animation: scaleVerticalOutHidden 0.5s ease-in-out both;
}

@-webkit-keyframes shiftDown {
  0% {
    top: 0px;
  }
  100% {
    top: 40px;
  }
}

@keyframes shiftDown {
  0% {
    top: 0px;
  }
  100% {
    top: 40px;
  }
}
@-webkit-keyframes scaleVerticalInAB {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 0;
    height: 0px;
    display: none !important;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
    height: auto;
    display: block !important;
  }
}
@keyframes scaleVerticalInAB {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 0;
    height: 0px;
    display: none !important;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
    height: auto;
    display: block !important;
  }
}
@-webkit-keyframes scaleVerticalOutAB {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
    height: 40px;
    display: block !important;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 0;
    height: 0px;
  }
}
@keyframes scaleVerticalOutAB {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
    height: 40px;
    display: block !important;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 0;
    height: 0px;
  }
}
@-webkit-keyframes scaleVerticalIn {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scaleVerticalIn {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
.scaleDown {
  -webkit-animation: scaleVerticalIn 0.5s ease-in-out both;
  animation: scaleVerticalIn 0.5s ease-in-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-2-19 12:33:20
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation flip-2-hor-top-1
 * ----------------------------------------
 */
@-webkit-keyframes flip-2-hor-top-1 {
  0% {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: translateY(-100%) rotateX(-180deg);
    transform: translateY(-100%) rotateX(-180deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
@keyframes flip-2-hor-top-1 {
  0% {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: translateY(-100%) rotateX(-180deg);
    transform: translateY(-100%) rotateX(-180deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}
.flip-2 {
  -webkit-animation: flip-2-hor-top-1 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: flip-2-hor-top-1 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-2-19 12:34:29
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation flip-vertical-left
 * ----------------------------------------
 */
@-webkit-keyframes flip-vertical-left {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
@keyframes flip-vertical-left {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  50% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
.flip-vertical-left {
  -webkit-animation: flip-vertical-left 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: flip-vertical-left 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-2-19 12:37:35
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slit-out-vertical
 * ----------------------------------------
 */
@-webkit-keyframes slitvertical {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes slitvertical {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
}
.slit-vertical {
  -webkit-animation: slitvertical 0.45s ease-out both;
  animation: slitvertical 0.45s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-2-19 13:25:44
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-out-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scaleLeftRight {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  30% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scaleLeftRight {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
.scale-left-right {
  -webkit-animation: scaleLeftRight 1200ms ease-in-out both;
  animation: scaleLeftRight 1200ms ease-in-out both;
}

@-webkit-keyframes scaleRight {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0.25;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

@keyframes scaleRight {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0.25;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
.scale-right {
  -webkit-animation: scaleRight 0.6s ease-in-out both;
  animation: scaleRight 0.6s ease-in-out both;
}

@-webkit-keyframes scaleInTopLeft {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes scaleInTopLeft {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
.scale-in-topLeft {
  -webkit-animation: scaleInTopLeft 0.47s ease-in-out both;
  animation: scaleInTopLeft 0.55s ease-in-out both;
}

@-webkit-keyframes scale-out-tl {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes scaleOutTopLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scaleOutTopLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
.scale-out-topLeft {
  -webkit-animation: scaleOutTopLeft 0.6s ease-in both;
  animation: scaleOutTopLeft 0.6s ease-in both;
}

@-webkit-keyframes scaleInOutTopLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes scaleInOutTopLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
.scale-inout-topLeft {
  -webkit-animation: scaleInOutTopLeft 1s ease-in-out both;
  animation: scaleInOutTopLeft 1s ease-in-out both;
}

@-webkit-keyframes slide-out-bck-center {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateZ(-1100px);
    transform: translateZ(-1100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideinoutbckcenter {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slideinoutbckcenter {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.slide-inout-bck-center {
  -webkit-animation: slideinoutbckcenter 1s ease-in-out both;
  animation: slideinoutbckcenter 1s ease-in-out both;
}

@-webkit-keyframes slit-InOut {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  45% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
}

@keyframes slit-InOut {
  0% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  45% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
}
.slitInOut {
  -webkit-animation: slit-InOut 1s ease-out both;
  animation: slit-InOut 1s ease-out both;
}

@-webkit-keyframes fade-OutIn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-OutIn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeOutIn {
  -webkit-animation: fade-OutIn 1s ease-in-out both;
  animation: fade-OutIn 1s ease-in-out both;
}

@-webkit-keyframes fade-OutInFast {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-OutInFast {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeOutInFast {
  -webkit-animation: fade-OutInFast 1s ease-in-out both;
  animation: fade-OutInFast 1s ease-in-out both;
}

@-webkit-keyframes fade-Out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-Out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade-In {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-In {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeOut {
  -webkit-animation: fade-Out 0.6s ease-out both;
  animation: fade-Out 0.6s ease-out both;
}

.fadeOutFast {
  -webkit-animation: fade-Out 0.3s ease-out both;
  animation: fade-Out 0.3s ease-out both;
}

.fadeIn {
  -webkit-animation: fade-In 0.6s ease-out both;
  animation: fade-In 0.6s ease-out both;
}

.fadeInFast {
  -webkit-animation: fade-In 0.3s ease-out both;
  animation: fade-In 0.3s ease-out both;
}

.fadeSuper {
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}

.animateSlideUp {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  height: 0;
}

.animateSlideDown {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 0.8s ease;
  transition: -webkit-transform 0.8s ease;
  transition: transform 0.8s ease;
  transition: transform 0.8s ease, -webkit-transform 0.8s ease;
  display: block;
  height: auto;
}

.animateUpDownHide {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.animateSlideLeft {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 450ms ease-out;
  transition: -webkit-transform 450ms ease-out;
  transition: transform 450ms ease-out;
  transition: transform 450ms ease-out, -webkit-transform 450ms ease-out;
}

.animateSlideRight {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 800ms ease-in;
  transition: -webkit-transform 800ms ease-in;
  transition: transform 800ms ease-in;
  transition: transform 800ms ease-in, -webkit-transform 800ms ease-in;
}

.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.slide-in-fwd-center {
  -webkit-animation: slide-in-fwd-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-fwd-center 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-3-15 14:53:4
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes slide-out-bck-center {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-1100px);
    transform: translateZ(-1100px);
    opacity: 0;
  }
}
@keyframes slide-out-bck-center {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-1100px);
    transform: translateZ(-1100px);
    opacity: 0;
  }
}
.slide-out-bck-center {
  -webkit-animation: slide-out-bck-center 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-bck-center 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-3-15 14:56:50
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-3-15 14:57:29
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes scale-out-vertical {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
}
@keyframes scale-out-vertical {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-3-15 15:0:1
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes scale-in-horizontal {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes scale-in-horizontal {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-3-15 14:59:50
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes scale-out-horizontal {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
}
@keyframes scale-out-horizontal {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-3-15 15:2:42
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-3-15 15:2:32
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-out-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-3-15 15:3:48
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
}
@-webkit-keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.heartbeat {
  -webkit-animation: heartbeat 3s ease-in-out both;
  animation: heartbeat 3s ease-in-out both;
}

/**
 * ----------------------------------------
 * animation slide-out-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}
@keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-right {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-out-right {
  -webkit-animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-6-21 12:20:38
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-in-hor-right
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-hor-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-hor-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
.scale-in-hor-right, .scaleInRight {
  -webkit-animation: scale-in-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-3-29 9:8:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-in-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
.scale-in-hor-left, .scaleInLeft {
  -webkit-animation: scale-in-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-3-29 9:8:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-out-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}
.scale-out-hor-left, .scaleOutLeft {
  -webkit-animation: scale-out-hor-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-hor-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-6-21 12:21:24
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-out-hor-right
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-hor-right {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes scale-out-hor-right {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
.scale-out-hor-right, .scaleOutRight {
  -webkit-animation: scale-out-hor-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-hor-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-7-2 7:57:23
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-in-ver-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
.scale-in-ver-bottom {
  -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-7-2 8:45:30
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-out-ver-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
.scale-out-ver-bottom {
  -webkit-animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-26 8:58:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-8-26 9:2:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-out-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
@keyframes slide-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-8-26 9:10:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-out-ver-top
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
}
@keyframes scale-out-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 11:49:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.slideInBottom {
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 11:49:54
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-out-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.slideOutTop {
  -webkit-animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 11:50:54
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-out-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
}
.slideOutLeft {
  -webkit-animation: slide-out-left 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-left 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 11:51:24
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.slideInRight {
  -webkit-animation: slide-in-right 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 11:57:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.slideInLeft {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 11:58:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-out-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}
@keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}
.slideOutRight {
  -webkit-animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.swaybox {
  position: relative;
  width: 220px;
  height: 100px;
  -webkit-animation: sway 1.5s ease-in-out alternate infinite;
          animation: sway 1.5s ease-in-out alternate infinite;
  color: #fff;
}

@-webkit-keyframes sway {
  0% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}

@keyframes sway {
  0% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@-webkit-keyframes swayShadow {
  0% {
    -webkit-box-shadow: 3px 6px 5px rgba(0, 0, 0, 0.25);
            box-shadow: 3px 6px 5px rgba(0, 0, 0, 0.25);
  }
  100% {
    -webkit-box-shadow: -3px 6px 5px rgba(0, 0, 0, 0.25);
            box-shadow: -3px 6px 5px rgba(0, 0, 0, 0.25);
  }
}
@keyframes swayShadow {
  0% {
    -webkit-box-shadow: 3px 6px 5px rgba(0, 0, 0, 0.25);
            box-shadow: 3px 6px 5px rgba(0, 0, 0, 0.25);
  }
  100% {
    -webkit-box-shadow: -3px 6px 5px rgba(0, 0, 0, 0.25);
            box-shadow: -3px 6px 5px rgba(0, 0, 0, 0.25);
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-2-17 12:27:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.tracking-in-expand {
  -webkit-animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate-reverse both;
  animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate-reverse both;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #2dab6b;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  -webkit-box-shadow: inset 0px 0px 0px #2dab6b;
          box-shadow: inset 0px 0px 0px #2dab6b;
  -webkit-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
          animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}
@-webkit-keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 50px #2dab6b;
            box-shadow: inset 0px 0px 0px 50px #2dab6b;
  }
}
@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 50px #2dab6b;
            box-shadow: inset 0px 0px 0px 50px #2dab6b;
  }
}
.split_diagonal, .split_diagonal_alt, .split_diamond {
  -webkit-animation: diamond 1.2s;
          animation: diamond 1.2s;
  -webkit-transform: scale(0) rotate(45deg);
          transform: scale(0) rotate(45deg);
}

@-webkit-keyframes diamond {
  0% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(10);
            transform: rotate(45deg) scale(10);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
}

@keyframes diamond {
  0% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(10);
            transform: rotate(45deg) scale(10);
  }
  100% {
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
  }
}
.pdbar {
  margin: auto;
  z-index: 2800;
  z-index: 2800;
  POSITION: ABSOLUTE;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
  place-content: center;
}
.pdbar.show {
  display: grid !important;
  position: fixed;
}
.pdbar > .blue .progress {
  width: 160px;
  height: 160px;
  border: 5px solid #00AAFF;
  border-radius: 50%;
}
.pdbar > .blue .inner {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  /*  border: 5px solid #1a1a1a;*/
}
.pdbar > .blue .inner .water {
  position: absolute;
  z-index: 1;
  width: 200%;
  height: 200%;
  left: -50%;
  border-radius: 40%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  animation-name: spin;
  top: 25%;
  background: rgba(0, 170, 255, 0.5);
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-box-shadow: 0 0 20px #00AAFF;
          box-shadow: 0 0 20px #00AAFF;
}
.pdbar > .blue .inner .glare {
  position: absolute;
  top: -120%;
  left: -120%;
  z-index: 5;
  width: 200%;
  height: 200%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pdbar > .blue .inner .percent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 150px;
  font-size: 45px;
  color: #272e38;
  z-index: 2;
}
.pdbar > .green {
  border-radius: 50%;
}
.pdbar > .green .progress {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  width: 250px;
  height: 250px;
  border: 5px solid #53fc53;
  -webkit-box-shadow: 0 0 20px #029502;
          box-shadow: 0 0 20px #029502;
  border-radius: 50%;
}
.pdbar > .green .inner {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  border-radius: 50%;
  width: 240px;
  height: 240px;
  /*  border: 5px solid #1a1a1a;*/
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pdbar > .green .inner .water {
  position: absolute;
  z-index: 1;
  width: 200%;
  height: 200%;
  left: -50%;
  border-radius: 40%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  animation-name: spin;
  top: 25%;
  background: rgba(83, 252, 83, 0.5);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-box-shadow: 0 0 20px #03bc03;
          box-shadow: 0 0 20px #03bc03;
}
.pdbar > .green .inner .glare {
  position: absolute;
  top: -120%;
  left: -120%;
  z-index: 5;
  width: 200%;
  height: 200%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pdbar > .green .inner .percent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 240px;
  font-size: 92.3076923077px;
  color: #03c603;
  text-shadow: 0 0 10px #029502;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pdbar > .red {
  border-radius: 50%;
}
.pdbar > .red .progress {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  width: 250px;
  height: 250px;
  border: 5px solid #ed3b3b;
  -webkit-box-shadow: 0 0 20px #7a0b0b;
          box-shadow: 0 0 20px #7a0b0b;
  border-radius: 50%;
}
.pdbar > .red .inner {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  border-radius: 50%;
  width: 240px;
  height: 240px;
  /*border: 5px solid #1a1a1a;*/
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pdbar > .red .inner .water {
  position: absolute;
  z-index: 1;
  width: 200%;
  height: 200%;
  left: -50%;
  border-radius: 40%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  animation-name: spin;
  top: 75%;
  background: rgba(237, 59, 59, 0.5);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-box-shadow: 0 0 20px #9b0e0e;
          box-shadow: 0 0 20px #9b0e0e;
}
.pdbar > .red .inner .glare {
  position: absolute;
  top: -120%;
  left: -120%;
  z-index: 5;
  width: 200%;
  height: 200%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pdbar > .red .inner .percent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 240px;
  font-size: 92.3076923077px;
  color: #a30f0f;
  text-shadow: 0 0 10px #7a0b0b;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pdbar > .orange {
  border-radius: 50%;
}
.pdbar > .orange .progress {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  width: 250px;
  height: 250px;
  border: 5px solid #f07c3e;
  -webkit-box-shadow: 0 0 20px #7e320a;
          box-shadow: 0 0 20px #7e320a;
  border-radius: 50%;
}
.pdbar > .orange .inner {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  border-radius: 50%;
  width: 240px;
  height: 240px;
  /*border: 5px solid #1a1a1a;*/
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pdbar > .orange .inner .water {
  position: absolute;
  z-index: 1;
  width: 200%;
  height: 200%;
  left: -50%;
  border-radius: 40%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: spin;
  animation-name: spin;
  top: 50%;
  background: rgba(240, 124, 62, 0.5);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-box-shadow: 0 0 20px #a0400c;
          box-shadow: 0 0 20px #a0400c;
}
.pdbar > .orange .inner .glare {
  position: absolute;
  top: -120%;
  left: -120%;
  z-index: 5;
  width: 200%;
  height: 200%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pdbar > .orange .inner .percent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 240px;
  font-size: 92.3076923077px;
  color: #a8430d;
  text-shadow: 0 0 10px #7e320a;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-6-27 14:49:6
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-out-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.slide-out-top {
  -webkit-animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.pt-page-moveToLeft {
  -webkit-animation: moveToLeft 0.6s ease both;
  animation: moveToLeft 0.6s ease both;
}

.pt-page-moveFromLeft {
  -webkit-animation: moveFromLeft 0.6s ease both;
  animation: moveFromLeft 0.6s ease both;
}

@-webkit-keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.pt-page-moveToRight {
  -webkit-animation: moveToRight 1s ease both;
  animation: moveToRight 0.6s ease both;
}

.pt-page-moveFromRight {
  -webkit-animation: moveFromRight 0.6s ease both;
  animation: moveFromRight 0.6s ease both;
}

@-webkit-keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/********************************
 * OVERLAYS & SPINNERS
 ********************************/
#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.08); /* Black background with opacity */
  z-index: 2800; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
#overlay.clear {
  background-color: transparent rgba(0, 0, 0, 0.22);
}
#overlay.dim {
  background-color: rgba(0, 0, 0, 0.75);
}

.overlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1031;
  top: 75px;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.water-fill {
  -webkit-animation: wave 0.7s infinite linear, fill-up 7s infinite ease-out alternate;
          animation: wave 0.7s infinite linear, fill-up 7s infinite ease-out alternate;
}

.loading {
  position: absolute;
  top: calc(50% - 120px);
  left: calc(50% - 178px);
}

.centered {
  width: 250px;
  height: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.blob-1, .blob-2 {
  width: 50px;
  height: 50px;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.blob-1 {
  left: 20%;
  -webkit-animation: osc-l 1s ease infinite;
          animation: osc-l 1s ease infinite;
}

.blob-2 {
  left: 80%;
  -webkit-animation: osc-r 1s ease infinite;
          animation: osc-r 1s ease infinite;
  background: #0ff;
}

.ls-loader-client {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 50%;
  margin-top: -30px;
}
.ls-loader-client > div {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  left: 10px;
  -webkit-transform-origin: 20px 20px;
          transform-origin: 20px 20px;
  border-radius: 8px;
  -webkit-animation: spin-c 1.75s infinite linear;
          animation: spin-c 1.75s infinite linear;
  background-color: #ccc;
}
.ls-loader-client > .c2 {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  left: auto;
  right: 10px;
  -webkit-transform-origin: -4px 20px;
          transform-origin: -4px 20px;
  -webkit-animation: spin-c 1.75s infinite linear;
          animation: spin-c 1.75s infinite linear;
  background-color: #009ca6;
}
.ls-loader-client > .c3 {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: auto;
  left: auto;
  right: 10px;
  bottom: 10px;
  -webkit-transform-origin: -4px -4px;
          transform-origin: -4px -4px;
  -webkit-animation: spin-c 1.75s infinite linear;
          animation: spin-c 1.75s infinite linear;
  background-color: #6366f1;
}
.ls-loader-client > .c4 {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: auto;
  bottom: 10px;
  -webkit-transform-origin: 20px -4px;
          transform-origin: 20px -4px;
  -webkit-animation: spin-c 1.75s infinite linear;
          animation: spin-c 1.75s infinite linear;
  background-color: #d62598;
}

@-webkit-keyframes spin-a {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin-a {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-b {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin-b {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-c {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin-c {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-d {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin-d {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ls-loader {
  position: absolute;
  top: calc(50% - 48px);
  left: calc(50% - 48px);
  width: 96px;
  height: 96px;
  border-radius: 50%;
  -webkit-perspective: 800px;
          perspective: 800px;
}

.inner {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.inner.one {
  left: 0%;
  top: 0%;
  -webkit-animation: rotate-one 1s linear infinite;
          animation: rotate-one 1s linear infinite;
  border-bottom: 8px solid #d62598;
}

.inner.two {
  right: 0%;
  top: 0%;
  -webkit-animation: rotate-two 1s linear infinite;
          animation: rotate-two 1s linear infinite;
  border-right: 8px solid #6366f1;
}

.inner.three {
  right: 0%;
  bottom: 0%;
  -webkit-animation: rotate-three 1s linear infinite;
          animation: rotate-three 1s linear infinite;
  border-top: 8px solid #009ca6;
}

@-webkit-keyframes rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-webkit-keyframes rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-webkit-keyframes rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@keyframes rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
#overlayProgress {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8); /* Black background with opacity */
  z-index: 2800; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

@media screen and (min-width: 768px) {
  .modalpopshow {
    -webkit-animation: animateDown 1.5s ease forwards;
            animation: animateDown 1.5s ease forwards;
  }
  .modalpophide {
    -webkit-animation: animateUp 1.5s ease backwards;
            animation: animateUp 1.5s ease backwards;
  }
  .modalpop {
    position: absolute;
    max-width: 500px;
    min-height: 300px;
    left: calc(50% - 250px) !important;
    background: #fff;
    border-radius: 5px;
    margin: auto;
    z-index: 999;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
    box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
    text-align: center;
    line-height: 1.5rem;
    font-size: 2em;
  }
  .modalpop .close {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 0.9em;
    font-weight: lighter;
    cursor: pointer;
    color: #00aaff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .modalpop .cancel {
    position: absolute;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    color: #fff;
    background-color: #777;
  }
  .modalpop .confirm {
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    color: #fff;
    background-color: #00AAFF;
  }
  .modalpopzoom {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    /*min-width: 500px;*/
    min-height: 300px;
    background: #fff;
    border-radius: 5px;
    margin: auto;
    z-index: 2999;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
    box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
    text-align: center;
    line-height: 1.5rem;
    font-size: 2em;
  }
  .modalpopzoom .header {
    border-bottom: 1px solid #e9eef2;
    padding-bottom: 4rem;
    top: 0px;
    width: 100%;
    left: 0px;
  }
  .modalpopzoom .title {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    font-size: 1.25rem;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: capitalize;
  }
  .modalpopzoom .close {
    position: absolute;
    top: 0.9rem;
    right: 1.25rem;
    font-size: 1.25rem;
    font-weight: lighter;
    cursor: pointer;
    color: #00aaff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .modalpopzoom .cancel {
    position: absolute;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    color: #fff;
    background-color: #777;
  }
  .modalpopzoom .confirm {
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    color: #fff;
    background-color: #00AAFF;
  }
}
@media screen and (max-width: 767px) {
  .modalpopshowMobile {
    -webkit-animation: animateDownMobile 1.5s ease forwards;
            animation: animateDownMobile 1.5s ease forwards;
  }
  .modalpophideMobile {
    -webkit-animation: animateUpMobile 1.5s ease backwards;
            animation: animateUpMobile 1.5s ease backwards;
  }
  .modalpop {
    display: block;
    max-width: 96vw;
    min-height: 98vh;
    background: #fff;
    border-radius: 5px;
    z-index: 999;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
    box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
    text-align: center;
    line-height: 1.5rem;
    font-size: 2em;
    position: absolute;
    left: 2vw;
  }
  .modalpop .close {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 0.9em;
    font-weight: lighter;
    cursor: pointer;
    color: #00aaff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .modalpop .cancel {
    position: absolute;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    color: #fff;
    background-color: #777;
  }
  .modalpop .confirm {
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    color: #fff;
    background-color: #00AAFF;
  }
  .modalpopzoom {
    display: block;
    max-width: 98vw;
    min-height: 96vh;
    background: #fff;
    border-radius: 5px;
    z-index: 2999;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
    box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
    text-align: center;
    line-height: 1.5rem;
    font-size: 2em;
    position: absolute;
    /* left: 2vw; */
    top: 1vh;
    margin: 2vw;
    width: 96vw;
  }
  .modalpopzoom .header {
    border-bottom: 1px solid #e9eef2;
    padding-bottom: 3rem;
    /*position: absolute;*/
    top: 0px;
    width: 100%;
    left: 0px;
  }
  .modalpopzoom .title {
    position: absolute;
    top: 0.8rem;
    left: 0.8rem;
    font-size: 1.25rem;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: capitalize;
  }
  .modalpopzoom .close {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 1.25rem;
    font-weight: lighter;
    cursor: pointer;
    color: #00aaff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .modalpopzoom .cancel {
    position: absolute;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    color: #fff;
    background-color: #777;
  }
  .modalpopzoom .confirm {
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    color: #fff;
    background-color: #00AAFF;
  }
}
.modaloverlay::before {
  content: " ";
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.slideInDetail {
  position: absolute;
  top: 38px;
  left: 25%;
  width: 50%;
  height: 94%;
  display: none;
  background: #fff;
  padding: 4rem 3rem;
  z-index: 2999;
}
.slideInDetail .header {
  border-bottom: 1px solid #e9eef2;
  padding-bottom: 3rem;
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0px;
}
.slideInDetail .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  bottom: 0;
  width: 100%;
  left: 0px;
  border-top: 1px solid #e9eef2;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.slideInDetail .title {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  font-size: 1.25rem;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: capitalize;
}
.slideInDetail .close {
  position: absolute;
  top: 0px;
  right: 0.8rem;
  font-size: 1.25rem;
  font-weight: lighter;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ls-Modalshow {
  -webkit-animation: slide-in-fwd-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-fwd-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.ls-Modalhide {
  -webkit-animation: slide-out-bck-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-out-bck-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.listSlide {
  font-family: "Helvetica", "Roboto", "Arial", "sans-serif";
}

.ls-Modal {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 1032;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
}
.ls-Modal > .ls-modalOuter {
  margin: auto;
  width: 100vw;
  height: 100vh;
  display: grid;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (max-device-aspect-ratio: 1.2) {
  .ls-Modal > .ls-modalOuter {
    position: absolute;
    height: 89.5vh;
    overflow: hidden auto;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-device-aspect-ratio: 1.21) {
  .ls-Modal > .ls-modalOuter {
    position: absolute;
    height: 100vh;
    overflow: hidden auto;
  }
}
.ls-Modal > .ls-modalOuter > .ls-ModalInner {
  background: #fff;
  display: grid;
  grid-template-rows: 60px auto 60px;
  margin: auto;
  min-width: 50vw;
  -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
          box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
  color: #343a40;
  font-size: 0.85rem;
  color: #5e6773;
  border-radius: 0.35rem;
}
.ls-Modal > .ls-modalOuter > .ls-ModalInner.no-title {
  grid-template-rows: auto 60px !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ls-Modal > .ls-modalOuter > .ls-ModalInner.no-title {
    grid-template-rows: 81vh 60px !important;
  }
}
.ls-Modal > .ls-modalOuter > .ls-ModalInner .header {
  border-bottom: 1px solid #e9eef2;
  padding-bottom: 4rem;
  top: 0px;
  width: 100%;
  left: 0px;
}
.ls-Modal > .ls-modalOuter > .ls-ModalInner .header .title {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  font-size: 1.25rem;
  cursor: default;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: calc(100% - 3rem);
  color: #343a40;
}
.ls-Modal > .ls-modalOuter > .ls-ModalInner .close {
  position: absolute;
  top: 0.5rem;
  right: 1.25rem;
  font-size: 1.25rem;
  font-weight: lighter;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.8;
  color: #343a40;
}
.ls-Modal > .ls-modalOuter > .ls-ModalInner .footer, .ls-Modal > .ls-modalOuter > .ls-ModalInner .modal-footer {
  bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}
.ls-Modal .accept {
  position: absolute;
  top: 0.5rem;
  left: 2.2rem;
  font-size: 2.25rem;
  font-weight: lighter;
  cursor: pointer;
  color: #00aaff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.5;
}
.ls-Modal .cancel {
  position: absolute;
  bottom: 0px;
  left: 0px;
  cursor: pointer;
  color: #fff;
}
.ls-Modal .confirm {
  position: absolute;
  bottom: 0px;
  right: 0px;
  cursor: pointer;
  color: #fff;
}
.ls-Modal.large {
  width: 700px;
}

/*.ls-Modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1032;
    top: 0px;
    height: 100%;
    width: 100%;



    .ls-ModalOuter {
        resize: both;
        overflow: auto;
    }

    .ls-ModalInner {
        background: #fff;
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
        box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
        font-size: $font-size;
        color: $font-color;
    }

    .header {
        border-bottom: 1px solid $list-separator-color;
        padding-bottom: 4rem;
        top: 0px;
        width: 100%;
        left: 0px;
    }

    .title {
        position: absolute;
        top: 1.25rem;
        left: 1.25rem;
        font-size: 1.25rem;
        cursor: pointer;
        -webkit-transition: .5s;
        transition: .5s;
        text-transform: capitalize;
    }

    .close {
        position: absolute;
        top: 0.9rem;
        right: 1.25rem;
        font-size: 1.25rem;
        font-weight: lighter;
        cursor: pointer;
        color: #00aaff;
        -webkit-transition: .5s;
        transition: .5s;
    }

    .accept {
        position: absolute;
        top: 0.5rem;
        left: 2.2rem;
        font-size: 2.25rem;
        font-weight: lighter;
        cursor: pointer;
        color: #00aaff;
        -webkit-transition: .5s;
        transition: .5s;
        opacity: 0.5;
    }

    .cancel {
        position: absolute;
        bottom: 0px;
        left: 0px;
        cursor: pointer;
        color: #fff;
        background-color: $color-default;
    }

    .confirm {
        position: absolute;
        bottom: 0px;
        right: 0px;
        cursor: pointer;
        color: #fff;
        background-color: $color-accent;
    }

    .footer, .modal-footer {
        // position:fixed;
        bottom: 0;
    }

    &.large {
        width: 700px
    }
}*/
.modal-plink {
  width: 600px;
}

.ls-Modal-dark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 1032;
  top: 0px;
  height: 100%;
  width: 100%;
}
.ls-Modal-dark .ls-ModalOuter {
  resize: both;
  overflow: auto;
}
.ls-Modal-dark .ls-ModalInner {
  background: #272e38;
  border-radius: 0px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
  box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
  font-size: 0.85rem;
  color: #5e6773;
}
.ls-Modal-dark .header {
  color: #a0aeba;
  border-bottom: 1px solid #505962;
  padding-bottom: 4rem;
  top: 0px;
  width: 100%;
  left: 0px;
}
.ls-Modal-dark .title {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  font-size: 1.25rem;
  cursor: default;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: capitalize;
  color: #ff637b;
}
.ls-Modal-dark .close {
  position: absolute;
  top: 0.9rem;
  right: 1.25rem;
  font-size: 1.25rem;
  font-weight: lighter;
  cursor: pointer;
  color: #a0aeba;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ls-Modal-dark .close:hover {
  color: #ff637b;
  cursor: pointer;
}
.ls-Modal-dark .cancel {
  position: absolute;
  bottom: 0px;
  left: 0px;
  cursor: pointer;
  color: #fff;
  background-color: #777;
}
.ls-Modal-dark .confirm {
  position: absolute;
  bottom: 0px;
  right: 0px;
  cursor: pointer;
  color: #fff;
  background-color: #00AAFF;
}
.ls-Modal-dark .modal-footer {
  border-top: 1px solid #505962;
  padding-left: 1rem;
  padding-right: 1rem;
}
.ls-Modal-dark.large {
  width: 700px;
}

.alertshow {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.alerthide {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 0.26s ease;
  transition: -webkit-transform 0.26s ease;
  transition: transform 0.26s ease;
  transition: transform 0.26s ease, -webkit-transform 0.26s ease;
}

.alert-bg-warning {
  background: #ff901c !important;
}

.alert-bg-success {
  background: #2dab6b !important;
}

.alert-bg-info {
  background-color: #00aaff !important;
}

.alert-bg-info-offset {
  background-color: #2CC2BE !important;
}

.alert-bg-danger {
  background-color: #ff213b !important;
}

.pz-Modal {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 1032;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
}
.pz-Modal > .pz-modalOuter {
  margin: auto;
  width: 100vw;
  height: 100vh;
  display: grid;
}
.pz-Modal > .pz-modalOuter > .pz-ModalInner {
  display: grid;
  grid-template-rows: 60px auto 60px;
  margin: auto;
  min-width: 50vw;
  min-height: 225px;
  background: #fff;
  font-size: 0.85rem;
  -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
          box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
  font-size: 0.85rem;
  color: #343a40;
}
.pz-Modal > .pz-modalOuter > .pz-ModalInner > .header {
  color: #343a40;
  padding-bottom: 4rem;
  top: 0px;
  width: 100%;
  left: 0px;
  position: relative;
}
.pz-Modal > .pz-modalOuter > .pz-ModalInner > .header > .title {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  font-size: 1.5rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: calc(100% - 3rem);
  color: #343a40;
}
.pz-Modal > .pz-modalOuter > .pz-ModalInner > .content {
  display: grid;
  grid-template-rows: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0rem 1rem 0.85rem;
  overflow-y: auto;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.5;
}
.pz-Modal > .pz-modalOuter > .pz-ModalInner > .content > div {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pz-Modal > .pz-modalOuter > .pz-ModalInner .close {
  position: absolute;
  top: 0.5rem;
  right: 1.25rem;
  font-size: 1.25rem;
  font-weight: lighter;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.8;
  color: #343a40;
}
.pz-Modal > .pz-modalOuter > .pz-ModalInner > .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5rem 1rem 1rem 1rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pz-Modal > .pz-modalOuter > .pz-ModalInner > .footer .cancel {
  display: inline-block;
  margin-right: 0.5rem;
  bottom: unset;
  right: unset;
  position: relative;
}
.pz-Modal > .pz-modalOuter > .pz-ModalInner > .footer .confirm {
  display: inline-block;
  margin-right: 0.5rem;
  bottom: unset;
  right: unset;
  position: relative;
}
.pz-Modal.large {
  width: 700px;
}

/*.pz-Modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 2999;


    .pz-ModalOuter {
        resize: both;
        overflow: auto;
    }

    .pz-ModalInner {
        border-radius: 5px;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
        box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
        font-size: $font-size;
        color: $color-dark;
        background: #fff;
        padding: 1rem 1.8rem;
    }

    .header {
        position: relative;
        margin-bottom: 1rem;
        top: -0.5rem;
        width: 100%;
        color: $color-dark;
        margin-left: -1rem;
        height: 60px;

        &:before {
            font-family: "font awesome 5 free";
            content: "\f05a";
            font-weight: 900;
            font-size: 2rem;
            margin-right: 1rem;
            opacity: 0.5;
            margin-top: 0.2rem;
            cursor: none;
        }
    }

    .content {
        position: relative;
        top: -1rem;
        padding: 0rem 2rem 3rem 2rem;
        min-height: 250px;
        font-size: 1.1rem;
        word-break: break-word;
        white-space: pre-line;
        font-weight: 300;
        display: flex;
        justify-content: center;*/ /* align horizontal */
/*align-items: center;*/ /* align vertical */
/*}

    .title {
        position: absolute;
        top: 0.8rem;
        font-size: 1.25rem;
        //cursor: pointer;
        -webkit-transition: .5s;
        transition: .5s;
        padding-left: 1.8rem;
        text-align: center;
        width: calc(100% - 2rem);
        text-transform: capitalize;
        text-overflow: ellipsis;*/
/* width: 8%; */
/*display: block;
        white-space: nowrap;
        overflow: hidden;
    }

    .close {
        position: absolute;
        top: 0;
        right: -25px;
        font-size: 1rem;
        font-weight: lighter;
        cursor: pointer;
        color: $color-dark;
        -webkit-transition: .5s;
        transition: .5s;
    }


    .cancel {
        position: absolute;
        bottom: 15px;
        cursor: pointer;
        text-align: center;
        left: 5%;
        color: $color-light;

        > a {
            min-width: 100px;
            font-size: 1.05rem;
        }
    }

    .confirm {
        position: absolute;
        bottom: 15px;
        cursor: pointer;
        text-align: center;
        right: 5%;
        color: $color-light;

        > a {
            min-width: 100px;
            font-size: 1.05rem;
        }
    }

    .footer {
        position: relative;
        margin-top: 0.5rem;
    }

    &.large {
        width: 700px
    }
}*/
.pz-Modal-Warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 1032;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 2999;
}
.pz-Modal-Warning .pz-ModalOuter {
  resize: both;
  overflow: auto;
}
.pz-Modal-Warning .pz-ModalInner {
  padding: 1rem 1.8rem;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
  box-shadow: 0px 0px 20px rgba(56, 56, 56, 0.2);
  font-size: 0.85rem;
  color: #fff;
  background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}
.pz-Modal-Warning .header {
  position: relative;
  margin-bottom: 1rem;
  top: -0.5rem;
  width: 100%;
  margin-left: -1rem;
}
.pz-Modal-Warning .header:before {
  font-family: "font awesome 5 free";
  content: "\f0f3";
  font-weight: 900;
  font-size: 2rem;
  margin-right: 1rem;
  opacity: 0.5;
  margin-top: 0.2rem;
}
.pz-Modal-Warning .content {
  position: relative;
  top: -1rem;
  padding: 0rem 2rem 3rem 2rem;
  min-height: 250px;
  font-size: 1.1rem;
  word-break: break-word;
  white-space: pre-line;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* align horizontal */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* align vertical */
}
.pz-Modal-Warning .title {
  position: absolute;
  top: 0.8rem;
  font-size: 1.25rem;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 1.8rem;
  text-align: center;
  width: calc(100% - 2rem);
  text-transform: capitalize;
}
.pz-Modal-Warning .close {
  position: absolute;
  top: 0;
  right: -25px;
  font-size: 1rem;
  font-weight: lighter;
  cursor: pointer;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.pz-Modal-Warning .cancel {
  position: absolute;
  bottom: 15px;
  cursor: pointer;
  font-size: 1.05rem;
  text-align: center;
  left: 5%;
}
.pz-Modal-Warning .confirm {
  position: absolute;
  bottom: 15px;
  cursor: pointer;
  font-size: 1.05rem;
  text-align: center;
  right: 5%;
}
.pz-Modal-Warning .footer {
  position: relative;
  margin-top: 0.5rem;
}
.pz-Modal-Warning.large {
  width: 700px;
}

.ls-modalselector {
  position: absolute;
  top: 0;
  width: 100vw;
  border-bottom: 1px solid #dee2e6;
  height: 60px;
  background-color: #2B333E;
}
.ls-modalselector .ls-modalaccept {
  position: absolute;
  right: 0.5rem;
}
.ls-modalselector .ls-modalaccept.done {
  top: 1.25rem;
  font-size: 1rem;
  color: #aaa;
  /*      &:before {
      //      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='36' height='36' viewBox='0 0 24 24' stroke-width='2.5' stroke='%2358bed0' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      content: '';
      width: 36px;
      height: 36px;
      display: inline-block;
  }*/
}
.ls-modalselector .ls-modalclose {
  position: absolute;
  right: 4rem;
}
.ls-modalselector .ls-modalclose.clear {
  color: #aaa;
  top: 1.25rem;
  font-size: 1rem;
  /*&:before {*/
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-left' width='28' height='28' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3Cpath d='M5 12l6 6'%3E%3C/path%3E%3Cpath d='M5 12l6 -6'%3E%3C/path%3E%3C/svg%3E");*/
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='36' height='36' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");*/
  /*background-repeat: no-repeat;
      background-position: center center;
      content: '';
      width: 36px;
      height: 36px;
      display: inline-block;
  }*/
}
.ls-modalselector .ls-modalback {
  position: absolute;
  left: 0.5rem;
  top: 0.75rem;
}
.ls-modalselector .ls-modalback.close {
  font-size: 1rem;
}
.ls-modalselector .ls-modalback.close:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-left' width='28' height='28' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3Cpath d='M5 12l6 6'%3E%3C/path%3E%3Cpath d='M5 12l6 -6'%3E%3C/path%3E%3C/svg%3E");
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='36' height='36' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");*/
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  width: 36px;
  height: 36px;
  display: inline-block;
}

.badge-circle-left {
  left: -1rem;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #a4c4d5;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.8rem;
  height: 1.8rem;
  padding: 0 !important;
  text-align: center;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.7rem;
  background-color: #f0f8ff;
}
.badge-circle-left > span {
  color: #272e38;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.badge-circle-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: center;
}
.badge-circle-center > span {
  position: relative;
  border: 2px solid #00AAFF;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0 !important;
  text-align: center;
  border-radius: 50%;
  font-size: 0.7rem;
  background-color: #f8f9fa;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  place-content: center;
  margin-top: 0.2rem;
}
.badge-circle-center > span > span {
  color: #272e38;
  position: absolute;
}

/*.brighttheme-notice {
    background-color: $color-back;
}*/
.upload_progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: calc(50% - 125px);
  top: 50%;
  width: 250px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e1e3ea;
  display: none;
  height: 30px;
  border: 1px solid #aaa;
}

.upload_progress_inner {
  width: 0px;
  background: #2dab6b;
  height: 100%;
  border-radius: 6px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.primary-popover .popover-header {
  background: #343a40;
  color: #fff;
  border: 1px solid;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.primary-popover .popover-body {
  border: none;
  background: #cccccc;
  color: #343a40;
}

.primary-popover-right.arrow {
  z-index: 2;
  border: solid transparent;
}
.primary-popover-right.arrow:before {
  border-left-color: #cccccc;
}
.primary-popover-right.arrow:after {
  border-left-color: #cccccc;
  left: -3px;
}

.primary-popover-top.arrow {
  z-index: 2;
  border: solid transparent;
}
.primary-popover-top.arrow:before {
  bottom: 0;
  border-top-color: #cccccc;
}
.primary-popover-top.arrow:after {
  border-top-color: #cccccc;
  top: -4px;
}

.primary-popover-left.arrow {
  z-index: 2;
  border: solid transparent;
}
.primary-popover-left.arrow:before {
  border-right-color: #cccccc;
  border-left-color: #cccccc;
  left: -2px;
}
.primary-popover-left.arrow:after {
  border-right-color: #cccccc;
  border-left-color: #cccccc;
  left: -2px;
}

.primary-popover-bottom.arrow {
  z-index: 2;
  border: solid transparent;
}
.primary-popover-bottom.arrow:before {
  bottom: 0;
  border-bottom-color: #343a40;
  left: -3px;
  top: -1px;
}
.primary-popover-bottom.arrow:after {
  border-bottom-color: #343a40;
  top: -1px;
  left: -3px;
}

/*.danger-popover {
    .popover-header {
        background: $color-danger;
        color: #fff;
        border: 1px solid;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 0.9rem;
    }

    .popover-body {
        border: none
    }
    //.arrow {
    //    z-index: 2;
    //    border: solid transparent;
    //    margin-left: -2px;
    //
    //    &:after {
    //        border-right-color: $color-info-offset;
    //    }
    //}
}
.danger-popover-right {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-right-color: rgba(255,255,255,0.25);
        }

        &:after {
            border-right-color: $color-secondary;
            left: -2px;
        }
    }
}
.danger-popover-top {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-top-color: rgba(255,255,255,0.25);
        }

        &:after {
            border-top-color: $color-secondary;
            top: -4px;
        }
    }
}
.danger-popover-left {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-left-color: rgba(255,255,255,0.25);
        }

        &:after {
            border-left-color: $color-secondary;
            left: -4px;
        }
    }
}
.danger-popover-bottom {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-bottom-color: $color-secondary;
            left: -3px;
            top: -2px;
        }

        &:after {
            border-bottom-color: $color-secondary;
            top: -2px;
            left: -3px;
        }
    }
}*/
/*.info-popover {
    .popover-header {
        background: $color-info;
        color: #fff;
        border: 1px solid;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 0.9rem;
    }

    .popover-body {
        border: none
    }
   // .arrow {
   //    z-index: 2;
   //    border: solid transparent;
   //    margin-left: -2px;
   //
   //    &:after {
   //        border-right-color: $color-info-offset;
   //    }
   //} 
}*/
/*.danger-popover-right {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-right-color: rgba(255,255,255,0.25);
        }

        &:after {
            border-right-color: $color-secondary;
            left: -2px;
        }
    }
}

.danger-popover-top {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-top-color: rgba(255,255,255,0.25);
        }

        &:after {
            border-top-color: $color-secondary;
            top: -4px;
        }
    }
}

.danger-popover-left {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-left-color: rgba(255,255,255,0.25);
        }

        &:after {
            border-left-color: $color-secondary;
            left: -4px;
        }
    }
}

.danger-popover-bottom {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-bottom-color: $color-secondary;
            left: -3px;
            top: -2px;
        }

        &:after {
            border-bottom-color: $color-secondary;
            top: -2px;
            left: -3px;
        }
    }
}*/
/*.warning-popover {
    .popover-header {
        background: $color-warning;
        color: #fff;
        border: 1px solid;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 0.9rem;
    }

    .popover-body {
        border: none
    }
    //.arrow {
    //    z-index: 2;
    //    border: solid transparent;
    //    margin-left: -2px;
    //
    //    &:after {
    //        border-right-color: $color-info-offset;
    //    }
    //}
}

.warning-popover-right {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-right-color: rgba(255,255,255,0.25);
        }

        &:after {
            border-right-color: $color-secondary;
            left: -2px;
        }
    }
}

.warning-popover-top {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-top-color: rgba(255,255,255,0.25);
        }

        &:after {
            border-top-color: $color-secondary;
            top: -4px;
        }
    }
}

.warning-popover-left {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-left-color: rgba(255,255,255,0.25);
        }

        &:after {
            border-left-color: $color-secondary;
            left: -4px;
        }
    }
}

.warning-popover-bottom {
    &.arrow {
        z-index: 2;
        border: solid transparent;

        &:before {
            bottom: 0;
            border-bottom-color: $color-secondary;
            left: -3px;
            top: -2px;
        }

        &:after {
            border-bottom-color: $color-secondary;
            top: -2px;
            left: -3px;
        }
    }
}*/
.alert-group .alert-inline {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.alert-group .alert-inline:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.alert-inline {
  padding: 0.75rem 1.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 3rem !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 1.6rem;
  min-height: 50px;
  min-width: 300px;
  background: rgb(210, 211, 255);
  color: #272e38;
  margin-bottom: 2px !important;
  margin-left: auto;
  margin-right: 0;
  top: 0;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
          transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  /*
  .actions {
      position: absolute;
      top: 0.2rem;
      right: 0.8rem;
  }*/
}
.alert-inline.inDialog {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.alert-inline.alert-inline-show {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.alert-inline.alert-inline-hide {
  -webkit-animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.alert-inline.default {
  right: 0px;
  background: rgb(210, 211, 255);
  color: #272e38 !important;
}
.alert-inline.success {
  right: 0px;
  background: #bbf6e7;
  color: #272e38 !important;
  border-left: 4px solid #4ae7bf !important;
}
.alert-inline.success a.btn-notifier {
  background: #4ae7bf;
  color: #272e38 !important;
}
.alert-inline.success a.btn-notifier:hover {
  background: #ffffff !important;
  color: #4ae7bf !important;
  border: 1px solid #4ae7bf !important;
}
.alert-inline.warning, .alert-inline.notice {
  right: 0;
  background: #ffeacc !important;
  color: #272e38 !important;
  border-left: 4px solid #ffcc7f !important;
}
.alert-inline.warning a.btn-notifier, .alert-inline.notice a.btn-notifier {
  background: #ffcc7f;
  color: #272e38 !important;
}
.alert-inline.warning a.btn-notifier:hover, .alert-inline.notice a.btn-notifier:hover {
  background: #ffffff !important;
  color: #ffcc7f !important;
  border: 2px solid #ffcc7f !important;
}
.alert-inline.error, .alert-inline.fail {
  right: 0;
  background: #ffdadc;
  color: #272e38 !important;
  border-left: 4px solid #fd5c63 !important;
}
.alert-inline.error a.btn-notifier, .alert-inline.fail a.btn-notifier {
  background: #fd5c63;
  color: #ffffff !important;
}
.alert-inline.error a.btn-notifier:hover, .alert-inline.fail a.btn-notifier:hover {
  background: #ffffff !important;
  color: #fd5c63 !important;
  border: 1px solid #fd5c63 !important;
}
.alert-inline.info {
  right: 0;
  background: #d9f2fe;
  color: #272e38 !important;
  border-left: 4px solid #5cc7fc !important;
}
.alert-inline.info a.btn-notifier {
  background: #5cc7fc !important;
  color: #272e38 !important;
}
.alert-inline.info a.btn-notifier:hover {
  background: #ffffff !important;
  color: #5cc7fc !important;
  border: 1px solid #5cc7fc !important;
}
.alert-inline > input[type=button] {
  background-color: #343a40 !important;
}
.alert-inline > input[type=button] .close {
  color: #272e38 !important;
  background-color: transparent !important;
}
.alert-inline > .close {
  color: #272e38 !important;
  background-color: transparent !important;
}
.alert-inline > div > a:not(.close) {
  background-color: #00AAFF !important;
  color: #ffffff;
}
.alert-inline .btn-prompt.yes, .alert-inline .btn-prompt.ok {
  background-color: #00AAFF !important;
  color: #ffffff !important;
  border-color: #00AAFF !important;
}
.alert-inline .btn-prompt.yes:hover, .alert-inline .btn-prompt.ok:hover {
  background-color: #ffffff !important;
  color: #00AAFF !important;
  border-color: #ffffff !important;
}
.alert-inline .btn-prompt.no:not(:hover) {
  background-color: #ffffff !important;
  color: #00AAFF !important;
  border-color: #ffffff !important;
}
.alert-inline .btn-prompt.no:hover {
  background-color: #00AAFF !important;
  color: #ffffff !important;
  border-color: #00AAFF !important;
}
.alert-inline > div.alert-title {
  color: #00AAFF;
  font-weight: 400;
}
.alert-inline > div.message {
  color: #272e38 !important;
  font-size: 0.925rem;
}

/********************************
 * CAROUSEL
 ********************************/
@media screen and (min-width: 768px) {
  .owl-nav {
    color: #00AAFF !important;
    font-size: 2.6rem;
    cursor: pointer;
    position: absolute;
    bottom: 4rem;
    width: 100%;
  }
  .owl-nav .owl-prev {
    position: absolute;
    left: 1rem;
  }
  .owl-nav .owl-next {
    position: absolute;
    right: 1rem;
  }
  .owl-dots {
    position: relative;
    top: 0.25rem;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0.5rem 0;
    margin: 0;
    width: auto !important;
  }
  .owl-dots > button.active:before {
    font-weight: 900;
    top: 0px;
    left: 0px;
    content: "\f111";
    width: 1.4rem;
    height: 1rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    line-height: 20px;
    text-align: center;
    color: #00AAFF;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
  }
  .owl-dots > button:not(.active):before {
    font-weight: 900;
    top: 0;
    left: 0;
    content: "\f111";
    width: 1.4rem;
    height: 1rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    line-height: 20px;
    text-align: center;
    color: #00AAFF;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .swiper-pagination .dots:before {
    font-weight: 900;
    top: 0;
    left: 0;
    content: "\f111";
    width: 1.4rem;
    height: 1rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    line-height: 20px;
    text-align: center;
    color: #00AAFF;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .swiper-pagination .dots-active:before {
    font-weight: 900;
    top: 0px;
    left: 0px;
    content: "\f111";
    width: 1.4rem;
    height: 1rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    line-height: 20px;
    text-align: center;
    color: #00AAFF;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
  }
}
@media screen and (max-width: 767px) {
  owl-stage-outer {
    max-height: 600px;
  }
  .owl-nav {
    color: #00AAFF !important;
    font-size: 2.6rem;
    cursor: pointer;
    position: absolute;
    bottom: 4rem;
    width: 95vw;
  }
  .owl-nav .owl-prev {
    position: absolute;
    left: 1rem;
  }
  .owl-nav .owl-next {
    position: absolute;
    right: 1rem;
  }
  .owl-dots {
    position: relative;
    top: 0.25rem;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0.5rem 0;
    margin: auto;
    width: auto !important;
  }
  .owl-dots > button.active:before {
    font-weight: 900;
    top: 0px;
    left: 0px;
    content: "\f111";
    width: 1.4rem;
    height: 1rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    line-height: 20px;
    text-align: center;
    color: #00AAFF;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
  }
  .owl-dots > button:not(.active):before {
    font-weight: 900;
    top: 0;
    left: 0;
    content: "\f111";
    width: 1.4rem;
    height: 1rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2rem;
    line-height: 20px;
    text-align: center;
    color: #00AAFF;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.carousel-control-prev-icon:after {
  position: relative;
  top: 4px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f053";
  color: #00AAFF;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .slick-prev, .slick-next {
    font-size: 0px;
    background: transparent;
    padding: 0;
    border: none;
    outline: none;
    font-weight: 900;
  }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
  }
  .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
  }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25;
  }
  .slick-prev:before, .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-size: 1.6rem;
    line-height: 1;
    color: #00AAFF;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media screen and (max-width: 767px) {
  .slick-prev, .slick-next {
    position: fixed;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    bottom: 40px;
    -webkit-transform: translate(0, -95%);
    transform: translate(0, -95%);
    padding: 0;
    border: none;
    outline: none;
    font-weight: 900;
  }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
  }
  .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
  }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25;
  }
  .slick-prev:before, .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-size: 1.6rem;
    line-height: 1;
    color: #00AAFF;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.slick-prev {
  left: 0rem;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 0rem;
}
.slick-prev:before {
  content: "\f053";
}
[dir=rtl] .slick-prev:before {
  content: "\f054";
}

.slick-next {
  right: 0rem;
}
[dir=rtl] .slick-next {
  left: 0rem;
  right: auto;
}
.slick-next:before {
  content: "\f054";
}
[dir=rtl] .slick-next:before {
  content: "\f053";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: fixed;
  bottom: 75px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 1rem;
  width: 1.9rem;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 1rem;
  width: 2.4rem;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 0;
  content: "\f111";
  width: 1.4rem;
  height: 1rem;
  font-family: "Font Awesome 5 Free";
  font-size: 1.2rem;
  line-height: 20px;
  text-align: center;
  color: #00AAFF;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #00AAFF;
  opacity: 0.75;
}

.creds {
  width: 500px;
}

@-webkit-keyframes slider-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
}
@keyframes slider-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
}
.staticSlider .slides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.staticSlider .slides .slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  display: none;
}
.staticSlider .slides .slide.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
}
.staticSlider .slides .slide .sliderPanel {
  width: 100%;
}
.staticSlider .slides .slide .sliderPanel > .lbl-float {
  width: 100%;
}
.staticSlider .slides .slide .sliderPanel > .lbl-above {
  width: 100%;
}

.caroSlider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
.caroSlider .slidewrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 1;
}
.caroSlider .slides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  left: 0%;
  width: 10000px;
}
.caroSlider .slides div[data-lastpass-icon-root] {
  display: none;
}
.caroSlider .slides.shifting {
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
.caroSlider .slide {
  height: 100%;
  cursor: pointer;
  display: block;
  -webkit-transition: all 1s;
  transition: all 1s;
  position: relative;
  border-radius: 0.3rem;
  /*margin-right: 30px;*/
  /*scroll-snap-align: start;
  scroll-behavior: smooth;*/
}
.caroSlider .slide-active {
  height: 100%;
  /*width: 100vw;
  padding: 0 5vw 0 1vw;*/
}
.caroSlider .loaded .slide:nth-child(2),
.caroSlider .loaded .slide:nth-child(7) {
  background: #ffcf47;
}
.caroSlider .loaded .slide:nth-child(1),
.caroSlider .loaded .slide:nth-child(6) {
  background: #7adcef;
}
.caroSlider .loaded .slide:nth-child(3) {
  background: #3cff96;
}
.caroSlider .loaded .slide:nth-child(4) {
  background: #a78df5;
}
.caroSlider .loaded .slide:nth-child(5) {
  background: #ff8686;
}
.caroSlider .control {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  background: transparent;
  border-radius: 50px;
  margin-top: -20px;
  z-index: 2;
}
.caroSlider .paginator {
  width: 96vw;
}
.caroSlider .prev, .caroSlider .next {
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .caroSlider .prev:not(.override-btn-back):not(.override-btn-next):not(.override-btn-finish) {
    /*background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronLeft-512.png);*/
    left: 0.185rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-left' width='40' height='40' viewBox='0 0 24 24' stroke-width='1' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='15 6 9 12 15 18' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    background-color: transparent;
    display: inline-block;
  }
  .caroSlider .next:not(.override-btn-back):not(.override-btn-next):not(.override-btn-finish) {
    /*background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronRight-512.png);*/
    right: 0.185rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-right' width='40' height='40' viewBox='0 0 24 24' stroke-width='1' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='9 6 15 12 9 18' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    background-color: transparent;
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .caroSlider .prev:not(.override-btn-back):not(.override-btn-next):not(.override-btn-finish) {
    /*background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronLeft-512.png);*/
    left: -1.7rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-left' width='40' height='40' viewBox='0 0 24 24' stroke-width='1' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='15 6 9 12 15 18' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    background-color: transparent;
    display: inline-block;
  }
  .caroSlider .next:not(.override-btn-back):not(.override-btn-next):not(.override-btn-finish) {
    /*background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronRight-512.png);*/
    right: -1.7rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-right' width='40' height='40' viewBox='0 0 24 24' stroke-width='1' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='9 6 15 12 9 18' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    background-color: transparent;
    display: inline-block;
  }
}
.caroSlider .control {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.caroSlider .paginator {
  text-align: center;
  margin-top: 0.5rem;
}
.caroSlider .paginator .dots {
  margin-right: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='28' height='28' viewBox='0 0 24 24' stroke-width='1' stroke='%23647f9b' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='8' width='16' height='8' rx='2' fill='%23647f9b' /%3E%3C/svg%3E");
  display: inline-block;
  content: "";
  width: 28px;
  height: 28px;
  /*   &:before {
      font-weight: 900;
      top: 0;
      left: 0;
      content: $slick-dot-character;
      width: 1.4rem;
      height: 1rem;
      font-family: $slick-font-family;
      font-size: $slick-dot-size;
      line-height: 20px;
      text-align: center;
      color: $slick-dot-color;
      opacity: $slick-opacity-not-active;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }*/
}
.caroSlider .paginator .dots-active {
  margin-right: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='28' height='28' viewBox='0 0 24 24' stroke-width='1' stroke='%23a6d2ff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 20h.01' /%3E%3Cpath d='M4 20h.01' /%3E%3Cpath d='M8 20h.01' /%3E%3Cpath d='M12 20h.01' /%3E%3Cpath d='M16 20h.01' /%3E%3Cpath d='M20 4h.01' /%3E%3Cpath d='M4 4h.01' /%3E%3Cpath d='M8 4h.01' /%3E%3Cpath d='M12 4h.01' /%3E%3Cpath d='M16 4l0 0' /%3E%3Crect x='4' y='8' width='16' height='8' rx='2' fill='%23a6d2ff' /%3E%3C/svg%3E");
  display: inline-block;
  content: "";
  width: 28px;
  height: 28px;
  /* &:before {
      font-weight: 900;
      top: 0px;
      left: 0px;
      content: $slick-dot-character;
      width: 1.4rem;
      height: 1rem;
      font-family: "Font Awesome 5 Free";
      font-size: 1.2rem;
      line-height: 20px;
      text-align: center;
      color: $slick-dot-color-active;
      opacity: $slick-opacity-default;
      -webkit-font-smoothing: antialiased;
  }*/
}

/********************************
 * BILLING FORMS, PAGE
 ********************************/
.bill {
  position: relative;
  padding: 0;
  border: 2px solid #fff;
  color: #00AAFF;
  width: 10rem;
  height: 3.5rem;
  border-radius: 10px;
}
.bill:after {
  position: absolute;
  left: 0.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #00AAFF;
  font-size: 2rem;
  z-index: 2;
  content: "\f2c2";
  background: #fff;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
}
.bill .bill-title {
  top: 25%;
  position: absolute;
  left: 3.5rem;
}

.stepwizard-container {
  position: relative;
  overflow: hidden;
}

.stepwizard-wrap {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 60vh;
}

.stepwizard-content {
  position: relative;
  display: block;
  float: left;
  width: 99%;
  height: 100%;
}

.stepwizard-step p {
  margin-top: 10px;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard-step p {
  font-weight: 600;
}

.stepwizard-step a.disabled {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  background-color: #fff !important;
  border-color: #aaa !important;
  color: #aaa;
}

.stepwizard-step a.success {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  background-color: #fff !important;
  border-color: #2dab6b !important;
  color: #2dab6b;
}

.stepwizard-row:before {
  top: 34px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 2px;
  background-color: #ccc;
  z-index: 0;
}

.stepwizard-step {
  z-index: 1;
  /*display: table-cell;
  text-align: center;
  position: relative;*/
}

a.step-circle, a.step-circle:active, a.step-circle:visited {
  width: 70px;
  height: 70px;
  /*text-align: center;
  padding: 10px 0 0 6px;
  font-size: 2rem;*/
  border-radius: 35px !important;
  z-index: 2;
  border: 2px solid #00AAFF !important;
  color: #00AAFF !important;
  background-color: #fff !important;
  position: relative;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.85rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  cursor: default;
}
a.step-circle > i, a.step-circle:active > i, a.step-circle:visited > i {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: default;
}
a.step-circle.disabled, a.step-circle:active.disabled, a.step-circle:visited.disabled {
  color: #aaa !important;
}

/********************************
 * AUTHENTICATION FORMS, PAGE
 ********************************/
.hero-register {
  background-image: url("../assets/images/backgrounds/register-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /*height: 100vh;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;*/
}
.hero-register .register-box-small {
  left: calc(50% - 250px);
  position: absolute;
  max-width: 500px;
  background: #fff;
  top: calc(50% - 275px);
}

.credential-flow {
  max-width: 98vw;
}
.credential-flow .list-group .list-group-item {
  text-align: left;
  color: #2B333E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2rem;
}
@media screen and (min-width: 768px) {
  .credential-flow .list-group .list-group-item {
    margin-bottom: 0;
  }
}
.credential-flow .list-group .list-group-item:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-circle-dashed' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8.56 3.69a9 9 0 0 0 -2.92 1.95' /%3E%3Cpath d='M3.69 8.56a9 9 0 0 0 -.69 3.44' /%3E%3Cpath d='M3.69 15.44a9 9 0 0 0 1.95 2.92' /%3E%3Cpath d='M8.56 20.31a9 9 0 0 0 3.44 .69' /%3E%3Cpath d='M15.44 20.31a9 9 0 0 0 2.92 -1.95' /%3E%3Cpath d='M20.31 15.44a9 9 0 0 0 .69 -3.44' /%3E%3Cpath d='M20.31 8.56a9 9 0 0 0 -1.95 -2.92' /%3E%3Cpath d='M15.44 3.69a9 9 0 0 0 -3.44 -.69' /%3E%3C/svg%3E ");
  width: 37px;
  height: 24px;
  display: inline-block;
  background-position: -1px -2px;
  background-repeat: no-repeat;
  content: "";
}
.credential-flow .list-group .list-group-item.active {
  z-index: 2;
  color: #2B333E;
  background: #ffffff;
  font-weight: bold;
}
.credential-flow .list-group.list-group-horizontal {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  /*border-right: 1px solid rgba(0, 0, 0, 0.125);*/
}
.credential-flow .list-group.list-group-horizontal a.accesscontrol {
  max-width: 70px !important;
  text-align: center;
}
.credential-flow .list-group.list-group-horizontal .list-group-item {
  border-radius: 0;
  border-left-width: 0;
  margin-bottom: 1px;
}
.credential-flow .list-group.list-group-horizontal .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #00aaff;
  border-color: #00aaff;
}
.credential-flow .list-group.list-group-horizontal .list-group-item-action:hover:not(.active), .credential-flow .list-group.list-group-horizontal .list-group-item-action:focus:not(.active) {
  color: #495057;
  text-decoration: none;
  background-color: #e6f7ff;
}
.credential-flow .list-group.list-group-horizontal .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
  border-left-width: 1px;
  border-right-width: 1px;
}
.credential-flow .list-group.list-group-horizontal .list-group-item:last-child {
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-right-width: 1px;
}
.credential-flow .list-group.list-group-horizontal .list-group-item:first-child:last-child {
  border-radius: 4px;
  border-right-width: 1px;
}
.credential-flow .list-group.list-group-horizontal .list-group-item:nth-child(6n) { /* or 6th */
  border-left-width: 1px;
}
.credential-flow .list-group.list-group-horizontal .list-group-item:nth-child(5n-7) { /* or 4n+1 */
  border-right-width: 1px;
}

@media screen and (max-width: 767px) {
  /*.override-inductions {
      min-height: 100vh !important;
      max-height: unset !important;
  }*/
  .inductionbody {
    min-height: 100vh !important;
  }
  .credential-group {
    max-width: 98vw;
    margin: auto auto;
  }
  .credentials {
    /*  .input-group-prepend {
        display: none;
    }*/
    /* .imageGroup {
        margin-top: 1rem;
    }*/
  }
  .credentials.dzone .dz-preview.dz-image-preview {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    /*.dz-remove {
        width: 220px !important;
    }*/
  }
  .allowmobileoverflow .caroSlider {
    position: relative;
    margin: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .allowmobileoverflow .caroSlider .slidewrapper {
    width: 100%;
    /*height: calc(100% - 2rem) !important;*/
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 0;
    /*left:50%;
    transform:translateX(-50%);*/
  }
  .allowmobileoverflow .caroSlider .slidewrapper .slide-active {
    height: 100%;
  }
  .allowmobileoverflow .caroSlider .slidewrapper .slide {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .allowmobileoverflow .caroSlider .slidewrapper .slides {
    min-height: 0;
  }
  .allowmobileoverflow .caroSlider .slidewrapper .slides div[data-lastpass-icon-root] {
    display: none;
  }
  .allowmobileoverflow .caroSlider .slidewrapper .slides > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .allowmobileoverflow .caroSlider .slidewrapper .slides.shifting {
    -webkit-transition: left 0.2s ease-out;
    transition: left 0.2s ease-out;
  }
  .credential-body {
    position: relative;
    height: 100%;
  }
  .credential-group {
    padding: 0 1rem;
  }
  .dzone .dz-preview {
    margin: 0.75rem;
  }
  .dzone .dz-preview .dz-image {
    border-radius: 8px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 212px;
    height: 140px;
    max-height: 140px;
    position: relative;
    display: block;
    z-index: 10;
    border: 1px solid #e1e3ea;
    padding: 0 0.725rem;
  }
  .dz-image > img {
    -o-object-fit: scale-down;
    height: 140px !important;
  }
  .actionCred {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .actionCred > a {
    margin-bottom: 0.25rem;
    margin-left: 0 !important;
  }
  .cancelCred {
    margin-top: 0.5rem;
    margin-left: 0 !important;
  }
  .inductions .card-body.credential-flow {
    padding: 0;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .inductions .card-body.credential-flow .card-icon {
    /*width: 5rem;*/
    text-align: center;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media screen and (min-width: 768px) {
  .credential-body {
    min-height: 500px;
    position: relative;
    height: auto;
  }
  .credential-group {
    min-width: 450px;
    width: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1rem;
  }
  .credentials {
    overflow-y: hidden !important;
    overflow-x: hidden;
    /*  .imageGroup {
        margin-top: 1rem;
    }*/
  }
  .credentials .summary-fit {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .credentials .summary-fit > .card {
    max-width: 225px;
  }
  .credentials.dzone .dz-preview.dz-image-preview {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    /*left: calc(50% - 220px);*/
    /*.dz-remove {
        width: 220px !important;
    }*/
  }
  #pnlContent {
    max-width: 100%;
  }
  .slidewrapper {
    overflow-y: hidden !important;
  }
}
.dz-image > img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  height: 160px;
}

.summaryImage {
  max-height: 200px;
  min-height: 200px;
}
.summaryImage > img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  max-height: 100%;
}

.credential-box {
  border-radius: 0.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
  padding-bottom: 0.5rem !important;
  /*border: 1px solid $list-separator-color;*/
}
.credential-box.f1 {
  min-width: 800px;
  max-width: 800px;
}
@media screen and (max-width: 767px) {
  .credential-box {
    width: 90%;
  }
}
.credential-box:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: " ";
  vertical-align: middle;
  height: 100%;
}
.credential-box .content {
  padding: 2rem;
}
.credential-box .induction-fluid {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

@media screen and (min-width: 768px) {
  ul.list-group-unnumbered-no-cursor > li.list-group-item-unnumbered {
    padding: 1rem 0.5rem;
    display: unset;
    /*margin-bottom: 0.25rem;*/
    list-style-type: none;
  }
}
@media screen and (max-width: 767px) {
  ul.list-group-unnumbered-no-cursor > li.list-group-item-unnumbered {
    /*margin-bottom: 0.25rem;*/
    list-style-type: none;
    padding: 1rem 0.5rem;
    /* &:not(:last-child) {
         border-bottom: none !important;
     }*/
  }
}
#creds {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}
#creds .caroSlider {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}
#creds .caroSlider .slide {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  top: 0px;
  /* overflow-x: hidden;
  overflow-y: auto;*/
}
@media screen and (max-width: 767px) {
  #creds .caroSlider {
    /*.credential-group {
        margin-right: 1rem;
    }*/
  }
  #creds .caroSlider .slidewrapper {
    height: calc(100% - 2rem) !important;
    /*left: 50%;
    transform: translateX(-50%);*/
  }
  #creds .caroSlider .slide, #creds .caroSlider .slide-active {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #creds .caroSlider .cred-inner-body {
    overflow-x: hidden;
    overflow-y: auto;
  }
  #creds .caroSlider #credSummaryContent {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }
}
@media screen and (min-width: 768px) {
  #creds .caroSlider .slide-active {
    padding: 0 !important;
  }
  #creds .caroSlider .slides > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#creds .caroSlider .paginator {
  width: auto !important;
}

#optionalCreds {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #optionalCreds {
    max-height: 50vh;
  }
  #optionalCreds .list-group-item-numbered {
    width: 49%;
    margin-right: 0.25rem;
    display: unset;
    margin-bottom: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #optionalCreds .list-group-item-numbered:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #optionalCreds .list-group-item-numbered:hover {
    cursor: pointer;
  }
  #optionalCreds .list-group-item-unnumbered {
    width: 49%;
    margin-right: 0.25rem;
    display: unset;
    margin-bottom: 0.25rem;
    list-style-type: none;
    padding: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #optionalCreds .list-group-item-unnumbered:nth-child(2) {
    border-top: 1px solid #dee2e6;
  }
  #optionalCreds .list-group-item-unnumbered:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #optionalCreds .list-group-item-unnumbered:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  #optionalCreds .list-group-item-numbered {
    margin-bottom: 0.25rem;
    border-radius: 2rem;
  }
  #optionalCreds .list-group-item-numbered:hover {
    cursor: pointer;
  }
  #optionalCreds .list-group-item-unnumbered {
    margin-bottom: 0.25rem;
    border-radius: 2rem;
    list-style-type: none;
  }
  #optionalCreds .list-group-item-unnumbered:hover {
    cursor: pointer;
  }
  #optionalCreds ul.list-group-unnumbered-no-cursor > li.list-group-item-unnumbered {
    margin-bottom: 0.25rem;
    list-style-type: none;
    padding: 0.5rem;
  }
}

:root {
  --time: 0.707s;
}

.flip-cards {
  overflow-x: hidden;
}

.flip-card {
  -webkit-perspective: 40rem;
          perspective: 40rem;
  /*&:last-child {
      padding-bottom: 2rem;
  }*/
}
.flip-card .flip-card-back {
  height: 0;
}

.flip-card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transition: var(--time) transform;
  transition: var(--time) transform;
  /*.flip-card:hover &, .flip-card:focus & {
      transform: rotateX(-180deg);

      .flip-card-back {
          display: flex;
          justify-content: flex-start;
          height: unset;

          .flip-card-image {
              opacity: 1;
          }

          .flip-card-content {
              opacity: 1;
          }
      }
  }*/
  /*.flip-card:focus & {
      outline: none;
      //overflow: hidden;
      padding-bottom: 0;
      transform: rotateX(-180deg);
      padding-top: 2rem; //remember this has flipped so top is at the bottom
      @include max-screen($break-small - 1px) {
          .flip-card-back {
              display: flex;
              flex-direction: column;
              height: unset;

              .flip-card-image {
                  opacity: 1;
              }

              .flip-card-content {
                  width: 100%;
                  opacity: 1;
              }
          }
      }

      @include min-screen($break-small) {
          .flip-card-back {
              display: flex;
              justify-content: flex-start;
              height: unset;

              .flip-card-image {
                  opacity: 1;
              }

              .flip-card-content {

                  opacity: 1;
              }
          }
      }

      .flip-card-indicator {
          opacity: 0;
          transition: 0.3s transform;
      }
  }

  .flip-card-show {
      transform: rotateX(-180deg);


      @include max-screen($break-small - 1px) {
          .flip-card-back {
              display: flex;
              flex-direction: column;
              height: unset;

              .flip-card-image {
                  opacity: 1;
              }

              .flip-card-content {
                  width:100%;
                  opacity: 1;
              }
          }
      }

      @include min-screen($break-small) {
          .flip-card-back {
              display: flex;
              justify-content: flex-start;
              height: unset;

              .flip-card-image {
                  opacity: 1;
              }

              .flip-card-content {
                  opacity: 1;
              }
          }
      }
  }*/
}
.flip-card:not(:focus) .flip-card-body {
  padding-bottom: 0.5rem;
}
.flip-card:focus .flip-card-body {
  outline: none;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .flip-card:focus .flip-card-body {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    padding-top: 2rem;
  }
  .flip-card:focus .flip-card-body .flip-card-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: unset;
  }
  .flip-card:focus .flip-card-body .flip-card-back .flip-card-image {
    opacity: 1;
  }
  .flip-card:focus .flip-card-body .flip-card-back .flip-card-content {
    opacity: 1;
  }
}
.flip-card:focus .flip-card-body .flip-card-indicator {
  opacity: 0;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
  z-index: 1031;
}
@media screen and (min-width: 768px) {
  .flip-card-body .flip-card-show {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  .flip-card-body .flip-card-show .flip-card-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: unset;
  }
  .flip-card-body .flip-card-show .flip-card-back .flip-card-image {
    opacity: 1;
  }
  .flip-card-body .flip-card-show .flip-card-back .flip-card-content {
    opacity: 1;
  }
}
.flip-card-body .flip-card-image {
  opacity: 0;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
}
.flip-card-body .flip-card-content {
  opacity: 0;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
}

.flip-card-front, .flip-card-back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  min-width: 100%;
}

.flip-card-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 0;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  word-break: break-all;
  -webkit-transform: rotateX(-180deg) translate(-100%, 0);
          transform: rotateX(-180deg) translate(-100%, 0);
}

/* Make it Pretty */
.flip-cards {
  /*grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(150px, 2fr));
  display: grid;*/
}
@media screen and (min-width: 769px) {
  .flip-cards {
    padding: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .flip-cards {
    padding: 0.5rem;
  }
}

.credFlipBodyDesktop {
  display: grid;
  z-index: 1033;
  overflow-x: hidden;
  overflow-y: auto;
}
.credFlipBodyDesktop .flip-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.credFlipBody {
  max-height: 100vh;
  max-width: 100vw;
  top: 20vh;
  z-index: 1033;
  overflow-x: hidden;
}
@media screen and (min-width: 769px) {
  .credFlipBody .flip-card-grid {
    max-width: 80vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border: 1px solid #aaa;
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: #fff;
    margin: auto;
  }
  .credFlipBody .flip-card-grid .flip-card-image {
    margin: auto;
    min-width: 40vw;
    border: none !important;
  }
  .credFlipBody .flip-card-grid .flip-card-image > img {
    border: 1px solid #aaa;
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: #fff;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .credFlipBody .flip-card-grid .flip-card-content {
    margin: auto;
    min-width: 50vw;
    border: none !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .credFlipBody .flip-card-grid .flip-card-content > div {
    top: 0.5rem;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .credFlipBody .flip-card-grid {
    max-width: 60vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 1px solid #aaa;
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: #fff;
    margin: auto;
  }
  .credFlipBody .flip-card-grid .flip-card-image {
    margin: auto;
    min-width: 100%;
    border: none !important;
  }
  .credFlipBody .flip-card-grid .flip-card-image > img {
    padding-bottom: 0.5rem;
    background-color: #fff;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .credFlipBody .flip-card-grid .flip-card-content {
    margin: auto;
    min-width: 60vw;
    border: none !important;
  }
}

.flip-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: z-index, -webkit-transform calc(var(--time) / 4);
  transition: z-index, -webkit-transform calc(var(--time) / 4);
  transition: z-index, transform calc(var(--time) / 4);
  transition: z-index, transform calc(var(--time) / 4), -webkit-transform calc(var(--time) / 4);
  -webkit-transition-delay: var(--time), 0s;
          transition-delay: var(--time), 0s;
  text-decoration: none;
  color: inherit;
  z-index: 0;
}
.flip-card:hover {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  z-index: 1;
}
.flip-card:active {
  -webkit-transform: scale(0.975);
          transform: scale(0.975);
}

.flip-card-body {
  border-radius: 0.25rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flip-card-front {
  background-color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.5rem;
  /*border-radius: 1rem;*/
  background: #f6f6f6;
  border-radius: 0.5rem;
}

.flip-card-back {
  background-color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.5rem;
  /*border-radius: 1rem;*/
  background: #f6f6f6;
  border-radius: 0.5rem;
}

.flip-card-front {
  font-size: 1.1rem;
  font-weight: 600;
  font-family: "Open Sans Condensed";
  color: #333 !important;
}

.flip-card-image {
  border: 1px solid #aaa;
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: #fff;
  /*> img {
      border-radius: 1rem;
  }*/
}

.flip-shadow, .flip-card-front {
  background: #f6f6f6;
  -webkit-box-shadow: 2px 2px 4px #a9a9a9, -2px -2px 4px #ffffff;
          box-shadow: 2px 2px 4px #a9a9a9, -2px -2px 4px #ffffff;
}

.flip-shadow-back, .flip-card-back {
  border: 1px solid #d2d2d2;
}

.cred-box {
  background: #f6f6f6;
  border-radius: 0.5rem;
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
  padding: 1rem !important;
  /*    background: linear-gradient(145deg, #dddddd, #ffffff);
  box-shadow: 8px 8px 16px #a8a8a8, -8px -8px 16px #ffffff;*/
}
.cred-box .float-label-above label:not(.selectlabel) {
  margin-left: 0px;
  font-size: 0.72rem !important;
  /*color: #444 !important;*/
  background: transparent !important;
  font-weight: 500;
  padding-bottom: 10px;
}

.front-message:after {
  content: "" !important;
}

.back-message:after {
  content: "" !important;
}

.certificate-large {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-certificate' width='48' height='48' viewBox='0 0 24 24' stroke-width='1' stroke='%23555555' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='15' cy='15' r='3' /%3E%3Cpath d='M13 17.5v4.5l2 -1.5l2 1.5v-4.5' /%3E%3Cpath d='M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73' /%3E%3Cline x1='6' y1='9' x2='18' y2='9' /%3E%3Cline x1='6' y1='12' x2='9' y2='12' /%3E%3Cline x1='6' y1='15' x2='8' y2='15' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
}

.cred-sum-card {
  width: 99%;
  margin-bottom: 1rem;
  /*  @include max-screen($break-small) {
      .cred-sum-inner {
          grid-template-columns: 200px 50px;
      }
  }

  @include min-screen($break-small + 1px) {
      .cred-sum-inner {
          grid-template-columns: 1fr 1fr 0.5fr;
      }
  }*/
  /*  .s1 {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: minmax(30px, auto) 1fr;
      gap: 0px 0px;
      grid-template-areas: "s3" "s4";
      grid-area: s1;
  }*/
}
.cred-sum-card .cred-sum-inner {
  border: 1px solid #dee2e6;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 0.5fr;
  grid-template-rows: 0.25fr 1fr;
  gap: 0px 0px;
  grid-template-areas: "s1 s1 s1" "s3 s3 s2";
  border-radius: 0.35rem;
}
.cred-sum-card .s1 {
  grid-area: s1;
  color: #343a40;
  font-weight: 400;
  text-align: left;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 0.5rem;
  margin-bottom: 0.3rem;
}
.cred-sum-card .s3 {
  grid-area: s3;
  text-align: left;
}
.cred-sum-card .s3 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cred-sum-card .s3 > div > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 0;
}
@media screen and (min-width: 768px) {
  .cred-sum-card .s3 > div > div {
    font-size: 0.85rem;
  }
  .cred-sum-card .s3 > div > div > div:first-child {
    color: #888;
    font-weight: 300;
    min-width: 125px;
    text-align: left;
    text-transform: capitalize;
    font-family: "Inter Tight";
  }
  .cred-sum-card .s3 > div > div > div:last-child {
    color: #343a40;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .cred-sum-card .s3 > div > div {
    font-size: 0.7rem;
  }
  .cred-sum-card .s3 > div > div > div:first-child {
    color: #888;
    font-weight: 300;
    min-width: 90px;
    white-space: pre-wrap;
    text-align: left;
    text-transform: capitalize;
    font-family: "Inter Tight";
  }
  .cred-sum-card .s3 > div > div > div:last-child {
    color: #343a40;
    font-weight: 400;
    white-space: pre-wrap;
    max-width: 125px;
  }
}
.cred-sum-card .s2 {
  grid-area: s2;
  place-content: center;
  display: grid;
}
.cred-sum-card .s2 .cred-sum-thumb > img.img-fluid {
  width: auto;
  max-height: 90px;
}
.cred-sum-card .s2 .cred-sum-thumb > img.multi {
  width: auto !important;
  max-height: 150px !important;
}
.cred-sum-card .no-image {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file-off' width='90' height='90' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23dae9f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='3' y1='3' x2='21' y2='21' /%3E%3Cpath d='M7 3h7l5 5v7m0 4a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-14' /%3E%3C/svg%3E");
  display: inline-block;
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
}

/********************************
 * OVERLAYS & SPINNERS
 ********************************/
.admin > li > a.nav-link {
  font-weight: 400;
}
.admin > li > a.nav-link.active {
  font-weight: 600;
}
.admin > li > a.nav-link > span.title {
  color: #d6e1f1 !important;
}

.nav-account {
  border-radius: 2rem;
  color: #fff;
  background-color: #2CC2BE;
  z-index: 7;
  -webkit-box-shadow: 0 0 0 0.2rem #f2f7f8;
          box-shadow: 0 0 0 0.2rem #f2f7f8;
  color: #f8f9fa !important;
}

.nav-account-items {
  background: #2CC2BE !important;
  z-index: 5 !important;
  border: none;
  top: 1.5rem !important;
  padding: 1.5rem 0.5rem 0rem 0.5rem !important;
  width: 100%;
  border-radius: 0.25rem;
}
.nav-account-items > li:not(:last-child) {
  border-bottom: 1px solid rgba(161, 217, 234, 0.6);
}
.nav-account-items > li a {
  color: #f8f9fa !important;
  text-align: right;
}
.nav-account-items > li a:hover {
  border-radius: 0.5rem;
  font-weight: 500;
}
.nav-account-items > li a:hover:before {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: #f8f9fa;
  font-size: 0.6rem;
  padding-right: 0.5rem;
  top: -1px;
}

.scroll-y {
  overflow-y: auto;
}

.dragList {
  overflow: hidden;
}
.dragList > a.list-group-item > span {
  display: inline-block;
  padding: 0.2rem 0.5rem 0.2rem 0;
}

.markedDeleted:before {
  float: left;
  margin-left: -1.2rem;
  top: 4px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f2ed";
  float: left;
  margin-left: -1.2rem;
  margin-top: -10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f00d";
  color: #ea4c89;
  font-size: 0.8rem;
  text-shadow: 1px 0px 0px #fff, -1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff;
}

/*
.multiSelected:before {
    float: left;
    margin-left: -1.2rem;
    top: 4px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f2ed';
    float: left;
    margin-left: -1.2rem;
    margin-top: -10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f111';
    color: #ea4c89;
    font-size: 0.8rem;
    text-shadow: 1px 0px 0px #fff, -1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff;
}*/
.multiSelected {
  background: #f0f8ff !important;
  font-weight: 500 !important;
}
.multiSelected > div.ignore {
  background: #f0f8ff !important;
  font-weight: 500;
}

.btnPreview.mobile {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-mobile' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='7' y='4' width='10' height='16' rx='1' /%3E%3Cline x1='11' y1='5' x2='13' y2='5' /%3E%3Cline x1='12' y1='17' x2='12' y2='17.01' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  display: inline-block;
  height: 35px;
  content: "";
}
.btnPreview.tablet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-tablet' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='5' y='3' width='14' height='18' rx='1' /%3E%3Ccircle cx='12' cy='17' r='1' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  display: inline-block;
  height: 35px;
  content: "";
}
.btnPreview.desktop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-desktop' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='4' width='18' height='12' rx='1' /%3E%3Cline x1='7' y1='20' x2='17' y2='20' /%3E%3Cline x1='9' y1='16' x2='9' y2='20' /%3E%3Cline x1='15' y1='16' x2='15' y2='20' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  display: inline-block;
  height: 35px;
  content: "";
}
.btnPreview.desktop:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-desktop' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='4' width='18' height='12' rx='1' /%3E%3Cline x1='7' y1='20' x2='17' y2='20' /%3E%3Cline x1='9' y1='16' x2='9' y2='20' /%3E%3Cline x1='15' y1='16' x2='15' y2='20' /%3E%3C/svg%3E");
}
.btnPreview.laptop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-laptop' width='28' height='28' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232b333e' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='3' y1='19' x2='21' y2='19' /%3E%3Crect x='5' y='6' width='14' height='10' rx='1' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  display: inline-block;
  height: 35px;
  content: "";
}

.tableContainer .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tableContainer .row > [class*=col-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.highlight-box {
  display: none;
  position: absolute;
  border: 1px dotted #00AAFF !important;
  border-radius: 0 0.35rem 0.35rem 0.35rem;
}
.highlight-box .hi-name {
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.05rem;
  font-weight: 600;
  background: #00AAFF;
  font-size: 0.7rem;
  color: #ffffff;
  position: relative;
  text-align: center;
  cursor: pointer;
  height: 1.75rem;
  border-radius: 0px;
  padding: 0.3125rem;
  top: -29px;
  min-width: 56px;
  border-radius: 0.35rem 0.35rem 0 0;
  z-index: 1;
  left: -1px;
}

.selected-box {
  display: none;
  position: absolute;
  border-radius: 0.25rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.selected-box .selected-name {
  font-family: "Roboto Condensed";
  letter-spacing: 0.05rem;
  font-weight: 600;
  background: #fefefe;
  font-size: 0.7rem;
  color: #343a40;
  position: relative;
  text-align: center;
  cursor: pointer;
  border-radius: 0px;
  padding: 0.3125rem;
  top: 0;
  min-width: 100px;
  max-width: 100px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: 1;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  word-break: break-word;
  border: 1px solid #f0f0f0;
  color: #c6c6c6;
  border: 1px solid #f0f0f0;
  color: #c6c6c6;
  font-weight: 400;
}
.selected-box .selected-name.selected-high {
  font-weight: 500;
  color: #ff9900 !important;
  background: #ffffff !important;
}
.selected-box.high {
  border: 2px solid #343a40 !important;
  z-index: 1;
  background: #ffffff;
}
.selected-box.high .selected-name {
  border-right: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
}

td .v-align-top {
  vertical-align: top;
  display: table-cell;
}
td .v-align-top > img {
  vertical-align: middle;
}
td .v-align-top.text-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
td .v-align-top.text-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
td .v-align-top.text-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
td .v-align-middle {
  vertical-align: middle;
  display: table-cell;
}
td .v-align-middle > img {
  vertical-align: middle;
}
td .v-align-middle.text-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
td .v-align-middle.text-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
td .v-align-middle.text-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
td .v-align-bottom {
  vertical-align: bottom;
  display: table-cell;
}
td .v-align-bottom > img {
  vertical-align: middle;
}
td .v-align-bottom.text-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
td .v-align-bottom.text-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
td .v-align-bottom.text-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

div {
  /*.designerElements {
      width: 65px;


      .componentLink {
          display: inline-block;
          background-repeat: no-repeat;
          background-position: 10px 3px;
          height: 36px;
          width: 50px;
          background-position: center;
          border-radius: 0.2rem;
          cursor: pointer;

          &:active, &:hover, &:link {
              border: 1px solid transparent !important;
              color: #ff9900;
          }
      }

      li.component {
          > i {
              background-position: center;
          }
      }

      li.component[data-bs-original-title="headings"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-h' width='32' height='32' viewBox='0 0 28 28' stroke-width='2' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='4' x2='17' y2='20' /%3E%3Cline x1='7' y1='12' x2='17' y2='12' /%3E%3Cline x1='7' y1='4' x2='7' y2='20' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-h' width='32' height='32' viewBox='0 0 28 28' stroke-width='2' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='4' x2='17' y2='20' /%3E%3Cline x1='7' y1='12' x2='17' y2='12' /%3E%3Cline x1='7' y1='4' x2='7' y2='20' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="alerts"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bell-ringing' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6' /%3E%3Cpath d='M9 17v1a3 3 0 0 0 6 0v-1' /%3E%3Cpath d='M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727' /%3E%3Cpath d='M3 6.727a11.05 11.05 0 0 1 2.792 -3.727' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bell-ringing' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23FF9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6' /%3E%3Cpath d='M9 17v1a3 3 0 0 0 6 0v-1' /%3E%3Cpath d='M21 6.727a11.05 11.05 0 0 0 -2.794 -3.727' /%3E%3Cpath d='M3 6.727a11.05 11.05 0 0 1 2.792 -3.727' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Paragraphs/Content"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-p' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23333333' d='M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5' transform='scale (-1, 1)' transform-origin='11'/%3E%3Cline x1='18' y1='4' x2='18' y2='20' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-p' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23ff9900' d='M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5' transform='scale (-1, 1)' transform-origin='11'/%3E%3Cline x1='18' y1='4' x2='18' y2='20' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Table"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-table' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cline x1='4' y1='10' x2='20' y2='10' /%3E%3Cline x1='10' y1='4' x2='10' y2='20' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-table' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cline x1='4' y1='10' x2='20' y2='10' /%3E%3Cline x1='10' y1='4' x2='10' y2='20' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Image"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-photo' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='15' y1='8' x2='15.01' y2='8' /%3E%3Crect x='4' y='4' width='16' height='16' rx='3' /%3E%3Cpath d='M4 15l4 -4a3 5 0 0 1 3 0l5 5' /%3E%3Cpath d='M14 14l1 -1a3 5 0 0 1 3 0l2 2' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-photo' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='15' y1='8' x2='15.01' y2='8' /%3E%3Crect x='4' y='4' width='16' height='16' rx='3' /%3E%3Cpath d='M4 15l4 -4a3 5 0 0 1 3 0l5 5' /%3E%3Cpath d='M14 14l1 -1a3 5 0 0 1 3 0l2 2' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Image With Text"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-picture-in-picture-on' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4' /%3E%3Crect x='14' y='14' width='7' height='5' rx='1' /%3E%3Cline x1='7' y1='9' x2='11' y2='13' /%3E%3Cpath d='M8 13h3v-3' /%3E%3C/svg%3E");
              background-position: center center;

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-picture-in-picture-on' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4' /%3E%3Crect x='14' y='14' width='7' height='5' rx='1' /%3E%3Cline x1='7' y1='9' x2='11' y2='13' /%3E%3Cpath d='M8 13h3v-3' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Video"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-video' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z' /%3E%3Crect x='3' y='6' width='12' height='12' rx='2' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-video' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z' /%3E%3Crect x='3' y='6' width='12' height='12' rx='2' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Youtube"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-brand-youtube' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='5' width='18' height='14' rx='4' /%3E%3Cpath d='M10 9l5 3l-5 3z' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-brand-youtube' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='5' width='18' height='14' rx='4' /%3E%3Cpath d='M10 9l5 3l-5 3z' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Lists"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list-numbers' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 6h9' /%3E%3Cpath d='M11 12h9' /%3E%3Cpath d='M12 18h8' /%3E%3Cpath d='M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4' /%3E%3Cpath d='M6 10v-6l-2 2' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list-numbers' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 6h9' /%3E%3Cpath d='M11 12h9' /%3E%3Cpath d='M12 18h8' /%3E%3Cpath d='M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4' /%3E%3Cpath d='M6 10v-6l-2 2' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Interactions/Responses"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-checkbox' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='9 11 12 14 20 6' /%3E%3Cpath d='M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-checkbox' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='9 11 12 14 20 6' /%3E%3Cpath d='M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Maps"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-map-pin' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='11' r='3' /%3E%3Cpath d='M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-map-pin' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='11' r='3' /%3E%3Cpath d='M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Maps & Addresses"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-map-pin' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='11' r='3' /%3E%3Cpath d='M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-map-pin' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='11' r='3' /%3E%3Cpath d='M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Showcase"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086' fill='%23777' /%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086' fill='%23ff9900' /%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Multi Div Layout"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cline x1='12' y1='4' x2='12' y2='20' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cline x1='12' y1='4' x2='12' y2='20' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Multi Div Layout"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cline x1='12' y1='4' x2='12' y2='20' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cline x1='12' y1='4' x2='12' y2='20' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Deck of Cards"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-stack' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='12 4 4 8 12 12 20 8 12 4' /%3E%3Cpolyline points='4 12 12 16 20 12' /%3E%3Cpolyline points='4 16 12 20 20 16' /%3E%3C/svg%3E");

              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-stack' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='12 4 4 8 12 12 20 8 12 4' /%3E%3Cpolyline points='4 12 12 16 20 12' /%3E%3Cpolyline points='4 16 12 20 20 16' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }

      li.component[data-bs-original-title="Image Gallery"] {
          > i {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-grip-horizontal' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23333333' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='5' cy='9' r='1' /%3E%3Ccircle cx='5' cy='15' r='1' /%3E%3Ccircle cx='5' cy='21' r='1' /%3E%3Ccircle cx='12' cy='9' r='1' /%3E%3Ccircle cx='12' cy='15' r='1' /%3E%3Ccircle cx='12' cy='21' r='1' /%3E%3Ccircle cx='19' cy='9' r='1' /%3E%3Ccircle cx='19' cy='15' r='1' /%3E%3Ccircle cx='19' cy='21' r='1' /%3E%3C/svg%3E");


              &:hover {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-grip-horizontal' width='32' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='5' cy='9' r='1' /%3E%3Ccircle cx='5' cy='15' r='1' /%3E%3Ccircle cx='5' cy='21' r='1' /%3E%3Ccircle cx='12' cy='9' r='1' /%3E%3Ccircle cx='12' cy='15' r='1' /%3E%3Ccircle cx='12' cy='21' r='1' /%3E%3Ccircle cx='19' cy='9' r='1' /%3E%3Ccircle cx='19' cy='15' r='1' /%3E%3Ccircle cx='19' cy='21' r='1' /%3E%3C/svg%3E");*/
  /*border: 1px solid transparent;*/
  /*cursor: grab;
              }
          }
      }
  }*/
}
div.tableContainer .v-align-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
div.tableContainer .v-align-middle > img {
  vertical-align: middle;
}
div.tableContainer .v-align-middle.text-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
div.tableContainer .v-align-middle.text-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.tableContainer .v-align-middle.text-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
div.tableContainer .v-align-middle > span.d-cell {
  width: 100%;
  display: block;
}
div.tableContainer .v-align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
div.tableContainer .v-align-bottom > img {
  vertical-align: bottom;
}
div.tableContainer .v-align-bottom.text-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
div.tableContainer .v-align-bottom.text-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.tableContainer .v-align-bottom.text-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
div.tableContainer .v-align-bottom > span.d-cell {
  width: 100%;
  display: block;
}
div.tableContainer .v-align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
div.tableContainer .v-align-top > img {
  vertical-align: bottom;
}
div.tableContainer .v-align-top.text-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
div.tableContainer .v-align-top.text-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.tableContainer .v-align-top.text-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
div.tableContainer .v-align-top > span.d-cell {
  width: 100%;
  display: block;
}
div .canvas {
  overflow: auto;
  min-height: 99%;
  z-index: 1;
  width: calc(100% + 4rem);
  top: 2rem;
}
div .innerTree {
  height: 100%;
}
div .iroInline {
  margin-left: 2rem;
  margin-top: 2rem;
}
div .btn-preview-icon {
  margin: 0;
  padding: 0 0 0 0.3125rem;
  color: #ffffff;
  text-align: center;
}
div .select-box, div .focus-box {
  position: absolute;
  background: transparent;
  z-index: 3;
}
div .select-box .hi-focus, div .focus-box .hi-focus {
  background: #00AAFF;
  font-size: 0.7rem;
  color: #f8f9fa;
  position: relative;
  text-align: center;
  cursor: pointer;
  height: 1.75rem;
  border-radius: 0px;
  padding: 0.3125rem;
  top: -1.75rem;
  left: -1px;
  border-radius: 3px 3px 0 0;
}
div .select-box .focus-actions, div .focus-box .focus-actions {
  position: fixed;
  left: 1.75rem !important;
  background: #343a40;
  color: #fff;
  padding: 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
div .select-box .focus-tasks, div .focus-box .focus-tasks {
  position: absolute;
  top: -25px;
  background: #343a40;
  color: #fff;
  padding: 0.5rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 2px -1px 2px #f6f6f6;
          box-shadow: 2px -1px 2px #f6f6f6;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
div .select-box .textBar, div .focus-box .textBar {
  position: absolute;
  right: -1px !important;
  top: -25px;
  background: #00AAFF;
  color: #fff;
  padding: 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
div .select-box .actionBar, div .focus-box .actionBar {
  position: absolute;
  right: 0px !important;
  top: -25px;
  background: #00AAFF;
  color: #fff;
  padding: 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
div .select-box .btn-editor, div .select-box .btn-editor:active, div .select-box .btn-editor:visited, div .focus-box .btn-editor, div .focus-box .btn-editor:active, div .focus-box .btn-editor:visited {
  cursor: pointer;
  border-radius: 0px;
  padding: 0.5rem;
  margin: 0;
  background-color: transparent !important;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
div .select-box .btn-editor:hover, div .select-box .btn-editor:active:hover, div .select-box .btn-editor:visited:hover, div .focus-box .btn-editor:hover, div .focus-box .btn-editor:active:hover, div .focus-box .btn-editor:visited:hover {
  color: #ff9900;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
div .select-box .btn-editor > i, div .select-box .btn-editor:active > i, div .select-box .btn-editor:visited > i, div .focus-box .btn-editor > i, div .focus-box .btn-editor:active > i, div .focus-box .btn-editor:visited > i {
  margin-right: 0px;
  vertical-align: inherit;
}
div .select-box .animateActionBarIn, div .focus-box .animateActionBarIn {
  width: 100%;
  opacity: 1 !important;
  height: auto !important;
  display: inline-block !important;
  position: absolute;
  top: -3px !important;
  -webkit-animation: scale-in-ver-bottom 0.015s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-ver-bottom 0.015s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  border-radius: 0;
  background: #b2dbef;
  margin: 0 !important;
  padding: 0 !important;
}
div .select-box .animateActionBarOut, div .focus-box .animateActionBarOut {
  opacity: 0 !important;
  height: auto !important;
  display: inline-block !important;
  position: absolute;
  top: -30px !important;
  right: 0px;
  -webkit-animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  border-radius: 0;
  background: #b2dbef;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
}
div .select-box .actionBarShown, div .focus-box .actionBarShown {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
div .select-box .actionBarShown .dropdown-header, div .focus-box .actionBarShown .dropdown-header {
  margin-top: 0 !important;
}

.ls-Modal-dark .tab-content {
  height: 93.5%;
  background: #343a40;
  border-color: #505962;
}
.ls-Modal-dark .tab-content .tab-pane {
  border-color: #505962;
  background-color: #272e38;
}
.ls-Modal-dark .nav.nav-tabs {
  background: #272e38;
  border-color: #505962;
}
.ls-Modal-dark .nav-tabs .nav-link.active, .ls-Modal-dark .nav-tabs .nav-item.show .nav-link {
  color: #ffffff;
  background-color: rgba(160, 174, 186, 0.5);
  border-color: #505962;
}
.ls-Modal-dark .designerProps {
  background: #272e38;
  max-width: 400px;
  min-width: 250px;
}
.ls-Modal-dark .designerProps .tab-content {
  max-height: 100%;
  min-height: 100%;
  border: 1px solid #777;
}
.ls-Modal-dark .designerProps .tab-pane {
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 1px solid #777;
}
.ls-Modal-dark .designerProps .nav-tabs {
  border-bottom: none;
}
.ls-Modal-dark .designerProps .nav-tabs .nav-link:hover {
  border-color: #777 !important;
}
.ls-Modal-dark li[data-section=Components] {
  color: #a0aeba;
}
.ls-Modal-dark li[data-section=Components] > i {
  color: #a0aeba;
  border-color: #505962;
}
.ls-Modal-dark li[data-section=Components] > i:hover {
  color: #ff9900;
  border: 1px solid transparent !important;
  cursor: -webkit-grab;
  cursor: grab;
}

.pageEditorF1 {
  width: 100%;
}
.pageEditorF1 p {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.tableContainer > table.tab-auto > tbody > tr td {
  font-size: 0.85rem;
  display: table-cell !important;
  width: auto;
}
.tableContainer > table.tab-auto > tbody > tr td.v-align-top {
  vertical-align: top;
}
.tableContainer > table.tab-auto > tbody > tr td.v-align-middle {
  vertical-align: middle;
}
.tableContainer > table.tab-auto > tbody > tr td.v-align-bottom {
  vertical-align: bottom;
}
.tableContainer > table.tab-auto > tbody > tr td > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.tableContainer > table.tab-equal {
  table-layout: fixed;
}
.tableContainer > table.tab-equal > tbody > tr td {
  font-size: 0.85rem;
  display: table-cell !important;
}
.tableContainer > table.tab-equal > tbody > tr td.v-align-top {
  vertical-align: top;
}
.tableContainer > table.tab-equal > tbody > tr td.v-align-middle {
  vertical-align: middle;
}
.tableContainer > table.tab-equal > tbody > tr td.v-align-bottom {
  vertical-align: bottom;
}
.tableContainer > table.tab-equal > tbody > tr td > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.tableContainer > table.tab-adjust {
  table-layout: fixed;
}
.tableContainer > table.tab-adjust > tbody > tr td {
  font-size: 0.85rem;
  /*display: table-cell !important;*/
}
.tableContainer > table.tab-adjust > tbody > tr td.v-align-top {
  vertical-align: top;
}
.tableContainer > table.tab-adjust > tbody > tr td.v-align-middle {
  vertical-align: middle;
}
.tableContainer > table.tab-adjust > tbody > tr td.v-align-bottom {
  vertical-align: bottom;
}
.tableContainer > table.tab-adjust > tbody > tr td > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.tableContainer.table-responsive > .row {
  --bs-gutter-x: auto !important;
}
.tableContainer.table-responsive > .row.tab-auto > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.tableContainer.table-responsive > .row.tab-auto > div.v-align-top {
  vertical-align: top;
  display: grid;
}
.tableContainer.table-responsive > .row.tab-auto > div.v-align-middle {
  vertical-align: middle;
  display: grid;
}
.tableContainer.table-responsive > .row.tab-auto > div.v-align-bottom {
  vertical-align: bottom;
  display: grid;
}
.tableContainer.table-responsive > .row.tab-auto > div > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}
.tableContainer.table-responsive > .row.tab-equal {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}
.tableContainer.table-responsive > .row.tab-equal > div.v-align-top {
  vertical-align: top;
  display: grid;
}
.tableContainer.table-responsive > .row.tab-equal > div.v-align-middle {
  vertical-align: middle;
  display: grid;
}
.tableContainer.table-responsive > .row.tab-equal > div.v-align-bottom {
  vertical-align: bottom;
  display: grid;
}
.tableContainer.table-responsive > .row.tab-equal > div > span.d-cell {
  line-height: 1.5rem;
  display: block;
  margin-top: 1px;
}

.pageEditor.dark, chapterEditor.dark, .clientGroupEditor.dark, .serviceTypeEditor.dark, .tradeTypeEditor.dark, .ruleBuilder.dark, .courseCredentialEditor.dark {
  /*  .sortable-chosen {
      &:active {
          border: 1px solid $color-accent !important;
      }
  }*/
  /*.pagemenu-first, .chaptermenu-first {
      margin-bottom: -1px;
      padding-left: 10px;
      border-left: 0;
      width: 20px;
      border-top: 1px solid #dee2e6 !important;
      border-right: 1px solid #dee2e6 !important;
      border-bottom: 1px solid #dee2e6 !important;
  }*/
}
.pageEditor.dark #pnlF2 > div:first-child, chapterEditor.dark #pnlF2 > div:first-child, .clientGroupEditor.dark #pnlF2 > div:first-child, .serviceTypeEditor.dark #pnlF2 > div:first-child, .tradeTypeEditor.dark #pnlF2 > div:first-child, .ruleBuilder.dark #pnlF2 > div:first-child, .courseCredentialEditor.dark #pnlF2 > div:first-child {
  background-color: #f8f9fa;
}
.pageEditor.dark .not-allowed, chapterEditor.dark .not-allowed, .clientGroupEditor.dark .not-allowed, .serviceTypeEditor.dark .not-allowed, .tradeTypeEditor.dark .not-allowed, .ruleBuilder.dark .not-allowed, .courseCredentialEditor.dark .not-allowed {
  cursor: not-allowed;
}
.pageEditor.dark .blur, chapterEditor.dark .blur, .clientGroupEditor.dark .blur, .serviceTypeEditor.dark .blur, .tradeTypeEditor.dark .blur, .ruleBuilder.dark .blur, .courseCredentialEditor.dark .blur {
  opacity: 0.25 !important;
}
.pageEditor.dark .ghost, chapterEditor.dark .ghost, .clientGroupEditor.dark .ghost, .serviceTypeEditor.dark .ghost, .tradeTypeEditor.dark .ghost, .ruleBuilder.dark .ghost, .courseCredentialEditor.dark .ghost {
  opacity: 1;
  border: 2px solid red !important;
  border-radius: 0.35rem !important;
}
.pageEditor.dark .ghost > .eSection, chapterEditor.dark .ghost > .eSection, .clientGroupEditor.dark .ghost > .eSection, .serviceTypeEditor.dark .ghost > .eSection, .tradeTypeEditor.dark .ghost > .eSection, .ruleBuilder.dark .ghost > .eSection, .courseCredentialEditor.dark .ghost > .eSection {
  opacity: 0.3;
}
.pageEditor.dark #pnlContentLayout, .pageEditor.dark .designerLayout, chapterEditor.dark #pnlContentLayout, chapterEditor.dark .designerLayout, .clientGroupEditor.dark #pnlContentLayout, .clientGroupEditor.dark .designerLayout, .serviceTypeEditor.dark #pnlContentLayout, .serviceTypeEditor.dark .designerLayout, .tradeTypeEditor.dark #pnlContentLayout, .tradeTypeEditor.dark .designerLayout, .ruleBuilder.dark #pnlContentLayout, .ruleBuilder.dark .designerLayout, .courseCredentialEditor.dark #pnlContentLayout, .courseCredentialEditor.dark .designerLayout {
  overflow-x: hidden;
  overflow-y: visible;
}
.pageEditor.dark #pnlContentLayout .border-l, .pageEditor.dark .designerLayout .border-l, chapterEditor.dark #pnlContentLayout .border-l, chapterEditor.dark .designerLayout .border-l, .clientGroupEditor.dark #pnlContentLayout .border-l, .clientGroupEditor.dark .designerLayout .border-l, .serviceTypeEditor.dark #pnlContentLayout .border-l, .serviceTypeEditor.dark .designerLayout .border-l, .tradeTypeEditor.dark #pnlContentLayout .border-l, .tradeTypeEditor.dark .designerLayout .border-l, .ruleBuilder.dark #pnlContentLayout .border-l, .ruleBuilder.dark .designerLayout .border-l, .courseCredentialEditor.dark #pnlContentLayout .border-l, .courseCredentialEditor.dark .designerLayout .border-l {
  border-left-style: solid !important;
  border-left-width: 1px;
  border-left-color: #dee2e6;
}
.pageEditor.dark #pnlContentLayout .border-r, .pageEditor.dark .designerLayout .border-r, chapterEditor.dark #pnlContentLayout .border-r, chapterEditor.dark .designerLayout .border-r, .clientGroupEditor.dark #pnlContentLayout .border-r, .clientGroupEditor.dark .designerLayout .border-r, .serviceTypeEditor.dark #pnlContentLayout .border-r, .serviceTypeEditor.dark .designerLayout .border-r, .tradeTypeEditor.dark #pnlContentLayout .border-r, .tradeTypeEditor.dark .designerLayout .border-r, .ruleBuilder.dark #pnlContentLayout .border-r, .ruleBuilder.dark .designerLayout .border-r, .courseCredentialEditor.dark #pnlContentLayout .border-r, .courseCredentialEditor.dark .designerLayout .border-r {
  border-right-style: solid !important;
  border-right-width: 1px;
  border-right-color: #dee2e6;
}
.pageEditor.dark #pnlContentLayout .border-t, .pageEditor.dark .designerLayout .border-t, chapterEditor.dark #pnlContentLayout .border-t, chapterEditor.dark .designerLayout .border-t, .clientGroupEditor.dark #pnlContentLayout .border-t, .clientGroupEditor.dark .designerLayout .border-t, .serviceTypeEditor.dark #pnlContentLayout .border-t, .serviceTypeEditor.dark .designerLayout .border-t, .tradeTypeEditor.dark #pnlContentLayout .border-t, .tradeTypeEditor.dark .designerLayout .border-t, .ruleBuilder.dark #pnlContentLayout .border-t, .ruleBuilder.dark .designerLayout .border-t, .courseCredentialEditor.dark #pnlContentLayout .border-t, .courseCredentialEditor.dark .designerLayout .border-t {
  border-top-style: solid !important;
  border-top-width: 1px;
  border-top-color: #dee2e6;
}
.pageEditor.dark #pnlContentLayout .border-b, .pageEditor.dark .designerLayout .border-b, chapterEditor.dark #pnlContentLayout .border-b, chapterEditor.dark .designerLayout .border-b, .clientGroupEditor.dark #pnlContentLayout .border-b, .clientGroupEditor.dark .designerLayout .border-b, .serviceTypeEditor.dark #pnlContentLayout .border-b, .serviceTypeEditor.dark .designerLayout .border-b, .tradeTypeEditor.dark #pnlContentLayout .border-b, .tradeTypeEditor.dark .designerLayout .border-b, .ruleBuilder.dark #pnlContentLayout .border-b, .ruleBuilder.dark .designerLayout .border-b, .courseCredentialEditor.dark #pnlContentLayout .border-b, .courseCredentialEditor.dark .designerLayout .border-b {
  border-bottom-style: solid !important;
  border-bottom-width: 1px;
  border-bottom-color: #dee2e6;
}
.pageEditor.dark #pnlContentLayout .resp-label div.inner, .pageEditor.dark .designerLayout .resp-label div.inner, chapterEditor.dark #pnlContentLayout .resp-label div.inner, chapterEditor.dark .designerLayout .resp-label div.inner, .clientGroupEditor.dark #pnlContentLayout .resp-label div.inner, .clientGroupEditor.dark .designerLayout .resp-label div.inner, .serviceTypeEditor.dark #pnlContentLayout .resp-label div.inner, .serviceTypeEditor.dark .designerLayout .resp-label div.inner, .tradeTypeEditor.dark #pnlContentLayout .resp-label div.inner, .tradeTypeEditor.dark .designerLayout .resp-label div.inner, .ruleBuilder.dark #pnlContentLayout .resp-label div.inner, .ruleBuilder.dark .designerLayout .resp-label div.inner, .courseCredentialEditor.dark #pnlContentLayout .resp-label div.inner, .courseCredentialEditor.dark .designerLayout .resp-label div.inner {
  margin-left: 3.75rem !important;
  width: calc(100% - 3.75rem);
  border-radius: 0;
}
.pageEditor.dark .mobilePreview, chapterEditor.dark .mobilePreview, .clientGroupEditor.dark .mobilePreview, .serviceTypeEditor.dark .mobilePreview, .tradeTypeEditor.dark .mobilePreview, .ruleBuilder.dark .mobilePreview, .courseCredentialEditor.dark .mobilePreview {
  width: 375px !important;
  left: calc(50% - 187.5px);
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
  height: 650px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem !important;
  border: 1px solid #e9eef2;
}
.pageEditor.dark .mobileFrame > iframe, chapterEditor.dark .mobileFrame > iframe, .clientGroupEditor.dark .mobileFrame > iframe, .serviceTypeEditor.dark .mobileFrame > iframe, .tradeTypeEditor.dark .mobileFrame > iframe, .ruleBuilder.dark .mobileFrame > iframe, .courseCredentialEditor.dark .mobileFrame > iframe {
  border-radius: 10px;
}
.pageEditor.dark .mobileFrame.phone, chapterEditor.dark .mobileFrame.phone, .clientGroupEditor.dark .mobileFrame.phone, .serviceTypeEditor.dark .mobileFrame.phone, .tradeTypeEditor.dark .mobileFrame.phone, .ruleBuilder.dark .mobileFrame.phone, .courseCredentialEditor.dark .mobileFrame.phone {
  margin-left: calc(50% - 187.5px);
  width: 375px !important;
  height: 640px;
}
.pageEditor.dark .mobileFrame.tablet, chapterEditor.dark .mobileFrame.tablet, .clientGroupEditor.dark .mobileFrame.tablet, .serviceTypeEditor.dark .mobileFrame.tablet, .tradeTypeEditor.dark .mobileFrame.tablet, .ruleBuilder.dark .mobileFrame.tablet, .courseCredentialEditor.dark .mobileFrame.tablet {
  margin-left: calc(50% - 384px);
  width: 768px !important;
  height: 100%;
}
.pageEditor.dark .mobileFrame.laptop, chapterEditor.dark .mobileFrame.laptop, .clientGroupEditor.dark .mobileFrame.laptop, .serviceTypeEditor.dark .mobileFrame.laptop, .tradeTypeEditor.dark .mobileFrame.laptop, .ruleBuilder.dark .mobileFrame.laptop, .courseCredentialEditor.dark .mobileFrame.laptop {
  margin-left: calc(50% - 683px);
  width: 1366px !important;
  height: 100%;
}
.pageEditor.dark .textBar, chapterEditor.dark .textBar, .clientGroupEditor.dark .textBar, .serviceTypeEditor.dark .textBar, .tradeTypeEditor.dark .textBar, .ruleBuilder.dark .textBar, .courseCredentialEditor.dark .textBar {
  position: absolute;
  right: -1px !important;
  top: -25px;
  background: #00AAFF;
  color: #fff;
  padding: 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.pageEditor.dark .designerLayout, chapterEditor.dark .designerLayout, .clientGroupEditor.dark .designerLayout, .serviceTypeEditor.dark .designerLayout, .tradeTypeEditor.dark .designerLayout, .ruleBuilder.dark .designerLayout, .courseCredentialEditor.dark .designerLayout {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
  height: 650px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem !important;
  border: 1px solid #e9eef2;
}
.pageEditor.dark .designerLayout .override-inductionbody, chapterEditor.dark .designerLayout .override-inductionbody, .clientGroupEditor.dark .designerLayout .override-inductionbody, .serviceTypeEditor.dark .designerLayout .override-inductionbody, .tradeTypeEditor.dark .designerLayout .override-inductionbody, .ruleBuilder.dark .designerLayout .override-inductionbody, .courseCredentialEditor.dark .designerLayout .override-inductionbody {
  height: auto;
  margin: 1% auto;
  min-height: 98%;
}
.pageEditor.dark .designerLayout .override-hero-register, chapterEditor.dark .designerLayout .override-hero-register, .clientGroupEditor.dark .designerLayout .override-hero-register, .serviceTypeEditor.dark .designerLayout .override-hero-register, .tradeTypeEditor.dark .designerLayout .override-hero-register, .ruleBuilder.dark .designerLayout .override-hero-register, .courseCredentialEditor.dark .designerLayout .override-hero-register {
  min-height: 100%;
  height: 100% !important;
  overflow: hidden;
}
.pageEditor.dark .designerLayout .override-inductions, chapterEditor.dark .designerLayout .override-inductions, .clientGroupEditor.dark .designerLayout .override-inductions, .serviceTypeEditor.dark .designerLayout .override-inductions, .tradeTypeEditor.dark .designerLayout .override-inductions, .ruleBuilder.dark .designerLayout .override-inductions, .courseCredentialEditor.dark .designerLayout .override-inductions {
  height: auto;
  margin: 1% auto;
}
.pageEditor.dark .designerLayout .resizeDiv, chapterEditor.dark .designerLayout .resizeDiv, .clientGroupEditor.dark .designerLayout .resizeDiv, .serviceTypeEditor.dark .designerLayout .resizeDiv, .tradeTypeEditor.dark .designerLayout .resizeDiv, .ruleBuilder.dark .designerLayout .resizeDiv, .courseCredentialEditor.dark .designerLayout .resizeDiv {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
}
.pageEditor.dark .designerLayout .resizeDiv > img, chapterEditor.dark .designerLayout .resizeDiv > img, .clientGroupEditor.dark .designerLayout .resizeDiv > img, .serviceTypeEditor.dark .designerLayout .resizeDiv > img, .tradeTypeEditor.dark .designerLayout .resizeDiv > img, .ruleBuilder.dark .designerLayout .resizeDiv > img, .courseCredentialEditor.dark .designerLayout .resizeDiv > img {
  border: 0.15rem inset transparent !important;
}
.pageEditor.dark .designerLayout .resizeDiv:focus-within > .resizers, chapterEditor.dark .designerLayout .resizeDiv:focus-within > .resizers, .clientGroupEditor.dark .designerLayout .resizeDiv:focus-within > .resizers, .serviceTypeEditor.dark .designerLayout .resizeDiv:focus-within > .resizers, .tradeTypeEditor.dark .designerLayout .resizeDiv:focus-within > .resizers, .ruleBuilder.dark .designerLayout .resizeDiv:focus-within > .resizers, .courseCredentialEditor.dark .designerLayout .resizeDiv:focus-within > .resizers {
  display: block;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers, chapterEditor.dark .designerLayout .resizeDiv > .resizers, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers {
  z-index: 5;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid red;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  display: none;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers .resizer, chapterEditor.dark .designerLayout .resizeDiv > .resizers .resizer, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers .resizer, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers .resizer, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers .resizer {
  width: 10px;
  height: 10px;
  border-radius: 50%; /*magic to turn square into circle*/
  background: white;
  border: 3px solid red;
  position: absolute;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-left, chapterEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-left, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-left, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-left, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-left, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers .resizer.top-left, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
  cursor: nwse-resize; /*resizer cursor*/
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-left, chapterEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
  cursor: nesw-resize;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-right, chapterEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-right, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-right, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-right, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-right, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers .resizer.top-right, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
  cursor: nesw-resize;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-right, chapterEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
  cursor: nwse-resize;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-right, chapterEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-right, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-right, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-right, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-right, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers .resizer.mid-right, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-right {
  right: -6px;
  top: calc(50% - 5px);
  cursor: ew-resize;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-left, chapterEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-left, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-left, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-left, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-left, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers .resizer.mid-left, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers .resizer.mid-left {
  left: -6px;
  top: calc(50% - 5px);
  cursor: ew-resize;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-mid, chapterEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-mid, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-mid, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-mid, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-mid, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers .resizer.top-mid, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers .resizer.top-mid {
  left: calc(50% - 5px);
  top: -6px;
  cursor: ns-resize;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, chapterEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers .resizer.bottom-mid {
  left: calc(50% - 5px);
  bottom: -6px;
  cursor: ns-resize;
}
.pageEditor.dark .designerLayout .resizeDiv > .resizers.show, chapterEditor.dark .designerLayout .resizeDiv > .resizers.show, .clientGroupEditor.dark .designerLayout .resizeDiv > .resizers.show, .serviceTypeEditor.dark .designerLayout .resizeDiv > .resizers.show, .tradeTypeEditor.dark .designerLayout .resizeDiv > .resizers.show, .ruleBuilder.dark .designerLayout .resizeDiv > .resizers.show, .courseCredentialEditor.dark .designerLayout .resizeDiv > .resizers.show {
  display: block;
}
.pageEditor.dark .designerLayout .resizeDiv:hover, chapterEditor.dark .designerLayout .resizeDiv:hover, .clientGroupEditor.dark .designerLayout .resizeDiv:hover, .serviceTypeEditor.dark .designerLayout .resizeDiv:hover, .tradeTypeEditor.dark .designerLayout .resizeDiv:hover, .ruleBuilder.dark .designerLayout .resizeDiv:hover, .courseCredentialEditor.dark .designerLayout .resizeDiv:hover {
  /* > img {
      border: 0.15rem inset red !important;
  }*/
}
.pageEditor.dark .designerLayout .resizeDiv:hover > .resizers, chapterEditor.dark .designerLayout .resizeDiv:hover > .resizers, .clientGroupEditor.dark .designerLayout .resizeDiv:hover > .resizers, .serviceTypeEditor.dark .designerLayout .resizeDiv:hover > .resizers, .tradeTypeEditor.dark .designerLayout .resizeDiv:hover > .resizers, .ruleBuilder.dark .designerLayout .resizeDiv:hover > .resizers, .courseCredentialEditor.dark .designerLayout .resizeDiv:hover > .resizers {
  display: block !important;
}
.pageEditor.dark .designerLayout .resizeDiv:not(:empty), chapterEditor.dark .designerLayout .resizeDiv:not(:empty), .clientGroupEditor.dark .designerLayout .resizeDiv:not(:empty), .serviceTypeEditor.dark .designerLayout .resizeDiv:not(:empty), .tradeTypeEditor.dark .designerLayout .resizeDiv:not(:empty), .ruleBuilder.dark .designerLayout .resizeDiv:not(:empty), .courseCredentialEditor.dark .designerLayout .resizeDiv:not(:empty) {
  margin-bottom: 0.1rem;
}
.pageEditor.dark .designerLayout .resizeDiv img[contenteditable=true], chapterEditor.dark .designerLayout .resizeDiv img[contenteditable=true], .clientGroupEditor.dark .designerLayout .resizeDiv img[contenteditable=true], .serviceTypeEditor.dark .designerLayout .resizeDiv img[contenteditable=true], .tradeTypeEditor.dark .designerLayout .resizeDiv img[contenteditable=true], .ruleBuilder.dark .designerLayout .resizeDiv img[contenteditable=true], .courseCredentialEditor.dark .designerLayout .resizeDiv img[contenteditable=true] {
  padding: 0rem !important;
  line-height: 1.5rem;
}
.pageEditor.dark .designerLayout .resizeInlineDiv, chapterEditor.dark .designerLayout .resizeInlineDiv, .clientGroupEditor.dark .designerLayout .resizeInlineDiv, .serviceTypeEditor.dark .designerLayout .resizeInlineDiv, .tradeTypeEditor.dark .designerLayout .resizeInlineDiv, .ruleBuilder.dark .designerLayout .resizeInlineDiv, .courseCredentialEditor.dark .designerLayout .resizeInlineDiv {
  /*   &:hover {
      > img {
          border: 0.25rem solid red !important;
      }
  }*/
}
.pageEditor.dark .designerLayout .resizeInlineDiv:not(:empty), chapterEditor.dark .designerLayout .resizeInlineDiv:not(:empty), .clientGroupEditor.dark .designerLayout .resizeInlineDiv:not(:empty), .serviceTypeEditor.dark .designerLayout .resizeInlineDiv:not(:empty), .tradeTypeEditor.dark .designerLayout .resizeInlineDiv:not(:empty), .ruleBuilder.dark .designerLayout .resizeInlineDiv:not(:empty), .courseCredentialEditor.dark .designerLayout .resizeInlineDiv:not(:empty) {
  margin-bottom: 0.1rem;
}
.pageEditor.dark .designerTools, chapterEditor.dark .designerTools, .clientGroupEditor.dark .designerTools, .serviceTypeEditor.dark .designerTools, .tradeTypeEditor.dark .designerTools, .ruleBuilder.dark .designerTools, .courseCredentialEditor.dark .designerTools {
  right: 66px;
  width: 66px;
  padding: 0 0;
  margin-right: 250px;
  text-align: center;
  background: transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  border-radius: 0 5px 5px 0;
}
.pageEditor.dark .designerTools > ul, chapterEditor.dark .designerTools > ul, .clientGroupEditor.dark .designerTools > ul, .serviceTypeEditor.dark .designerTools > ul, .tradeTypeEditor.dark .designerTools > ul, .ruleBuilder.dark .designerTools > ul, .courseCredentialEditor.dark .designerTools > ul {
  padding: 0 0.25rem;
}
.pageEditor.dark .designerTools .toolsIn, chapterEditor.dark .designerTools .toolsIn, .clientGroupEditor.dark .designerTools .toolsIn, .serviceTypeEditor.dark .designerTools .toolsIn, .tradeTypeEditor.dark .designerTools .toolsIn, .ruleBuilder.dark .designerTools .toolsIn, .courseCredentialEditor.dark .designerTools .toolsIn {
  right: 9px;
  -webkit-animation: scale-in-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.pageEditor.dark .designerTools .toolsOut, chapterEditor.dark .designerTools .toolsOut, .clientGroupEditor.dark .designerTools .toolsOut, .serviceTypeEditor.dark .designerTools .toolsOut, .tradeTypeEditor.dark .designerTools .toolsOut, .ruleBuilder.dark .designerTools .toolsOut, .courseCredentialEditor.dark .designerTools .toolsOut {
  right: 9px;
  -webkit-animation: scale-out-hor-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-hor-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.pageEditor.dark .designerTools .smalltip, chapterEditor.dark .designerTools .smalltip, .clientGroupEditor.dark .designerTools .smalltip, .serviceTypeEditor.dark .designerTools .smalltip, .tradeTypeEditor.dark .designerTools .smalltip, .ruleBuilder.dark .designerTools .smalltip, .courseCredentialEditor.dark .designerTools .smalltip {
  width: 68px;
  list-style-type: none;
  border-left: 1px solid #e1e3ea;
  /*border-top: 1px solid #e1e3ea;
  border-left: 1px solid #e1e3ea;
  border-right: 1px solid #e1e3ea;*/
}
.pageEditor.dark .designerTools .smalltip:first-child, chapterEditor.dark .designerTools .smalltip:first-child, .clientGroupEditor.dark .designerTools .smalltip:first-child, .serviceTypeEditor.dark .designerTools .smalltip:first-child, .tradeTypeEditor.dark .designerTools .smalltip:first-child, .ruleBuilder.dark .designerTools .smalltip:first-child, .courseCredentialEditor.dark .designerTools .smalltip:first-child {
  border-top: 1px solid #e1e3ea;
}
.pageEditor.dark .designerTools .catList, chapterEditor.dark .designerTools .catList, .clientGroupEditor.dark .designerTools .catList, .serviceTypeEditor.dark .designerTools .catList, .tradeTypeEditor.dark .designerTools .catList, .ruleBuilder.dark .designerTools .catList, .courseCredentialEditor.dark .designerTools .catList {
  border: 1px solid #e1e3ea;
  position: absolute;
  top: 40px;
  /*right: -400px;*/
  background: #ededed;
  width: 300px;
  padding: 1rem;
  height: auto;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  text-align: left;
  border-radius: 0 0 5px 0;
  opacity: 0;
  /*right: 109px;*/
}
.pageEditor.dark .designerTools .blockTypeStyle, chapterEditor.dark .designerTools .blockTypeStyle, .clientGroupEditor.dark .designerTools .blockTypeStyle, .serviceTypeEditor.dark .designerTools .blockTypeStyle, .tradeTypeEditor.dark .designerTools .blockTypeStyle, .ruleBuilder.dark .designerTools .blockTypeStyle, .courseCredentialEditor.dark .designerTools .blockTypeStyle {
  background: #fff;
  border-radius: 10px;
}
.pageEditor.dark .scrollable, chapterEditor.dark .scrollable, .clientGroupEditor.dark .scrollable, .serviceTypeEditor.dark .scrollable, .tradeTypeEditor.dark .scrollable, .ruleBuilder.dark .scrollable, .courseCredentialEditor.dark .scrollable {
  overflow: inherit;
  overflow-y: auto;
}
.pageEditor.dark .blockTypeStyle, chapterEditor.dark .blockTypeStyle, .clientGroupEditor.dark .blockTypeStyle, .serviceTypeEditor.dark .blockTypeStyle, .tradeTypeEditor.dark .blockTypeStyle, .ruleBuilder.dark .blockTypeStyle, .courseCredentialEditor.dark .blockTypeStyle {
  border: 1px solid #dee2e6 !important;
  margin-bottom: 0.25rem !important;
  padding: 1rem !important;
}
.pageEditor.dark .blockType, chapterEditor.dark .blockType, .clientGroupEditor.dark .blockType, .serviceTypeEditor.dark .blockType, .tradeTypeEditor.dark .blockType, .ruleBuilder.dark .blockType, .courseCredentialEditor.dark .blockType {
  border: 1px solid #dee2e6 !important;
  margin-bottom: 0.25rem !important;
  padding: 1rem !important;
  font-weight: 700 !important;
}
.pageEditor.dark .cParent, chapterEditor.dark .cParent, .clientGroupEditor.dark .cParent, .serviceTypeEditor.dark .cParent, .tradeTypeEditor.dark .cParent, .ruleBuilder.dark .cParent, .courseCredentialEditor.dark .cParent {
  position: relative;
  margin-bottom: 0.1rem !important;
  background: transparent;
  margin: 0 0 2px 0 !important;
  padding: 0rem !important;
  border: 1px solid transparent;
  outline: none;
  width: calc(100% - 2rem);
  /*     &:active {
      border: 1px solid $color-accent !important;
  }*/
  /*&:hover {
      margin: 0 0 2px 0;

      &:hover:not(.focussed) {
          border: 1px solid $color-accent !important;
      }
  }*/
}
.pageEditor.dark .cParent.focussed, chapterEditor.dark .cParent.focussed, .clientGroupEditor.dark .cParent.focussed, .serviceTypeEditor.dark .cParent.focussed, .tradeTypeEditor.dark .cParent.focussed, .ruleBuilder.dark .cParent.focussed, .courseCredentialEditor.dark .cParent.focussed {
  border: 1px solid transparent;
  background-color: transparent;
  padding: 0 0 1.25rem 0 !important;
}
.pageEditor.dark .cParent.focussedclear, chapterEditor.dark .cParent.focussedclear, .clientGroupEditor.dark .cParent.focussedclear, .serviceTypeEditor.dark .cParent.focussedclear, .tradeTypeEditor.dark .cParent.focussedclear, .ruleBuilder.dark .cParent.focussedclear, .courseCredentialEditor.dark .cParent.focussedclear {
  border: 1px solid #00AAFF !important;
  background-color: transparent !important;
}
.pageEditor.dark .cParent:focus-within, chapterEditor.dark .cParent:focus-within, .clientGroupEditor.dark .cParent:focus-within, .serviceTypeEditor.dark .cParent:focus-within, .tradeTypeEditor.dark .cParent:focus-within, .ruleBuilder.dark .cParent:focus-within, .courseCredentialEditor.dark .cParent:focus-within {
  /*.focus-actions {
      top: -28px;
      position: absolute;
      left: 1.8rem !important;
      display: block !important;
      z-index: 1026
  }*/
}
.pageEditor.dark .cParent:focus-within .actionbar, chapterEditor.dark .cParent:focus-within .actionbar, .clientGroupEditor.dark .cParent:focus-within .actionbar, .serviceTypeEditor.dark .cParent:focus-within .actionbar, .tradeTypeEditor.dark .cParent:focus-within .actionbar, .ruleBuilder.dark .cParent:focus-within .actionbar, .courseCredentialEditor.dark .cParent:focus-within .actionbar {
  height: 40px;
  opacity: 0;
  display: block;
  margin-bottom: 0.5rem !important;
}
.pageEditor.dark .cParent .focus-actions, chapterEditor.dark .cParent .focus-actions, .clientGroupEditor.dark .cParent .focus-actions, .serviceTypeEditor.dark .cParent .focus-actions, .tradeTypeEditor.dark .cParent .focus-actions, .ruleBuilder.dark .cParent .focus-actions, .courseCredentialEditor.dark .cParent .focus-actions {
  position: fixed;
  background: #343a40;
  color: #fff;
  padding: 0.5rem !important;
  border-top-right-radius: 0.25rem;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom-right-radius: 0.25rem;
}
.pageEditor.dark .cParent .focus-actions > a, chapterEditor.dark .cParent .focus-actions > a, .clientGroupEditor.dark .cParent .focus-actions > a, .serviceTypeEditor.dark .cParent .focus-actions > a, .tradeTypeEditor.dark .cParent .focus-actions > a, .ruleBuilder.dark .cParent .focus-actions > a, .courseCredentialEditor.dark .cParent .focus-actions > a {
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: inherit;
}
.pageEditor.dark .cParent .focus-actions > a:hover, chapterEditor.dark .cParent .focus-actions > a:hover, .clientGroupEditor.dark .cParent .focus-actions > a:hover, .serviceTypeEditor.dark .cParent .focus-actions > a:hover, .tradeTypeEditor.dark .cParent .focus-actions > a:hover, .ruleBuilder.dark .cParent .focus-actions > a:hover, .courseCredentialEditor.dark .cParent .focus-actions > a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pageEditor.dark .animateFocusActionIn, chapterEditor.dark .animateFocusActionIn, .clientGroupEditor.dark .animateFocusActionIn, .serviceTypeEditor.dark .animateFocusActionIn, .tradeTypeEditor.dark .animateFocusActionIn, .ruleBuilder.dark .animateFocusActionIn, .courseCredentialEditor.dark .animateFocusActionIn {
  opacity: 1 !important;
  height: auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute;
  top: -1.75rem !important;
  right: -1px;
  -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  /*border-top: 1px solid $color-dark !important;
  border-left: 1px solid $color-dark !important;
  border-right: 1px solid $color-dark !important;*/
  border-radius: 0;
  background: #343a40;
  margin: 0 !important;
  padding: 0 !important;
}
.pageEditor.dark .animateActionBarIn, chapterEditor.dark .animateActionBarIn, .clientGroupEditor.dark .animateActionBarIn, .serviceTypeEditor.dark .animateActionBarIn, .tradeTypeEditor.dark .animateActionBarIn, .ruleBuilder.dark .animateActionBarIn, .courseCredentialEditor.dark .animateActionBarIn {
  opacity: 1 !important;
  height: auto !important;
  display: inline-block !important;
  position: absolute;
  top: -3px !important;
  -webkit-animation: scale-in-ver-bottom 0.015s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-ver-bottom 0.015s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  /*border-top: 1px solid $color-dark !important;
  border-left: 1px solid $color-dark !important;
  border-right: 1px solid $color-dark !important;*/
  border-radius: 0;
  background: #343a40;
  margin: 0 !important;
  padding: 0 !important;
}
.pageEditor.dark .animateActionBarOut, chapterEditor.dark .animateActionBarOut, .clientGroupEditor.dark .animateActionBarOut, .serviceTypeEditor.dark .animateActionBarOut, .tradeTypeEditor.dark .animateActionBarOut, .ruleBuilder.dark .animateActionBarOut, .courseCredentialEditor.dark .animateActionBarOut {
  opacity: 0 !important;
  height: auto !important;
  display: inline-block !important;
  position: absolute;
  top: -30px !important;
  right: 0px;
  -webkit-animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  border-radius: 0;
  background: #343a40;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
}
.pageEditor.dark .actionBarShown, chapterEditor.dark .actionBarShown, .clientGroupEditor.dark .actionBarShown, .serviceTypeEditor.dark .actionBarShown, .tradeTypeEditor.dark .actionBarShown, .ruleBuilder.dark .actionBarShown, .courseCredentialEditor.dark .actionBarShown {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.pageEditor.dark .actionBarShown .dropdown-header, chapterEditor.dark .actionBarShown .dropdown-header, .clientGroupEditor.dark .actionBarShown .dropdown-header, .serviceTypeEditor.dark .actionBarShown .dropdown-header, .tradeTypeEditor.dark .actionBarShown .dropdown-header, .ruleBuilder.dark .actionBarShown .dropdown-header, .courseCredentialEditor.dark .actionBarShown .dropdown-header {
  margin-top: 0 !important;
}
.pageEditor.dark .eSection, chapterEditor.dark .eSection, .clientGroupEditor.dark .eSection, .serviceTypeEditor.dark .eSection, .tradeTypeEditor.dark .eSection, .ruleBuilder.dark .eSection, .courseCredentialEditor.dark .eSection {
  margin-bottom: 0;
  border-radius: 0 !important;
  display: block;
  outline: none;
  padding: 0;
  border: 1px solid transparent !important;
  background: transparent;
  /*&:hover:not(.focussedtext) {
      border: 1px solid $color-accent !important;
  }*/
}
.pageEditor.dark .eSection.isFocussed, chapterEditor.dark .eSection.isFocussed, .clientGroupEditor.dark .eSection.isFocussed, .serviceTypeEditor.dark .eSection.isFocussed, .tradeTypeEditor.dark .eSection.isFocussed, .ruleBuilder.dark .eSection.isFocussed, .courseCredentialEditor.dark .eSection.isFocussed {
  padding: 0.75rem 1rem 0 0 !important;
}
.pageEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col]), .pageEditor.dark .eSection.isFocussed > section span[editableelement=true], .pageEditor.dark .eSection.isFocussed > section h1[editableelement=true], .pageEditor.dark .eSection.isFocussed > section [editableelement=true].h1,
.pageEditor.dark .eSection.isFocussed > section h2[editableelement=true],
.pageEditor.dark .eSection.isFocussed > section [editableelement=true].h2, .pageEditor.dark .eSection.isFocussed > section h3[editableelement=true], .pageEditor.dark .eSection.isFocussed > section [editableelement=true].h3, .pageEditor.dark .eSection.isFocussed > section h4[editableelement=true], .pageEditor.dark .eSection.isFocussed > section [editableelement=true].h4, .pageEditor.dark .eSection.isFocussed > section h5[editableelement=true], .pageEditor.dark .eSection.isFocussed > section [editableelement=true].h5, .pageEditor.dark .eSection.isFocussed > section h6[editableelement=true], .pageEditor.dark .eSection.isFocussed > section [editableelement=true].h6, chapterEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col]), chapterEditor.dark .eSection.isFocussed > section span[editableelement=true], chapterEditor.dark .eSection.isFocussed > section h1[editableelement=true], chapterEditor.dark .eSection.isFocussed > section [editableelement=true].h1,
chapterEditor.dark .eSection.isFocussed > section h2[editableelement=true],
chapterEditor.dark .eSection.isFocussed > section [editableelement=true].h2, chapterEditor.dark .eSection.isFocussed > section h3[editableelement=true], chapterEditor.dark .eSection.isFocussed > section [editableelement=true].h3, chapterEditor.dark .eSection.isFocussed > section h4[editableelement=true], chapterEditor.dark .eSection.isFocussed > section [editableelement=true].h4, chapterEditor.dark .eSection.isFocussed > section h5[editableelement=true], chapterEditor.dark .eSection.isFocussed > section [editableelement=true].h5, chapterEditor.dark .eSection.isFocussed > section h6[editableelement=true], chapterEditor.dark .eSection.isFocussed > section [editableelement=true].h6, .clientGroupEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col]), .clientGroupEditor.dark .eSection.isFocussed > section span[editableelement=true], .clientGroupEditor.dark .eSection.isFocussed > section h1[editableelement=true], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true].h1,
.clientGroupEditor.dark .eSection.isFocussed > section h2[editableelement=true],
.clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true].h2, .clientGroupEditor.dark .eSection.isFocussed > section h3[editableelement=true], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true].h3, .clientGroupEditor.dark .eSection.isFocussed > section h4[editableelement=true], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true].h4, .clientGroupEditor.dark .eSection.isFocussed > section h5[editableelement=true], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true].h5, .clientGroupEditor.dark .eSection.isFocussed > section h6[editableelement=true], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true].h6, .serviceTypeEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col]), .serviceTypeEditor.dark .eSection.isFocussed > section span[editableelement=true], .serviceTypeEditor.dark .eSection.isFocussed > section h1[editableelement=true], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h1,
.serviceTypeEditor.dark .eSection.isFocussed > section h2[editableelement=true],
.serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h2, .serviceTypeEditor.dark .eSection.isFocussed > section h3[editableelement=true], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h3, .serviceTypeEditor.dark .eSection.isFocussed > section h4[editableelement=true], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h4, .serviceTypeEditor.dark .eSection.isFocussed > section h5[editableelement=true], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h5, .serviceTypeEditor.dark .eSection.isFocussed > section h6[editableelement=true], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h6, .tradeTypeEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col]), .tradeTypeEditor.dark .eSection.isFocussed > section span[editableelement=true], .tradeTypeEditor.dark .eSection.isFocussed > section h1[editableelement=true], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h1,
.tradeTypeEditor.dark .eSection.isFocussed > section h2[editableelement=true],
.tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h2, .tradeTypeEditor.dark .eSection.isFocussed > section h3[editableelement=true], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h3, .tradeTypeEditor.dark .eSection.isFocussed > section h4[editableelement=true], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h4, .tradeTypeEditor.dark .eSection.isFocussed > section h5[editableelement=true], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h5, .tradeTypeEditor.dark .eSection.isFocussed > section h6[editableelement=true], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true].h6, .ruleBuilder.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col]), .ruleBuilder.dark .eSection.isFocussed > section span[editableelement=true], .ruleBuilder.dark .eSection.isFocussed > section h1[editableelement=true], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true].h1,
.ruleBuilder.dark .eSection.isFocussed > section h2[editableelement=true],
.ruleBuilder.dark .eSection.isFocussed > section [editableelement=true].h2, .ruleBuilder.dark .eSection.isFocussed > section h3[editableelement=true], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true].h3, .ruleBuilder.dark .eSection.isFocussed > section h4[editableelement=true], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true].h4, .ruleBuilder.dark .eSection.isFocussed > section h5[editableelement=true], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true].h5, .ruleBuilder.dark .eSection.isFocussed > section h6[editableelement=true], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true].h6, .courseCredentialEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col]), .courseCredentialEditor.dark .eSection.isFocussed > section span[editableelement=true], .courseCredentialEditor.dark .eSection.isFocussed > section h1[editableelement=true], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true].h1,
.courseCredentialEditor.dark .eSection.isFocussed > section h2[editableelement=true],
.courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true].h2, .courseCredentialEditor.dark .eSection.isFocussed > section h3[editableelement=true], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true].h3, .courseCredentialEditor.dark .eSection.isFocussed > section h4[editableelement=true], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true].h4, .courseCredentialEditor.dark .eSection.isFocussed > section h5[editableelement=true], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true].h5, .courseCredentialEditor.dark .eSection.isFocussed > section h6[editableelement=true], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true].h6 {
  background-color: #ffffff;
  line-height: 1.5rem;
  border: 1px dashed #dee2e6;
  height: auto;
}
.pageEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col])[data-type=overlay-text], .pageEditor.dark .eSection.isFocussed > section span[editableelement=true][data-type=overlay-text], .pageEditor.dark .eSection.isFocussed > section h1[editableelement=true][data-type=overlay-text], .pageEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h1,
.pageEditor.dark .eSection.isFocussed > section h2[editableelement=true][data-type=overlay-text],
.pageEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h2, .pageEditor.dark .eSection.isFocussed > section h3[editableelement=true][data-type=overlay-text], .pageEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h3, .pageEditor.dark .eSection.isFocussed > section h4[editableelement=true][data-type=overlay-text], .pageEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h4, .pageEditor.dark .eSection.isFocussed > section h5[editableelement=true][data-type=overlay-text], .pageEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h5, .pageEditor.dark .eSection.isFocussed > section h6[editableelement=true][data-type=overlay-text], .pageEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h6, chapterEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col])[data-type=overlay-text], chapterEditor.dark .eSection.isFocussed > section span[editableelement=true][data-type=overlay-text], chapterEditor.dark .eSection.isFocussed > section h1[editableelement=true][data-type=overlay-text], chapterEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h1,
chapterEditor.dark .eSection.isFocussed > section h2[editableelement=true][data-type=overlay-text],
chapterEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h2, chapterEditor.dark .eSection.isFocussed > section h3[editableelement=true][data-type=overlay-text], chapterEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h3, chapterEditor.dark .eSection.isFocussed > section h4[editableelement=true][data-type=overlay-text], chapterEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h4, chapterEditor.dark .eSection.isFocussed > section h5[editableelement=true][data-type=overlay-text], chapterEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h5, chapterEditor.dark .eSection.isFocussed > section h6[editableelement=true][data-type=overlay-text], chapterEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h6, .clientGroupEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col])[data-type=overlay-text], .clientGroupEditor.dark .eSection.isFocussed > section span[editableelement=true][data-type=overlay-text], .clientGroupEditor.dark .eSection.isFocussed > section h1[editableelement=true][data-type=overlay-text], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h1,
.clientGroupEditor.dark .eSection.isFocussed > section h2[editableelement=true][data-type=overlay-text],
.clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h2, .clientGroupEditor.dark .eSection.isFocussed > section h3[editableelement=true][data-type=overlay-text], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h3, .clientGroupEditor.dark .eSection.isFocussed > section h4[editableelement=true][data-type=overlay-text], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h4, .clientGroupEditor.dark .eSection.isFocussed > section h5[editableelement=true][data-type=overlay-text], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h5, .clientGroupEditor.dark .eSection.isFocussed > section h6[editableelement=true][data-type=overlay-text], .clientGroupEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h6, .serviceTypeEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col])[data-type=overlay-text], .serviceTypeEditor.dark .eSection.isFocussed > section span[editableelement=true][data-type=overlay-text], .serviceTypeEditor.dark .eSection.isFocussed > section h1[editableelement=true][data-type=overlay-text], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h1,
.serviceTypeEditor.dark .eSection.isFocussed > section h2[editableelement=true][data-type=overlay-text],
.serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h2, .serviceTypeEditor.dark .eSection.isFocussed > section h3[editableelement=true][data-type=overlay-text], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h3, .serviceTypeEditor.dark .eSection.isFocussed > section h4[editableelement=true][data-type=overlay-text], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h4, .serviceTypeEditor.dark .eSection.isFocussed > section h5[editableelement=true][data-type=overlay-text], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h5, .serviceTypeEditor.dark .eSection.isFocussed > section h6[editableelement=true][data-type=overlay-text], .serviceTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h6, .tradeTypeEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col])[data-type=overlay-text], .tradeTypeEditor.dark .eSection.isFocussed > section span[editableelement=true][data-type=overlay-text], .tradeTypeEditor.dark .eSection.isFocussed > section h1[editableelement=true][data-type=overlay-text], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h1,
.tradeTypeEditor.dark .eSection.isFocussed > section h2[editableelement=true][data-type=overlay-text],
.tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h2, .tradeTypeEditor.dark .eSection.isFocussed > section h3[editableelement=true][data-type=overlay-text], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h3, .tradeTypeEditor.dark .eSection.isFocussed > section h4[editableelement=true][data-type=overlay-text], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h4, .tradeTypeEditor.dark .eSection.isFocussed > section h5[editableelement=true][data-type=overlay-text], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h5, .tradeTypeEditor.dark .eSection.isFocussed > section h6[editableelement=true][data-type=overlay-text], .tradeTypeEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h6, .ruleBuilder.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col])[data-type=overlay-text], .ruleBuilder.dark .eSection.isFocussed > section span[editableelement=true][data-type=overlay-text], .ruleBuilder.dark .eSection.isFocussed > section h1[editableelement=true][data-type=overlay-text], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h1,
.ruleBuilder.dark .eSection.isFocussed > section h2[editableelement=true][data-type=overlay-text],
.ruleBuilder.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h2, .ruleBuilder.dark .eSection.isFocussed > section h3[editableelement=true][data-type=overlay-text], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h3, .ruleBuilder.dark .eSection.isFocussed > section h4[editableelement=true][data-type=overlay-text], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h4, .ruleBuilder.dark .eSection.isFocussed > section h5[editableelement=true][data-type=overlay-text], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h5, .ruleBuilder.dark .eSection.isFocussed > section h6[editableelement=true][data-type=overlay-text], .ruleBuilder.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h6, .courseCredentialEditor.dark .eSection.isFocussed > section div[editableelement=true]:not(.alert):not([data-type=table-col])[data-type=overlay-text], .courseCredentialEditor.dark .eSection.isFocussed > section span[editableelement=true][data-type=overlay-text], .courseCredentialEditor.dark .eSection.isFocussed > section h1[editableelement=true][data-type=overlay-text], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h1,
.courseCredentialEditor.dark .eSection.isFocussed > section h2[editableelement=true][data-type=overlay-text],
.courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h2, .courseCredentialEditor.dark .eSection.isFocussed > section h3[editableelement=true][data-type=overlay-text], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h3, .courseCredentialEditor.dark .eSection.isFocussed > section h4[editableelement=true][data-type=overlay-text], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h4, .courseCredentialEditor.dark .eSection.isFocussed > section h5[editableelement=true][data-type=overlay-text], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h5, .courseCredentialEditor.dark .eSection.isFocussed > section h6[editableelement=true][data-type=overlay-text], .courseCredentialEditor.dark .eSection.isFocussed > section [editableelement=true][data-type=overlay-text].h6 {
  background-color: rgba(255, 255, 255, 0.1);
}
.pageEditor.dark .eSection:focus-within, chapterEditor.dark .eSection:focus-within, .clientGroupEditor.dark .eSection:focus-within, .serviceTypeEditor.dark .eSection:focus-within, .tradeTypeEditor.dark .eSection:focus-within, .ruleBuilder.dark .eSection:focus-within, .courseCredentialEditor.dark .eSection:focus-within {
  padding-top: 1rem;
  border: 1px dashed #dee2e6;
  height: auto;
}
.pageEditor.dark .eSection:active, chapterEditor.dark .eSection:active, .clientGroupEditor.dark .eSection:active, .serviceTypeEditor.dark .eSection:active, .tradeTypeEditor.dark .eSection:active, .ruleBuilder.dark .eSection:active, .courseCredentialEditor.dark .eSection:active {
  border: 1px solid transparent !important;
}
.pageEditor.dark .eSection:focus, chapterEditor.dark .eSection:focus, .clientGroupEditor.dark .eSection:focus, .serviceTypeEditor.dark .eSection:focus, .tradeTypeEditor.dark .eSection:focus, .ruleBuilder.dark .eSection:focus, .courseCredentialEditor.dark .eSection:focus {
  border: 1px solid transparent !important;
}
.pageEditor.dark .eSection.focussedtext, chapterEditor.dark .eSection.focussedtext, .clientGroupEditor.dark .eSection.focussedtext, .serviceTypeEditor.dark .eSection.focussedtext, .tradeTypeEditor.dark .eSection.focussedtext, .ruleBuilder.dark .eSection.focussedtext, .courseCredentialEditor.dark .eSection.focussedtext {
  margin: 0.5rem;
}
.pageEditor.dark .eSection.focussedtext:hover, chapterEditor.dark .eSection.focussedtext:hover, .clientGroupEditor.dark .eSection.focussedtext:hover, .serviceTypeEditor.dark .eSection.focussedtext:hover, .tradeTypeEditor.dark .eSection.focussedtext:hover, .ruleBuilder.dark .eSection.focussedtext:hover, .courseCredentialEditor.dark .eSection.focussedtext:hover {
  border: 1px solid transparent !important;
}
.pageEditor.dark .eSection section, chapterEditor.dark .eSection section, .clientGroupEditor.dark .eSection section, .serviceTypeEditor.dark .eSection section, .tradeTypeEditor.dark .eSection section, .ruleBuilder.dark .eSection section, .courseCredentialEditor.dark .eSection section {
  line-height: 1.5rem;
}
.pageEditor.dark .eSection p[editableelement=true], chapterEditor.dark .eSection p[editableelement=true], .clientGroupEditor.dark .eSection p[editableelement=true], .serviceTypeEditor.dark .eSection p[editableelement=true], .tradeTypeEditor.dark .eSection p[editableelement=true], .ruleBuilder.dark .eSection p[editableelement=true], .courseCredentialEditor.dark .eSection p[editableelement=true] {
  line-height: 1.5rem;
}
.pageEditor.dark .eSection ul[editableelement=true] > li, chapterEditor.dark .eSection ul[editableelement=true] > li, .clientGroupEditor.dark .eSection ul[editableelement=true] > li, .serviceTypeEditor.dark .eSection ul[editableelement=true] > li, .tradeTypeEditor.dark .eSection ul[editableelement=true] > li, .ruleBuilder.dark .eSection ul[editableelement=true] > li, .courseCredentialEditor.dark .eSection ul[editableelement=true] > li {
  min-height: 1.5rem;
}
.pageEditor.dark .eSection div.row > div.gallery-section, chapterEditor.dark .eSection div.row > div.gallery-section, .clientGroupEditor.dark .eSection div.row > div.gallery-section, .serviceTypeEditor.dark .eSection div.row > div.gallery-section, .tradeTypeEditor.dark .eSection div.row > div.gallery-section, .ruleBuilder.dark .eSection div.row > div.gallery-section, .courseCredentialEditor.dark .eSection div.row > div.gallery-section {
  border: 1px dashed #dee2e6;
}
.pageEditor.dark .eSection li, chapterEditor.dark .eSection li, .clientGroupEditor.dark .eSection li, .serviceTypeEditor.dark .eSection li, .tradeTypeEditor.dark .eSection li, .ruleBuilder.dark .eSection li, .courseCredentialEditor.dark .eSection li {
  padding-bottom: 0.2rem;
}
.pageEditor.dark .eSection li > span[editableelement=true], chapterEditor.dark .eSection li > span[editableelement=true], .clientGroupEditor.dark .eSection li > span[editableelement=true], .serviceTypeEditor.dark .eSection li > span[editableelement=true], .tradeTypeEditor.dark .eSection li > span[editableelement=true], .ruleBuilder.dark .eSection li > span[editableelement=true], .courseCredentialEditor.dark .eSection li > span[editableelement=true] {
  background-color: #ffffff;
  margin-bottom: 0.2rem;
  line-height: 1.5rem;
  border: 1px dashed #dee2e6;
}
.pageEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), chapterEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .clientGroupEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .serviceTypeEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .tradeTypeEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .ruleBuilder.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .courseCredentialEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) {
  padding: 0.25rem !important;
  line-height: 1.5rem;
  display: block;
}
.pageEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, chapterEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .clientGroupEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .serviceTypeEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .tradeTypeEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .ruleBuilder.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .courseCredentialEditor.dark .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img {
  margin-bottom: 1rem;
}
.pageEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), chapterEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .clientGroupEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .serviceTypeEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .tradeTypeEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .ruleBuilder.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .courseCredentialEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) {
  padding: 0.25rem !important;
  line-height: 1.5rem;
}
.pageEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, chapterEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .clientGroupEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .serviceTypeEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .tradeTypeEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .ruleBuilder.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .courseCredentialEditor.dark .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img {
  margin-bottom: 1rem;
}
.pageEditor.dark .eSection .col[editableelement=true]:not([contenteditable=true]), chapterEditor.dark .eSection .col[editableelement=true]:not([contenteditable=true]), .clientGroupEditor.dark .eSection .col[editableelement=true]:not([contenteditable=true]), .serviceTypeEditor.dark .eSection .col[editableelement=true]:not([contenteditable=true]), .tradeTypeEditor.dark .eSection .col[editableelement=true]:not([contenteditable=true]), .ruleBuilder.dark .eSection .col[editableelement=true]:not([contenteditable=true]), .courseCredentialEditor.dark .eSection .col[editableelement=true]:not([contenteditable=true]) {
  background-color: #ffffff;
  padding: inherit;
  line-height: 1.5rem;
}
.pageEditor.dark .eSection .col[editableelement=true][contenteditable=true]:empty, chapterEditor.dark .eSection .col[editableelement=true][contenteditable=true]:empty, .clientGroupEditor.dark .eSection .col[editableelement=true][contenteditable=true]:empty, .serviceTypeEditor.dark .eSection .col[editableelement=true][contenteditable=true]:empty, .tradeTypeEditor.dark .eSection .col[editableelement=true][contenteditable=true]:empty, .ruleBuilder.dark .eSection .col[editableelement=true][contenteditable=true]:empty, .courseCredentialEditor.dark .eSection .col[editableelement=true][contenteditable=true]:empty {
  padding: 0.25rem !important;
  line-height: 1.5rem;
}
.pageEditor.dark .eSection [editableelement=true]:empty, chapterEditor.dark .eSection [editableelement=true]:empty, .clientGroupEditor.dark .eSection [editableelement=true]:empty, .serviceTypeEditor.dark .eSection [editableelement=true]:empty, .tradeTypeEditor.dark .eSection [editableelement=true]:empty, .ruleBuilder.dark .eSection [editableelement=true]:empty, .courseCredentialEditor.dark .eSection [editableelement=true]:empty {
  padding: 1rem;
  line-height: 1.5rem;
}
.pageEditor.dark .eSection img[editableelement=true]:empty, chapterEditor.dark .eSection img[editableelement=true]:empty, .clientGroupEditor.dark .eSection img[editableelement=true]:empty, .serviceTypeEditor.dark .eSection img[editableelement=true]:empty, .tradeTypeEditor.dark .eSection img[editableelement=true]:empty, .ruleBuilder.dark .eSection img[editableelement=true]:empty, .courseCredentialEditor.dark .eSection img[editableelement=true]:empty {
  padding: 0rem !important;
  line-height: 1.5rem;
}
.pageEditor.dark .eSection div[editableelement=true][contenteditable=true]:empty, chapterEditor.dark .eSection div[editableelement=true][contenteditable=true]:empty, .clientGroupEditor.dark .eSection div[editableelement=true][contenteditable=true]:empty, .serviceTypeEditor.dark .eSection div[editableelement=true][contenteditable=true]:empty, .tradeTypeEditor.dark .eSection div[editableelement=true][contenteditable=true]:empty, .ruleBuilder.dark .eSection div[editableelement=true][contenteditable=true]:empty, .courseCredentialEditor.dark .eSection div[editableelement=true][contenteditable=true]:empty {
  padding: 0.25rem;
  line-height: 1.2rem;
}
.pageEditor.dark .eSection .col[editableelement=true]:empty, .pageEditor.dark .eSection [data-type=table-col][contenteditable=true]:empty, chapterEditor.dark .eSection .col[editableelement=true]:empty, chapterEditor.dark .eSection [data-type=table-col][contenteditable=true]:empty, .clientGroupEditor.dark .eSection .col[editableelement=true]:empty, .clientGroupEditor.dark .eSection [data-type=table-col][contenteditable=true]:empty, .serviceTypeEditor.dark .eSection .col[editableelement=true]:empty, .serviceTypeEditor.dark .eSection [data-type=table-col][contenteditable=true]:empty, .tradeTypeEditor.dark .eSection .col[editableelement=true]:empty, .tradeTypeEditor.dark .eSection [data-type=table-col][contenteditable=true]:empty, .ruleBuilder.dark .eSection .col[editableelement=true]:empty, .ruleBuilder.dark .eSection [data-type=table-col][contenteditable=true]:empty, .courseCredentialEditor.dark .eSection .col[editableelement=true]:empty, .courseCredentialEditor.dark .eSection [data-type=table-col][contenteditable=true]:empty {
  padding: 1.05rem 0.5rem !important;
  line-height: 1.5rem;
}
.pageEditor.dark .eSection [data-type=text-element][editableelement=true], chapterEditor.dark .eSection [data-type=text-element][editableelement=true], .clientGroupEditor.dark .eSection [data-type=text-element][editableelement=true], .serviceTypeEditor.dark .eSection [data-type=text-element][editableelement=true], .tradeTypeEditor.dark .eSection [data-type=text-element][editableelement=true], .ruleBuilder.dark .eSection [data-type=text-element][editableelement=true], .courseCredentialEditor.dark .eSection [data-type=text-element][editableelement=true] {
  border: 1px dashed #dee2e6;
  min-height: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 0.15rem;
  padding: 0.25rem;
}
.pageEditor.dark .eSection [data-type=text-element][editableelement=true]:focus, chapterEditor.dark .eSection [data-type=text-element][editableelement=true]:focus, .clientGroupEditor.dark .eSection [data-type=text-element][editableelement=true]:focus, .serviceTypeEditor.dark .eSection [data-type=text-element][editableelement=true]:focus, .tradeTypeEditor.dark .eSection [data-type=text-element][editableelement=true]:focus, .ruleBuilder.dark .eSection [data-type=text-element][editableelement=true]:focus, .courseCredentialEditor.dark .eSection [data-type=text-element][editableelement=true]:focus {
  border: unset;
}
.pageEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus, chapterEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus, .clientGroupEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus, .serviceTypeEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus, .tradeTypeEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus, .ruleBuilder.dark .eSection [data-type=table-col][contenteditable=true]:focus, .courseCredentialEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus {
  outline: none;
  z-index: 4;
}
.pageEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), chapterEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .clientGroupEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .serviceTypeEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .tradeTypeEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .ruleBuilder.dark .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .courseCredentialEditor.dark .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty) {
  padding: 0.25rem !important;
  line-height: 1.5rem;
}
.pageEditor.dark .eSection [data-type=overlay-text], chapterEditor.dark .eSection [data-type=overlay-text], .clientGroupEditor.dark .eSection [data-type=overlay-text], .serviceTypeEditor.dark .eSection [data-type=overlay-text], .tradeTypeEditor.dark .eSection [data-type=overlay-text], .ruleBuilder.dark .eSection [data-type=overlay-text], .courseCredentialEditor.dark .eSection [data-type=overlay-text] {
  min-height: 1.5rem;
  background: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 5;
}
.pageEditor.dark .eSection [data-type=overlay-text]:empty, chapterEditor.dark .eSection [data-type=overlay-text]:empty, .clientGroupEditor.dark .eSection [data-type=overlay-text]:empty, .serviceTypeEditor.dark .eSection [data-type=overlay-text]:empty, .tradeTypeEditor.dark .eSection [data-type=overlay-text]:empty, .ruleBuilder.dark .eSection [data-type=overlay-text]:empty, .courseCredentialEditor.dark .eSection [data-type=overlay-text]:empty {
  min-width: 100px;
  min-height: 1.5rem;
  background: rgba(255, 255, 255, 0.1) !important;
  z-index: 5;
}
.pageEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:empty, .pageEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:blank, chapterEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:empty, chapterEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:blank, .clientGroupEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:empty, .clientGroupEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:blank, .serviceTypeEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:empty, .serviceTypeEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:blank, .tradeTypeEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:empty, .tradeTypeEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:blank, .ruleBuilder.dark .eSection [data-type=overlay-text][contenteditable=true]:empty, .ruleBuilder.dark .eSection [data-type=overlay-text][contenteditable=true]:blank, .courseCredentialEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:empty, .courseCredentialEditor.dark .eSection [data-type=overlay-text][contenteditable=true]:blank {
  min-width: 100px;
  min-height: 1.5rem;
  background: rgba(255, 255, 255, 0.1);
}
.pageEditor.dark .eSection .prepared-actions > img, chapterEditor.dark .eSection .prepared-actions > img, .clientGroupEditor.dark .eSection .prepared-actions > img, .serviceTypeEditor.dark .eSection .prepared-actions > img, .tradeTypeEditor.dark .eSection .prepared-actions > img, .ruleBuilder.dark .eSection .prepared-actions > img, .courseCredentialEditor.dark .eSection .prepared-actions > img {
  padding: 0 !important;
}
.pageEditor.dark .blockpara, .pageEditor.dark .blockordlist, .pageEditor.dark .blockunordlist, .pageEditor.dark .blockunstyledlist, chapterEditor.dark .blockpara, chapterEditor.dark .blockordlist, chapterEditor.dark .blockunordlist, chapterEditor.dark .blockunstyledlist, .clientGroupEditor.dark .blockpara, .clientGroupEditor.dark .blockordlist, .clientGroupEditor.dark .blockunordlist, .clientGroupEditor.dark .blockunstyledlist, .serviceTypeEditor.dark .blockpara, .serviceTypeEditor.dark .blockordlist, .serviceTypeEditor.dark .blockunordlist, .serviceTypeEditor.dark .blockunstyledlist, .tradeTypeEditor.dark .blockpara, .tradeTypeEditor.dark .blockordlist, .tradeTypeEditor.dark .blockunordlist, .tradeTypeEditor.dark .blockunstyledlist, .ruleBuilder.dark .blockpara, .ruleBuilder.dark .blockordlist, .ruleBuilder.dark .blockunordlist, .ruleBuilder.dark .blockunstyledlist, .courseCredentialEditor.dark .blockpara, .courseCredentialEditor.dark .blockordlist, .courseCredentialEditor.dark .blockunordlist, .courseCredentialEditor.dark .blockunstyledlist {
  height: auto;
  border-radius: 2px;
  padding: 0.375rem 0.75rem;
  background-clip: padding-box;
}
.pageEditor.dark .blockpara .list-group-item, .pageEditor.dark .blockordlist .list-group-item, .pageEditor.dark .blockunordlist .list-group-item, .pageEditor.dark .blockunstyledlist .list-group-item, chapterEditor.dark .blockpara .list-group-item, chapterEditor.dark .blockordlist .list-group-item, chapterEditor.dark .blockunordlist .list-group-item, chapterEditor.dark .blockunstyledlist .list-group-item, .clientGroupEditor.dark .blockpara .list-group-item, .clientGroupEditor.dark .blockordlist .list-group-item, .clientGroupEditor.dark .blockunordlist .list-group-item, .clientGroupEditor.dark .blockunstyledlist .list-group-item, .serviceTypeEditor.dark .blockpara .list-group-item, .serviceTypeEditor.dark .blockordlist .list-group-item, .serviceTypeEditor.dark .blockunordlist .list-group-item, .serviceTypeEditor.dark .blockunstyledlist .list-group-item, .tradeTypeEditor.dark .blockpara .list-group-item, .tradeTypeEditor.dark .blockordlist .list-group-item, .tradeTypeEditor.dark .blockunordlist .list-group-item, .tradeTypeEditor.dark .blockunstyledlist .list-group-item, .ruleBuilder.dark .blockpara .list-group-item, .ruleBuilder.dark .blockordlist .list-group-item, .ruleBuilder.dark .blockunordlist .list-group-item, .ruleBuilder.dark .blockunstyledlist .list-group-item, .courseCredentialEditor.dark .blockpara .list-group-item, .courseCredentialEditor.dark .blockordlist .list-group-item, .courseCredentialEditor.dark .blockunordlist .list-group-item, .courseCredentialEditor.dark .blockunstyledlist .list-group-item {
  background: transparent !important;
}
.pageEditor.dark .blockordlist > ol, chapterEditor.dark .blockordlist > ol, .clientGroupEditor.dark .blockordlist > ol, .serviceTypeEditor.dark .blockordlist > ol, .tradeTypeEditor.dark .blockordlist > ol, .ruleBuilder.dark .blockordlist > ol, .courseCredentialEditor.dark .blockordlist > ol {
  margin-bottom: 0;
}
.pageEditor.dark .blockunordlist > ul, chapterEditor.dark .blockunordlist > ul, .clientGroupEditor.dark .blockunordlist > ul, .serviceTypeEditor.dark .blockunordlist > ul, .tradeTypeEditor.dark .blockunordlist > ul, .ruleBuilder.dark .blockunordlist > ul, .courseCredentialEditor.dark .blockunordlist > ul {
  margin-bottom: 0;
}
.pageEditor.dark .blockunstyledlist > ul, chapterEditor.dark .blockunstyledlist > ul, .clientGroupEditor.dark .blockunstyledlist > ul, .serviceTypeEditor.dark .blockunstyledlist > ul, .tradeTypeEditor.dark .blockunstyledlist > ul, .ruleBuilder.dark .blockunstyledlist > ul, .courseCredentialEditor.dark .blockunstyledlist > ul {
  margin-bottom: 0;
  padding: 0.375rem 2rem;
}
.pageEditor.dark .eDuplicate, chapterEditor.dark .eDuplicate, .clientGroupEditor.dark .eDuplicate, .serviceTypeEditor.dark .eDuplicate, .tradeTypeEditor.dark .eDuplicate, .ruleBuilder.dark .eDuplicate, .courseCredentialEditor.dark .eDuplicate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='8' y='8' width='12' height='12' rx='2' /%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .eDuplicate:hover, chapterEditor.dark .eDuplicate:hover, .clientGroupEditor.dark .eDuplicate:hover, .serviceTypeEditor.dark .eDuplicate:hover, .tradeTypeEditor.dark .eDuplicate:hover, .ruleBuilder.dark .eDuplicate:hover, .courseCredentialEditor.dark .eDuplicate:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='8' y='8' width='12' height='12' rx='2' /%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3C/svg%3E");
}
.pageEditor.dark .movehandle, chapterEditor.dark .movehandle, .clientGroupEditor.dark .movehandle, .serviceTypeEditor.dark .movehandle, .tradeTypeEditor.dark .movehandle, .ruleBuilder.dark .movehandle, .courseCredentialEditor.dark .movehandle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-drag-drop' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3Cpath d='M13 13l9 3l-4 2l-2 4l-3 -9' /%3E%3Cline x1='3' y1='3' x2='3' y2='3.01' /%3E%3Cline x1='7' y1='3' x2='7' y2='3.01' /%3E%3Cline x1='11' y1='3' x2='11' y2='3.01' /%3E%3Cline x1='15' y1='3' x2='15' y2='3.01' /%3E%3Cline x1='3' y1='7' x2='3' y2='7.01' /%3E%3Cline x1='3' y1='11' x2='3' y2='11.01' /%3E%3Cline x1='3' y1='15' x2='3' y2='15.01' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .movehandle:hover, chapterEditor.dark .movehandle:hover, .clientGroupEditor.dark .movehandle:hover, .serviceTypeEditor.dark .movehandle:hover, .tradeTypeEditor.dark .movehandle:hover, .ruleBuilder.dark .movehandle:hover, .courseCredentialEditor.dark .movehandle:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-drag-drop' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3Cpath d='M13 13l9 3l-4 2l-2 4l-3 -9' /%3E%3Cline x1='3' y1='3' x2='3' y2='3.01' /%3E%3Cline x1='7' y1='3' x2='7' y2='3.01' /%3E%3Cline x1='11' y1='3' x2='11' y2='3.01' /%3E%3Cline x1='15' y1='3' x2='15' y2='3.01' /%3E%3Cline x1='3' y1='7' x2='3' y2='7.01' /%3E%3Cline x1='3' y1='11' x2='3' y2='11.01' /%3E%3Cline x1='3' y1='15' x2='3' y2='15.01' /%3E%3C/svg%3E");
}
.pageEditor.dark .movehandle:hover, .pageEditor.dark .eDuplicate:hover, chapterEditor.dark .movehandle:hover, chapterEditor.dark .eDuplicate:hover, .clientGroupEditor.dark .movehandle:hover, .clientGroupEditor.dark .eDuplicate:hover, .serviceTypeEditor.dark .movehandle:hover, .serviceTypeEditor.dark .eDuplicate:hover, .tradeTypeEditor.dark .movehandle:hover, .tradeTypeEditor.dark .eDuplicate:hover, .ruleBuilder.dark .movehandle:hover, .ruleBuilder.dark .eDuplicate:hover, .courseCredentialEditor.dark .movehandle:hover, .courseCredentialEditor.dark .eDuplicate:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.pageEditor.dark .eItem, chapterEditor.dark .eItem, .clientGroupEditor.dark .eItem, .serviceTypeEditor.dark .eItem, .tradeTypeEditor.dark .eItem, .ruleBuilder.dark .eItem, .courseCredentialEditor.dark .eItem {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .eItem:hover, chapterEditor.dark .eItem:hover, .clientGroupEditor.dark .eItem:hover, .serviceTypeEditor.dark .eItem:hover, .tradeTypeEditor.dark .eItem:hover, .ruleBuilder.dark .eItem:hover, .courseCredentialEditor.dark .eItem:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.pageEditor.dark .eItem-inline, .pageEditor.dark .eItem-section, .pageEditor.dark .deleteCardImage, chapterEditor.dark .eItem-inline, chapterEditor.dark .eItem-section, chapterEditor.dark .deleteCardImage, .clientGroupEditor.dark .eItem-inline, .clientGroupEditor.dark .eItem-section, .clientGroupEditor.dark .deleteCardImage, .serviceTypeEditor.dark .eItem-inline, .serviceTypeEditor.dark .eItem-section, .serviceTypeEditor.dark .deleteCardImage, .tradeTypeEditor.dark .eItem-inline, .tradeTypeEditor.dark .eItem-section, .tradeTypeEditor.dark .deleteCardImage, .ruleBuilder.dark .eItem-inline, .ruleBuilder.dark .eItem-section, .ruleBuilder.dark .deleteCardImage, .courseCredentialEditor.dark .eItem-inline, .courseCredentialEditor.dark .eItem-section, .courseCredentialEditor.dark .deleteCardImage {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .eItem-inline:hover, .pageEditor.dark .eItem-section:hover, .pageEditor.dark .deleteCardImage:hover, chapterEditor.dark .eItem-inline:hover, chapterEditor.dark .eItem-section:hover, chapterEditor.dark .deleteCardImage:hover, .clientGroupEditor.dark .eItem-inline:hover, .clientGroupEditor.dark .eItem-section:hover, .clientGroupEditor.dark .deleteCardImage:hover, .serviceTypeEditor.dark .eItem-inline:hover, .serviceTypeEditor.dark .eItem-section:hover, .serviceTypeEditor.dark .deleteCardImage:hover, .tradeTypeEditor.dark .eItem-inline:hover, .tradeTypeEditor.dark .eItem-section:hover, .tradeTypeEditor.dark .deleteCardImage:hover, .ruleBuilder.dark .eItem-inline:hover, .ruleBuilder.dark .eItem-section:hover, .ruleBuilder.dark .deleteCardImage:hover, .courseCredentialEditor.dark .eItem-inline:hover, .courseCredentialEditor.dark .eItem-section:hover, .courseCredentialEditor.dark .deleteCardImage:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.pageEditor.dark .eProps, chapterEditor.dark .eProps, .clientGroupEditor.dark .eProps, .serviceTypeEditor.dark .eProps, .tradeTypeEditor.dark .eProps, .ruleBuilder.dark .eProps, .courseCredentialEditor.dark .eProps {
  background: #00bcd4;
  cursor: pointer;
  border-radius: 0px;
  padding: 0.5rem 0 0 0.3rem;
}
.pageEditor.dark .eProps:before, chapterEditor.dark .eProps:before, .clientGroupEditor.dark .eProps:before, .serviceTypeEditor.dark .eProps:before, .tradeTypeEditor.dark .eProps:before, .ruleBuilder.dark .eProps:before, .courseCredentialEditor.dark .eProps:before {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f013";
  color: #f8f9fa;
  top: -0.3rem;
  left: -0.1rem;
}
.pageEditor.dark .eImage, chapterEditor.dark .eImage, .clientGroupEditor.dark .eImage, .serviceTypeEditor.dark .eImage, .tradeTypeEditor.dark .eImage, .ruleBuilder.dark .eImage, .courseCredentialEditor.dark .eImage {
  background: #00bcd4;
  cursor: pointer;
  border-radius: 0px;
  padding: 0.5rem;
}
.pageEditor.dark .eImage:before, chapterEditor.dark .eImage:before, .clientGroupEditor.dark .eImage:before, .serviceTypeEditor.dark .eImage:before, .tradeTypeEditor.dark .eImage:before, .ruleBuilder.dark .eImage:before, .courseCredentialEditor.dark .eImage:before {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f03e";
  color: #f8f9fa;
  top: -0.3rem;
  left: -0.1rem;
}
.pageEditor.dark .eType, chapterEditor.dark .eType, .clientGroupEditor.dark .eType, .serviceTypeEditor.dark .eType, .tradeTypeEditor.dark .eType, .ruleBuilder.dark .eType, .courseCredentialEditor.dark .eType {
  margin-left: 10px;
}
.pageEditor.dark .btn-editor, chapterEditor.dark .btn-editor, .clientGroupEditor.dark .btn-editor, .serviceTypeEditor.dark .btn-editor, .tradeTypeEditor.dark .btn-editor, .ruleBuilder.dark .btn-editor, .courseCredentialEditor.dark .btn-editor {
  width: 1.7rem;
  height: 1.7rem;
  background-repeat: no-repeat;
  background-position: center;
}
.pageEditor.dark .editorAddText, .pageEditor.dark .editorAddTableSection, .pageEditor.dark .editorAddMultiDivSection, chapterEditor.dark .editorAddText, chapterEditor.dark .editorAddTableSection, chapterEditor.dark .editorAddMultiDivSection, .clientGroupEditor.dark .editorAddText, .clientGroupEditor.dark .editorAddTableSection, .clientGroupEditor.dark .editorAddMultiDivSection, .serviceTypeEditor.dark .editorAddText, .serviceTypeEditor.dark .editorAddTableSection, .serviceTypeEditor.dark .editorAddMultiDivSection, .tradeTypeEditor.dark .editorAddText, .tradeTypeEditor.dark .editorAddTableSection, .tradeTypeEditor.dark .editorAddMultiDivSection, .ruleBuilder.dark .editorAddText, .ruleBuilder.dark .editorAddTableSection, .ruleBuilder.dark .editorAddMultiDivSection, .courseCredentialEditor.dark .editorAddText, .courseCredentialEditor.dark .editorAddTableSection, .courseCredentialEditor.dark .editorAddMultiDivSection {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-forms' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 3a3 3 0 0 0 -3 3v12a3 3 0 0 0 3 3' /%3E%3Cpath d='M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3' /%3E%3Cpath d='M13 7h7a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-7' /%3E%3Cpath d='M5 7h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h1' /%3E%3Cpath d='M17 12h.01' /%3E%3Cpath d='M13 12h.01' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorAddText:hover, .pageEditor.dark .editorAddTableSection:hover, .pageEditor.dark .editorAddMultiDivSection:hover, chapterEditor.dark .editorAddText:hover, chapterEditor.dark .editorAddTableSection:hover, chapterEditor.dark .editorAddMultiDivSection:hover, .clientGroupEditor.dark .editorAddText:hover, .clientGroupEditor.dark .editorAddTableSection:hover, .clientGroupEditor.dark .editorAddMultiDivSection:hover, .serviceTypeEditor.dark .editorAddText:hover, .serviceTypeEditor.dark .editorAddTableSection:hover, .serviceTypeEditor.dark .editorAddMultiDivSection:hover, .tradeTypeEditor.dark .editorAddText:hover, .tradeTypeEditor.dark .editorAddTableSection:hover, .tradeTypeEditor.dark .editorAddMultiDivSection:hover, .ruleBuilder.dark .editorAddText:hover, .ruleBuilder.dark .editorAddTableSection:hover, .ruleBuilder.dark .editorAddMultiDivSection:hover, .courseCredentialEditor.dark .editorAddText:hover, .courseCredentialEditor.dark .editorAddTableSection:hover, .courseCredentialEditor.dark .editorAddMultiDivSection:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-forms' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 3a3 3 0 0 0 -3 3v12a3 3 0 0 0 3 3' /%3E%3Cpath d='M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3' /%3E%3Cpath d='M13 7h7a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-7' /%3E%3Cpath d='M5 7h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h1' /%3E%3Cpath d='M17 12h.01' /%3E%3Cpath d='M13 12h.01' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorIncreaseFont, chapterEditor.dark .editorIncreaseFont, .clientGroupEditor.dark .editorIncreaseFont, .serviceTypeEditor.dark .editorIncreaseFont, .tradeTypeEditor.dark .editorIncreaseFont, .ruleBuilder.dark .editorIncreaseFont, .courseCredentialEditor.dark .editorIncreaseFont {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-case-upper' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='2' x2='17' y2='9'%3E%3C/line%3E%3Cline x1='14' y1='5' x2='20.5' y2='5' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorIncreaseFont:hover, chapterEditor.dark .editorIncreaseFont:hover, .clientGroupEditor.dark .editorIncreaseFont:hover, .serviceTypeEditor.dark .editorIncreaseFont:hover, .tradeTypeEditor.dark .editorIncreaseFont:hover, .ruleBuilder.dark .editorIncreaseFont:hover, .courseCredentialEditor.dark .editorIncreaseFont:hover {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-case-upper' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='0' x2='17' y2='9'%3E%3C/line%3E%3Cline x1='14' y1='5' x2='20.5' y2='5' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorDecreaseFont, chapterEditor.dark .editorDecreaseFont, .clientGroupEditor.dark .editorDecreaseFont, .serviceTypeEditor.dark .editorDecreaseFont, .tradeTypeEditor.dark .editorDecreaseFont, .ruleBuilder.dark .editorDecreaseFont, .courseCredentialEditor.dark .editorDecreaseFont {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-case-upper' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='14' y1='5' x2='20' y2='5' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorDecreaseFont:hover, chapterEditor.dark .editorDecreaseFont:hover, .clientGroupEditor.dark .editorDecreaseFont:hover, .serviceTypeEditor.dark .editorDecreaseFont:hover, .tradeTypeEditor.dark .editorDecreaseFont:hover, .ruleBuilder.dark .editorDecreaseFont:hover, .courseCredentialEditor.dark .editorDecreaseFont:hover {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-case-upper' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='14' y1='5' x2='20' y2='5' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3C/svg%3E");
}
.pageEditor.dark .fontGroup > a:first-child, chapterEditor.dark .fontGroup > a:first-child, .clientGroupEditor.dark .fontGroup > a:first-child, .serviceTypeEditor.dark .fontGroup > a:first-child, .tradeTypeEditor.dark .fontGroup > a:first-child, .ruleBuilder.dark .fontGroup > a:first-child, .courseCredentialEditor.dark .fontGroup > a:first-child {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-v' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3Cline x1='12' y1='5' x2='20' y2='5' /%3E%3Cline x1='14' y1='9' x2='20' y2='9' /%3E%3Cline x1='16' y1='13' x2='20' y2='13' /%3E%3Cline x1='18' y1='17' x2='20' y2='17' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .fontGroup > a:first-child:hover, chapterEditor.dark .fontGroup > a:first-child:hover, .clientGroupEditor.dark .fontGroup > a:first-child:hover, .serviceTypeEditor.dark .fontGroup > a:first-child:hover, .tradeTypeEditor.dark .fontGroup > a:first-child:hover, .ruleBuilder.dark .fontGroup > a:first-child:hover, .courseCredentialEditor.dark .fontGroup > a:first-child:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-v' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3Cline x1='12' y1='5' x2='20' y2='5' /%3E%3Cline x1='14' y1='9' x2='20' y2='9' /%3E%3Cline x1='16' y1='13' x2='20' y2='13' /%3E%3Cline x1='18' y1='17' x2='20' y2='17' /%3E%3C/svg%3E");
}
.pageEditor.dark .colourGroup > a:first-child, chapterEditor.dark .colourGroup > a:first-child, .clientGroupEditor.dark .colourGroup > a:first-child, .serviceTypeEditor.dark .colourGroup > a:first-child, .tradeTypeEditor.dark .colourGroup > a:first-child, .ruleBuilder.dark .colourGroup > a:first-child, .courseCredentialEditor.dark .colourGroup > a:first-child {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-palette' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25' /%3E%3Ccircle cx='7.5' cy='10.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='12' cy='7.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='16.5' cy='10.5' r='.5' fill='currentColor' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .colourGroup > a:first-child:hover, chapterEditor.dark .colourGroup > a:first-child:hover, .clientGroupEditor.dark .colourGroup > a:first-child:hover, .serviceTypeEditor.dark .colourGroup > a:first-child:hover, .tradeTypeEditor.dark .colourGroup > a:first-child:hover, .ruleBuilder.dark .colourGroup > a:first-child:hover, .courseCredentialEditor.dark .colourGroup > a:first-child:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-palette' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25' /%3E%3Ccircle cx='7.5' cy='10.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='12' cy='7.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='16.5' cy='10.5' r='.5' fill='currentColor' /%3E%3C/svg%3E");
}
.pageEditor.dark .colourGroup .col-form-label, chapterEditor.dark .colourGroup .col-form-label, .clientGroupEditor.dark .colourGroup .col-form-label, .serviceTypeEditor.dark .colourGroup .col-form-label, .tradeTypeEditor.dark .colourGroup .col-form-label, .ruleBuilder.dark .colourGroup .col-form-label, .courseCredentialEditor.dark .colourGroup .col-form-label {
  font-size: 0.75rem !important;
  font-weight: 500;
  color: #ff637b !important;
  margin-top: 0.35rem;
  margin-bottom: 0.15rem;
  padding-top: 0px !important;
}
.pageEditor.dark .padGroup > a:first-child, chapterEditor.dark .padGroup > a:first-child, .clientGroupEditor.dark .padGroup > a:first-child, .serviceTypeEditor.dark .padGroup > a:first-child, .tradeTypeEditor.dark .padGroup > a:first-child, .ruleBuilder.dark .padGroup > a:first-child, .courseCredentialEditor.dark .padGroup > a:first-child {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-box-padding' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cpath d='M8 16v.01' /%3E%3Cpath d='M8 12v.01' /%3E%3Cpath d='M8 8v.01' /%3E%3Cpath d='M16 16v.01' /%3E%3Cpath d='M16 12v.01' /%3E%3Cpath d='M16 8v.01' /%3E%3Cpath d='M12 8v.01' /%3E%3Cpath d='M12 16v.01' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .padGroup > a:first-child:hover, chapterEditor.dark .padGroup > a:first-child:hover, .clientGroupEditor.dark .padGroup > a:first-child:hover, .serviceTypeEditor.dark .padGroup > a:first-child:hover, .tradeTypeEditor.dark .padGroup > a:first-child:hover, .ruleBuilder.dark .padGroup > a:first-child:hover, .courseCredentialEditor.dark .padGroup > a:first-child:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-box-padding' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cpath d='M8 16v.01' /%3E%3Cpath d='M8 12v.01' /%3E%3Cpath d='M8 8v.01' /%3E%3Cpath d='M16 16v.01' /%3E%3Cpath d='M16 12v.01' /%3E%3Cpath d='M16 8v.01' /%3E%3Cpath d='M12 8v.01' /%3E%3Cpath d='M12 16v.01' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorHeading, chapterEditor.dark .editorHeading, .clientGroupEditor.dark .editorHeading, .serviceTypeEditor.dark .editorHeading, .tradeTypeEditor.dark .editorHeading, .ruleBuilder.dark .editorHeading, .courseCredentialEditor.dark .editorHeading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-h' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='4' x2='17' y2='20' /%3E%3Cline x1='7' y1='12' x2='17' y2='12' /%3E%3Cline x1='7' y1='4' x2='7' y2='20' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorHeading:hover, chapterEditor.dark .editorHeading:hover, .clientGroupEditor.dark .editorHeading:hover, .serviceTypeEditor.dark .editorHeading:hover, .tradeTypeEditor.dark .editorHeading:hover, .ruleBuilder.dark .editorHeading:hover, .courseCredentialEditor.dark .editorHeading:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-h' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='4' x2='17' y2='20' /%3E%3Cline x1='7' y1='12' x2='17' y2='12' /%3E%3Cline x1='7' y1='4' x2='7' y2='20' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorBold, chapterEditor.dark .editorBold, .clientGroupEditor.dark .editorBold, .serviceTypeEditor.dark .editorBold, .tradeTypeEditor.dark .editorBold, .ruleBuilder.dark .editorBold, .courseCredentialEditor.dark .editorBold {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bold' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 5h6a3.5 3.5 0 0 1 0 7h-6z' /%3E%3Cpath d='M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorBold:hover, chapterEditor.dark .editorBold:hover, .clientGroupEditor.dark .editorBold:hover, .serviceTypeEditor.dark .editorBold:hover, .tradeTypeEditor.dark .editorBold:hover, .ruleBuilder.dark .editorBold:hover, .courseCredentialEditor.dark .editorBold:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bold' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 5h6a3.5 3.5 0 0 1 0 7h-6z' /%3E%3Cpath d='M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorItalic, chapterEditor.dark .editorItalic, .clientGroupEditor.dark .editorItalic, .serviceTypeEditor.dark .editorItalic, .tradeTypeEditor.dark .editorItalic, .ruleBuilder.dark .editorItalic, .courseCredentialEditor.dark .editorItalic {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-italic' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='11' y1='5' x2='17' y2='5' /%3E%3Cline x1='7' y1='19' x2='13' y2='19' /%3E%3Cline x1='14' y1='5' x2='10' y2='19' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorItalic:hover, chapterEditor.dark .editorItalic:hover, .clientGroupEditor.dark .editorItalic:hover, .serviceTypeEditor.dark .editorItalic:hover, .tradeTypeEditor.dark .editorItalic:hover, .ruleBuilder.dark .editorItalic:hover, .courseCredentialEditor.dark .editorItalic:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-italic' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='11' y1='5' x2='17' y2='5' /%3E%3Cline x1='7' y1='19' x2='13' y2='19' /%3E%3Cline x1='14' y1='5' x2='10' y2='19' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorUnderline, chapterEditor.dark .editorUnderline, .clientGroupEditor.dark .editorUnderline, .serviceTypeEditor.dark .editorUnderline, .tradeTypeEditor.dark .editorUnderline, .ruleBuilder.dark .editorUnderline, .courseCredentialEditor.dark .editorUnderline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-underline' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 5v5a5 5 0 0 0 10 0v-5' /%3E%3Cpath d='M5 19h14' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorUnderline:hover, chapterEditor.dark .editorUnderline:hover, .clientGroupEditor.dark .editorUnderline:hover, .serviceTypeEditor.dark .editorUnderline:hover, .tradeTypeEditor.dark .editorUnderline:hover, .ruleBuilder.dark .editorUnderline:hover, .courseCredentialEditor.dark .editorUnderline:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-underline' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 5v5a5 5 0 0 0 10 0v-5' /%3E%3Cpath d='M5 19h14' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorTextLeft, chapterEditor.dark .editorTextLeft, .clientGroupEditor.dark .editorTextLeft, .serviceTypeEditor.dark .editorTextLeft, .tradeTypeEditor.dark .editorTextLeft, .ruleBuilder.dark .editorTextLeft, .courseCredentialEditor.dark .editorTextLeft {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-left' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='4' x2='4' y2='20' /%3E%3Crect x='8' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorTextLeft:hover, chapterEditor.dark .editorTextLeft:hover, .clientGroupEditor.dark .editorTextLeft:hover, .serviceTypeEditor.dark .editorTextLeft:hover, .tradeTypeEditor.dark .editorTextLeft:hover, .ruleBuilder.dark .editorTextLeft:hover, .courseCredentialEditor.dark .editorTextLeft:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-left' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='4' x2='4' y2='20' /%3E%3Crect x='8' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorTextCenter, chapterEditor.dark .editorTextCenter, .clientGroupEditor.dark .editorTextCenter, .serviceTypeEditor.dark .editorTextCenter, .tradeTypeEditor.dark .editorTextCenter, .ruleBuilder.dark .editorTextCenter, .courseCredentialEditor.dark .editorTextCenter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-center' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='4' x2='12' y2='9' /%3E%3Cline x1='12' y1='15' x2='12' y2='20' /%3E%3Crect x='6' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorTextCenter:hover, chapterEditor.dark .editorTextCenter:hover, .clientGroupEditor.dark .editorTextCenter:hover, .serviceTypeEditor.dark .editorTextCenter:hover, .tradeTypeEditor.dark .editorTextCenter:hover, .ruleBuilder.dark .editorTextCenter:hover, .courseCredentialEditor.dark .editorTextCenter:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-center' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='4' x2='12' y2='9' /%3E%3Cline x1='12' y1='15' x2='12' y2='20' /%3E%3Crect x='6' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorTextRight, chapterEditor.dark .editorTextRight, .clientGroupEditor.dark .editorTextRight, .serviceTypeEditor.dark .editorTextRight, .tradeTypeEditor.dark .editorTextRight, .ruleBuilder.dark .editorTextRight, .courseCredentialEditor.dark .editorTextRight {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-right' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='4' x2='20' y2='20' /%3E%3Crect x='4' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorTextRight:hover, chapterEditor.dark .editorTextRight:hover, .clientGroupEditor.dark .editorTextRight:hover, .serviceTypeEditor.dark .editorTextRight:hover, .tradeTypeEditor.dark .editorTextRight:hover, .ruleBuilder.dark .editorTextRight:hover, .courseCredentialEditor.dark .editorTextRight:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-right' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='4' x2='20' y2='20' /%3E%3Crect x='4' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorTextJustify, chapterEditor.dark .editorTextJustify, .clientGroupEditor.dark .editorTextJustify, .serviceTypeEditor.dark .editorTextJustify, .tradeTypeEditor.dark .editorTextJustify, .ruleBuilder.dark .editorTextJustify, .courseCredentialEditor.dark .editorTextJustify {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-justified' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='4' y1='12' x2='20' y2='12' /%3E%3Cline x1='4' y1='18' x2='16' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorTextJustify:hover, chapterEditor.dark .editorTextJustify:hover, .clientGroupEditor.dark .editorTextJustify:hover, .serviceTypeEditor.dark .editorTextJustify:hover, .tradeTypeEditor.dark .editorTextJustify:hover, .ruleBuilder.dark .editorTextJustify:hover, .courseCredentialEditor.dark .editorTextJustify:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-justified' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='4' y1='12' x2='20' y2='12' /%3E%3Cline x1='4' y1='18' x2='16' y2='18' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorTextTop, chapterEditor.dark .editorTextTop, .clientGroupEditor.dark .editorTextTop, .serviceTypeEditor.dark .editorTextTop, .tradeTypeEditor.dark .editorTextTop, .ruleBuilder.dark .editorTextTop, .courseCredentialEditor.dark .editorTextTop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-top' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='4' x2='20' y2='4' /%3E%3Crect x='9' y='8' width='6' height='12' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorTextTop:hover, chapterEditor.dark .editorTextTop:hover, .clientGroupEditor.dark .editorTextTop:hover, .serviceTypeEditor.dark .editorTextTop:hover, .tradeTypeEditor.dark .editorTextTop:hover, .ruleBuilder.dark .editorTextTop:hover, .courseCredentialEditor.dark .editorTextTop:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-top' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='4' x2='20' y2='4' /%3E%3Crect x='9' y='8' width='6' height='12' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorTextBottom, chapterEditor.dark .editorTextBottom, .clientGroupEditor.dark .editorTextBottom, .serviceTypeEditor.dark .editorTextBottom, .tradeTypeEditor.dark .editorTextBottom, .ruleBuilder.dark .editorTextBottom, .courseCredentialEditor.dark .editorTextBottom {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-bottom' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='20' x2='20' y2='20' /%3E%3Crect x='9' y='4' width='6' height='12' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorTextBottom:hover, chapterEditor.dark .editorTextBottom:hover, .clientGroupEditor.dark .editorTextBottom:hover, .serviceTypeEditor.dark .editorTextBottom:hover, .tradeTypeEditor.dark .editorTextBottom:hover, .ruleBuilder.dark .editorTextBottom:hover, .courseCredentialEditor.dark .editorTextBottom:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-bottom' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='20' x2='20' y2='20' /%3E%3Crect x='9' y='4' width='6' height='12' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorTextMiddle, chapterEditor.dark .editorTextMiddle, .clientGroupEditor.dark .editorTextMiddle, .serviceTypeEditor.dark .editorTextMiddle, .tradeTypeEditor.dark .editorTextMiddle, .ruleBuilder.dark .editorTextMiddle, .courseCredentialEditor.dark .editorTextMiddle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-middle' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='12' x2='9' y2='12' /%3E%3Cline x1='15' y1='12' x2='20' y2='12' /%3E%3Crect x='9' y='6' width='6' height='12' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorTextMiddle:hover, chapterEditor.dark .editorTextMiddle:hover, .clientGroupEditor.dark .editorTextMiddle:hover, .serviceTypeEditor.dark .editorTextMiddle:hover, .tradeTypeEditor.dark .editorTextMiddle:hover, .ruleBuilder.dark .editorTextMiddle:hover, .courseCredentialEditor.dark .editorTextMiddle:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-middle' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='12' x2='9' y2='12' /%3E%3Cline x1='15' y1='12' x2='20' y2='12' /%3E%3Crect x='9' y='6' width='6' height='12' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorIndent, chapterEditor.dark .editorIndent, .clientGroupEditor.dark .editorIndent, .serviceTypeEditor.dark .editorIndent, .tradeTypeEditor.dark .editorIndent, .ruleBuilder.dark .editorIndent, .courseCredentialEditor.dark .editorIndent {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-indent-increase' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='6' x2='9' y2='6' /%3E%3Cline x1='20' y1='12' x2='13' y2='12' /%3E%3Cline x1='20' y1='18' x2='9' y2='18' /%3E%3Cpath d='M4 8l4 4l-4 4' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorIndent:hover, chapterEditor.dark .editorIndent:hover, .clientGroupEditor.dark .editorIndent:hover, .serviceTypeEditor.dark .editorIndent:hover, .tradeTypeEditor.dark .editorIndent:hover, .ruleBuilder.dark .editorIndent:hover, .courseCredentialEditor.dark .editorIndent:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-indent-increase' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='6' x2='9' y2='6' /%3E%3Cline x1='20' y1='12' x2='13' y2='12' /%3E%3Cline x1='20' y1='18' x2='9' y2='18' /%3E%3Cpath d='M4 8l4 4l-4 4' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorOutdent, chapterEditor.dark .editorOutdent, .clientGroupEditor.dark .editorOutdent, .serviceTypeEditor.dark .editorOutdent, .tradeTypeEditor.dark .editorOutdent, .ruleBuilder.dark .editorOutdent, .courseCredentialEditor.dark .editorOutdent {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-indent-decrease' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='6' x2='13' y2='6' /%3E%3Cline x1='20' y1='12' x2='11' y2='12' /%3E%3Cline x1='20' y1='18' x2='13' y2='18' /%3E%3Cpath d='M8 8l-4 4l4 4' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorOutdent:hover, chapterEditor.dark .editorOutdent:hover, .clientGroupEditor.dark .editorOutdent:hover, .serviceTypeEditor.dark .editorOutdent:hover, .tradeTypeEditor.dark .editorOutdent:hover, .ruleBuilder.dark .editorOutdent:hover, .courseCredentialEditor.dark .editorOutdent:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-indent-decrease' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='6' x2='13' y2='6' /%3E%3Cline x1='20' y1='12' x2='11' y2='12' /%3E%3Cline x1='20' y1='18' x2='13' y2='18' /%3E%3Cpath d='M8 8l-4 4l4 4' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorInlineImageLeft, chapterEditor.dark .editorInlineImageLeft, .clientGroupEditor.dark .editorInlineImageLeft, .serviceTypeEditor.dark .editorInlineImageLeft, .tradeTypeEditor.dark .editorInlineImageLeft, .ruleBuilder.dark .editorInlineImageLeft, .courseCredentialEditor.dark .editorInlineImageLeft {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-left' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='4' y1='12' x2='14' y2='12' /%3E%3Cline x1='4' y1='18' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorInlineImageLeft:hover, chapterEditor.dark .editorInlineImageLeft:hover, .clientGroupEditor.dark .editorInlineImageLeft:hover, .serviceTypeEditor.dark .editorInlineImageLeft:hover, .tradeTypeEditor.dark .editorInlineImageLeft:hover, .ruleBuilder.dark .editorInlineImageLeft:hover, .courseCredentialEditor.dark .editorInlineImageLeft:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-left' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='4' y1='12' x2='14' y2='12' /%3E%3Cline x1='4' y1='18' x2='18' y2='18' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorInlineImageCenter, chapterEditor.dark .editorInlineImageCenter, .clientGroupEditor.dark .editorInlineImageCenter, .serviceTypeEditor.dark .editorInlineImageCenter, .tradeTypeEditor.dark .editorInlineImageCenter, .ruleBuilder.dark .editorInlineImageCenter, .courseCredentialEditor.dark .editorInlineImageCenter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-center' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='8' y1='12' x2='16' y2='12' /%3E%3Cline x1='6' y1='18' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorInlineImageCenter:hover, chapterEditor.dark .editorInlineImageCenter:hover, .clientGroupEditor.dark .editorInlineImageCenter:hover, .serviceTypeEditor.dark .editorInlineImageCenter:hover, .tradeTypeEditor.dark .editorInlineImageCenter:hover, .ruleBuilder.dark .editorInlineImageCenter:hover, .courseCredentialEditor.dark .editorInlineImageCenter:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-center' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='8' y1='12' x2='16' y2='12' /%3E%3Cline x1='6' y1='18' x2='18' y2='18' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorInlineImageRight, chapterEditor.dark .editorInlineImageRight, .clientGroupEditor.dark .editorInlineImageRight, .serviceTypeEditor.dark .editorInlineImageRight, .tradeTypeEditor.dark .editorInlineImageRight, .ruleBuilder.dark .editorInlineImageRight, .courseCredentialEditor.dark .editorInlineImageRight {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-right' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='10' y1='12' x2='20' y2='12' /%3E%3Cline x1='6' y1='18' x2='20' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorInlineImageRight:hover, chapterEditor.dark .editorInlineImageRight:hover, .clientGroupEditor.dark .editorInlineImageRight:hover, .serviceTypeEditor.dark .editorInlineImageRight:hover, .tradeTypeEditor.dark .editorInlineImageRight:hover, .ruleBuilder.dark .editorInlineImageRight:hover, .courseCredentialEditor.dark .editorInlineImageRight:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-right' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='10' y1='12' x2='20' y2='12' /%3E%3Cline x1='6' y1='18' x2='20' y2='18' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorOrderedList, chapterEditor.dark .editorOrderedList, .clientGroupEditor.dark .editorOrderedList, .serviceTypeEditor.dark .editorOrderedList, .tradeTypeEditor.dark .editorOrderedList, .ruleBuilder.dark .editorOrderedList, .courseCredentialEditor.dark .editorOrderedList {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='20' y2='6' /%3E%3Cline x1='9' y1='12' x2='20' y2='12' /%3E%3Cline x1='9' y1='18' x2='20' y2='18' /%3E%3Cpath d='M4 9v-5l-2 2' /%3E%3Cpath d='M2 13a2 1 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorOrderedList:hover, chapterEditor.dark .editorOrderedList:hover, .clientGroupEditor.dark .editorOrderedList:hover, .serviceTypeEditor.dark .editorOrderedList:hover, .tradeTypeEditor.dark .editorOrderedList:hover, .ruleBuilder.dark .editorOrderedList:hover, .courseCredentialEditor.dark .editorOrderedList:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='20' y2='6' /%3E%3Cline x1='9' y1='12' x2='20' y2='12' /%3E%3Cline x1='9' y1='18' x2='20' y2='18' /%3E%3Cpath d='M4 9v-5l-2 2' /%3E%3Cpath d='M2 13a2 1 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorUnorderedList, chapterEditor.dark .editorUnorderedList, .clientGroupEditor.dark .editorUnorderedList, .serviceTypeEditor.dark .editorUnorderedList, .tradeTypeEditor.dark .editorUnorderedList, .ruleBuilder.dark .editorUnorderedList, .courseCredentialEditor.dark .editorUnorderedList {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='20' y2='6' /%3E%3Cline x1='9' y1='12' x2='20' y2='12' /%3E%3Cline x1='9' y1='18' x2='20' y2='18' /%3E%3Cline x1='5' y1='6' x2='5' y2='6.01' /%3E%3Cline x1='5' y1='12' x2='5' y2='12.01' /%3E%3Cline x1='5' y1='18' x2='5' y2='18.01' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorUnorderedList:hover, chapterEditor.dark .editorUnorderedList:hover, .clientGroupEditor.dark .editorUnorderedList:hover, .serviceTypeEditor.dark .editorUnorderedList:hover, .tradeTypeEditor.dark .editorUnorderedList:hover, .ruleBuilder.dark .editorUnorderedList:hover, .courseCredentialEditor.dark .editorUnorderedList:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='20' y2='6' /%3E%3Cline x1='9' y1='12' x2='20' y2='12' /%3E%3Cline x1='9' y1='18' x2='20' y2='18' /%3E%3Cline x1='5' y1='6' x2='5' y2='6.01' /%3E%3Cline x1='5' y1='12' x2='5' y2='12.01' /%3E%3Cline x1='5' y1='18' x2='5' y2='18.01' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorToolTip, chapterEditor.dark .editorToolTip, .clientGroupEditor.dark .editorToolTip, .serviceTypeEditor.dark .editorToolTip, .tradeTypeEditor.dark .editorToolTip, .ruleBuilder.dark .editorToolTip, .courseCredentialEditor.dark .editorToolTip {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-message' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4' /%3E%3Cline x1='8' y1='9' x2='16' y2='9' /%3E%3Cline x1='8' y1='13' x2='14' y2='13' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorToolTip:hover, chapterEditor.dark .editorToolTip:hover, .clientGroupEditor.dark .editorToolTip:hover, .serviceTypeEditor.dark .editorToolTip:hover, .tradeTypeEditor.dark .editorToolTip:hover, .ruleBuilder.dark .editorToolTip:hover, .courseCredentialEditor.dark .editorToolTip:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-message' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4' /%3E%3Cline x1='8' y1='9' x2='16' y2='9' /%3E%3Cline x1='8' y1='13' x2='14' y2='13' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorLink, chapterEditor.dark .editorLink, .clientGroupEditor.dark .editorLink, .serviceTypeEditor.dark .editorLink, .tradeTypeEditor.dark .editorLink, .ruleBuilder.dark .editorLink, .courseCredentialEditor.dark .editorLink {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-link' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5' /%3E%3Cpath d='M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorLink:hover, chapterEditor.dark .editorLink:hover, .clientGroupEditor.dark .editorLink:hover, .serviceTypeEditor.dark .editorLink:hover, .tradeTypeEditor.dark .editorLink:hover, .ruleBuilder.dark .editorLink:hover, .courseCredentialEditor.dark .editorLink:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-link' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5' /%3E%3Cpath d='M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorEmail, chapterEditor.dark .editorEmail, .clientGroupEditor.dark .editorEmail, .serviceTypeEditor.dark .editorEmail, .tradeTypeEditor.dark .editorEmail, .ruleBuilder.dark .editorEmail, .courseCredentialEditor.dark .editorEmail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-mail' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='5' width='18' height='14' rx='2' /%3E%3Cpolyline points='3 7 12 13 21 7' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorEmail:hover, chapterEditor.dark .editorEmail:hover, .clientGroupEditor.dark .editorEmail:hover, .serviceTypeEditor.dark .editorEmail:hover, .tradeTypeEditor.dark .editorEmail:hover, .ruleBuilder.dark .editorEmail:hover, .courseCredentialEditor.dark .editorEmail:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-mail' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='5' width='18' height='14' rx='2' /%3E%3Cpolyline points='3 7 12 13 21 7' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorDocSelect, chapterEditor.dark .editorDocSelect, .clientGroupEditor.dark .editorDocSelect, .serviceTypeEditor.dark .editorDocSelect, .tradeTypeEditor.dark .editorDocSelect, .ruleBuilder.dark .editorDocSelect, .courseCredentialEditor.dark .editorDocSelect {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 26 26' width='20px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm12 6V9c0-.55-.45-1-1-1h-2v5h2c.55 0 1-.45 1-1zm-2-3h1v3h-1V9zm4 2h1v-1h-1V9h1V8h-2v5h1zm-8 0h1c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorDocSelect:hover, chapterEditor.dark .editorDocSelect:hover, .clientGroupEditor.dark .editorDocSelect:hover, .serviceTypeEditor.dark .editorDocSelect:hover, .tradeTypeEditor.dark .editorDocSelect:hover, .ruleBuilder.dark .editorDocSelect:hover, .courseCredentialEditor.dark .editorDocSelect:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 26 26' width='20px' fill='%238b8dfa'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm12 6V9c0-.55-.45-1-1-1h-2v5h2c.55 0 1-.45 1-1zm-2-3h1v3h-1V9zm4 2h1v-1h-1V9h1V8h-2v5h1zm-8 0h1c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z'/%3E%3C/svg%3E");
}
.pageEditor.dark .editorImageSelect, chapterEditor.dark .editorImageSelect, .clientGroupEditor.dark .editorImageSelect, .serviceTypeEditor.dark .editorImageSelect, .tradeTypeEditor.dark .editorImageSelect, .ruleBuilder.dark .editorImageSelect, .courseCredentialEditor.dark .editorImageSelect {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-photo' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='15' y1='8' x2='15.01' y2='8' /%3E%3Crect x='4' y='4' width='16' height='16' rx='3' /%3E%3Cpath d='M4 15l4 -4a3 5 0 0 1 3 0l5 5' /%3E%3Cpath d='M14 14l1 -1a3 5 0 0 1 3 0l2 2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorImageSelect:hover, chapterEditor.dark .editorImageSelect:hover, .clientGroupEditor.dark .editorImageSelect:hover, .serviceTypeEditor.dark .editorImageSelect:hover, .tradeTypeEditor.dark .editorImageSelect:hover, .ruleBuilder.dark .editorImageSelect:hover, .courseCredentialEditor.dark .editorImageSelect:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-photo' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='15' y1='8' x2='15.01' y2='8' /%3E%3Crect x='4' y='4' width='16' height='16' rx='3' /%3E%3Cpath d='M4 15l4 -4a3 5 0 0 1 3 0l5 5' /%3E%3Cpath d='M14 14l1 -1a3 5 0 0 1 3 0l2 2' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorImageReset, chapterEditor.dark .editorImageReset, .clientGroupEditor.dark .editorImageReset, .serviceTypeEditor.dark .editorImageReset, .tradeTypeEditor.dark .editorImageReset, .ruleBuilder.dark .editorImageReset, .courseCredentialEditor.dark .editorImageReset {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-refresh' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4' /%3E%3Cpath d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorImageReset:hover, chapterEditor.dark .editorImageReset:hover, .clientGroupEditor.dark .editorImageReset:hover, .serviceTypeEditor.dark .editorImageReset:hover, .tradeTypeEditor.dark .editorImageReset:hover, .ruleBuilder.dark .editorImageReset:hover, .courseCredentialEditor.dark .editorImageReset:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-refresh' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4' /%3E%3Cpath d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorCellwidth, chapterEditor.dark .editorCellwidth, .clientGroupEditor.dark .editorCellwidth, .serviceTypeEditor.dark .editorCellwidth, .tradeTypeEditor.dark .editorCellwidth, .ruleBuilder.dark .editorCellwidth, .courseCredentialEditor.dark .editorCellwidth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-horizontal' width='24' height='24' viewBox='0 0 26 26' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='7 8 3 12 7 16' /%3E%3Cpolyline points='17 8 21 12 17 16' /%3E%3Cline x1='3' y1='12' x2='21' y2='12' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorCellwidth:hover, chapterEditor.dark .editorCellwidth:hover, .clientGroupEditor.dark .editorCellwidth:hover, .serviceTypeEditor.dark .editorCellwidth:hover, .tradeTypeEditor.dark .editorCellwidth:hover, .ruleBuilder.dark .editorCellwidth:hover, .courseCredentialEditor.dark .editorCellwidth:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-horizontal' width='24' height='24' viewBox='0 0 26 26' stroke-width='2' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='7 8 3 12 7 16' /%3E%3Cpolyline points='17 8 21 12 17 16' /%3E%3Cline x1='3' y1='12' x2='21' y2='12' /%3E%3C/svg%3E");
}
.pageEditor.dark .editorImageAlt, chapterEditor.dark .editorImageAlt, .clientGroupEditor.dark .editorImageAlt, .serviceTypeEditor.dark .editorImageAlt, .tradeTypeEditor.dark .editorImageAlt, .ruleBuilder.dark .editorImageAlt, .courseCredentialEditor.dark .editorImageAlt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-disabled-2' width='24' height='24' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='17' cy='6' r='2' /%3E%3Cpath d='M9 11a5 5 0 1 0 3.95 7.95' /%3E%3Cpath d='M19 20l-4 -5h-4l3 -5l-4 -3l-4 1' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark .editorImageAlt:hover, chapterEditor.dark .editorImageAlt:hover, .clientGroupEditor.dark .editorImageAlt:hover, .serviceTypeEditor.dark .editorImageAlt:hover, .tradeTypeEditor.dark .editorImageAlt:hover, .ruleBuilder.dark .editorImageAlt:hover, .courseCredentialEditor.dark .editorImageAlt:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-disabled-2' width='24' height='24' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='17' cy='6' r='2' /%3E%3Cpath d='M9 11a5 5 0 1 0 3.95 7.95' /%3E%3Cpath d='M19 20l-4 -5h-4l3 -5l-4 -3l-4 1' /%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction, chapterEditor.dark li.page-item.active > a.fraction, .clientGroupEditor.dark li.page-item.active > a.fraction, .serviceTypeEditor.dark li.page-item.active > a.fraction, .tradeTypeEditor.dark li.page-item.active > a.fraction, .ruleBuilder.dark li.page-item.active > a.fraction, .courseCredentialEditor.dark li.page-item.active > a.fraction {
  background-color: transparent;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-qhq, chapterEditor.dark li.page-item.active > a.fraction.fraction-qhq, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-qhq, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-qhq, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-qhq, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-qhq, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-qhq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-qqqq, chapterEditor.dark li.page-item.active > a.fraction.fraction-qqqq, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-qqqq, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-qqqq, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-qqqq, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-qqqq, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-qqqq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-ttt, chapterEditor.dark li.page-item.active > a.fraction.fraction-ttt, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-ttt, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-ttt, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-ttt, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-ttt, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-ttt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-hh, chapterEditor.dark li.page-item.active > a.fraction.fraction-hh, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-hh, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-hh, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-hh, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-hh, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-hh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-hh, chapterEditor.dark li.page-item.active > a.fraction.fraction-hh, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-hh, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-hh, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-hh, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-hh, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-hh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-hqq, chapterEditor.dark li.page-item.active > a.fraction.fraction-hqq, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-hqq, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-hqq, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-hqq, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-hqq, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-hqq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-hts, chapterEditor.dark li.page-item.active > a.fraction.fraction-hts, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-hts, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-hts, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-hts, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-hts, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-hts {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='20' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-hst, chapterEditor.dark li.page-item.active > a.fraction.fraction-hst, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-hst, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-hst, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-hst, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-hst, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-hst {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-qqh, chapterEditor.dark li.page-item.active > a.fraction.fraction-qqh, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-qqh, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-qqh, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-qqh, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-qqh, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-qqh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-sth, chapterEditor.dark li.page-item.active > a.fraction.fraction-sth, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-sth, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-sth, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-sth, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-sth, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-sth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='4' x2='4' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-tsh, chapterEditor.dark li.page-item.active > a.fraction.fraction-tsh, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-tsh, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-tsh, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-tsh, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-tsh, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-tsh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction25, chapterEditor.dark li.page-item.active > a.fraction.fraction25, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction25, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction25, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction25, .ruleBuilder.dark li.page-item.active > a.fraction.fraction25, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction25 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item.active > a.fraction.fraction33, chapterEditor.dark li.page-item.active > a.fraction.fraction33, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction33, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction33, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction33, .ruleBuilder.dark li.page-item.active > a.fraction.fraction33, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction33 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item.active > a.fraction.fraction66, chapterEditor.dark li.page-item.active > a.fraction.fraction66, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction66, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction66, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction66, .ruleBuilder.dark li.page-item.active > a.fraction.fraction66, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction66 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='15' y1='4' x2='15' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item.active > a.fraction.fraction75, chapterEditor.dark li.page-item.active > a.fraction.fraction75, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction75, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction75, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction75, .ruleBuilder.dark li.page-item.active > a.fraction.fraction75, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction75 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-row-66, chapterEditor.dark li.page-item.active > a.fraction.fraction-row-66, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-row-66, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-row-66, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-row-66, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-row-66, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-row-66 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='16' y1='4' x2='16' y2='12'/%3E%3Cline x1='16' y1='13' x2='16' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-row-33, chapterEditor.dark li.page-item.active > a.fraction.fraction-row-33, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-row-33, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-row-33, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-row-33, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-row-33, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-row-33 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='9' y1='4' x2='9' y2='12'/%3E%3Cline x1='9' y1='13' x2='9' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark li.page-item.active > a.fraction.fraction-row-50, chapterEditor.dark li.page-item.active > a.fraction.fraction-row-50, .clientGroupEditor.dark li.page-item.active > a.fraction.fraction-row-50, .serviceTypeEditor.dark li.page-item.active > a.fraction.fraction-row-50, .tradeTypeEditor.dark li.page-item.active > a.fraction.fraction-row-50, .ruleBuilder.dark li.page-item.active > a.fraction.fraction-row-50, .courseCredentialEditor.dark li.page-item.active > a.fraction.fraction-row-50 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='12'/%3E%3Cline x1='12' y1='13' x2='12' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark .fraction, chapterEditor.dark .fraction, .clientGroupEditor.dark .fraction, .serviceTypeEditor.dark .fraction, .tradeTypeEditor.dark .fraction, .ruleBuilder.dark .fraction, .courseCredentialEditor.dark .fraction {
  height: 32px;
  width: 42px;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.pageEditor.dark .fraction:hover, chapterEditor.dark .fraction:hover, .clientGroupEditor.dark .fraction:hover, .serviceTypeEditor.dark .fraction:hover, .tradeTypeEditor.dark .fraction:hover, .ruleBuilder.dark .fraction:hover, .courseCredentialEditor.dark .fraction:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-qhq, chapterEditor.dark li.page-item:not(.active) > a.fraction-qhq, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-qhq, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-qhq, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-qhq, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-qhq, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-qhq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-qhq:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-qhq:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-qhq:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-qhq:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-qhq:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-qhq:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-qhq:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-qqqq, chapterEditor.dark li.page-item:not(.active) > a.fraction-qqqq, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-qqqq, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-qqqq, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-qqqq, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-qqqq, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-qqqq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-qqqq:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-qqqq:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-qqqq:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-qqqq:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-qqqq:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-qqqq:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-qqqq:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-ttt, chapterEditor.dark li.page-item:not(.active) > a.fraction-ttt, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-ttt, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-ttt, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-ttt, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-ttt, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-ttt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-ttt:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-ttt:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-ttt:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-ttt:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-ttt:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-ttt:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-ttt:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hh, chapterEditor.dark li.page-item:not(.active) > a.fraction-hh, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hh, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hh, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hh, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hh, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hh:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hh:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hh, chapterEditor.dark li.page-item:not(.active) > a.fraction-hh, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hh, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hh, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hh, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hh, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hh:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hh:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hh:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hqq, chapterEditor.dark li.page-item:not(.active) > a.fraction-hqq, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hqq, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hqq, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hqq, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hqq, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hqq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hqq:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-hqq:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hqq:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hqq:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hqq:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hqq:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hqq:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hts, chapterEditor.dark li.page-item:not(.active) > a.fraction-hts, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hts, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hts, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hts, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hts, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hts {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='20' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hts:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-hts:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hts:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hts:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hts:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hts:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hts:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='20' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hst, chapterEditor.dark li.page-item:not(.active) > a.fraction-hst, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hst, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hst, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hst, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hst, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hst {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-hst:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-hst:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-hst:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-hst:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-hst:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-hst:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-hst:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-qqh, chapterEditor.dark li.page-item:not(.active) > a.fraction-qqh, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-qqh, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-qqh, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-qqh, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-qqh, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-qqh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-qqh:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-qqh:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-qqh:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-qqh:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-qqh:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-qqh:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-qqh:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-sth, chapterEditor.dark li.page-item:not(.active) > a.fraction-sth, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-sth, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-sth, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-sth, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-sth, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-sth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='4' x2='4' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-sth:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-sth:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-sth:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-sth:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-sth:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-sth:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-sth:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='4' x2='4' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-tsh, chapterEditor.dark li.page-item:not(.active) > a.fraction-tsh, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-tsh, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-tsh, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-tsh, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-tsh, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-tsh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-tsh:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-tsh:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-tsh:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-tsh:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-tsh:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-tsh:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-tsh:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction25, chapterEditor.dark li.page-item:not(.active) > a.fraction25, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction25, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction25, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction25, .ruleBuilder.dark li.page-item:not(.active) > a.fraction25, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction25 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction25:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction25:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction25:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction25:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction25:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction25:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction25:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction33, chapterEditor.dark li.page-item:not(.active) > a.fraction33, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction33, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction33, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction33, .ruleBuilder.dark li.page-item:not(.active) > a.fraction33, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction33 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction33:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction33:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction33:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction33:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction33:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction33:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction33:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction66, chapterEditor.dark li.page-item:not(.active) > a.fraction66, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction66, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction66, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction66, .ruleBuilder.dark li.page-item:not(.active) > a.fraction66, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction66 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='15' y1='4' x2='15' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction66:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction66:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction66:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction66:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction66:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction66:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction66:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='15' y1='4' x2='15' y2='20'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction75, chapterEditor.dark li.page-item:not(.active) > a.fraction75, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction75, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction75, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction75, .ruleBuilder.dark li.page-item:not(.active) > a.fraction75, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction75 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction75:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction75:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction75:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction75:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction75:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction75:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction75:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-row-66, chapterEditor.dark li.page-item:not(.active) > a.fraction-row-66, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-row-66, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-row-66, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-row-66, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-row-66, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-row-66 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='16' y1='4' x2='16' y2='12'/%3E%3Cline x1='16' y1='13' x2='16' y2='21'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-row-66:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-row-66:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-row-66:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-row-66:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-row-66:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-row-66:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-row-66:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='16' y1='4' x2='16' y2='12'/%3E%3Cline x1='16' y1='13' x2='16' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-row-33, chapterEditor.dark li.page-item:not(.active) > a.fraction-row-33, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-row-33, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-row-33, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-row-33, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-row-33, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-row-33 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='9' y1='4' x2='9' y2='12'/%3E%3Cline x1='9' y1='13' x2='9' y2='21'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-row-33:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-row-33:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-row-33:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-row-33:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-row-33:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-row-33:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-row-33:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='9' y1='4' x2='9' y2='12'/%3E%3Cline x1='9' y1='13' x2='9' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-row-50, chapterEditor.dark li.page-item:not(.active) > a.fraction-row-50, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-row-50, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-row-50, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-row-50, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-row-50, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-row-50 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='12'/%3E%3Cline x1='12' y1='13' x2='12' y2='21'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.dark li.page-item:not(.active) > a.fraction-row-50:hover, chapterEditor.dark li.page-item:not(.active) > a.fraction-row-50:hover, .clientGroupEditor.dark li.page-item:not(.active) > a.fraction-row-50:hover, .serviceTypeEditor.dark li.page-item:not(.active) > a.fraction-row-50:hover, .tradeTypeEditor.dark li.page-item:not(.active) > a.fraction-row-50:hover, .ruleBuilder.dark li.page-item:not(.active) > a.fraction-row-50:hover, .courseCredentialEditor.dark li.page-item:not(.active) > a.fraction-row-50:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='12'/%3E%3Cline x1='12' y1='13' x2='12' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark .fas, chapterEditor.dark .fas, .clientGroupEditor.dark .fas, .serviceTypeEditor.dark .fas, .tradeTypeEditor.dark .fas, .ruleBuilder.dark .fas, .courseCredentialEditor.dark .fas {
  vertical-align: middle;
}
.pageEditor.dark .imgSel, chapterEditor.dark .imgSel, .clientGroupEditor.dark .imgSel, .serviceTypeEditor.dark .imgSel, .tradeTypeEditor.dark .imgSel, .ruleBuilder.dark .imgSel, .courseCredentialEditor.dark .imgSel {
  position: absolute;
  right: 50%;
  top: 50%;
  padding: 0.3rem 0.2rem;
  border-radius: 5px;
}
.pageEditor.dark .editor, chapterEditor.dark .editor, .clientGroupEditor.dark .editor, .serviceTypeEditor.dark .editor, .tradeTypeEditor.dark .editor, .ruleBuilder.dark .editor, .courseCredentialEditor.dark .editor {
  height: auto;
}
.pageEditor.dark .editor > div.card, .pageEditor.dark .editor > div.card-group, .pageEditor.dark .editor > div.card-deck, .pageEditor.dark .editor > div.card-group > div.card, .pageEditor.dark .editor > div.card-deck > div.card, chapterEditor.dark .editor > div.card, chapterEditor.dark .editor > div.card-group, chapterEditor.dark .editor > div.card-deck, chapterEditor.dark .editor > div.card-group > div.card, chapterEditor.dark .editor > div.card-deck > div.card, .clientGroupEditor.dark .editor > div.card, .clientGroupEditor.dark .editor > div.card-group, .clientGroupEditor.dark .editor > div.card-deck, .clientGroupEditor.dark .editor > div.card-group > div.card, .clientGroupEditor.dark .editor > div.card-deck > div.card, .serviceTypeEditor.dark .editor > div.card, .serviceTypeEditor.dark .editor > div.card-group, .serviceTypeEditor.dark .editor > div.card-deck, .serviceTypeEditor.dark .editor > div.card-group > div.card, .serviceTypeEditor.dark .editor > div.card-deck > div.card, .tradeTypeEditor.dark .editor > div.card, .tradeTypeEditor.dark .editor > div.card-group, .tradeTypeEditor.dark .editor > div.card-deck, .tradeTypeEditor.dark .editor > div.card-group > div.card, .tradeTypeEditor.dark .editor > div.card-deck > div.card, .ruleBuilder.dark .editor > div.card, .ruleBuilder.dark .editor > div.card-group, .ruleBuilder.dark .editor > div.card-deck, .ruleBuilder.dark .editor > div.card-group > div.card, .ruleBuilder.dark .editor > div.card-deck > div.card, .courseCredentialEditor.dark .editor > div.card, .courseCredentialEditor.dark .editor > div.card-group, .courseCredentialEditor.dark .editor > div.card-deck, .courseCredentialEditor.dark .editor > div.card-group > div.card, .courseCredentialEditor.dark .editor > div.card-deck > div.card {
  margin-left: 0;
}
.pageEditor.dark .quickStyle, chapterEditor.dark .quickStyle, .clientGroupEditor.dark .quickStyle, .serviceTypeEditor.dark .quickStyle, .tradeTypeEditor.dark .quickStyle, .ruleBuilder.dark .quickStyle, .courseCredentialEditor.dark .quickStyle {
  width: 45px;
  background-color: #f7f8f9;
}
.pageEditor.dark .actionBar, chapterEditor.dark .actionBar, .clientGroupEditor.dark .actionBar, .serviceTypeEditor.dark .actionBar, .tradeTypeEditor.dark .actionBar, .ruleBuilder.dark .actionBar, .courseCredentialEditor.dark .actionBar {
  opacity: 0;
  height: 0;
  background: #dee2e6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: none;
  display: none;
}
.pageEditor.dark .focus-actions, chapterEditor.dark .focus-actions, .clientGroupEditor.dark .focus-actions, .serviceTypeEditor.dark .focus-actions, .tradeTypeEditor.dark .focus-actions, .ruleBuilder.dark .focus-actions, .courseCredentialEditor.dark .focus-actions {
  opacity: 0;
  height: 0;
  background: #dee2e6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: none;
  display: none;
}
.pageEditor.dark .actionBarOffset, chapterEditor.dark .actionBarOffset, .clientGroupEditor.dark .actionBarOffset, .serviceTypeEditor.dark .actionBarOffset, .tradeTypeEditor.dark .actionBarOffset, .ruleBuilder.dark .actionBarOffset, .courseCredentialEditor.dark .actionBarOffset {
  padding-top: 2rem !important;
}
.pageEditor.dark .btn-editor, chapterEditor.dark .btn-editor, .clientGroupEditor.dark .btn-editor, .serviceTypeEditor.dark .btn-editor, .tradeTypeEditor.dark .btn-editor, .ruleBuilder.dark .btn-editor, .courseCredentialEditor.dark .btn-editor {
  cursor: pointer;
  border-radius: 0px;
  padding: 0.5rem;
  background-color: transparent !important;
  border-color: transparent !important;
}
.pageEditor.dark .editorSubMenu, chapterEditor.dark .editorSubMenu, .clientGroupEditor.dark .editorSubMenu, .serviceTypeEditor.dark .editorSubMenu, .tradeTypeEditor.dark .editorSubMenu, .ruleBuilder.dark .editorSubMenu, .courseCredentialEditor.dark .editorSubMenu {
  margin: 0 !important;
  padding: 0 !important;
  display: inline;
}
.pageEditor.dark .override-h1, .pageEditor.dark .override-h2, .pageEditor.dark .override-h3, .pageEditor.dark .override-h4, .pageEditor.dark .override-h5, .pageEditor.dark .override-h6, .pageEditor.dark .alert, .pageEditor.dark p, .pageEditor.dark .card, .pageEditor.dark ol, .pageEditor.dark ul, chapterEditor.dark .override-h1, chapterEditor.dark .override-h2, chapterEditor.dark .override-h3, chapterEditor.dark .override-h4, chapterEditor.dark .override-h5, chapterEditor.dark .override-h6, chapterEditor.dark .alert, chapterEditor.dark p, chapterEditor.dark .card, chapterEditor.dark ol, chapterEditor.dark ul, .clientGroupEditor.dark .override-h1, .clientGroupEditor.dark .override-h2, .clientGroupEditor.dark .override-h3, .clientGroupEditor.dark .override-h4, .clientGroupEditor.dark .override-h5, .clientGroupEditor.dark .override-h6, .clientGroupEditor.dark .alert, .clientGroupEditor.dark p, .clientGroupEditor.dark .card, .clientGroupEditor.dark ol, .clientGroupEditor.dark ul, .serviceTypeEditor.dark .override-h1, .serviceTypeEditor.dark .override-h2, .serviceTypeEditor.dark .override-h3, .serviceTypeEditor.dark .override-h4, .serviceTypeEditor.dark .override-h5, .serviceTypeEditor.dark .override-h6, .serviceTypeEditor.dark .alert, .serviceTypeEditor.dark p, .serviceTypeEditor.dark .card, .serviceTypeEditor.dark ol, .serviceTypeEditor.dark ul, .tradeTypeEditor.dark .override-h1, .tradeTypeEditor.dark .override-h2, .tradeTypeEditor.dark .override-h3, .tradeTypeEditor.dark .override-h4, .tradeTypeEditor.dark .override-h5, .tradeTypeEditor.dark .override-h6, .tradeTypeEditor.dark .alert, .tradeTypeEditor.dark p, .tradeTypeEditor.dark .card, .tradeTypeEditor.dark ol, .tradeTypeEditor.dark ul, .ruleBuilder.dark .override-h1, .ruleBuilder.dark .override-h2, .ruleBuilder.dark .override-h3, .ruleBuilder.dark .override-h4, .ruleBuilder.dark .override-h5, .ruleBuilder.dark .override-h6, .ruleBuilder.dark .alert, .ruleBuilder.dark p, .ruleBuilder.dark .card, .ruleBuilder.dark ol, .ruleBuilder.dark ul, .courseCredentialEditor.dark .override-h1, .courseCredentialEditor.dark .override-h2, .courseCredentialEditor.dark .override-h3, .courseCredentialEditor.dark .override-h4, .courseCredentialEditor.dark .override-h5, .courseCredentialEditor.dark .override-h6, .courseCredentialEditor.dark .alert, .courseCredentialEditor.dark p, .courseCredentialEditor.dark .card, .courseCredentialEditor.dark ol, .courseCredentialEditor.dark ul {
  margin-bottom: 0px;
}
.pageEditor.dark *[contenteditable=true], chapterEditor.dark *[contenteditable=true], .clientGroupEditor.dark *[contenteditable=true], .serviceTypeEditor.dark *[contenteditable=true], .tradeTypeEditor.dark *[contenteditable=true], .ruleBuilder.dark *[contenteditable=true], .courseCredentialEditor.dark *[contenteditable=true] {
  outline: none;
  z-index: 4;
}
.pageEditor.dark *[contenteditable=true]:active, chapterEditor.dark *[contenteditable=true]:active, .clientGroupEditor.dark *[contenteditable=true]:active, .serviceTypeEditor.dark *[contenteditable=true]:active, .tradeTypeEditor.dark *[contenteditable=true]:active, .ruleBuilder.dark *[contenteditable=true]:active, .courseCredentialEditor.dark *[contenteditable=true]:active {
  outline: none;
  border: 1px solid transparent !important;
}
.pageEditor.dark *[contenteditable=true].focussedtext.card-title, .pageEditor.dark *[contenteditable=true].focussedtext.card-text, .pageEditor.dark *[contenteditable=true].focussedtext.col, chapterEditor.dark *[contenteditable=true].focussedtext.card-title, chapterEditor.dark *[contenteditable=true].focussedtext.card-text, chapterEditor.dark *[contenteditable=true].focussedtext.col, .clientGroupEditor.dark *[contenteditable=true].focussedtext.card-title, .clientGroupEditor.dark *[contenteditable=true].focussedtext.card-text, .clientGroupEditor.dark *[contenteditable=true].focussedtext.col, .serviceTypeEditor.dark *[contenteditable=true].focussedtext.card-title, .serviceTypeEditor.dark *[contenteditable=true].focussedtext.card-text, .serviceTypeEditor.dark *[contenteditable=true].focussedtext.col, .tradeTypeEditor.dark *[contenteditable=true].focussedtext.card-title, .tradeTypeEditor.dark *[contenteditable=true].focussedtext.card-text, .tradeTypeEditor.dark *[contenteditable=true].focussedtext.col, .ruleBuilder.dark *[contenteditable=true].focussedtext.card-title, .ruleBuilder.dark *[contenteditable=true].focussedtext.card-text, .ruleBuilder.dark *[contenteditable=true].focussedtext.col, .courseCredentialEditor.dark *[contenteditable=true].focussedtext.card-title, .courseCredentialEditor.dark *[contenteditable=true].focussedtext.card-text, .courseCredentialEditor.dark *[contenteditable=true].focussedtext.col {
  z-index: 10;
  border: 1px solid #00AAFF !important;
  background-color: #e6eefa;
}
.pageEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), chapterEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .clientGroupEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .serviceTypeEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .tradeTypeEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .ruleBuilder.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .courseCredentialEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col) {
  border: 1px solid transparent !important;
  outline: none;
}
.pageEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, chapterEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .clientGroupEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .serviceTypeEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .tradeTypeEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .ruleBuilder.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .courseCredentialEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active {
  border: 1px solid transparent !important;
  outline: none;
}
.pageEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, chapterEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .clientGroupEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .serviceTypeEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .tradeTypeEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .ruleBuilder.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .courseCredentialEditor.dark *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover {
  outline: none;
  border: 1px solid transparent !important;
}
.pageEditor.dark img[contenteditable=true], chapterEditor.dark img[contenteditable=true], .clientGroupEditor.dark img[contenteditable=true], .serviceTypeEditor.dark img[contenteditable=true], .tradeTypeEditor.dark img[contenteditable=true], .ruleBuilder.dark img[contenteditable=true], .courseCredentialEditor.dark img[contenteditable=true] {
  display: block;
  outline: none;
  padding: 0 !important;
}
.pageEditor.dark h1[contenteditable=true], .pageEditor.dark [contenteditable=true].h1, .pageEditor.dark h2[contenteditable=true], .pageEditor.dark [contenteditable=true].h2, .pageEditor.dark h3[contenteditable=true], .pageEditor.dark [contenteditable=true].h3, .pageEditor.dark h4[contenteditable=true], .pageEditor.dark [contenteditable=true].h4, .pageEditor.dark h5[contenteditable=true], .pageEditor.dark [contenteditable=true].h5, .pageEditor.dark h6[contenteditable=true], .pageEditor.dark [contenteditable=true].h6,
.pageEditor.dark div[contenteditable=true], .pageEditor.dark img[contenteditable=true], chapterEditor.dark h1[contenteditable=true], chapterEditor.dark [contenteditable=true].h1, chapterEditor.dark h2[contenteditable=true], chapterEditor.dark [contenteditable=true].h2, chapterEditor.dark h3[contenteditable=true], chapterEditor.dark [contenteditable=true].h3, chapterEditor.dark h4[contenteditable=true], chapterEditor.dark [contenteditable=true].h4, chapterEditor.dark h5[contenteditable=true], chapterEditor.dark [contenteditable=true].h5, chapterEditor.dark h6[contenteditable=true], chapterEditor.dark [contenteditable=true].h6,
chapterEditor.dark div[contenteditable=true], chapterEditor.dark img[contenteditable=true], .clientGroupEditor.dark h1[contenteditable=true], .clientGroupEditor.dark [contenteditable=true].h1, .clientGroupEditor.dark h2[contenteditable=true], .clientGroupEditor.dark [contenteditable=true].h2, .clientGroupEditor.dark h3[contenteditable=true], .clientGroupEditor.dark [contenteditable=true].h3, .clientGroupEditor.dark h4[contenteditable=true], .clientGroupEditor.dark [contenteditable=true].h4, .clientGroupEditor.dark h5[contenteditable=true], .clientGroupEditor.dark [contenteditable=true].h5, .clientGroupEditor.dark h6[contenteditable=true], .clientGroupEditor.dark [contenteditable=true].h6,
.clientGroupEditor.dark div[contenteditable=true], .clientGroupEditor.dark img[contenteditable=true], .serviceTypeEditor.dark h1[contenteditable=true], .serviceTypeEditor.dark [contenteditable=true].h1, .serviceTypeEditor.dark h2[contenteditable=true], .serviceTypeEditor.dark [contenteditable=true].h2, .serviceTypeEditor.dark h3[contenteditable=true], .serviceTypeEditor.dark [contenteditable=true].h3, .serviceTypeEditor.dark h4[contenteditable=true], .serviceTypeEditor.dark [contenteditable=true].h4, .serviceTypeEditor.dark h5[contenteditable=true], .serviceTypeEditor.dark [contenteditable=true].h5, .serviceTypeEditor.dark h6[contenteditable=true], .serviceTypeEditor.dark [contenteditable=true].h6,
.serviceTypeEditor.dark div[contenteditable=true], .serviceTypeEditor.dark img[contenteditable=true], .tradeTypeEditor.dark h1[contenteditable=true], .tradeTypeEditor.dark [contenteditable=true].h1, .tradeTypeEditor.dark h2[contenteditable=true], .tradeTypeEditor.dark [contenteditable=true].h2, .tradeTypeEditor.dark h3[contenteditable=true], .tradeTypeEditor.dark [contenteditable=true].h3, .tradeTypeEditor.dark h4[contenteditable=true], .tradeTypeEditor.dark [contenteditable=true].h4, .tradeTypeEditor.dark h5[contenteditable=true], .tradeTypeEditor.dark [contenteditable=true].h5, .tradeTypeEditor.dark h6[contenteditable=true], .tradeTypeEditor.dark [contenteditable=true].h6,
.tradeTypeEditor.dark div[contenteditable=true], .tradeTypeEditor.dark img[contenteditable=true], .ruleBuilder.dark h1[contenteditable=true], .ruleBuilder.dark [contenteditable=true].h1, .ruleBuilder.dark h2[contenteditable=true], .ruleBuilder.dark [contenteditable=true].h2, .ruleBuilder.dark h3[contenteditable=true], .ruleBuilder.dark [contenteditable=true].h3, .ruleBuilder.dark h4[contenteditable=true], .ruleBuilder.dark [contenteditable=true].h4, .ruleBuilder.dark h5[contenteditable=true], .ruleBuilder.dark [contenteditable=true].h5, .ruleBuilder.dark h6[contenteditable=true], .ruleBuilder.dark [contenteditable=true].h6,
.ruleBuilder.dark div[contenteditable=true], .ruleBuilder.dark img[contenteditable=true], .courseCredentialEditor.dark h1[contenteditable=true], .courseCredentialEditor.dark [contenteditable=true].h1, .courseCredentialEditor.dark h2[contenteditable=true], .courseCredentialEditor.dark [contenteditable=true].h2, .courseCredentialEditor.dark h3[contenteditable=true], .courseCredentialEditor.dark [contenteditable=true].h3, .courseCredentialEditor.dark h4[contenteditable=true], .courseCredentialEditor.dark [contenteditable=true].h4, .courseCredentialEditor.dark h5[contenteditable=true], .courseCredentialEditor.dark [contenteditable=true].h5, .courseCredentialEditor.dark h6[contenteditable=true], .courseCredentialEditor.dark [contenteditable=true].h6,
.courseCredentialEditor.dark div[contenteditable=true], .courseCredentialEditor.dark img[contenteditable=true] {
  border-radius: 0;
}
.pageEditor.dark .previewPage, .pageEditor.dark .uploadDocument, .pageEditor.dark .uploadImage, chapterEditor.dark .previewPage, chapterEditor.dark .uploadDocument, chapterEditor.dark .uploadImage, .clientGroupEditor.dark .previewPage, .clientGroupEditor.dark .uploadDocument, .clientGroupEditor.dark .uploadImage, .serviceTypeEditor.dark .previewPage, .serviceTypeEditor.dark .uploadDocument, .serviceTypeEditor.dark .uploadImage, .tradeTypeEditor.dark .previewPage, .tradeTypeEditor.dark .uploadDocument, .tradeTypeEditor.dark .uploadImage, .ruleBuilder.dark .previewPage, .ruleBuilder.dark .uploadDocument, .ruleBuilder.dark .uploadImage, .courseCredentialEditor.dark .previewPage, .courseCredentialEditor.dark .uploadDocument, .courseCredentialEditor.dark .uploadImage {
  position: absolute;
  top: 77px;
  right: 3rem;
  z-index: 3;
}
.pageEditor.dark .templateButton, chapterEditor.dark .templateButton, .clientGroupEditor.dark .templateButton, .serviceTypeEditor.dark .templateButton, .tradeTypeEditor.dark .templateButton, .ruleBuilder.dark .templateButton, .courseCredentialEditor.dark .templateButton {
  padding-left: 0.5rem;
  height: 47px;
  border-radius: 0.3rem;
  position: relative;
  top: 0.2rem;
  width: 44px;
  font-size: 1.3rem;
  left: -16.3rem;
}
.pageEditor.dark span[data-bs-toggle=lstooltip]:after, chapterEditor.dark span[data-bs-toggle=lstooltip]:after, .clientGroupEditor.dark span[data-bs-toggle=lstooltip]:after, .serviceTypeEditor.dark span[data-bs-toggle=lstooltip]:after, .tradeTypeEditor.dark span[data-bs-toggle=lstooltip]:after, .ruleBuilder.dark span[data-bs-toggle=lstooltip]:after, .courseCredentialEditor.dark span[data-bs-toggle=lstooltip]:after {
  position: relative;
  right: 0;
  top: -10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f02b";
  color: #ff9900;
  font-size: 1rem;
}
.pageEditor.dark .pageLoad, .pageEditor.dark .chapterLoad, .pageEditor.dark .cgLoad, .pageEditor.dark .stLoad, .pageEditor.dark .tstLoad, .pageEditor.dark .ttLoad, .pageEditor.dark .dtLoad, .pageEditor.dark .crdLoad, .pageEditor.dark .ruleLoad, .pageEditor.dark .dragList, .pageEditor.dark .rfoListItem, chapterEditor.dark .pageLoad, chapterEditor.dark .chapterLoad, chapterEditor.dark .cgLoad, chapterEditor.dark .stLoad, chapterEditor.dark .tstLoad, chapterEditor.dark .ttLoad, chapterEditor.dark .dtLoad, chapterEditor.dark .crdLoad, chapterEditor.dark .ruleLoad, chapterEditor.dark .dragList, chapterEditor.dark .rfoListItem, .clientGroupEditor.dark .pageLoad, .clientGroupEditor.dark .chapterLoad, .clientGroupEditor.dark .cgLoad, .clientGroupEditor.dark .stLoad, .clientGroupEditor.dark .tstLoad, .clientGroupEditor.dark .ttLoad, .clientGroupEditor.dark .dtLoad, .clientGroupEditor.dark .crdLoad, .clientGroupEditor.dark .ruleLoad, .clientGroupEditor.dark .dragList, .clientGroupEditor.dark .rfoListItem, .serviceTypeEditor.dark .pageLoad, .serviceTypeEditor.dark .chapterLoad, .serviceTypeEditor.dark .cgLoad, .serviceTypeEditor.dark .stLoad, .serviceTypeEditor.dark .tstLoad, .serviceTypeEditor.dark .ttLoad, .serviceTypeEditor.dark .dtLoad, .serviceTypeEditor.dark .crdLoad, .serviceTypeEditor.dark .ruleLoad, .serviceTypeEditor.dark .dragList, .serviceTypeEditor.dark .rfoListItem, .tradeTypeEditor.dark .pageLoad, .tradeTypeEditor.dark .chapterLoad, .tradeTypeEditor.dark .cgLoad, .tradeTypeEditor.dark .stLoad, .tradeTypeEditor.dark .tstLoad, .tradeTypeEditor.dark .ttLoad, .tradeTypeEditor.dark .dtLoad, .tradeTypeEditor.dark .crdLoad, .tradeTypeEditor.dark .ruleLoad, .tradeTypeEditor.dark .dragList, .tradeTypeEditor.dark .rfoListItem, .ruleBuilder.dark .pageLoad, .ruleBuilder.dark .chapterLoad, .ruleBuilder.dark .cgLoad, .ruleBuilder.dark .stLoad, .ruleBuilder.dark .tstLoad, .ruleBuilder.dark .ttLoad, .ruleBuilder.dark .dtLoad, .ruleBuilder.dark .crdLoad, .ruleBuilder.dark .ruleLoad, .ruleBuilder.dark .dragList, .ruleBuilder.dark .rfoListItem, .courseCredentialEditor.dark .pageLoad, .courseCredentialEditor.dark .chapterLoad, .courseCredentialEditor.dark .cgLoad, .courseCredentialEditor.dark .stLoad, .courseCredentialEditor.dark .tstLoad, .courseCredentialEditor.dark .ttLoad, .courseCredentialEditor.dark .dtLoad, .courseCredentialEditor.dark .crdLoad, .courseCredentialEditor.dark .ruleLoad, .courseCredentialEditor.dark .dragList, .courseCredentialEditor.dark .rfoListItem {
  padding: 0.75rem 1.4rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  border-top-right-radius: 0px !important;
  overflow: hidden auto;
  text-overflow: ellipsis;
  /* > div:not(.ignore) {
      border: none;
      border-radius: 0 !important;
      padding: 0.75rem 0 0.75rem 0;
      color: $color-dark;
      width: calc(100% - 20px - 1rem);
  }

  > div.ignore {
      border: none;
      border-radius: 0 !important;
      padding: 0.75rem 0 0.75rem 0;
      color: $color-dark;
      //  width: 43px;
  }

  > span {
      display: inline-block;
      padding: 0.75rem 0 0.75rem 1.4rem;
  }*/
}
.pageEditor.dark .pageLoad .reordered:before, .pageEditor.dark .chapterLoad .reordered:before, .pageEditor.dark .cgLoad .reordered:before, .pageEditor.dark .stLoad .reordered:before, .pageEditor.dark .tstLoad .reordered:before, .pageEditor.dark .ttLoad .reordered:before, .pageEditor.dark .dtLoad .reordered:before, .pageEditor.dark .crdLoad .reordered:before, .pageEditor.dark .ruleLoad .reordered:before, .pageEditor.dark .dragList .reordered:before, .pageEditor.dark .rfoListItem .reordered:before, chapterEditor.dark .pageLoad .reordered:before, chapterEditor.dark .chapterLoad .reordered:before, chapterEditor.dark .cgLoad .reordered:before, chapterEditor.dark .stLoad .reordered:before, chapterEditor.dark .tstLoad .reordered:before, chapterEditor.dark .ttLoad .reordered:before, chapterEditor.dark .dtLoad .reordered:before, chapterEditor.dark .crdLoad .reordered:before, chapterEditor.dark .ruleLoad .reordered:before, chapterEditor.dark .dragList .reordered:before, chapterEditor.dark .rfoListItem .reordered:before, .clientGroupEditor.dark .pageLoad .reordered:before, .clientGroupEditor.dark .chapterLoad .reordered:before, .clientGroupEditor.dark .cgLoad .reordered:before, .clientGroupEditor.dark .stLoad .reordered:before, .clientGroupEditor.dark .tstLoad .reordered:before, .clientGroupEditor.dark .ttLoad .reordered:before, .clientGroupEditor.dark .dtLoad .reordered:before, .clientGroupEditor.dark .crdLoad .reordered:before, .clientGroupEditor.dark .ruleLoad .reordered:before, .clientGroupEditor.dark .dragList .reordered:before, .clientGroupEditor.dark .rfoListItem .reordered:before, .serviceTypeEditor.dark .pageLoad .reordered:before, .serviceTypeEditor.dark .chapterLoad .reordered:before, .serviceTypeEditor.dark .cgLoad .reordered:before, .serviceTypeEditor.dark .stLoad .reordered:before, .serviceTypeEditor.dark .tstLoad .reordered:before, .serviceTypeEditor.dark .ttLoad .reordered:before, .serviceTypeEditor.dark .dtLoad .reordered:before, .serviceTypeEditor.dark .crdLoad .reordered:before, .serviceTypeEditor.dark .ruleLoad .reordered:before, .serviceTypeEditor.dark .dragList .reordered:before, .serviceTypeEditor.dark .rfoListItem .reordered:before, .tradeTypeEditor.dark .pageLoad .reordered:before, .tradeTypeEditor.dark .chapterLoad .reordered:before, .tradeTypeEditor.dark .cgLoad .reordered:before, .tradeTypeEditor.dark .stLoad .reordered:before, .tradeTypeEditor.dark .tstLoad .reordered:before, .tradeTypeEditor.dark .ttLoad .reordered:before, .tradeTypeEditor.dark .dtLoad .reordered:before, .tradeTypeEditor.dark .crdLoad .reordered:before, .tradeTypeEditor.dark .ruleLoad .reordered:before, .tradeTypeEditor.dark .dragList .reordered:before, .tradeTypeEditor.dark .rfoListItem .reordered:before, .ruleBuilder.dark .pageLoad .reordered:before, .ruleBuilder.dark .chapterLoad .reordered:before, .ruleBuilder.dark .cgLoad .reordered:before, .ruleBuilder.dark .stLoad .reordered:before, .ruleBuilder.dark .tstLoad .reordered:before, .ruleBuilder.dark .ttLoad .reordered:before, .ruleBuilder.dark .dtLoad .reordered:before, .ruleBuilder.dark .crdLoad .reordered:before, .ruleBuilder.dark .ruleLoad .reordered:before, .ruleBuilder.dark .dragList .reordered:before, .ruleBuilder.dark .rfoListItem .reordered:before, .courseCredentialEditor.dark .pageLoad .reordered:before, .courseCredentialEditor.dark .chapterLoad .reordered:before, .courseCredentialEditor.dark .cgLoad .reordered:before, .courseCredentialEditor.dark .stLoad .reordered:before, .courseCredentialEditor.dark .tstLoad .reordered:before, .courseCredentialEditor.dark .ttLoad .reordered:before, .courseCredentialEditor.dark .dtLoad .reordered:before, .courseCredentialEditor.dark .crdLoad .reordered:before, .courseCredentialEditor.dark .ruleLoad .reordered:before, .courseCredentialEditor.dark .dragList .reordered:before, .courseCredentialEditor.dark .rfoListItem .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.pageEditor.dark .pageLoad .list-group, .pageEditor.dark .chapterLoad .list-group, .pageEditor.dark .cgLoad .list-group, .pageEditor.dark .stLoad .list-group, .pageEditor.dark .tstLoad .list-group, .pageEditor.dark .ttLoad .list-group, .pageEditor.dark .dtLoad .list-group, .pageEditor.dark .crdLoad .list-group, .pageEditor.dark .ruleLoad .list-group, .pageEditor.dark .dragList .list-group, .pageEditor.dark .rfoListItem .list-group, chapterEditor.dark .pageLoad .list-group, chapterEditor.dark .chapterLoad .list-group, chapterEditor.dark .cgLoad .list-group, chapterEditor.dark .stLoad .list-group, chapterEditor.dark .tstLoad .list-group, chapterEditor.dark .ttLoad .list-group, chapterEditor.dark .dtLoad .list-group, chapterEditor.dark .crdLoad .list-group, chapterEditor.dark .ruleLoad .list-group, chapterEditor.dark .dragList .list-group, chapterEditor.dark .rfoListItem .list-group, .clientGroupEditor.dark .pageLoad .list-group, .clientGroupEditor.dark .chapterLoad .list-group, .clientGroupEditor.dark .cgLoad .list-group, .clientGroupEditor.dark .stLoad .list-group, .clientGroupEditor.dark .tstLoad .list-group, .clientGroupEditor.dark .ttLoad .list-group, .clientGroupEditor.dark .dtLoad .list-group, .clientGroupEditor.dark .crdLoad .list-group, .clientGroupEditor.dark .ruleLoad .list-group, .clientGroupEditor.dark .dragList .list-group, .clientGroupEditor.dark .rfoListItem .list-group, .serviceTypeEditor.dark .pageLoad .list-group, .serviceTypeEditor.dark .chapterLoad .list-group, .serviceTypeEditor.dark .cgLoad .list-group, .serviceTypeEditor.dark .stLoad .list-group, .serviceTypeEditor.dark .tstLoad .list-group, .serviceTypeEditor.dark .ttLoad .list-group, .serviceTypeEditor.dark .dtLoad .list-group, .serviceTypeEditor.dark .crdLoad .list-group, .serviceTypeEditor.dark .ruleLoad .list-group, .serviceTypeEditor.dark .dragList .list-group, .serviceTypeEditor.dark .rfoListItem .list-group, .tradeTypeEditor.dark .pageLoad .list-group, .tradeTypeEditor.dark .chapterLoad .list-group, .tradeTypeEditor.dark .cgLoad .list-group, .tradeTypeEditor.dark .stLoad .list-group, .tradeTypeEditor.dark .tstLoad .list-group, .tradeTypeEditor.dark .ttLoad .list-group, .tradeTypeEditor.dark .dtLoad .list-group, .tradeTypeEditor.dark .crdLoad .list-group, .tradeTypeEditor.dark .ruleLoad .list-group, .tradeTypeEditor.dark .dragList .list-group, .tradeTypeEditor.dark .rfoListItem .list-group, .ruleBuilder.dark .pageLoad .list-group, .ruleBuilder.dark .chapterLoad .list-group, .ruleBuilder.dark .cgLoad .list-group, .ruleBuilder.dark .stLoad .list-group, .ruleBuilder.dark .tstLoad .list-group, .ruleBuilder.dark .ttLoad .list-group, .ruleBuilder.dark .dtLoad .list-group, .ruleBuilder.dark .crdLoad .list-group, .ruleBuilder.dark .ruleLoad .list-group, .ruleBuilder.dark .dragList .list-group, .ruleBuilder.dark .rfoListItem .list-group, .courseCredentialEditor.dark .pageLoad .list-group, .courseCredentialEditor.dark .chapterLoad .list-group, .courseCredentialEditor.dark .cgLoad .list-group, .courseCredentialEditor.dark .stLoad .list-group, .courseCredentialEditor.dark .tstLoad .list-group, .courseCredentialEditor.dark .ttLoad .list-group, .courseCredentialEditor.dark .dtLoad .list-group, .courseCredentialEditor.dark .crdLoad .list-group, .courseCredentialEditor.dark .ruleLoad .list-group, .courseCredentialEditor.dark .dragList .list-group, .courseCredentialEditor.dark .rfoListItem .list-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pageEditor.dark .pageLoad .list-group .list-group-item, .pageEditor.dark .chapterLoad .list-group .list-group-item, .pageEditor.dark .cgLoad .list-group .list-group-item, .pageEditor.dark .stLoad .list-group .list-group-item, .pageEditor.dark .tstLoad .list-group .list-group-item, .pageEditor.dark .ttLoad .list-group .list-group-item, .pageEditor.dark .dtLoad .list-group .list-group-item, .pageEditor.dark .crdLoad .list-group .list-group-item, .pageEditor.dark .ruleLoad .list-group .list-group-item, .pageEditor.dark .dragList .list-group .list-group-item, .pageEditor.dark .rfoListItem .list-group .list-group-item, chapterEditor.dark .pageLoad .list-group .list-group-item, chapterEditor.dark .chapterLoad .list-group .list-group-item, chapterEditor.dark .cgLoad .list-group .list-group-item, chapterEditor.dark .stLoad .list-group .list-group-item, chapterEditor.dark .tstLoad .list-group .list-group-item, chapterEditor.dark .ttLoad .list-group .list-group-item, chapterEditor.dark .dtLoad .list-group .list-group-item, chapterEditor.dark .crdLoad .list-group .list-group-item, chapterEditor.dark .ruleLoad .list-group .list-group-item, chapterEditor.dark .dragList .list-group .list-group-item, chapterEditor.dark .rfoListItem .list-group .list-group-item, .clientGroupEditor.dark .pageLoad .list-group .list-group-item, .clientGroupEditor.dark .chapterLoad .list-group .list-group-item, .clientGroupEditor.dark .cgLoad .list-group .list-group-item, .clientGroupEditor.dark .stLoad .list-group .list-group-item, .clientGroupEditor.dark .tstLoad .list-group .list-group-item, .clientGroupEditor.dark .ttLoad .list-group .list-group-item, .clientGroupEditor.dark .dtLoad .list-group .list-group-item, .clientGroupEditor.dark .crdLoad .list-group .list-group-item, .clientGroupEditor.dark .ruleLoad .list-group .list-group-item, .clientGroupEditor.dark .dragList .list-group .list-group-item, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item, .serviceTypeEditor.dark .pageLoad .list-group .list-group-item, .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item, .serviceTypeEditor.dark .cgLoad .list-group .list-group-item, .serviceTypeEditor.dark .stLoad .list-group .list-group-item, .serviceTypeEditor.dark .tstLoad .list-group .list-group-item, .serviceTypeEditor.dark .ttLoad .list-group .list-group-item, .serviceTypeEditor.dark .dtLoad .list-group .list-group-item, .serviceTypeEditor.dark .crdLoad .list-group .list-group-item, .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item, .serviceTypeEditor.dark .dragList .list-group .list-group-item, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item, .tradeTypeEditor.dark .pageLoad .list-group .list-group-item, .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item, .tradeTypeEditor.dark .cgLoad .list-group .list-group-item, .tradeTypeEditor.dark .stLoad .list-group .list-group-item, .tradeTypeEditor.dark .tstLoad .list-group .list-group-item, .tradeTypeEditor.dark .ttLoad .list-group .list-group-item, .tradeTypeEditor.dark .dtLoad .list-group .list-group-item, .tradeTypeEditor.dark .crdLoad .list-group .list-group-item, .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item, .tradeTypeEditor.dark .dragList .list-group .list-group-item, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item, .ruleBuilder.dark .pageLoad .list-group .list-group-item, .ruleBuilder.dark .chapterLoad .list-group .list-group-item, .ruleBuilder.dark .cgLoad .list-group .list-group-item, .ruleBuilder.dark .stLoad .list-group .list-group-item, .ruleBuilder.dark .tstLoad .list-group .list-group-item, .ruleBuilder.dark .ttLoad .list-group .list-group-item, .ruleBuilder.dark .dtLoad .list-group .list-group-item, .ruleBuilder.dark .crdLoad .list-group .list-group-item, .ruleBuilder.dark .ruleLoad .list-group .list-group-item, .ruleBuilder.dark .dragList .list-group .list-group-item, .ruleBuilder.dark .rfoListItem .list-group .list-group-item, .courseCredentialEditor.dark .pageLoad .list-group .list-group-item, .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item, .courseCredentialEditor.dark .cgLoad .list-group .list-group-item, .courseCredentialEditor.dark .stLoad .list-group .list-group-item, .courseCredentialEditor.dark .tstLoad .list-group .list-group-item, .courseCredentialEditor.dark .ttLoad .list-group .list-group-item, .courseCredentialEditor.dark .dtLoad .list-group .list-group-item, .courseCredentialEditor.dark .crdLoad .list-group .list-group-item, .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item, .courseCredentialEditor.dark .dragList .list-group .list-group-item, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.dark .pageLoad .list-group .list-group-item:before, .pageEditor.dark .chapterLoad .list-group .list-group-item:before, .pageEditor.dark .cgLoad .list-group .list-group-item:before, .pageEditor.dark .stLoad .list-group .list-group-item:before, .pageEditor.dark .tstLoad .list-group .list-group-item:before, .pageEditor.dark .ttLoad .list-group .list-group-item:before, .pageEditor.dark .dtLoad .list-group .list-group-item:before, .pageEditor.dark .crdLoad .list-group .list-group-item:before, .pageEditor.dark .ruleLoad .list-group .list-group-item:before, .pageEditor.dark .dragList .list-group .list-group-item:before, .pageEditor.dark .rfoListItem .list-group .list-group-item:before, chapterEditor.dark .pageLoad .list-group .list-group-item:before, chapterEditor.dark .chapterLoad .list-group .list-group-item:before, chapterEditor.dark .cgLoad .list-group .list-group-item:before, chapterEditor.dark .stLoad .list-group .list-group-item:before, chapterEditor.dark .tstLoad .list-group .list-group-item:before, chapterEditor.dark .ttLoad .list-group .list-group-item:before, chapterEditor.dark .dtLoad .list-group .list-group-item:before, chapterEditor.dark .crdLoad .list-group .list-group-item:before, chapterEditor.dark .ruleLoad .list-group .list-group-item:before, chapterEditor.dark .dragList .list-group .list-group-item:before, chapterEditor.dark .rfoListItem .list-group .list-group-item:before, .clientGroupEditor.dark .pageLoad .list-group .list-group-item:before, .clientGroupEditor.dark .chapterLoad .list-group .list-group-item:before, .clientGroupEditor.dark .cgLoad .list-group .list-group-item:before, .clientGroupEditor.dark .stLoad .list-group .list-group-item:before, .clientGroupEditor.dark .tstLoad .list-group .list-group-item:before, .clientGroupEditor.dark .ttLoad .list-group .list-group-item:before, .clientGroupEditor.dark .dtLoad .list-group .list-group-item:before, .clientGroupEditor.dark .crdLoad .list-group .list-group-item:before, .clientGroupEditor.dark .ruleLoad .list-group .list-group-item:before, .clientGroupEditor.dark .dragList .list-group .list-group-item:before, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item:before, .serviceTypeEditor.dark .pageLoad .list-group .list-group-item:before, .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item:before, .serviceTypeEditor.dark .cgLoad .list-group .list-group-item:before, .serviceTypeEditor.dark .stLoad .list-group .list-group-item:before, .serviceTypeEditor.dark .tstLoad .list-group .list-group-item:before, .serviceTypeEditor.dark .ttLoad .list-group .list-group-item:before, .serviceTypeEditor.dark .dtLoad .list-group .list-group-item:before, .serviceTypeEditor.dark .crdLoad .list-group .list-group-item:before, .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item:before, .serviceTypeEditor.dark .dragList .list-group .list-group-item:before, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item:before, .tradeTypeEditor.dark .pageLoad .list-group .list-group-item:before, .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item:before, .tradeTypeEditor.dark .cgLoad .list-group .list-group-item:before, .tradeTypeEditor.dark .stLoad .list-group .list-group-item:before, .tradeTypeEditor.dark .tstLoad .list-group .list-group-item:before, .tradeTypeEditor.dark .ttLoad .list-group .list-group-item:before, .tradeTypeEditor.dark .dtLoad .list-group .list-group-item:before, .tradeTypeEditor.dark .crdLoad .list-group .list-group-item:before, .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item:before, .tradeTypeEditor.dark .dragList .list-group .list-group-item:before, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item:before, .ruleBuilder.dark .pageLoad .list-group .list-group-item:before, .ruleBuilder.dark .chapterLoad .list-group .list-group-item:before, .ruleBuilder.dark .cgLoad .list-group .list-group-item:before, .ruleBuilder.dark .stLoad .list-group .list-group-item:before, .ruleBuilder.dark .tstLoad .list-group .list-group-item:before, .ruleBuilder.dark .ttLoad .list-group .list-group-item:before, .ruleBuilder.dark .dtLoad .list-group .list-group-item:before, .ruleBuilder.dark .crdLoad .list-group .list-group-item:before, .ruleBuilder.dark .ruleLoad .list-group .list-group-item:before, .ruleBuilder.dark .dragList .list-group .list-group-item:before, .ruleBuilder.dark .rfoListItem .list-group .list-group-item:before, .courseCredentialEditor.dark .pageLoad .list-group .list-group-item:before, .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item:before, .courseCredentialEditor.dark .cgLoad .list-group .list-group-item:before, .courseCredentialEditor.dark .stLoad .list-group .list-group-item:before, .courseCredentialEditor.dark .tstLoad .list-group .list-group-item:before, .courseCredentialEditor.dark .ttLoad .list-group .list-group-item:before, .courseCredentialEditor.dark .dtLoad .list-group .list-group-item:before, .courseCredentialEditor.dark .crdLoad .list-group .list-group-item:before, .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item:before, .courseCredentialEditor.dark .dragList .list-group .list-group-item:before, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item:before {
  background-position: -5px 9px;
  width: 20px;
  content: "";
}
.pageEditor.dark .pageLoad .list-group .list-group-item:not(.active):before, .pageEditor.dark .chapterLoad .list-group .list-group-item:not(.active):before, .pageEditor.dark .cgLoad .list-group .list-group-item:not(.active):before, .pageEditor.dark .stLoad .list-group .list-group-item:not(.active):before, .pageEditor.dark .tstLoad .list-group .list-group-item:not(.active):before, .pageEditor.dark .ttLoad .list-group .list-group-item:not(.active):before, .pageEditor.dark .dtLoad .list-group .list-group-item:not(.active):before, .pageEditor.dark .crdLoad .list-group .list-group-item:not(.active):before, .pageEditor.dark .ruleLoad .list-group .list-group-item:not(.active):before, .pageEditor.dark .dragList .list-group .list-group-item:not(.active):before, .pageEditor.dark .rfoListItem .list-group .list-group-item:not(.active):before, chapterEditor.dark .pageLoad .list-group .list-group-item:not(.active):before, chapterEditor.dark .chapterLoad .list-group .list-group-item:not(.active):before, chapterEditor.dark .cgLoad .list-group .list-group-item:not(.active):before, chapterEditor.dark .stLoad .list-group .list-group-item:not(.active):before, chapterEditor.dark .tstLoad .list-group .list-group-item:not(.active):before, chapterEditor.dark .ttLoad .list-group .list-group-item:not(.active):before, chapterEditor.dark .dtLoad .list-group .list-group-item:not(.active):before, chapterEditor.dark .crdLoad .list-group .list-group-item:not(.active):before, chapterEditor.dark .ruleLoad .list-group .list-group-item:not(.active):before, chapterEditor.dark .dragList .list-group .list-group-item:not(.active):before, chapterEditor.dark .rfoListItem .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .pageLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .chapterLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .cgLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .stLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .tstLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .ttLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .dtLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .crdLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .ruleLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .dragList .list-group .list-group-item:not(.active):before, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .pageLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .cgLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .stLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .tstLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .ttLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .dtLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .crdLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .dragList .list-group .list-group-item:not(.active):before, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .pageLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .cgLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .stLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .tstLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .ttLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .dtLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .crdLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .dragList .list-group .list-group-item:not(.active):before, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .pageLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .chapterLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .cgLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .stLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .tstLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .ttLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .dtLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .crdLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .ruleLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .dragList .list-group .list-group-item:not(.active):before, .ruleBuilder.dark .rfoListItem .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .pageLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .cgLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .stLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .tstLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .ttLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .dtLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .crdLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .dragList .list-group .list-group-item:not(.active):before, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item:not(.active):before {
  background-repeat: no-repeat;
  background-position: -5px 9px;
  width: 18px;
  content: "";
}
.pageEditor.dark .pageLoad .list-group .list-group-item.active, .pageEditor.dark .chapterLoad .list-group .list-group-item.active, .pageEditor.dark .cgLoad .list-group .list-group-item.active, .pageEditor.dark .stLoad .list-group .list-group-item.active, .pageEditor.dark .tstLoad .list-group .list-group-item.active, .pageEditor.dark .ttLoad .list-group .list-group-item.active, .pageEditor.dark .dtLoad .list-group .list-group-item.active, .pageEditor.dark .crdLoad .list-group .list-group-item.active, .pageEditor.dark .ruleLoad .list-group .list-group-item.active, .pageEditor.dark .dragList .list-group .list-group-item.active, .pageEditor.dark .rfoListItem .list-group .list-group-item.active, chapterEditor.dark .pageLoad .list-group .list-group-item.active, chapterEditor.dark .chapterLoad .list-group .list-group-item.active, chapterEditor.dark .cgLoad .list-group .list-group-item.active, chapterEditor.dark .stLoad .list-group .list-group-item.active, chapterEditor.dark .tstLoad .list-group .list-group-item.active, chapterEditor.dark .ttLoad .list-group .list-group-item.active, chapterEditor.dark .dtLoad .list-group .list-group-item.active, chapterEditor.dark .crdLoad .list-group .list-group-item.active, chapterEditor.dark .ruleLoad .list-group .list-group-item.active, chapterEditor.dark .dragList .list-group .list-group-item.active, chapterEditor.dark .rfoListItem .list-group .list-group-item.active, .clientGroupEditor.dark .pageLoad .list-group .list-group-item.active, .clientGroupEditor.dark .chapterLoad .list-group .list-group-item.active, .clientGroupEditor.dark .cgLoad .list-group .list-group-item.active, .clientGroupEditor.dark .stLoad .list-group .list-group-item.active, .clientGroupEditor.dark .tstLoad .list-group .list-group-item.active, .clientGroupEditor.dark .ttLoad .list-group .list-group-item.active, .clientGroupEditor.dark .dtLoad .list-group .list-group-item.active, .clientGroupEditor.dark .crdLoad .list-group .list-group-item.active, .clientGroupEditor.dark .ruleLoad .list-group .list-group-item.active, .clientGroupEditor.dark .dragList .list-group .list-group-item.active, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item.active, .serviceTypeEditor.dark .pageLoad .list-group .list-group-item.active, .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item.active, .serviceTypeEditor.dark .cgLoad .list-group .list-group-item.active, .serviceTypeEditor.dark .stLoad .list-group .list-group-item.active, .serviceTypeEditor.dark .tstLoad .list-group .list-group-item.active, .serviceTypeEditor.dark .ttLoad .list-group .list-group-item.active, .serviceTypeEditor.dark .dtLoad .list-group .list-group-item.active, .serviceTypeEditor.dark .crdLoad .list-group .list-group-item.active, .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item.active, .serviceTypeEditor.dark .dragList .list-group .list-group-item.active, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item.active, .tradeTypeEditor.dark .pageLoad .list-group .list-group-item.active, .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item.active, .tradeTypeEditor.dark .cgLoad .list-group .list-group-item.active, .tradeTypeEditor.dark .stLoad .list-group .list-group-item.active, .tradeTypeEditor.dark .tstLoad .list-group .list-group-item.active, .tradeTypeEditor.dark .ttLoad .list-group .list-group-item.active, .tradeTypeEditor.dark .dtLoad .list-group .list-group-item.active, .tradeTypeEditor.dark .crdLoad .list-group .list-group-item.active, .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item.active, .tradeTypeEditor.dark .dragList .list-group .list-group-item.active, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item.active, .ruleBuilder.dark .pageLoad .list-group .list-group-item.active, .ruleBuilder.dark .chapterLoad .list-group .list-group-item.active, .ruleBuilder.dark .cgLoad .list-group .list-group-item.active, .ruleBuilder.dark .stLoad .list-group .list-group-item.active, .ruleBuilder.dark .tstLoad .list-group .list-group-item.active, .ruleBuilder.dark .ttLoad .list-group .list-group-item.active, .ruleBuilder.dark .dtLoad .list-group .list-group-item.active, .ruleBuilder.dark .crdLoad .list-group .list-group-item.active, .ruleBuilder.dark .ruleLoad .list-group .list-group-item.active, .ruleBuilder.dark .dragList .list-group .list-group-item.active, .ruleBuilder.dark .rfoListItem .list-group .list-group-item.active, .courseCredentialEditor.dark .pageLoad .list-group .list-group-item.active, .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item.active, .courseCredentialEditor.dark .cgLoad .list-group .list-group-item.active, .courseCredentialEditor.dark .stLoad .list-group .list-group-item.active, .courseCredentialEditor.dark .tstLoad .list-group .list-group-item.active, .courseCredentialEditor.dark .ttLoad .list-group .list-group-item.active, .courseCredentialEditor.dark .dtLoad .list-group .list-group-item.active, .courseCredentialEditor.dark .crdLoad .list-group .list-group-item.active, .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item.active, .courseCredentialEditor.dark .dragList .list-group .list-group-item.active, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #343a40;
  background: #ffffff;
  font-weight: 600;
  margin: 0;
  padding: 0;
  background: #f0f8ff;
  border: 2px solid #dae9f1;
  border-radius: 0.4rem !important;
}
.pageEditor.dark .pageLoad .list-group .list-group-item.active:before, .pageEditor.dark .chapterLoad .list-group .list-group-item.active:before, .pageEditor.dark .cgLoad .list-group .list-group-item.active:before, .pageEditor.dark .stLoad .list-group .list-group-item.active:before, .pageEditor.dark .tstLoad .list-group .list-group-item.active:before, .pageEditor.dark .ttLoad .list-group .list-group-item.active:before, .pageEditor.dark .dtLoad .list-group .list-group-item.active:before, .pageEditor.dark .crdLoad .list-group .list-group-item.active:before, .pageEditor.dark .ruleLoad .list-group .list-group-item.active:before, .pageEditor.dark .dragList .list-group .list-group-item.active:before, .pageEditor.dark .rfoListItem .list-group .list-group-item.active:before, chapterEditor.dark .pageLoad .list-group .list-group-item.active:before, chapterEditor.dark .chapterLoad .list-group .list-group-item.active:before, chapterEditor.dark .cgLoad .list-group .list-group-item.active:before, chapterEditor.dark .stLoad .list-group .list-group-item.active:before, chapterEditor.dark .tstLoad .list-group .list-group-item.active:before, chapterEditor.dark .ttLoad .list-group .list-group-item.active:before, chapterEditor.dark .dtLoad .list-group .list-group-item.active:before, chapterEditor.dark .crdLoad .list-group .list-group-item.active:before, chapterEditor.dark .ruleLoad .list-group .list-group-item.active:before, chapterEditor.dark .dragList .list-group .list-group-item.active:before, chapterEditor.dark .rfoListItem .list-group .list-group-item.active:before, .clientGroupEditor.dark .pageLoad .list-group .list-group-item.active:before, .clientGroupEditor.dark .chapterLoad .list-group .list-group-item.active:before, .clientGroupEditor.dark .cgLoad .list-group .list-group-item.active:before, .clientGroupEditor.dark .stLoad .list-group .list-group-item.active:before, .clientGroupEditor.dark .tstLoad .list-group .list-group-item.active:before, .clientGroupEditor.dark .ttLoad .list-group .list-group-item.active:before, .clientGroupEditor.dark .dtLoad .list-group .list-group-item.active:before, .clientGroupEditor.dark .crdLoad .list-group .list-group-item.active:before, .clientGroupEditor.dark .ruleLoad .list-group .list-group-item.active:before, .clientGroupEditor.dark .dragList .list-group .list-group-item.active:before, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item.active:before, .serviceTypeEditor.dark .pageLoad .list-group .list-group-item.active:before, .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item.active:before, .serviceTypeEditor.dark .cgLoad .list-group .list-group-item.active:before, .serviceTypeEditor.dark .stLoad .list-group .list-group-item.active:before, .serviceTypeEditor.dark .tstLoad .list-group .list-group-item.active:before, .serviceTypeEditor.dark .ttLoad .list-group .list-group-item.active:before, .serviceTypeEditor.dark .dtLoad .list-group .list-group-item.active:before, .serviceTypeEditor.dark .crdLoad .list-group .list-group-item.active:before, .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item.active:before, .serviceTypeEditor.dark .dragList .list-group .list-group-item.active:before, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item.active:before, .tradeTypeEditor.dark .pageLoad .list-group .list-group-item.active:before, .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item.active:before, .tradeTypeEditor.dark .cgLoad .list-group .list-group-item.active:before, .tradeTypeEditor.dark .stLoad .list-group .list-group-item.active:before, .tradeTypeEditor.dark .tstLoad .list-group .list-group-item.active:before, .tradeTypeEditor.dark .ttLoad .list-group .list-group-item.active:before, .tradeTypeEditor.dark .dtLoad .list-group .list-group-item.active:before, .tradeTypeEditor.dark .crdLoad .list-group .list-group-item.active:before, .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item.active:before, .tradeTypeEditor.dark .dragList .list-group .list-group-item.active:before, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item.active:before, .ruleBuilder.dark .pageLoad .list-group .list-group-item.active:before, .ruleBuilder.dark .chapterLoad .list-group .list-group-item.active:before, .ruleBuilder.dark .cgLoad .list-group .list-group-item.active:before, .ruleBuilder.dark .stLoad .list-group .list-group-item.active:before, .ruleBuilder.dark .tstLoad .list-group .list-group-item.active:before, .ruleBuilder.dark .ttLoad .list-group .list-group-item.active:before, .ruleBuilder.dark .dtLoad .list-group .list-group-item.active:before, .ruleBuilder.dark .crdLoad .list-group .list-group-item.active:before, .ruleBuilder.dark .ruleLoad .list-group .list-group-item.active:before, .ruleBuilder.dark .dragList .list-group .list-group-item.active:before, .ruleBuilder.dark .rfoListItem .list-group .list-group-item.active:before, .courseCredentialEditor.dark .pageLoad .list-group .list-group-item.active:before, .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item.active:before, .courseCredentialEditor.dark .cgLoad .list-group .list-group-item.active:before, .courseCredentialEditor.dark .stLoad .list-group .list-group-item.active:before, .courseCredentialEditor.dark .tstLoad .list-group .list-group-item.active:before, .courseCredentialEditor.dark .ttLoad .list-group .list-group-item.active:before, .courseCredentialEditor.dark .dtLoad .list-group .list-group-item.active:before, .courseCredentialEditor.dark .crdLoad .list-group .list-group-item.active:before, .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item.active:before, .courseCredentialEditor.dark .dragList .list-group .list-group-item.active:before, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item.active:before {
  background-repeat: no-repeat;
  background-position: -5px 9px;
  width: 17px;
  content: "";
}
.pageEditor.dark .pageLoad .list-group .list-group-item.active .reordered:before, .pageEditor.dark .chapterLoad .list-group .list-group-item.active .reordered:before, .pageEditor.dark .cgLoad .list-group .list-group-item.active .reordered:before, .pageEditor.dark .stLoad .list-group .list-group-item.active .reordered:before, .pageEditor.dark .tstLoad .list-group .list-group-item.active .reordered:before, .pageEditor.dark .ttLoad .list-group .list-group-item.active .reordered:before, .pageEditor.dark .dtLoad .list-group .list-group-item.active .reordered:before, .pageEditor.dark .crdLoad .list-group .list-group-item.active .reordered:before, .pageEditor.dark .ruleLoad .list-group .list-group-item.active .reordered:before, .pageEditor.dark .dragList .list-group .list-group-item.active .reordered:before, .pageEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, chapterEditor.dark .pageLoad .list-group .list-group-item.active .reordered:before, chapterEditor.dark .chapterLoad .list-group .list-group-item.active .reordered:before, chapterEditor.dark .cgLoad .list-group .list-group-item.active .reordered:before, chapterEditor.dark .stLoad .list-group .list-group-item.active .reordered:before, chapterEditor.dark .tstLoad .list-group .list-group-item.active .reordered:before, chapterEditor.dark .ttLoad .list-group .list-group-item.active .reordered:before, chapterEditor.dark .dtLoad .list-group .list-group-item.active .reordered:before, chapterEditor.dark .crdLoad .list-group .list-group-item.active .reordered:before, chapterEditor.dark .ruleLoad .list-group .list-group-item.active .reordered:before, chapterEditor.dark .dragList .list-group .list-group-item.active .reordered:before, chapterEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .pageLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .chapterLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .cgLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .stLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .tstLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .ttLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .dtLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .crdLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .ruleLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .dragList .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .pageLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .cgLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .stLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .tstLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .ttLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .dtLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .crdLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .dragList .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .pageLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .cgLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .stLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .tstLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .ttLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .dtLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .crdLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .dragList .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .pageLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .chapterLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .cgLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .stLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .tstLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .ttLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .dtLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .crdLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .ruleLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .dragList .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .pageLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .cgLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .stLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .tstLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .ttLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .dtLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .crdLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .dragList .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.pageEditor.dark .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: 100%;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.dark .pageLoad .list-group .list-group-item.active > div.ignore, .pageEditor.dark .chapterLoad .list-group .list-group-item.active > div.ignore, .pageEditor.dark .cgLoad .list-group .list-group-item.active > div.ignore, .pageEditor.dark .stLoad .list-group .list-group-item.active > div.ignore, .pageEditor.dark .tstLoad .list-group .list-group-item.active > div.ignore, .pageEditor.dark .ttLoad .list-group .list-group-item.active > div.ignore, .pageEditor.dark .dtLoad .list-group .list-group-item.active > div.ignore, .pageEditor.dark .crdLoad .list-group .list-group-item.active > div.ignore, .pageEditor.dark .ruleLoad .list-group .list-group-item.active > div.ignore, .pageEditor.dark .dragList .list-group .list-group-item.active > div.ignore, .pageEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, chapterEditor.dark .pageLoad .list-group .list-group-item.active > div.ignore, chapterEditor.dark .chapterLoad .list-group .list-group-item.active > div.ignore, chapterEditor.dark .cgLoad .list-group .list-group-item.active > div.ignore, chapterEditor.dark .stLoad .list-group .list-group-item.active > div.ignore, chapterEditor.dark .tstLoad .list-group .list-group-item.active > div.ignore, chapterEditor.dark .ttLoad .list-group .list-group-item.active > div.ignore, chapterEditor.dark .dtLoad .list-group .list-group-item.active > div.ignore, chapterEditor.dark .crdLoad .list-group .list-group-item.active > div.ignore, chapterEditor.dark .ruleLoad .list-group .list-group-item.active > div.ignore, chapterEditor.dark .dragList .list-group .list-group-item.active > div.ignore, chapterEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .pageLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .chapterLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .cgLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .stLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .tstLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .ttLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .dtLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .crdLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .ruleLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .dragList .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .pageLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .cgLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .stLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .tstLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .ttLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .dtLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .crdLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .dragList .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .pageLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .cgLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .stLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .tstLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .ttLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .dtLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .crdLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .dragList .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .pageLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .chapterLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .cgLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .stLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .tstLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .ttLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .dtLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .crdLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .ruleLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .dragList .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .pageLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .cgLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .stLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .tstLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .ttLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .dtLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .crdLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .dragList .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  background: transparent;
  width: 41px;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.dark .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: 100%;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.dark .pageLoad .list-group .list-group-item > div.ignore, .pageEditor.dark .chapterLoad .list-group .list-group-item > div.ignore, .pageEditor.dark .cgLoad .list-group .list-group-item > div.ignore, .pageEditor.dark .stLoad .list-group .list-group-item > div.ignore, .pageEditor.dark .tstLoad .list-group .list-group-item > div.ignore, .pageEditor.dark .ttLoad .list-group .list-group-item > div.ignore, .pageEditor.dark .dtLoad .list-group .list-group-item > div.ignore, .pageEditor.dark .crdLoad .list-group .list-group-item > div.ignore, .pageEditor.dark .ruleLoad .list-group .list-group-item > div.ignore, .pageEditor.dark .dragList .list-group .list-group-item > div.ignore, .pageEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, chapterEditor.dark .pageLoad .list-group .list-group-item > div.ignore, chapterEditor.dark .chapterLoad .list-group .list-group-item > div.ignore, chapterEditor.dark .cgLoad .list-group .list-group-item > div.ignore, chapterEditor.dark .stLoad .list-group .list-group-item > div.ignore, chapterEditor.dark .tstLoad .list-group .list-group-item > div.ignore, chapterEditor.dark .ttLoad .list-group .list-group-item > div.ignore, chapterEditor.dark .dtLoad .list-group .list-group-item > div.ignore, chapterEditor.dark .crdLoad .list-group .list-group-item > div.ignore, chapterEditor.dark .ruleLoad .list-group .list-group-item > div.ignore, chapterEditor.dark .dragList .list-group .list-group-item > div.ignore, chapterEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .pageLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .chapterLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .cgLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .stLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .tstLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .ttLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .dtLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .crdLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .ruleLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .dragList .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .pageLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .chapterLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .cgLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .stLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .tstLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .ttLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .dtLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .crdLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .ruleLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .dragList .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .pageLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .chapterLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .cgLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .stLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .tstLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .ttLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .dtLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .crdLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .ruleLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .dragList .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, .ruleBuilder.dark .pageLoad .list-group .list-group-item > div.ignore, .ruleBuilder.dark .chapterLoad .list-group .list-group-item > div.ignore, .ruleBuilder.dark .cgLoad .list-group .list-group-item > div.ignore, .ruleBuilder.dark .stLoad .list-group .list-group-item > div.ignore, .ruleBuilder.dark .tstLoad .list-group .list-group-item > div.ignore, .ruleBuilder.dark .ttLoad .list-group .list-group-item > div.ignore, .ruleBuilder.dark .dtLoad .list-group .list-group-item > div.ignore, .ruleBuilder.dark .crdLoad .list-group .list-group-item > div.ignore, .ruleBuilder.dark .ruleLoad .list-group .list-group-item > div.ignore, .ruleBuilder.dark .dragList .list-group .list-group-item > div.ignore, .ruleBuilder.dark .rfoListItem .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .pageLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .chapterLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .cgLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .stLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .tstLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .ttLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .dtLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .crdLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .ruleLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .dragList .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0 0.75rem 0;
  color: #343a40;
  width: 42px;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.dark .rfoListItem, chapterEditor.dark .rfoListItem, .clientGroupEditor.dark .rfoListItem, .serviceTypeEditor.dark .rfoListItem, .tradeTypeEditor.dark .rfoListItem, .ruleBuilder.dark .rfoListItem, .courseCredentialEditor.dark .rfoListItem {
  padding: 0.95rem 0.5rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pageEditor.dark .rfoListItem .reordered:before, chapterEditor.dark .rfoListItem .reordered:before, .clientGroupEditor.dark .rfoListItem .reordered:before, .serviceTypeEditor.dark .rfoListItem .reordered:before, .tradeTypeEditor.dark .rfoListItem .reordered:before, .ruleBuilder.dark .rfoListItem .reordered:before, .courseCredentialEditor.dark .rfoListItem .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.pageEditor.dark .rfoListItem .list-group, chapterEditor.dark .rfoListItem .list-group, .clientGroupEditor.dark .rfoListItem .list-group, .serviceTypeEditor.dark .rfoListItem .list-group, .tradeTypeEditor.dark .rfoListItem .list-group, .ruleBuilder.dark .rfoListItem .list-group, .courseCredentialEditor.dark .rfoListItem .list-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pageEditor.dark .rfoListItem .list-group .list-group-item, chapterEditor.dark .rfoListItem .list-group .list-group-item, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item, .ruleBuilder.dark .rfoListItem .list-group .list-group-item, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.pageEditor.dark .rfoListItem .list-group .list-group-item.active, chapterEditor.dark .rfoListItem .list-group .list-group-item.active, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item.active, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item.active, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item.active, .ruleBuilder.dark .rfoListItem .list-group .list-group-item.active, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #343a40;
  background: #ffffff;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.pageEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, chapterEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .ruleBuilder.dark .rfoListItem .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item.active .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.pageEditor.dark .rfoListItem .list-group .list-group-item.active:before, chapterEditor.dark .rfoListItem .list-group .list-group-item.active:before, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item.active:before, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item.active:before, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item.active:before, .ruleBuilder.dark .rfoListItem .list-group .list-group-item.active:before, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item.active:before {
  width: 0;
  content: "";
}
.pageEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, chapterEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .ruleBuilder.dark .rfoListItem .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item.active > div.ignore {
  padding: 0.75rem 0;
}
.pageEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), chapterEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .clientGroupEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .ruleBuilder.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: calc(100% - 0.2rem - 50px);
}
.pageEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, chapterEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item > div.ignore, .ruleBuilder.dark .rfoListItem .list-group .list-group-item > div.ignore, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  width: 24px;
}
.pageEditor.dark .rfoListItem .list-group .list-group-item > span, chapterEditor.dark .rfoListItem .list-group .list-group-item > span, .clientGroupEditor.dark .rfoListItem .list-group .list-group-item > span, .serviceTypeEditor.dark .rfoListItem .list-group .list-group-item > span, .tradeTypeEditor.dark .rfoListItem .list-group .list-group-item > span, .ruleBuilder.dark .rfoListItem .list-group .list-group-item > span, .courseCredentialEditor.dark .rfoListItem .list-group .list-group-item > span {
  display: inline-block;
  padding: 0.75rem 0 0.75rem 1.4rem;
}
.pageEditor.dark .rfoListItem .list-group .css-new, chapterEditor.dark .rfoListItem .list-group .css-new, .clientGroupEditor.dark .rfoListItem .list-group .css-new, .serviceTypeEditor.dark .rfoListItem .list-group .css-new, .tradeTypeEditor.dark .rfoListItem .list-group .css-new, .ruleBuilder.dark .rfoListItem .list-group .css-new, .courseCredentialEditor.dark .rfoListItem .list-group .css-new {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div, chapterEditor.dark .rfoListItem .list-group .css-new > div, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div, .ruleBuilder.dark .rfoListItem .list-group .css-new > div, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.5rem 0;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:first-child, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:first-child, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:first-child, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:first-child, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:first-child, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:first-child, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:first-child {
  width: 35%;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(2), chapterEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(2), .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(2), .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(2), .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(2), .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:nth-child(2), .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(2) {
  width: 30px;
  text-align: center;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(3), chapterEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(3), .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(3), .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(3), .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(3), .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:nth-child(3), .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:nth-child(3) {
  width: 50%;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-color: #fff;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-1' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 18v-8l-2 2' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-3' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 14a2 2 0 1 0 -2 -2' /%3E%3Cpath d='M17 16a2 2 0 1 0 2 -2' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-4' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 18v-8l-4 6h5' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-5' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 18h2a2 2 0 1 0 0 -4h-2v-4h4' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-h6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-6' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle transform='rotate(180 19 16)' cx='19' cy='16' r='2' /%3E%3Cpath d='M21 12a2 2 0 1 0 -4 0v4' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-body, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-rectangle-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='3' width='14' height='18' rx='2' fill='%2300aaff'/%3E%3C/svg%3E%0A");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-banner {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-navbar' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='14' height='18' rx='1' /%3E%3Cline x1='6' y1='9' x2='16' y2='9' /%3E%3Cline x1='6' y1='8' x2='14' y2='8' stroke='%2300aaff' /%3E%3Cline x1='6' y1='7' x2='16' y2='7' stroke='%2300aaff' /%3E%3Cline x1='6' y1='6' x2='16' y2='6' stroke='%2300aaff' /%3E%3C/svg%3E");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-text, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-text {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-rectangle-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='5' y='3' width='14' height='18' rx='2' /%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='15' y2='6' stroke='%2300aaff' /%3E%3Cline x1='9' y1='10' x2='15' y2='10' stroke='%2300aaff' /%3E%3Cline x1='9' y1='14' x2='15' y2='14' stroke='%2300aaff' /%3E%3Cline x1='9' y1='18' x2='15' y2='18' stroke='%2300aaff' /%3E%3C/svg%3E%0A");
  background-position: -1px;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-footer {
  background-position: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-navbar' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='6' y='4' width='14' height='18' rx='2' /%3E%3Crect x='7' y='16' width='12' height='4' rx='0' stroke='%2300aaff' fill='%2300aaff' /%3E%3Cline x1='6' y1='16' x2='19' y2='16' stroke-width='1' /%3E%3C/svg%3E%0A");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-back, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='14 8 10 11 14 15' /%3E%3C/svg%3E ");
  background-position: -2px;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-next, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='14 8 10 11 14 15' /%3E%3C/svg%3E ");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-finish {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cline x1='13' y1='11' x2='18' y2='7' /%3E%3Cline x1='13' y1='11' x2='18' y2='15' /%3E%3Cline x1='8' y1='11' x2='13' y2='7' /%3E%3Cline x1='8' y1='11' x2='13' y2='15' /%3E%3C/svg%3E ");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px;
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' fill='%23cccccc' /%3E%3Cpath d='M3 3l18 18' /%3E%3C/svg%3E");
}
.pageEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, chapterEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .clientGroupEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .serviceTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .tradeTypeEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .ruleBuilder.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .courseCredentialEditor.dark .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='9 11 12 14 18 7' /%3E%3C/svg%3E ");
}
.pageEditor.dark #pnlBlocks, chapterEditor.dark #pnlBlocks, .clientGroupEditor.dark #pnlBlocks, .serviceTypeEditor.dark #pnlBlocks, .tradeTypeEditor.dark #pnlBlocks, .ruleBuilder.dark #pnlBlocks, .courseCredentialEditor.dark #pnlBlocks {
  margin-top: -1.25rem;
}
.pageEditor.dark .pagemenu, .pageEditor.dark .chaptermenu, chapterEditor.dark .pagemenu, chapterEditor.dark .chaptermenu, .clientGroupEditor.dark .pagemenu, .clientGroupEditor.dark .chaptermenu, .serviceTypeEditor.dark .pagemenu, .serviceTypeEditor.dark .chaptermenu, .tradeTypeEditor.dark .pagemenu, .tradeTypeEditor.dark .chaptermenu, .ruleBuilder.dark .pagemenu, .ruleBuilder.dark .chaptermenu, .courseCredentialEditor.dark .pagemenu, .courseCredentialEditor.dark .chaptermenu {
  margin-bottom: -1px;
  padding-left: 10px;
  border-left: 0;
  width: 20px;
  border-top: none;
  border-right: 1px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
}
.pageEditor.dark .dropdown-submenu, chapterEditor.dark .dropdown-submenu, .clientGroupEditor.dark .dropdown-submenu, .serviceTypeEditor.dark .dropdown-submenu, .tradeTypeEditor.dark .dropdown-submenu, .ruleBuilder.dark .dropdown-submenu, .courseCredentialEditor.dark .dropdown-submenu {
  position: relative;
  display: block;
  -webkit-transition: height 1s ease;
  transition: height 1s ease;
}
.pageEditor.dark .dropdown-submenu:hover .dropdown-menu-arrow-down, chapterEditor.dark .dropdown-submenu:hover .dropdown-menu-arrow-down, .clientGroupEditor.dark .dropdown-submenu:hover .dropdown-menu-arrow-down, .serviceTypeEditor.dark .dropdown-submenu:hover .dropdown-menu-arrow-down, .tradeTypeEditor.dark .dropdown-submenu:hover .dropdown-menu-arrow-down, .ruleBuilder.dark .dropdown-submenu:hover .dropdown-menu-arrow-down, .courseCredentialEditor.dark .dropdown-submenu:hover .dropdown-menu-arrow-down {
  display: block;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.pageEditor.dark .designerStyling, chapterEditor.dark .designerStyling, .clientGroupEditor.dark .designerStyling, .serviceTypeEditor.dark .designerStyling, .tradeTypeEditor.dark .designerStyling, .ruleBuilder.dark .designerStyling, .courseCredentialEditor.dark .designerStyling {
  height: 100% !important;
  background: transparent;
  width: 300px;
  /* .section {
      margin-top: -0.625rem;
  }*/
  /*  .pagination > li.styling_item > a {
      border-radius: 3px;
      margin-right: 3px;
      color: inherit;
  }*/
}
.pageEditor.dark .designerStyling .propertiesSelector, .pageEditor.dark .designerStyling .coloursSelector, chapterEditor.dark .designerStyling .propertiesSelector, chapterEditor.dark .designerStyling .coloursSelector, .clientGroupEditor.dark .designerStyling .propertiesSelector, .clientGroupEditor.dark .designerStyling .coloursSelector, .serviceTypeEditor.dark .designerStyling .propertiesSelector, .serviceTypeEditor.dark .designerStyling .coloursSelector, .tradeTypeEditor.dark .designerStyling .propertiesSelector, .tradeTypeEditor.dark .designerStyling .coloursSelector, .ruleBuilder.dark .designerStyling .propertiesSelector, .ruleBuilder.dark .designerStyling .coloursSelector, .courseCredentialEditor.dark .designerStyling .propertiesSelector, .courseCredentialEditor.dark .designerStyling .coloursSelector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%;
  overflow: hidden auto;
  padding-left: 0.5rem;
  height: 96% !important;
}
.pageEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar, .pageEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar, chapterEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar, chapterEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar, .clientGroupEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar, .clientGroupEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar, .serviceTypeEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar, .serviceTypeEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar, .tradeTypeEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar, .tradeTypeEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar, .ruleBuilder.dark .designerStyling .propertiesSelector::-webkit-scrollbar, .ruleBuilder.dark .designerStyling .coloursSelector::-webkit-scrollbar, .courseCredentialEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar, .courseCredentialEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar {
  position: absolute;
  width: 8px;
  margin-left: -10px;
  -webkit-appearance: none;
}
.pageEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-track, .pageEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-track, chapterEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-track, chapterEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-track, .clientGroupEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-track, .clientGroupEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-track, .serviceTypeEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-track, .serviceTypeEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-track, .tradeTypeEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-track, .tradeTypeEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-track, .ruleBuilder.dark .designerStyling .propertiesSelector::-webkit-scrollbar-track, .ruleBuilder.dark .designerStyling .coloursSelector::-webkit-scrollbar-track, .courseCredentialEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-track, .courseCredentialEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-track {
  background-color: transparent;
  border-right: none;
  border-left: none;
}
.pageEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-thumb, .pageEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-thumb, chapterEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-thumb, chapterEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-thumb, .clientGroupEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-thumb, .clientGroupEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-thumb, .serviceTypeEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-thumb, .serviceTypeEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-thumb, .tradeTypeEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-thumb, .tradeTypeEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-thumb, .ruleBuilder.dark .designerStyling .propertiesSelector::-webkit-scrollbar-thumb, .ruleBuilder.dark .designerStyling .coloursSelector::-webkit-scrollbar-thumb, .courseCredentialEditor.dark .designerStyling .propertiesSelector::-webkit-scrollbar-thumb, .courseCredentialEditor.dark .designerStyling .coloursSelector::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: rgba(160, 174, 186, 0.2);
  background-clip: content-box;
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 1px 2px;
  border-radius: 7px;
}
.pageEditor.dark .designerStyling .componentLink, chapterEditor.dark .designerStyling .componentLink, .clientGroupEditor.dark .designerStyling .componentLink, .serviceTypeEditor.dark .designerStyling .componentLink, .tradeTypeEditor.dark .designerStyling .componentLink, .ruleBuilder.dark .designerStyling .componentLink, .courseCredentialEditor.dark .designerStyling .componentLink {
  border: 1px solid #e1e3ea;
  text-align: center;
  width: 4.18rem;
  font-size: 2rem;
  padding: 0.5rem;
  cursor: pointer;
}
.pageEditor.dark .designerStyling .componentLink:active, .pageEditor.dark .designerStyling .componentLink:hover, .pageEditor.dark .designerStyling .componentLink:link, chapterEditor.dark .designerStyling .componentLink:active, chapterEditor.dark .designerStyling .componentLink:hover, chapterEditor.dark .designerStyling .componentLink:link, .clientGroupEditor.dark .designerStyling .componentLink:active, .clientGroupEditor.dark .designerStyling .componentLink:hover, .clientGroupEditor.dark .designerStyling .componentLink:link, .serviceTypeEditor.dark .designerStyling .componentLink:active, .serviceTypeEditor.dark .designerStyling .componentLink:hover, .serviceTypeEditor.dark .designerStyling .componentLink:link, .tradeTypeEditor.dark .designerStyling .componentLink:active, .tradeTypeEditor.dark .designerStyling .componentLink:hover, .tradeTypeEditor.dark .designerStyling .componentLink:link, .ruleBuilder.dark .designerStyling .componentLink:active, .ruleBuilder.dark .designerStyling .componentLink:hover, .ruleBuilder.dark .designerStyling .componentLink:link, .courseCredentialEditor.dark .designerStyling .componentLink:active, .courseCredentialEditor.dark .designerStyling .componentLink:hover, .courseCredentialEditor.dark .designerStyling .componentLink:link {
  border: none !important;
}
.pageEditor.dark .designerStyling .styleTitle, .pageEditor.dark .designerStyling .col-form-label, chapterEditor.dark .designerStyling .styleTitle, chapterEditor.dark .designerStyling .col-form-label, .clientGroupEditor.dark .designerStyling .styleTitle, .clientGroupEditor.dark .designerStyling .col-form-label, .serviceTypeEditor.dark .designerStyling .styleTitle, .serviceTypeEditor.dark .designerStyling .col-form-label, .tradeTypeEditor.dark .designerStyling .styleTitle, .tradeTypeEditor.dark .designerStyling .col-form-label, .ruleBuilder.dark .designerStyling .styleTitle, .ruleBuilder.dark .designerStyling .col-form-label, .courseCredentialEditor.dark .designerStyling .styleTitle, .courseCredentialEditor.dark .designerStyling .col-form-label {
  font-size: 0.75rem !important;
  font-weight: 500;
  color: #ff637b !important;
  margin-top: 0.35rem;
  margin-bottom: 0.15rem;
  padding-top: 0px !important;
}
.pageEditor.dark .designerStyling .styling_item > a .alert-danger-muted, chapterEditor.dark .designerStyling .styling_item > a .alert-danger-muted, .clientGroupEditor.dark .designerStyling .styling_item > a .alert-danger-muted, .serviceTypeEditor.dark .designerStyling .styling_item > a .alert-danger-muted, .tradeTypeEditor.dark .designerStyling .styling_item > a .alert-danger-muted, .ruleBuilder.dark .designerStyling .styling_item > a .alert-danger-muted, .courseCredentialEditor.dark .designerStyling .styling_item > a .alert-danger-muted {
  color: #000;
}
.pageEditor.dark .designerStyling .styling_item > a .alert-info, chapterEditor.dark .designerStyling .styling_item > a .alert-info, .clientGroupEditor.dark .designerStyling .styling_item > a .alert-info, .serviceTypeEditor.dark .designerStyling .styling_item > a .alert-info, .tradeTypeEditor.dark .designerStyling .styling_item > a .alert-info, .ruleBuilder.dark .designerStyling .styling_item > a .alert-info, .courseCredentialEditor.dark .designerStyling .styling_item > a .alert-info {
  color: #0c5460;
}
.pageEditor.dark .designerStyling .styling_item > a .alert-success, chapterEditor.dark .designerStyling .styling_item > a .alert-success, .clientGroupEditor.dark .designerStyling .styling_item > a .alert-success, .serviceTypeEditor.dark .designerStyling .styling_item > a .alert-success, .tradeTypeEditor.dark .designerStyling .styling_item > a .alert-success, .ruleBuilder.dark .designerStyling .styling_item > a .alert-success, .courseCredentialEditor.dark .designerStyling .styling_item > a .alert-success {
  color: #155724;
}
.pageEditor.dark .designerStyling .styling_item > a .alert-warning, chapterEditor.dark .designerStyling .styling_item > a .alert-warning, .clientGroupEditor.dark .designerStyling .styling_item > a .alert-warning, .serviceTypeEditor.dark .designerStyling .styling_item > a .alert-warning, .tradeTypeEditor.dark .designerStyling .styling_item > a .alert-warning, .ruleBuilder.dark .designerStyling .styling_item > a .alert-warning, .courseCredentialEditor.dark .designerStyling .styling_item > a .alert-warning {
  color: #856404;
}
.pageEditor.dark .designerStyling .styling_item .page-item, chapterEditor.dark .designerStyling .styling_item .page-item, .clientGroupEditor.dark .designerStyling .styling_item .page-item, .serviceTypeEditor.dark .designerStyling .styling_item .page-item, .tradeTypeEditor.dark .designerStyling .styling_item .page-item, .ruleBuilder.dark .designerStyling .styling_item .page-item, .courseCredentialEditor.dark .designerStyling .styling_item .page-item {
  font-weight: 500;
  font-size: 0.85rem;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
}
.pageEditor.dark .designerStyling .styling_item .page-item .active > a.page-link, chapterEditor.dark .designerStyling .styling_item .page-item .active > a.page-link, .clientGroupEditor.dark .designerStyling .styling_item .page-item .active > a.page-link, .serviceTypeEditor.dark .designerStyling .styling_item .page-item .active > a.page-link, .tradeTypeEditor.dark .designerStyling .styling_item .page-item .active > a.page-link, .ruleBuilder.dark .designerStyling .styling_item .page-item .active > a.page-link, .courseCredentialEditor.dark .designerStyling .styling_item .page-item .active > a.page-link {
  background-color: #00AAFF;
  color: #f8f9fa;
  font-weight: 600;
  font-size: 0.85rem;
}
.pageEditor.light, chapterEditor.light, .clientGroupEditor.light, .serviceTypeEditor.light, .tradeTypeEditor.light, .ruleBuilder.light, .courseCredentialEditor.light {
  /*  .sortable-chosen {
      &:active {
          border: 1px solid $color-accent !important;
      }
  }*/
  /*.pagemenu-first, .chaptermenu-first {
      margin-bottom: -1px;
      padding-left: 10px;
      border-left: 0;
      width: 20px;
      border-top: 1px solid #dee2e6 !important;
      border-right: 1px solid #dee2e6 !important;
      border-bottom: 1px solid #dee2e6 !important;
  }*/
}
.pageEditor.light #pnlF2 > div:first-child, chapterEditor.light #pnlF2 > div:first-child, .clientGroupEditor.light #pnlF2 > div:first-child, .serviceTypeEditor.light #pnlF2 > div:first-child, .tradeTypeEditor.light #pnlF2 > div:first-child, .ruleBuilder.light #pnlF2 > div:first-child, .courseCredentialEditor.light #pnlF2 > div:first-child {
  background-color: #f8f9fa;
}
.pageEditor.light .not-allowed, chapterEditor.light .not-allowed, .clientGroupEditor.light .not-allowed, .serviceTypeEditor.light .not-allowed, .tradeTypeEditor.light .not-allowed, .ruleBuilder.light .not-allowed, .courseCredentialEditor.light .not-allowed {
  cursor: not-allowed;
}
.pageEditor.light .blur, chapterEditor.light .blur, .clientGroupEditor.light .blur, .serviceTypeEditor.light .blur, .tradeTypeEditor.light .blur, .ruleBuilder.light .blur, .courseCredentialEditor.light .blur {
  opacity: 0.25 !important;
}
.pageEditor.light .ghost, chapterEditor.light .ghost, .clientGroupEditor.light .ghost, .serviceTypeEditor.light .ghost, .tradeTypeEditor.light .ghost, .ruleBuilder.light .ghost, .courseCredentialEditor.light .ghost {
  opacity: 1;
  border: 2px solid red !important;
  border-radius: 0.35rem !important;
}
.pageEditor.light .ghost > .eSection, chapterEditor.light .ghost > .eSection, .clientGroupEditor.light .ghost > .eSection, .serviceTypeEditor.light .ghost > .eSection, .tradeTypeEditor.light .ghost > .eSection, .ruleBuilder.light .ghost > .eSection, .courseCredentialEditor.light .ghost > .eSection {
  opacity: 0.3;
}
.pageEditor.light #pnlContentLayout, .pageEditor.light .designerLayout, chapterEditor.light #pnlContentLayout, chapterEditor.light .designerLayout, .clientGroupEditor.light #pnlContentLayout, .clientGroupEditor.light .designerLayout, .serviceTypeEditor.light #pnlContentLayout, .serviceTypeEditor.light .designerLayout, .tradeTypeEditor.light #pnlContentLayout, .tradeTypeEditor.light .designerLayout, .ruleBuilder.light #pnlContentLayout, .ruleBuilder.light .designerLayout, .courseCredentialEditor.light #pnlContentLayout, .courseCredentialEditor.light .designerLayout {
  overflow-x: hidden;
  overflow-y: visible;
}
.pageEditor.light #pnlContentLayout .border-l, .pageEditor.light .designerLayout .border-l, chapterEditor.light #pnlContentLayout .border-l, chapterEditor.light .designerLayout .border-l, .clientGroupEditor.light #pnlContentLayout .border-l, .clientGroupEditor.light .designerLayout .border-l, .serviceTypeEditor.light #pnlContentLayout .border-l, .serviceTypeEditor.light .designerLayout .border-l, .tradeTypeEditor.light #pnlContentLayout .border-l, .tradeTypeEditor.light .designerLayout .border-l, .ruleBuilder.light #pnlContentLayout .border-l, .ruleBuilder.light .designerLayout .border-l, .courseCredentialEditor.light #pnlContentLayout .border-l, .courseCredentialEditor.light .designerLayout .border-l {
  border-left-style: solid !important;
  border-left-width: 1px;
  border-left-color: #dee2e6;
}
.pageEditor.light #pnlContentLayout .border-r, .pageEditor.light .designerLayout .border-r, chapterEditor.light #pnlContentLayout .border-r, chapterEditor.light .designerLayout .border-r, .clientGroupEditor.light #pnlContentLayout .border-r, .clientGroupEditor.light .designerLayout .border-r, .serviceTypeEditor.light #pnlContentLayout .border-r, .serviceTypeEditor.light .designerLayout .border-r, .tradeTypeEditor.light #pnlContentLayout .border-r, .tradeTypeEditor.light .designerLayout .border-r, .ruleBuilder.light #pnlContentLayout .border-r, .ruleBuilder.light .designerLayout .border-r, .courseCredentialEditor.light #pnlContentLayout .border-r, .courseCredentialEditor.light .designerLayout .border-r {
  border-right-style: solid !important;
  border-right-width: 1px;
  border-right-color: #dee2e6;
}
.pageEditor.light #pnlContentLayout .border-t, .pageEditor.light .designerLayout .border-t, chapterEditor.light #pnlContentLayout .border-t, chapterEditor.light .designerLayout .border-t, .clientGroupEditor.light #pnlContentLayout .border-t, .clientGroupEditor.light .designerLayout .border-t, .serviceTypeEditor.light #pnlContentLayout .border-t, .serviceTypeEditor.light .designerLayout .border-t, .tradeTypeEditor.light #pnlContentLayout .border-t, .tradeTypeEditor.light .designerLayout .border-t, .ruleBuilder.light #pnlContentLayout .border-t, .ruleBuilder.light .designerLayout .border-t, .courseCredentialEditor.light #pnlContentLayout .border-t, .courseCredentialEditor.light .designerLayout .border-t {
  border-top-style: solid !important;
  border-top-width: 1px;
  border-top-color: #dee2e6;
}
.pageEditor.light #pnlContentLayout .border-b, .pageEditor.light .designerLayout .border-b, chapterEditor.light #pnlContentLayout .border-b, chapterEditor.light .designerLayout .border-b, .clientGroupEditor.light #pnlContentLayout .border-b, .clientGroupEditor.light .designerLayout .border-b, .serviceTypeEditor.light #pnlContentLayout .border-b, .serviceTypeEditor.light .designerLayout .border-b, .tradeTypeEditor.light #pnlContentLayout .border-b, .tradeTypeEditor.light .designerLayout .border-b, .ruleBuilder.light #pnlContentLayout .border-b, .ruleBuilder.light .designerLayout .border-b, .courseCredentialEditor.light #pnlContentLayout .border-b, .courseCredentialEditor.light .designerLayout .border-b {
  border-bottom-style: solid !important;
  border-bottom-width: 1px;
  border-bottom-color: #dee2e6;
}
.pageEditor.light #pnlContentLayout .resp-label div.inner, .pageEditor.light .designerLayout .resp-label div.inner, chapterEditor.light #pnlContentLayout .resp-label div.inner, chapterEditor.light .designerLayout .resp-label div.inner, .clientGroupEditor.light #pnlContentLayout .resp-label div.inner, .clientGroupEditor.light .designerLayout .resp-label div.inner, .serviceTypeEditor.light #pnlContentLayout .resp-label div.inner, .serviceTypeEditor.light .designerLayout .resp-label div.inner, .tradeTypeEditor.light #pnlContentLayout .resp-label div.inner, .tradeTypeEditor.light .designerLayout .resp-label div.inner, .ruleBuilder.light #pnlContentLayout .resp-label div.inner, .ruleBuilder.light .designerLayout .resp-label div.inner, .courseCredentialEditor.light #pnlContentLayout .resp-label div.inner, .courseCredentialEditor.light .designerLayout .resp-label div.inner {
  margin-left: 3.75rem !important;
  width: calc(100% - 3.75rem);
  border-radius: 0;
}
.pageEditor.light .mobilePreview, chapterEditor.light .mobilePreview, .clientGroupEditor.light .mobilePreview, .serviceTypeEditor.light .mobilePreview, .tradeTypeEditor.light .mobilePreview, .ruleBuilder.light .mobilePreview, .courseCredentialEditor.light .mobilePreview {
  width: 375px !important;
  left: calc(50% - 187.5px);
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
  height: 650px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem !important;
  border: 1px solid #e9eef2;
}
.pageEditor.light .mobileFrame > iframe, chapterEditor.light .mobileFrame > iframe, .clientGroupEditor.light .mobileFrame > iframe, .serviceTypeEditor.light .mobileFrame > iframe, .tradeTypeEditor.light .mobileFrame > iframe, .ruleBuilder.light .mobileFrame > iframe, .courseCredentialEditor.light .mobileFrame > iframe {
  border-radius: 10px;
}
.pageEditor.light .mobileFrame.phone, chapterEditor.light .mobileFrame.phone, .clientGroupEditor.light .mobileFrame.phone, .serviceTypeEditor.light .mobileFrame.phone, .tradeTypeEditor.light .mobileFrame.phone, .ruleBuilder.light .mobileFrame.phone, .courseCredentialEditor.light .mobileFrame.phone {
  margin-left: calc(50% - 187.5px);
  width: 375px !important;
  height: 640px;
}
.pageEditor.light .mobileFrame.tablet, chapterEditor.light .mobileFrame.tablet, .clientGroupEditor.light .mobileFrame.tablet, .serviceTypeEditor.light .mobileFrame.tablet, .tradeTypeEditor.light .mobileFrame.tablet, .ruleBuilder.light .mobileFrame.tablet, .courseCredentialEditor.light .mobileFrame.tablet {
  margin-left: calc(50% - 384px);
  width: 768px !important;
  height: 100%;
}
.pageEditor.light .mobileFrame.laptop, chapterEditor.light .mobileFrame.laptop, .clientGroupEditor.light .mobileFrame.laptop, .serviceTypeEditor.light .mobileFrame.laptop, .tradeTypeEditor.light .mobileFrame.laptop, .ruleBuilder.light .mobileFrame.laptop, .courseCredentialEditor.light .mobileFrame.laptop {
  margin-left: calc(50% - 683px);
  width: 1366px !important;
  height: 100%;
}
.pageEditor.light .textBar, chapterEditor.light .textBar, .clientGroupEditor.light .textBar, .serviceTypeEditor.light .textBar, .tradeTypeEditor.light .textBar, .ruleBuilder.light .textBar, .courseCredentialEditor.light .textBar {
  position: absolute;
  right: -1px !important;
  top: -25px;
  background: #00AAFF;
  color: #fff;
  padding: 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.pageEditor.light .designerLayout, chapterEditor.light .designerLayout, .clientGroupEditor.light .designerLayout, .serviceTypeEditor.light .designerLayout, .tradeTypeEditor.light .designerLayout, .ruleBuilder.light .designerLayout, .courseCredentialEditor.light .designerLayout {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
  height: 650px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem !important;
  border: 1px solid #e9eef2;
  /*  .resizeCardDiv {
      //border: 2px solid transparent !important;
      &:hover {
          border: 2px solid #ff9900 !important;
      }
  }*/
}
.pageEditor.light .designerLayout .override-inductionbody, chapterEditor.light .designerLayout .override-inductionbody, .clientGroupEditor.light .designerLayout .override-inductionbody, .serviceTypeEditor.light .designerLayout .override-inductionbody, .tradeTypeEditor.light .designerLayout .override-inductionbody, .ruleBuilder.light .designerLayout .override-inductionbody, .courseCredentialEditor.light .designerLayout .override-inductionbody {
  height: auto;
  margin: 1% auto;
  min-height: 98%;
}
.pageEditor.light .designerLayout .override-hero-register, chapterEditor.light .designerLayout .override-hero-register, .clientGroupEditor.light .designerLayout .override-hero-register, .serviceTypeEditor.light .designerLayout .override-hero-register, .tradeTypeEditor.light .designerLayout .override-hero-register, .ruleBuilder.light .designerLayout .override-hero-register, .courseCredentialEditor.light .designerLayout .override-hero-register {
  min-height: 100%;
  height: 100% !important;
  overflow: hidden;
}
.pageEditor.light .designerLayout .override-inductions, chapterEditor.light .designerLayout .override-inductions, .clientGroupEditor.light .designerLayout .override-inductions, .serviceTypeEditor.light .designerLayout .override-inductions, .tradeTypeEditor.light .designerLayout .override-inductions, .ruleBuilder.light .designerLayout .override-inductions, .courseCredentialEditor.light .designerLayout .override-inductions {
  height: auto;
  margin: 1% auto;
}
.pageEditor.light .designerLayout .resizeDiv, chapterEditor.light .designerLayout .resizeDiv, .clientGroupEditor.light .designerLayout .resizeDiv, .serviceTypeEditor.light .designerLayout .resizeDiv, .tradeTypeEditor.light .designerLayout .resizeDiv, .ruleBuilder.light .designerLayout .resizeDiv, .courseCredentialEditor.light .designerLayout .resizeDiv {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
}
.pageEditor.light .designerLayout .resizeDiv > img, chapterEditor.light .designerLayout .resizeDiv > img, .clientGroupEditor.light .designerLayout .resizeDiv > img, .serviceTypeEditor.light .designerLayout .resizeDiv > img, .tradeTypeEditor.light .designerLayout .resizeDiv > img, .ruleBuilder.light .designerLayout .resizeDiv > img, .courseCredentialEditor.light .designerLayout .resizeDiv > img {
  border: 0.15rem inset transparent !important;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers, chapterEditor.light .designerLayout .resizeDiv > .resizers, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers, .ruleBuilder.light .designerLayout .resizeDiv > .resizers, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers {
  z-index: 5;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid red;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  display: none;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers .resizer, chapterEditor.light .designerLayout .resizeDiv > .resizers .resizer, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers .resizer, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer, .ruleBuilder.light .designerLayout .resizeDiv > .resizers .resizer, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers .resizer {
  width: 10px;
  height: 10px;
  border-radius: 50%; /*magic to turn square into circle*/
  background: white;
  border: 3px solid red;
  position: absolute;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-left, chapterEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-left, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-left, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-left, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-left, .ruleBuilder.light .designerLayout .resizeDiv > .resizers .resizer.top-left, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
  cursor: nwse-resize; /*resizer cursor*/
}
.pageEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-left, chapterEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .ruleBuilder.light .designerLayout .resizeDiv > .resizers .resizer.bottom-left, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
  cursor: nesw-resize;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-right, chapterEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-right, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-right, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-right, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-right, .ruleBuilder.light .designerLayout .resizeDiv > .resizers .resizer.top-right, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
  cursor: nesw-resize;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-right, chapterEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .ruleBuilder.light .designerLayout .resizeDiv > .resizers .resizer.bottom-right, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
  cursor: nwse-resize;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-right, chapterEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-right, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-right, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-right, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-right, .ruleBuilder.light .designerLayout .resizeDiv > .resizers .resizer.mid-right, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-right {
  right: -6px;
  top: calc(50% - 5px);
  cursor: ew-resize;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-left, chapterEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-left, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-left, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-left, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-left, .ruleBuilder.light .designerLayout .resizeDiv > .resizers .resizer.mid-left, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers .resizer.mid-left {
  left: -6px;
  top: calc(50% - 5px);
  cursor: ew-resize;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-mid, chapterEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-mid, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-mid, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-mid, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-mid, .ruleBuilder.light .designerLayout .resizeDiv > .resizers .resizer.top-mid, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers .resizer.top-mid {
  left: calc(50% - 5px);
  top: -6px;
  cursor: ns-resize;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, chapterEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .ruleBuilder.light .designerLayout .resizeDiv > .resizers .resizer.bottom-mid, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers .resizer.bottom-mid {
  left: calc(50% - 5px);
  bottom: -6px;
  cursor: ns-resize;
}
.pageEditor.light .designerLayout .resizeDiv > .resizers.show, chapterEditor.light .designerLayout .resizeDiv > .resizers.show, .clientGroupEditor.light .designerLayout .resizeDiv > .resizers.show, .serviceTypeEditor.light .designerLayout .resizeDiv > .resizers.show, .tradeTypeEditor.light .designerLayout .resizeDiv > .resizers.show, .ruleBuilder.light .designerLayout .resizeDiv > .resizers.show, .courseCredentialEditor.light .designerLayout .resizeDiv > .resizers.show {
  display: block;
}
.pageEditor.light .designerLayout .resizeDiv:hover, chapterEditor.light .designerLayout .resizeDiv:hover, .clientGroupEditor.light .designerLayout .resizeDiv:hover, .serviceTypeEditor.light .designerLayout .resizeDiv:hover, .tradeTypeEditor.light .designerLayout .resizeDiv:hover, .ruleBuilder.light .designerLayout .resizeDiv:hover, .courseCredentialEditor.light .designerLayout .resizeDiv:hover {
  /* > img {
      border: 0.15rem inset red !important;
  }*/
}
.pageEditor.light .designerLayout .resizeDiv:not(:empty), chapterEditor.light .designerLayout .resizeDiv:not(:empty), .clientGroupEditor.light .designerLayout .resizeDiv:not(:empty), .serviceTypeEditor.light .designerLayout .resizeDiv:not(:empty), .tradeTypeEditor.light .designerLayout .resizeDiv:not(:empty), .ruleBuilder.light .designerLayout .resizeDiv:not(:empty), .courseCredentialEditor.light .designerLayout .resizeDiv:not(:empty) {
  margin-bottom: 0.1rem;
}
.pageEditor.light .designerLayout .resizeDiv img[contenteditable=true], chapterEditor.light .designerLayout .resizeDiv img[contenteditable=true], .clientGroupEditor.light .designerLayout .resizeDiv img[contenteditable=true], .serviceTypeEditor.light .designerLayout .resizeDiv img[contenteditable=true], .tradeTypeEditor.light .designerLayout .resizeDiv img[contenteditable=true], .ruleBuilder.light .designerLayout .resizeDiv img[contenteditable=true], .courseCredentialEditor.light .designerLayout .resizeDiv img[contenteditable=true] {
  padding: 0rem !important;
  line-height: 1.5rem;
}
.pageEditor.light .designerLayout .resizeInlineDiv, chapterEditor.light .designerLayout .resizeInlineDiv, .clientGroupEditor.light .designerLayout .resizeInlineDiv, .serviceTypeEditor.light .designerLayout .resizeInlineDiv, .tradeTypeEditor.light .designerLayout .resizeInlineDiv, .ruleBuilder.light .designerLayout .resizeInlineDiv, .courseCredentialEditor.light .designerLayout .resizeInlineDiv {
  /*  &:hover {
      > img {
          border: 0.25rem solid red !important;
      }
  }*/
}
.pageEditor.light .designerLayout .resizeInlineDiv:not(:empty), chapterEditor.light .designerLayout .resizeInlineDiv:not(:empty), .clientGroupEditor.light .designerLayout .resizeInlineDiv:not(:empty), .serviceTypeEditor.light .designerLayout .resizeInlineDiv:not(:empty), .tradeTypeEditor.light .designerLayout .resizeInlineDiv:not(:empty), .ruleBuilder.light .designerLayout .resizeInlineDiv:not(:empty), .courseCredentialEditor.light .designerLayout .resizeInlineDiv:not(:empty) {
  margin-bottom: 0.1rem;
}
.pageEditor.light .designerTools, chapterEditor.light .designerTools, .clientGroupEditor.light .designerTools, .serviceTypeEditor.light .designerTools, .tradeTypeEditor.light .designerTools, .ruleBuilder.light .designerTools, .courseCredentialEditor.light .designerTools {
  right: 66px;
  width: 66px;
  padding: 0 0;
  margin-right: 250px;
  text-align: center;
  background: transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  border-radius: 0 5px 5px 0;
}
.pageEditor.light .designerTools > ul, chapterEditor.light .designerTools > ul, .clientGroupEditor.light .designerTools > ul, .serviceTypeEditor.light .designerTools > ul, .tradeTypeEditor.light .designerTools > ul, .ruleBuilder.light .designerTools > ul, .courseCredentialEditor.light .designerTools > ul {
  padding: 0 0.25rem;
}
.pageEditor.light .designerTools .toolsIn, chapterEditor.light .designerTools .toolsIn, .clientGroupEditor.light .designerTools .toolsIn, .serviceTypeEditor.light .designerTools .toolsIn, .tradeTypeEditor.light .designerTools .toolsIn, .ruleBuilder.light .designerTools .toolsIn, .courseCredentialEditor.light .designerTools .toolsIn {
  right: 9px;
  -webkit-animation: scale-in-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-hor-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.pageEditor.light .designerTools .toolsOut, chapterEditor.light .designerTools .toolsOut, .clientGroupEditor.light .designerTools .toolsOut, .serviceTypeEditor.light .designerTools .toolsOut, .tradeTypeEditor.light .designerTools .toolsOut, .ruleBuilder.light .designerTools .toolsOut, .courseCredentialEditor.light .designerTools .toolsOut {
  right: 9px;
  -webkit-animation: scale-out-hor-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-hor-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.pageEditor.light .designerTools .smalltip, chapterEditor.light .designerTools .smalltip, .clientGroupEditor.light .designerTools .smalltip, .serviceTypeEditor.light .designerTools .smalltip, .tradeTypeEditor.light .designerTools .smalltip, .ruleBuilder.light .designerTools .smalltip, .courseCredentialEditor.light .designerTools .smalltip {
  width: 68px;
  list-style-type: none;
  border-left: 1px solid #e1e3ea;
  /*border-top: 1px solid #e1e3ea;
  border-left: 1px solid #e1e3ea;
  border-right: 1px solid #e1e3ea;*/
}
.pageEditor.light .designerTools .smalltip:first-child, chapterEditor.light .designerTools .smalltip:first-child, .clientGroupEditor.light .designerTools .smalltip:first-child, .serviceTypeEditor.light .designerTools .smalltip:first-child, .tradeTypeEditor.light .designerTools .smalltip:first-child, .ruleBuilder.light .designerTools .smalltip:first-child, .courseCredentialEditor.light .designerTools .smalltip:first-child {
  border-top: 1px solid #e1e3ea;
}
.pageEditor.light .designerTools .catList, chapterEditor.light .designerTools .catList, .clientGroupEditor.light .designerTools .catList, .serviceTypeEditor.light .designerTools .catList, .tradeTypeEditor.light .designerTools .catList, .ruleBuilder.light .designerTools .catList, .courseCredentialEditor.light .designerTools .catList {
  border: 1px solid #e1e3ea;
  position: absolute;
  top: 40px;
  /*right: -400px;*/
  background: #ededed;
  width: 300px;
  padding: 1rem;
  height: auto;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  text-align: left;
  border-radius: 0 0 5px 0;
  opacity: 0;
  /*right: 109px;*/
}
.pageEditor.light .designerTools .blockTypeStyle, chapterEditor.light .designerTools .blockTypeStyle, .clientGroupEditor.light .designerTools .blockTypeStyle, .serviceTypeEditor.light .designerTools .blockTypeStyle, .tradeTypeEditor.light .designerTools .blockTypeStyle, .ruleBuilder.light .designerTools .blockTypeStyle, .courseCredentialEditor.light .designerTools .blockTypeStyle {
  background: #fff;
  border-radius: 10px;
}
.pageEditor.light .scrollable, chapterEditor.light .scrollable, .clientGroupEditor.light .scrollable, .serviceTypeEditor.light .scrollable, .tradeTypeEditor.light .scrollable, .ruleBuilder.light .scrollable, .courseCredentialEditor.light .scrollable {
  overflow: inherit;
  overflow-y: auto;
}
.pageEditor.light .blockTypeStyle, chapterEditor.light .blockTypeStyle, .clientGroupEditor.light .blockTypeStyle, .serviceTypeEditor.light .blockTypeStyle, .tradeTypeEditor.light .blockTypeStyle, .ruleBuilder.light .blockTypeStyle, .courseCredentialEditor.light .blockTypeStyle {
  border: 1px solid #dee2e6 !important;
  margin-bottom: 0.25rem !important;
  padding: 1rem !important;
}
.pageEditor.light .blockType, chapterEditor.light .blockType, .clientGroupEditor.light .blockType, .serviceTypeEditor.light .blockType, .tradeTypeEditor.light .blockType, .ruleBuilder.light .blockType, .courseCredentialEditor.light .blockType {
  border: 1px solid #dee2e6 !important;
  margin-bottom: 0.25rem !important;
  padding: 1rem !important;
  font-weight: 700 !important;
}
.pageEditor.light .cParent, chapterEditor.light .cParent, .clientGroupEditor.light .cParent, .serviceTypeEditor.light .cParent, .tradeTypeEditor.light .cParent, .ruleBuilder.light .cParent, .courseCredentialEditor.light .cParent {
  position: relative;
  margin-bottom: 0.1rem !important;
  background: transparent;
  margin: 0 0 2px 0 !important;
  padding: 0rem !important;
  border: 1px solid transparent;
  outline: none;
  width: calc(100% - 3rem);
  /*&:hover {
      margin: 0 0 2px 0;

      &:hover:not(.focussed) {
          border: 1px solid $color-accent !important;
      }
  }*/
}
.pageEditor.light .cParent:active, chapterEditor.light .cParent:active, .clientGroupEditor.light .cParent:active, .serviceTypeEditor.light .cParent:active, .tradeTypeEditor.light .cParent:active, .ruleBuilder.light .cParent:active, .courseCredentialEditor.light .cParent:active {
  border: 1px solid transparent !important;
}
.pageEditor.light .cParent.focussed, chapterEditor.light .cParent.focussed, .clientGroupEditor.light .cParent.focussed, .serviceTypeEditor.light .cParent.focussed, .tradeTypeEditor.light .cParent.focussed, .ruleBuilder.light .cParent.focussed, .courseCredentialEditor.light .cParent.focussed {
  border: 1px solid transparent;
  background-color: transparent;
  padding: 0 0 1.25rem 0 !important;
}
.pageEditor.light .cParent.focussedclear, chapterEditor.light .cParent.focussedclear, .clientGroupEditor.light .cParent.focussedclear, .serviceTypeEditor.light .cParent.focussedclear, .tradeTypeEditor.light .cParent.focussedclear, .ruleBuilder.light .cParent.focussedclear, .courseCredentialEditor.light .cParent.focussedclear {
  border: 1px solid #00AAFF !important;
  background-color: transparent !important;
}
.pageEditor.light .cParent:focus-within, chapterEditor.light .cParent:focus-within, .clientGroupEditor.light .cParent:focus-within, .serviceTypeEditor.light .cParent:focus-within, .tradeTypeEditor.light .cParent:focus-within, .ruleBuilder.light .cParent:focus-within, .courseCredentialEditor.light .cParent:focus-within {
  /*.focus-actions {
      top: -28px;
      position: absolute;
      left: 1.8rem !important;
      display: block !important;
      z-index: 1026
  }*/
}
.pageEditor.light .cParent:focus-within .actionbar, chapterEditor.light .cParent:focus-within .actionbar, .clientGroupEditor.light .cParent:focus-within .actionbar, .serviceTypeEditor.light .cParent:focus-within .actionbar, .tradeTypeEditor.light .cParent:focus-within .actionbar, .ruleBuilder.light .cParent:focus-within .actionbar, .courseCredentialEditor.light .cParent:focus-within .actionbar {
  height: 40px;
  opacity: 0;
  display: block;
  margin-bottom: 0.5rem !important;
}
.pageEditor.light .cParent .focus-actions, chapterEditor.light .cParent .focus-actions, .clientGroupEditor.light .cParent .focus-actions, .serviceTypeEditor.light .cParent .focus-actions, .tradeTypeEditor.light .cParent .focus-actions, .ruleBuilder.light .cParent .focus-actions, .courseCredentialEditor.light .cParent .focus-actions {
  position: absolute;
  top: -3px !important;
  right: -58px;
  background: #343a40;
  color: #fff;
  padding: 0.5rem !important;
  border-radius: 0.25rem;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pageEditor.light .cParent .focus-actions > a, chapterEditor.light .cParent .focus-actions > a, .clientGroupEditor.light .cParent .focus-actions > a, .serviceTypeEditor.light .cParent .focus-actions > a, .tradeTypeEditor.light .cParent .focus-actions > a, .ruleBuilder.light .cParent .focus-actions > a, .courseCredentialEditor.light .cParent .focus-actions > a {
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: inherit;
}
.pageEditor.light .cParent .focus-actions > a:hover, chapterEditor.light .cParent .focus-actions > a:hover, .clientGroupEditor.light .cParent .focus-actions > a:hover, .serviceTypeEditor.light .cParent .focus-actions > a:hover, .tradeTypeEditor.light .cParent .focus-actions > a:hover, .ruleBuilder.light .cParent .focus-actions > a:hover, .courseCredentialEditor.light .cParent .focus-actions > a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pageEditor.light .animateFocusActionIn, chapterEditor.light .animateFocusActionIn, .clientGroupEditor.light .animateFocusActionIn, .serviceTypeEditor.light .animateFocusActionIn, .tradeTypeEditor.light .animateFocusActionIn, .ruleBuilder.light .animateFocusActionIn, .courseCredentialEditor.light .animateFocusActionIn {
  opacity: 1 !important;
  height: auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute;
  /*-webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-in-ver-bottom 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;*/
  /*border-top: 1px solid $color-dark !important;
  border-left: 1px solid $color-dark !important;
  border-right: 1px solid $color-dark !important;*/
  border-radius: 0;
  background: #343a40;
  margin: 0 !important;
  padding: 0 !important;
}
.pageEditor.light .animateActionBarIn, chapterEditor.light .animateActionBarIn, .clientGroupEditor.light .animateActionBarIn, .serviceTypeEditor.light .animateActionBarIn, .tradeTypeEditor.light .animateActionBarIn, .ruleBuilder.light .animateActionBarIn, .courseCredentialEditor.light .animateActionBarIn {
  opacity: 1 !important;
  height: auto !important;
  display: inline-block !important;
  position: absolute;
  top: -3px !important;
  -webkit-animation: scale-in-ver-bottom 0.015s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-ver-bottom 0.015s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  /*border-top: 1px solid $color-dark !important;
  border-left: 1px solid $color-dark !important;
  border-right: 1px solid $color-dark !important;*/
  border-radius: 0;
  background: #343a40;
  margin: 0 !important;
  padding: 0 !important;
}
.pageEditor.light .animateActionBarOut, chapterEditor.light .animateActionBarOut, .clientGroupEditor.light .animateActionBarOut, .serviceTypeEditor.light .animateActionBarOut, .tradeTypeEditor.light .animateActionBarOut, .ruleBuilder.light .animateActionBarOut, .courseCredentialEditor.light .animateActionBarOut {
  opacity: 0 !important;
  height: auto !important;
  display: inline-block !important;
  position: absolute;
  top: -30px !important;
  right: 0px;
  -webkit-animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  border-radius: 0;
  background: #343a40;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
}
.pageEditor.light .actionBarShown, chapterEditor.light .actionBarShown, .clientGroupEditor.light .actionBarShown, .serviceTypeEditor.light .actionBarShown, .tradeTypeEditor.light .actionBarShown, .ruleBuilder.light .actionBarShown, .courseCredentialEditor.light .actionBarShown {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.pageEditor.light .actionBarShown .dropdown-header, chapterEditor.light .actionBarShown .dropdown-header, .clientGroupEditor.light .actionBarShown .dropdown-header, .serviceTypeEditor.light .actionBarShown .dropdown-header, .tradeTypeEditor.light .actionBarShown .dropdown-header, .ruleBuilder.light .actionBarShown .dropdown-header, .courseCredentialEditor.light .actionBarShown .dropdown-header {
  margin-top: 0 !important;
}
.pageEditor.light .eSection, chapterEditor.light .eSection, .clientGroupEditor.light .eSection, .serviceTypeEditor.light .eSection, .tradeTypeEditor.light .eSection, .ruleBuilder.light .eSection, .courseCredentialEditor.light .eSection {
  margin-bottom: 0;
  border-radius: 0 !important;
  display: block;
  outline: none;
  padding: 0;
  border: 1px solid transparent !important;
  background: transparent;
  /*&:hover:not(.focussedtext) {
      border: 1px solid $color-accent !important;
  }*/
  /*  img[editableelement=true]:empty {
        padding: 0rem !important;
        line-height: 1.5rem;
        width: 100%;
        height: 100%;
    }*/
}
.pageEditor.light .eSection.isFocussed, chapterEditor.light .eSection.isFocussed, .clientGroupEditor.light .eSection.isFocussed, .serviceTypeEditor.light .eSection.isFocussed, .tradeTypeEditor.light .eSection.isFocussed, .ruleBuilder.light .eSection.isFocussed, .courseCredentialEditor.light .eSection.isFocussed {
  padding: 0.75rem 1rem 0 0 !important;
}
.pageEditor.light .eSection.isFocussed h1[editableelement=true], .pageEditor.light .eSection.isFocussed [editableelement=true].h1,
.pageEditor.light .eSection.isFocussed h2[editableelement=true],
.pageEditor.light .eSection.isFocussed [editableelement=true].h2,
.pageEditor.light .eSection.isFocussed h3[editableelement=true],
.pageEditor.light .eSection.isFocussed [editableelement=true].h3,
.pageEditor.light .eSection.isFocussed h4[editableelement=true],
.pageEditor.light .eSection.isFocussed [editableelement=true].h4,
.pageEditor.light .eSection.isFocussed h5[editableelement=true],
.pageEditor.light .eSection.isFocussed [editableelement=true].h5,
.pageEditor.light .eSection.isFocussed h6[editableelement=true],
.pageEditor.light .eSection.isFocussed [editableelement=true].h6,
.pageEditor.light .eSection.isFocussed div[editableelement=true]:not(.alert):not([data-type=table-col]),
.pageEditor.light .eSection.isFocussed span[editableelement=true],
.pageEditor.light .eSection.isFocussed ol[editableelement=true][contenteditable=true],
.pageEditor.light .eSection.isFocussed img[editableelement=true], chapterEditor.light .eSection.isFocussed h1[editableelement=true], chapterEditor.light .eSection.isFocussed [editableelement=true].h1,
chapterEditor.light .eSection.isFocussed h2[editableelement=true],
chapterEditor.light .eSection.isFocussed [editableelement=true].h2,
chapterEditor.light .eSection.isFocussed h3[editableelement=true],
chapterEditor.light .eSection.isFocussed [editableelement=true].h3,
chapterEditor.light .eSection.isFocussed h4[editableelement=true],
chapterEditor.light .eSection.isFocussed [editableelement=true].h4,
chapterEditor.light .eSection.isFocussed h5[editableelement=true],
chapterEditor.light .eSection.isFocussed [editableelement=true].h5,
chapterEditor.light .eSection.isFocussed h6[editableelement=true],
chapterEditor.light .eSection.isFocussed [editableelement=true].h6,
chapterEditor.light .eSection.isFocussed div[editableelement=true]:not(.alert):not([data-type=table-col]),
chapterEditor.light .eSection.isFocussed span[editableelement=true],
chapterEditor.light .eSection.isFocussed ol[editableelement=true][contenteditable=true],
chapterEditor.light .eSection.isFocussed img[editableelement=true], .clientGroupEditor.light .eSection.isFocussed h1[editableelement=true], .clientGroupEditor.light .eSection.isFocussed [editableelement=true].h1,
.clientGroupEditor.light .eSection.isFocussed h2[editableelement=true],
.clientGroupEditor.light .eSection.isFocussed [editableelement=true].h2,
.clientGroupEditor.light .eSection.isFocussed h3[editableelement=true],
.clientGroupEditor.light .eSection.isFocussed [editableelement=true].h3,
.clientGroupEditor.light .eSection.isFocussed h4[editableelement=true],
.clientGroupEditor.light .eSection.isFocussed [editableelement=true].h4,
.clientGroupEditor.light .eSection.isFocussed h5[editableelement=true],
.clientGroupEditor.light .eSection.isFocussed [editableelement=true].h5,
.clientGroupEditor.light .eSection.isFocussed h6[editableelement=true],
.clientGroupEditor.light .eSection.isFocussed [editableelement=true].h6,
.clientGroupEditor.light .eSection.isFocussed div[editableelement=true]:not(.alert):not([data-type=table-col]),
.clientGroupEditor.light .eSection.isFocussed span[editableelement=true],
.clientGroupEditor.light .eSection.isFocussed ol[editableelement=true][contenteditable=true],
.clientGroupEditor.light .eSection.isFocussed img[editableelement=true], .serviceTypeEditor.light .eSection.isFocussed h1[editableelement=true], .serviceTypeEditor.light .eSection.isFocussed [editableelement=true].h1,
.serviceTypeEditor.light .eSection.isFocussed h2[editableelement=true],
.serviceTypeEditor.light .eSection.isFocussed [editableelement=true].h2,
.serviceTypeEditor.light .eSection.isFocussed h3[editableelement=true],
.serviceTypeEditor.light .eSection.isFocussed [editableelement=true].h3,
.serviceTypeEditor.light .eSection.isFocussed h4[editableelement=true],
.serviceTypeEditor.light .eSection.isFocussed [editableelement=true].h4,
.serviceTypeEditor.light .eSection.isFocussed h5[editableelement=true],
.serviceTypeEditor.light .eSection.isFocussed [editableelement=true].h5,
.serviceTypeEditor.light .eSection.isFocussed h6[editableelement=true],
.serviceTypeEditor.light .eSection.isFocussed [editableelement=true].h6,
.serviceTypeEditor.light .eSection.isFocussed div[editableelement=true]:not(.alert):not([data-type=table-col]),
.serviceTypeEditor.light .eSection.isFocussed span[editableelement=true],
.serviceTypeEditor.light .eSection.isFocussed ol[editableelement=true][contenteditable=true],
.serviceTypeEditor.light .eSection.isFocussed img[editableelement=true], .tradeTypeEditor.light .eSection.isFocussed h1[editableelement=true], .tradeTypeEditor.light .eSection.isFocussed [editableelement=true].h1,
.tradeTypeEditor.light .eSection.isFocussed h2[editableelement=true],
.tradeTypeEditor.light .eSection.isFocussed [editableelement=true].h2,
.tradeTypeEditor.light .eSection.isFocussed h3[editableelement=true],
.tradeTypeEditor.light .eSection.isFocussed [editableelement=true].h3,
.tradeTypeEditor.light .eSection.isFocussed h4[editableelement=true],
.tradeTypeEditor.light .eSection.isFocussed [editableelement=true].h4,
.tradeTypeEditor.light .eSection.isFocussed h5[editableelement=true],
.tradeTypeEditor.light .eSection.isFocussed [editableelement=true].h5,
.tradeTypeEditor.light .eSection.isFocussed h6[editableelement=true],
.tradeTypeEditor.light .eSection.isFocussed [editableelement=true].h6,
.tradeTypeEditor.light .eSection.isFocussed div[editableelement=true]:not(.alert):not([data-type=table-col]),
.tradeTypeEditor.light .eSection.isFocussed span[editableelement=true],
.tradeTypeEditor.light .eSection.isFocussed ol[editableelement=true][contenteditable=true],
.tradeTypeEditor.light .eSection.isFocussed img[editableelement=true], .ruleBuilder.light .eSection.isFocussed h1[editableelement=true], .ruleBuilder.light .eSection.isFocussed [editableelement=true].h1,
.ruleBuilder.light .eSection.isFocussed h2[editableelement=true],
.ruleBuilder.light .eSection.isFocussed [editableelement=true].h2,
.ruleBuilder.light .eSection.isFocussed h3[editableelement=true],
.ruleBuilder.light .eSection.isFocussed [editableelement=true].h3,
.ruleBuilder.light .eSection.isFocussed h4[editableelement=true],
.ruleBuilder.light .eSection.isFocussed [editableelement=true].h4,
.ruleBuilder.light .eSection.isFocussed h5[editableelement=true],
.ruleBuilder.light .eSection.isFocussed [editableelement=true].h5,
.ruleBuilder.light .eSection.isFocussed h6[editableelement=true],
.ruleBuilder.light .eSection.isFocussed [editableelement=true].h6,
.ruleBuilder.light .eSection.isFocussed div[editableelement=true]:not(.alert):not([data-type=table-col]),
.ruleBuilder.light .eSection.isFocussed span[editableelement=true],
.ruleBuilder.light .eSection.isFocussed ol[editableelement=true][contenteditable=true],
.ruleBuilder.light .eSection.isFocussed img[editableelement=true], .courseCredentialEditor.light .eSection.isFocussed h1[editableelement=true], .courseCredentialEditor.light .eSection.isFocussed [editableelement=true].h1,
.courseCredentialEditor.light .eSection.isFocussed h2[editableelement=true],
.courseCredentialEditor.light .eSection.isFocussed [editableelement=true].h2,
.courseCredentialEditor.light .eSection.isFocussed h3[editableelement=true],
.courseCredentialEditor.light .eSection.isFocussed [editableelement=true].h3,
.courseCredentialEditor.light .eSection.isFocussed h4[editableelement=true],
.courseCredentialEditor.light .eSection.isFocussed [editableelement=true].h4,
.courseCredentialEditor.light .eSection.isFocussed h5[editableelement=true],
.courseCredentialEditor.light .eSection.isFocussed [editableelement=true].h5,
.courseCredentialEditor.light .eSection.isFocussed h6[editableelement=true],
.courseCredentialEditor.light .eSection.isFocussed [editableelement=true].h6,
.courseCredentialEditor.light .eSection.isFocussed div[editableelement=true]:not(.alert):not([data-type=table-col]),
.courseCredentialEditor.light .eSection.isFocussed span[editableelement=true],
.courseCredentialEditor.light .eSection.isFocussed ol[editableelement=true][contenteditable=true],
.courseCredentialEditor.light .eSection.isFocussed img[editableelement=true] {
  border: 1px dashed #dee2e6;
  height: auto;
}
.pageEditor.light .eSection:focus-within, chapterEditor.light .eSection:focus-within, .clientGroupEditor.light .eSection:focus-within, .serviceTypeEditor.light .eSection:focus-within, .tradeTypeEditor.light .eSection:focus-within, .ruleBuilder.light .eSection:focus-within, .courseCredentialEditor.light .eSection:focus-within {
  padding-top: 1rem;
}
.pageEditor.light .eSection:active, chapterEditor.light .eSection:active, .clientGroupEditor.light .eSection:active, .serviceTypeEditor.light .eSection:active, .tradeTypeEditor.light .eSection:active, .ruleBuilder.light .eSection:active, .courseCredentialEditor.light .eSection:active {
  border: 1px solid transparent !important;
}
.pageEditor.light .eSection:focus, chapterEditor.light .eSection:focus, .clientGroupEditor.light .eSection:focus, .serviceTypeEditor.light .eSection:focus, .tradeTypeEditor.light .eSection:focus, .ruleBuilder.light .eSection:focus, .courseCredentialEditor.light .eSection:focus {
  border: 1px solid transparent !important;
}
.pageEditor.light .eSection.focussedtext, chapterEditor.light .eSection.focussedtext, .clientGroupEditor.light .eSection.focussedtext, .serviceTypeEditor.light .eSection.focussedtext, .tradeTypeEditor.light .eSection.focussedtext, .ruleBuilder.light .eSection.focussedtext, .courseCredentialEditor.light .eSection.focussedtext {
  margin: 0.5rem;
}
.pageEditor.light .eSection.focussedtext:hover, chapterEditor.light .eSection.focussedtext:hover, .clientGroupEditor.light .eSection.focussedtext:hover, .serviceTypeEditor.light .eSection.focussedtext:hover, .tradeTypeEditor.light .eSection.focussedtext:hover, .ruleBuilder.light .eSection.focussedtext:hover, .courseCredentialEditor.light .eSection.focussedtext:hover {
  border: 1px solid transparent !important;
}
.pageEditor.light .eSection section:not([data-borders=border]), chapterEditor.light .eSection section:not([data-borders=border]), .clientGroupEditor.light .eSection section:not([data-borders=border]), .serviceTypeEditor.light .eSection section:not([data-borders=border]), .tradeTypeEditor.light .eSection section:not([data-borders=border]), .ruleBuilder.light .eSection section:not([data-borders=border]), .courseCredentialEditor.light .eSection section:not([data-borders=border]) {
  line-height: 1.5rem;
}
.pageEditor.light .eSection section:not([data-borders=border]):not([data-el-type="7"]), chapterEditor.light .eSection section:not([data-borders=border]):not([data-el-type="7"]), .clientGroupEditor.light .eSection section:not([data-borders=border]):not([data-el-type="7"]), .serviceTypeEditor.light .eSection section:not([data-borders=border]):not([data-el-type="7"]), .tradeTypeEditor.light .eSection section:not([data-borders=border]):not([data-el-type="7"]), .ruleBuilder.light .eSection section:not([data-borders=border]):not([data-el-type="7"]), .courseCredentialEditor.light .eSection section:not([data-borders=border]):not([data-el-type="7"]) {
  /*border: 1px dashed $tab-border-color;*/
}
.pageEditor.light .eSection section:not([data-borders=border]) > [data-type=table-col], chapterEditor.light .eSection section:not([data-borders=border]) > [data-type=table-col], .clientGroupEditor.light .eSection section:not([data-borders=border]) > [data-type=table-col], .serviceTypeEditor.light .eSection section:not([data-borders=border]) > [data-type=table-col], .tradeTypeEditor.light .eSection section:not([data-borders=border]) > [data-type=table-col], .ruleBuilder.light .eSection section:not([data-borders=border]) > [data-type=table-col], .courseCredentialEditor.light .eSection section:not([data-borders=border]) > [data-type=table-col] {
  border: 1px dashed #dee2e6;
}
.pageEditor.light .eSection section[data-borders=border] [data-type=table-col], chapterEditor.light .eSection section[data-borders=border] [data-type=table-col], .clientGroupEditor.light .eSection section[data-borders=border] [data-type=table-col], .serviceTypeEditor.light .eSection section[data-borders=border] [data-type=table-col], .tradeTypeEditor.light .eSection section[data-borders=border] [data-type=table-col], .ruleBuilder.light .eSection section[data-borders=border] [data-type=table-col], .courseCredentialEditor.light .eSection section[data-borders=border] [data-type=table-col] {
  background-color: #ffffff;
  line-height: 1.5rem;
}
.pageEditor.light .eSection section[data-borders=border] [data-type=table-col][data-type=overlay-text], chapterEditor.light .eSection section[data-borders=border] [data-type=table-col][data-type=overlay-text], .clientGroupEditor.light .eSection section[data-borders=border] [data-type=table-col][data-type=overlay-text], .serviceTypeEditor.light .eSection section[data-borders=border] [data-type=table-col][data-type=overlay-text], .tradeTypeEditor.light .eSection section[data-borders=border] [data-type=table-col][data-type=overlay-text], .ruleBuilder.light .eSection section[data-borders=border] [data-type=table-col][data-type=overlay-text], .courseCredentialEditor.light .eSection section[data-borders=border] [data-type=table-col][data-type=overlay-text] {
  background-color: rgba(255, 255, 255, 0.1);
}
.pageEditor.light .eSection p[editableelement=true], chapterEditor.light .eSection p[editableelement=true], .clientGroupEditor.light .eSection p[editableelement=true], .serviceTypeEditor.light .eSection p[editableelement=true], .tradeTypeEditor.light .eSection p[editableelement=true], .ruleBuilder.light .eSection p[editableelement=true], .courseCredentialEditor.light .eSection p[editableelement=true] {
  line-height: 1.5rem;
}
.pageEditor.light .eSection h1[editableelement=true], .pageEditor.light .eSection [editableelement=true].h1,
.pageEditor.light .eSection h2[editableelement=true],
.pageEditor.light .eSection [editableelement=true].h2,
.pageEditor.light .eSection h3[editableelement=true],
.pageEditor.light .eSection [editableelement=true].h3,
.pageEditor.light .eSection h4[editableelement=true],
.pageEditor.light .eSection [editableelement=true].h4,
.pageEditor.light .eSection h5[editableelement=true],
.pageEditor.light .eSection [editableelement=true].h5,
.pageEditor.light .eSection h6[editableelement=true],
.pageEditor.light .eSection [editableelement=true].h6,
.pageEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner),
.pageEditor.light .eSection span[editableelement=true],
.pageEditor.light .eSection ol[editableelement=true][contenteditable=true],
.pageEditor.light .eSection img[editableelement=true], chapterEditor.light .eSection h1[editableelement=true], chapterEditor.light .eSection [editableelement=true].h1,
chapterEditor.light .eSection h2[editableelement=true],
chapterEditor.light .eSection [editableelement=true].h2,
chapterEditor.light .eSection h3[editableelement=true],
chapterEditor.light .eSection [editableelement=true].h3,
chapterEditor.light .eSection h4[editableelement=true],
chapterEditor.light .eSection [editableelement=true].h4,
chapterEditor.light .eSection h5[editableelement=true],
chapterEditor.light .eSection [editableelement=true].h5,
chapterEditor.light .eSection h6[editableelement=true],
chapterEditor.light .eSection [editableelement=true].h6,
chapterEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner),
chapterEditor.light .eSection span[editableelement=true],
chapterEditor.light .eSection ol[editableelement=true][contenteditable=true],
chapterEditor.light .eSection img[editableelement=true], .clientGroupEditor.light .eSection h1[editableelement=true], .clientGroupEditor.light .eSection [editableelement=true].h1,
.clientGroupEditor.light .eSection h2[editableelement=true],
.clientGroupEditor.light .eSection [editableelement=true].h2,
.clientGroupEditor.light .eSection h3[editableelement=true],
.clientGroupEditor.light .eSection [editableelement=true].h3,
.clientGroupEditor.light .eSection h4[editableelement=true],
.clientGroupEditor.light .eSection [editableelement=true].h4,
.clientGroupEditor.light .eSection h5[editableelement=true],
.clientGroupEditor.light .eSection [editableelement=true].h5,
.clientGroupEditor.light .eSection h6[editableelement=true],
.clientGroupEditor.light .eSection [editableelement=true].h6,
.clientGroupEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner),
.clientGroupEditor.light .eSection span[editableelement=true],
.clientGroupEditor.light .eSection ol[editableelement=true][contenteditable=true],
.clientGroupEditor.light .eSection img[editableelement=true], .serviceTypeEditor.light .eSection h1[editableelement=true], .serviceTypeEditor.light .eSection [editableelement=true].h1,
.serviceTypeEditor.light .eSection h2[editableelement=true],
.serviceTypeEditor.light .eSection [editableelement=true].h2,
.serviceTypeEditor.light .eSection h3[editableelement=true],
.serviceTypeEditor.light .eSection [editableelement=true].h3,
.serviceTypeEditor.light .eSection h4[editableelement=true],
.serviceTypeEditor.light .eSection [editableelement=true].h4,
.serviceTypeEditor.light .eSection h5[editableelement=true],
.serviceTypeEditor.light .eSection [editableelement=true].h5,
.serviceTypeEditor.light .eSection h6[editableelement=true],
.serviceTypeEditor.light .eSection [editableelement=true].h6,
.serviceTypeEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner),
.serviceTypeEditor.light .eSection span[editableelement=true],
.serviceTypeEditor.light .eSection ol[editableelement=true][contenteditable=true],
.serviceTypeEditor.light .eSection img[editableelement=true], .tradeTypeEditor.light .eSection h1[editableelement=true], .tradeTypeEditor.light .eSection [editableelement=true].h1,
.tradeTypeEditor.light .eSection h2[editableelement=true],
.tradeTypeEditor.light .eSection [editableelement=true].h2,
.tradeTypeEditor.light .eSection h3[editableelement=true],
.tradeTypeEditor.light .eSection [editableelement=true].h3,
.tradeTypeEditor.light .eSection h4[editableelement=true],
.tradeTypeEditor.light .eSection [editableelement=true].h4,
.tradeTypeEditor.light .eSection h5[editableelement=true],
.tradeTypeEditor.light .eSection [editableelement=true].h5,
.tradeTypeEditor.light .eSection h6[editableelement=true],
.tradeTypeEditor.light .eSection [editableelement=true].h6,
.tradeTypeEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner),
.tradeTypeEditor.light .eSection span[editableelement=true],
.tradeTypeEditor.light .eSection ol[editableelement=true][contenteditable=true],
.tradeTypeEditor.light .eSection img[editableelement=true], .ruleBuilder.light .eSection h1[editableelement=true], .ruleBuilder.light .eSection [editableelement=true].h1,
.ruleBuilder.light .eSection h2[editableelement=true],
.ruleBuilder.light .eSection [editableelement=true].h2,
.ruleBuilder.light .eSection h3[editableelement=true],
.ruleBuilder.light .eSection [editableelement=true].h3,
.ruleBuilder.light .eSection h4[editableelement=true],
.ruleBuilder.light .eSection [editableelement=true].h4,
.ruleBuilder.light .eSection h5[editableelement=true],
.ruleBuilder.light .eSection [editableelement=true].h5,
.ruleBuilder.light .eSection h6[editableelement=true],
.ruleBuilder.light .eSection [editableelement=true].h6,
.ruleBuilder.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner),
.ruleBuilder.light .eSection span[editableelement=true],
.ruleBuilder.light .eSection ol[editableelement=true][contenteditable=true],
.ruleBuilder.light .eSection img[editableelement=true], .courseCredentialEditor.light .eSection h1[editableelement=true], .courseCredentialEditor.light .eSection [editableelement=true].h1,
.courseCredentialEditor.light .eSection h2[editableelement=true],
.courseCredentialEditor.light .eSection [editableelement=true].h2,
.courseCredentialEditor.light .eSection h3[editableelement=true],
.courseCredentialEditor.light .eSection [editableelement=true].h3,
.courseCredentialEditor.light .eSection h4[editableelement=true],
.courseCredentialEditor.light .eSection [editableelement=true].h4,
.courseCredentialEditor.light .eSection h5[editableelement=true],
.courseCredentialEditor.light .eSection [editableelement=true].h5,
.courseCredentialEditor.light .eSection h6[editableelement=true],
.courseCredentialEditor.light .eSection [editableelement=true].h6,
.courseCredentialEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner),
.courseCredentialEditor.light .eSection span[editableelement=true],
.courseCredentialEditor.light .eSection ol[editableelement=true][contenteditable=true],
.courseCredentialEditor.light .eSection img[editableelement=true] {
  background-color: #ffffff;
  line-height: 1.5rem;
}
.pageEditor.light .eSection h1[editableelement=true]:focus, .pageEditor.light .eSection [editableelement=true].h1:focus,
.pageEditor.light .eSection h2[editableelement=true]:focus,
.pageEditor.light .eSection [editableelement=true].h2:focus,
.pageEditor.light .eSection h3[editableelement=true]:focus,
.pageEditor.light .eSection [editableelement=true].h3:focus,
.pageEditor.light .eSection h4[editableelement=true]:focus,
.pageEditor.light .eSection [editableelement=true].h4:focus,
.pageEditor.light .eSection h5[editableelement=true]:focus,
.pageEditor.light .eSection [editableelement=true].h5:focus,
.pageEditor.light .eSection h6[editableelement=true]:focus,
.pageEditor.light .eSection [editableelement=true].h6:focus,
.pageEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner):focus,
.pageEditor.light .eSection span[editableelement=true]:focus,
.pageEditor.light .eSection ol[editableelement=true][contenteditable=true]:focus,
.pageEditor.light .eSection img[editableelement=true]:focus, chapterEditor.light .eSection h1[editableelement=true]:focus, chapterEditor.light .eSection [editableelement=true].h1:focus,
chapterEditor.light .eSection h2[editableelement=true]:focus,
chapterEditor.light .eSection [editableelement=true].h2:focus,
chapterEditor.light .eSection h3[editableelement=true]:focus,
chapterEditor.light .eSection [editableelement=true].h3:focus,
chapterEditor.light .eSection h4[editableelement=true]:focus,
chapterEditor.light .eSection [editableelement=true].h4:focus,
chapterEditor.light .eSection h5[editableelement=true]:focus,
chapterEditor.light .eSection [editableelement=true].h5:focus,
chapterEditor.light .eSection h6[editableelement=true]:focus,
chapterEditor.light .eSection [editableelement=true].h6:focus,
chapterEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner):focus,
chapterEditor.light .eSection span[editableelement=true]:focus,
chapterEditor.light .eSection ol[editableelement=true][contenteditable=true]:focus,
chapterEditor.light .eSection img[editableelement=true]:focus, .clientGroupEditor.light .eSection h1[editableelement=true]:focus, .clientGroupEditor.light .eSection [editableelement=true].h1:focus,
.clientGroupEditor.light .eSection h2[editableelement=true]:focus,
.clientGroupEditor.light .eSection [editableelement=true].h2:focus,
.clientGroupEditor.light .eSection h3[editableelement=true]:focus,
.clientGroupEditor.light .eSection [editableelement=true].h3:focus,
.clientGroupEditor.light .eSection h4[editableelement=true]:focus,
.clientGroupEditor.light .eSection [editableelement=true].h4:focus,
.clientGroupEditor.light .eSection h5[editableelement=true]:focus,
.clientGroupEditor.light .eSection [editableelement=true].h5:focus,
.clientGroupEditor.light .eSection h6[editableelement=true]:focus,
.clientGroupEditor.light .eSection [editableelement=true].h6:focus,
.clientGroupEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner):focus,
.clientGroupEditor.light .eSection span[editableelement=true]:focus,
.clientGroupEditor.light .eSection ol[editableelement=true][contenteditable=true]:focus,
.clientGroupEditor.light .eSection img[editableelement=true]:focus, .serviceTypeEditor.light .eSection h1[editableelement=true]:focus, .serviceTypeEditor.light .eSection [editableelement=true].h1:focus,
.serviceTypeEditor.light .eSection h2[editableelement=true]:focus,
.serviceTypeEditor.light .eSection [editableelement=true].h2:focus,
.serviceTypeEditor.light .eSection h3[editableelement=true]:focus,
.serviceTypeEditor.light .eSection [editableelement=true].h3:focus,
.serviceTypeEditor.light .eSection h4[editableelement=true]:focus,
.serviceTypeEditor.light .eSection [editableelement=true].h4:focus,
.serviceTypeEditor.light .eSection h5[editableelement=true]:focus,
.serviceTypeEditor.light .eSection [editableelement=true].h5:focus,
.serviceTypeEditor.light .eSection h6[editableelement=true]:focus,
.serviceTypeEditor.light .eSection [editableelement=true].h6:focus,
.serviceTypeEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner):focus,
.serviceTypeEditor.light .eSection span[editableelement=true]:focus,
.serviceTypeEditor.light .eSection ol[editableelement=true][contenteditable=true]:focus,
.serviceTypeEditor.light .eSection img[editableelement=true]:focus, .tradeTypeEditor.light .eSection h1[editableelement=true]:focus, .tradeTypeEditor.light .eSection [editableelement=true].h1:focus,
.tradeTypeEditor.light .eSection h2[editableelement=true]:focus,
.tradeTypeEditor.light .eSection [editableelement=true].h2:focus,
.tradeTypeEditor.light .eSection h3[editableelement=true]:focus,
.tradeTypeEditor.light .eSection [editableelement=true].h3:focus,
.tradeTypeEditor.light .eSection h4[editableelement=true]:focus,
.tradeTypeEditor.light .eSection [editableelement=true].h4:focus,
.tradeTypeEditor.light .eSection h5[editableelement=true]:focus,
.tradeTypeEditor.light .eSection [editableelement=true].h5:focus,
.tradeTypeEditor.light .eSection h6[editableelement=true]:focus,
.tradeTypeEditor.light .eSection [editableelement=true].h6:focus,
.tradeTypeEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner):focus,
.tradeTypeEditor.light .eSection span[editableelement=true]:focus,
.tradeTypeEditor.light .eSection ol[editableelement=true][contenteditable=true]:focus,
.tradeTypeEditor.light .eSection img[editableelement=true]:focus, .ruleBuilder.light .eSection h1[editableelement=true]:focus, .ruleBuilder.light .eSection [editableelement=true].h1:focus,
.ruleBuilder.light .eSection h2[editableelement=true]:focus,
.ruleBuilder.light .eSection [editableelement=true].h2:focus,
.ruleBuilder.light .eSection h3[editableelement=true]:focus,
.ruleBuilder.light .eSection [editableelement=true].h3:focus,
.ruleBuilder.light .eSection h4[editableelement=true]:focus,
.ruleBuilder.light .eSection [editableelement=true].h4:focus,
.ruleBuilder.light .eSection h5[editableelement=true]:focus,
.ruleBuilder.light .eSection [editableelement=true].h5:focus,
.ruleBuilder.light .eSection h6[editableelement=true]:focus,
.ruleBuilder.light .eSection [editableelement=true].h6:focus,
.ruleBuilder.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner):focus,
.ruleBuilder.light .eSection span[editableelement=true]:focus,
.ruleBuilder.light .eSection ol[editableelement=true][contenteditable=true]:focus,
.ruleBuilder.light .eSection img[editableelement=true]:focus, .courseCredentialEditor.light .eSection h1[editableelement=true]:focus, .courseCredentialEditor.light .eSection [editableelement=true].h1:focus,
.courseCredentialEditor.light .eSection h2[editableelement=true]:focus,
.courseCredentialEditor.light .eSection [editableelement=true].h2:focus,
.courseCredentialEditor.light .eSection h3[editableelement=true]:focus,
.courseCredentialEditor.light .eSection [editableelement=true].h3:focus,
.courseCredentialEditor.light .eSection h4[editableelement=true]:focus,
.courseCredentialEditor.light .eSection [editableelement=true].h4:focus,
.courseCredentialEditor.light .eSection h5[editableelement=true]:focus,
.courseCredentialEditor.light .eSection [editableelement=true].h5:focus,
.courseCredentialEditor.light .eSection h6[editableelement=true]:focus,
.courseCredentialEditor.light .eSection [editableelement=true].h6:focus,
.courseCredentialEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner):focus,
.courseCredentialEditor.light .eSection span[editableelement=true]:focus,
.courseCredentialEditor.light .eSection ol[editableelement=true][contenteditable=true]:focus,
.courseCredentialEditor.light .eSection img[editableelement=true]:focus {
  border-color: #00AAFF;
  padding: 0.25rem;
}
.pageEditor.light .eSection h1[editableelement=true][data-type=overlay-text], .pageEditor.light .eSection [editableelement=true][data-type=overlay-text].h1,
.pageEditor.light .eSection h2[editableelement=true][data-type=overlay-text],
.pageEditor.light .eSection [editableelement=true][data-type=overlay-text].h2,
.pageEditor.light .eSection h3[editableelement=true][data-type=overlay-text],
.pageEditor.light .eSection [editableelement=true][data-type=overlay-text].h3,
.pageEditor.light .eSection h4[editableelement=true][data-type=overlay-text],
.pageEditor.light .eSection [editableelement=true][data-type=overlay-text].h4,
.pageEditor.light .eSection h5[editableelement=true][data-type=overlay-text],
.pageEditor.light .eSection [editableelement=true][data-type=overlay-text].h5,
.pageEditor.light .eSection h6[editableelement=true][data-type=overlay-text],
.pageEditor.light .eSection [editableelement=true][data-type=overlay-text].h6,
.pageEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner)[data-type=overlay-text],
.pageEditor.light .eSection span[editableelement=true][data-type=overlay-text],
.pageEditor.light .eSection ol[editableelement=true][contenteditable=true][data-type=overlay-text],
.pageEditor.light .eSection img[editableelement=true][data-type=overlay-text], chapterEditor.light .eSection h1[editableelement=true][data-type=overlay-text], chapterEditor.light .eSection [editableelement=true][data-type=overlay-text].h1,
chapterEditor.light .eSection h2[editableelement=true][data-type=overlay-text],
chapterEditor.light .eSection [editableelement=true][data-type=overlay-text].h2,
chapterEditor.light .eSection h3[editableelement=true][data-type=overlay-text],
chapterEditor.light .eSection [editableelement=true][data-type=overlay-text].h3,
chapterEditor.light .eSection h4[editableelement=true][data-type=overlay-text],
chapterEditor.light .eSection [editableelement=true][data-type=overlay-text].h4,
chapterEditor.light .eSection h5[editableelement=true][data-type=overlay-text],
chapterEditor.light .eSection [editableelement=true][data-type=overlay-text].h5,
chapterEditor.light .eSection h6[editableelement=true][data-type=overlay-text],
chapterEditor.light .eSection [editableelement=true][data-type=overlay-text].h6,
chapterEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner)[data-type=overlay-text],
chapterEditor.light .eSection span[editableelement=true][data-type=overlay-text],
chapterEditor.light .eSection ol[editableelement=true][contenteditable=true][data-type=overlay-text],
chapterEditor.light .eSection img[editableelement=true][data-type=overlay-text], .clientGroupEditor.light .eSection h1[editableelement=true][data-type=overlay-text], .clientGroupEditor.light .eSection [editableelement=true][data-type=overlay-text].h1,
.clientGroupEditor.light .eSection h2[editableelement=true][data-type=overlay-text],
.clientGroupEditor.light .eSection [editableelement=true][data-type=overlay-text].h2,
.clientGroupEditor.light .eSection h3[editableelement=true][data-type=overlay-text],
.clientGroupEditor.light .eSection [editableelement=true][data-type=overlay-text].h3,
.clientGroupEditor.light .eSection h4[editableelement=true][data-type=overlay-text],
.clientGroupEditor.light .eSection [editableelement=true][data-type=overlay-text].h4,
.clientGroupEditor.light .eSection h5[editableelement=true][data-type=overlay-text],
.clientGroupEditor.light .eSection [editableelement=true][data-type=overlay-text].h5,
.clientGroupEditor.light .eSection h6[editableelement=true][data-type=overlay-text],
.clientGroupEditor.light .eSection [editableelement=true][data-type=overlay-text].h6,
.clientGroupEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner)[data-type=overlay-text],
.clientGroupEditor.light .eSection span[editableelement=true][data-type=overlay-text],
.clientGroupEditor.light .eSection ol[editableelement=true][contenteditable=true][data-type=overlay-text],
.clientGroupEditor.light .eSection img[editableelement=true][data-type=overlay-text], .serviceTypeEditor.light .eSection h1[editableelement=true][data-type=overlay-text], .serviceTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h1,
.serviceTypeEditor.light .eSection h2[editableelement=true][data-type=overlay-text],
.serviceTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h2,
.serviceTypeEditor.light .eSection h3[editableelement=true][data-type=overlay-text],
.serviceTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h3,
.serviceTypeEditor.light .eSection h4[editableelement=true][data-type=overlay-text],
.serviceTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h4,
.serviceTypeEditor.light .eSection h5[editableelement=true][data-type=overlay-text],
.serviceTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h5,
.serviceTypeEditor.light .eSection h6[editableelement=true][data-type=overlay-text],
.serviceTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h6,
.serviceTypeEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner)[data-type=overlay-text],
.serviceTypeEditor.light .eSection span[editableelement=true][data-type=overlay-text],
.serviceTypeEditor.light .eSection ol[editableelement=true][contenteditable=true][data-type=overlay-text],
.serviceTypeEditor.light .eSection img[editableelement=true][data-type=overlay-text], .tradeTypeEditor.light .eSection h1[editableelement=true][data-type=overlay-text], .tradeTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h1,
.tradeTypeEditor.light .eSection h2[editableelement=true][data-type=overlay-text],
.tradeTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h2,
.tradeTypeEditor.light .eSection h3[editableelement=true][data-type=overlay-text],
.tradeTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h3,
.tradeTypeEditor.light .eSection h4[editableelement=true][data-type=overlay-text],
.tradeTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h4,
.tradeTypeEditor.light .eSection h5[editableelement=true][data-type=overlay-text],
.tradeTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h5,
.tradeTypeEditor.light .eSection h6[editableelement=true][data-type=overlay-text],
.tradeTypeEditor.light .eSection [editableelement=true][data-type=overlay-text].h6,
.tradeTypeEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner)[data-type=overlay-text],
.tradeTypeEditor.light .eSection span[editableelement=true][data-type=overlay-text],
.tradeTypeEditor.light .eSection ol[editableelement=true][contenteditable=true][data-type=overlay-text],
.tradeTypeEditor.light .eSection img[editableelement=true][data-type=overlay-text], .ruleBuilder.light .eSection h1[editableelement=true][data-type=overlay-text], .ruleBuilder.light .eSection [editableelement=true][data-type=overlay-text].h1,
.ruleBuilder.light .eSection h2[editableelement=true][data-type=overlay-text],
.ruleBuilder.light .eSection [editableelement=true][data-type=overlay-text].h2,
.ruleBuilder.light .eSection h3[editableelement=true][data-type=overlay-text],
.ruleBuilder.light .eSection [editableelement=true][data-type=overlay-text].h3,
.ruleBuilder.light .eSection h4[editableelement=true][data-type=overlay-text],
.ruleBuilder.light .eSection [editableelement=true][data-type=overlay-text].h4,
.ruleBuilder.light .eSection h5[editableelement=true][data-type=overlay-text],
.ruleBuilder.light .eSection [editableelement=true][data-type=overlay-text].h5,
.ruleBuilder.light .eSection h6[editableelement=true][data-type=overlay-text],
.ruleBuilder.light .eSection [editableelement=true][data-type=overlay-text].h6,
.ruleBuilder.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner)[data-type=overlay-text],
.ruleBuilder.light .eSection span[editableelement=true][data-type=overlay-text],
.ruleBuilder.light .eSection ol[editableelement=true][contenteditable=true][data-type=overlay-text],
.ruleBuilder.light .eSection img[editableelement=true][data-type=overlay-text], .courseCredentialEditor.light .eSection h1[editableelement=true][data-type=overlay-text], .courseCredentialEditor.light .eSection [editableelement=true][data-type=overlay-text].h1,
.courseCredentialEditor.light .eSection h2[editableelement=true][data-type=overlay-text],
.courseCredentialEditor.light .eSection [editableelement=true][data-type=overlay-text].h2,
.courseCredentialEditor.light .eSection h3[editableelement=true][data-type=overlay-text],
.courseCredentialEditor.light .eSection [editableelement=true][data-type=overlay-text].h3,
.courseCredentialEditor.light .eSection h4[editableelement=true][data-type=overlay-text],
.courseCredentialEditor.light .eSection [editableelement=true][data-type=overlay-text].h4,
.courseCredentialEditor.light .eSection h5[editableelement=true][data-type=overlay-text],
.courseCredentialEditor.light .eSection [editableelement=true][data-type=overlay-text].h5,
.courseCredentialEditor.light .eSection h6[editableelement=true][data-type=overlay-text],
.courseCredentialEditor.light .eSection [editableelement=true][data-type=overlay-text].h6,
.courseCredentialEditor.light .eSection div[editableelement=true]:not(.alert):not([data-type=table-col]):not(.inner)[data-type=overlay-text],
.courseCredentialEditor.light .eSection span[editableelement=true][data-type=overlay-text],
.courseCredentialEditor.light .eSection ol[editableelement=true][contenteditable=true][data-type=overlay-text],
.courseCredentialEditor.light .eSection img[editableelement=true][data-type=overlay-text] {
  background-color: rgba(255, 255, 255, 0.1);
}
.pageEditor.light .eSection ul[editableelement=true] > li, chapterEditor.light .eSection ul[editableelement=true] > li, .clientGroupEditor.light .eSection ul[editableelement=true] > li, .serviceTypeEditor.light .eSection ul[editableelement=true] > li, .tradeTypeEditor.light .eSection ul[editableelement=true] > li, .ruleBuilder.light .eSection ul[editableelement=true] > li, .courseCredentialEditor.light .eSection ul[editableelement=true] > li {
  min-height: 1.5rem;
}
.pageEditor.light .eSection div.row > div.gallery-section, chapterEditor.light .eSection div.row > div.gallery-section, .clientGroupEditor.light .eSection div.row > div.gallery-section, .serviceTypeEditor.light .eSection div.row > div.gallery-section, .tradeTypeEditor.light .eSection div.row > div.gallery-section, .ruleBuilder.light .eSection div.row > div.gallery-section, .courseCredentialEditor.light .eSection div.row > div.gallery-section {
  border: 1px dashed #dee2e6;
}
.pageEditor.light .eSection li, chapterEditor.light .eSection li, .clientGroupEditor.light .eSection li, .serviceTypeEditor.light .eSection li, .tradeTypeEditor.light .eSection li, .ruleBuilder.light .eSection li, .courseCredentialEditor.light .eSection li {
  padding-bottom: 0.2rem;
}
.pageEditor.light .eSection li > span[editableelement=true], chapterEditor.light .eSection li > span[editableelement=true], .clientGroupEditor.light .eSection li > span[editableelement=true], .serviceTypeEditor.light .eSection li > span[editableelement=true], .tradeTypeEditor.light .eSection li > span[editableelement=true], .ruleBuilder.light .eSection li > span[editableelement=true], .courseCredentialEditor.light .eSection li > span[editableelement=true] {
  background-color: #ffffff;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  line-height: 1.5rem;
  border: 1px dashed #dee2e6;
}
.pageEditor.light .eSection li > span[editableelement=true]:not([data-type=icon]), chapterEditor.light .eSection li > span[editableelement=true]:not([data-type=icon]), .clientGroupEditor.light .eSection li > span[editableelement=true]:not([data-type=icon]), .serviceTypeEditor.light .eSection li > span[editableelement=true]:not([data-type=icon]), .tradeTypeEditor.light .eSection li > span[editableelement=true]:not([data-type=icon]), .ruleBuilder.light .eSection li > span[editableelement=true]:not([data-type=icon]), .courseCredentialEditor.light .eSection li > span[editableelement=true]:not([data-type=icon]) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 100%;
}
.pageEditor.light .eSection li > span[data-type=icon] + span[data-type=text], chapterEditor.light .eSection li > span[data-type=icon] + span[data-type=text], .clientGroupEditor.light .eSection li > span[data-type=icon] + span[data-type=text], .serviceTypeEditor.light .eSection li > span[data-type=icon] + span[data-type=text], .tradeTypeEditor.light .eSection li > span[data-type=icon] + span[data-type=text], .ruleBuilder.light .eSection li > span[data-type=icon] + span[data-type=text], .courseCredentialEditor.light .eSection li > span[data-type=icon] + span[data-type=text] {
  min-width: 93%;
}
.pageEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), chapterEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .clientGroupEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .serviceTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .tradeTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .ruleBuilder.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]), .courseCredentialEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) {
  padding: 0.25rem !important;
  line-height: 1.5rem;
}
.pageEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, chapterEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .clientGroupEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .serviceTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .tradeTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .ruleBuilder.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .courseCredentialEditor.light .eSection .table-fixed span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img {
  margin-bottom: 1rem;
}
.pageEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true], chapterEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true], .clientGroupEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true], .serviceTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true], .tradeTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true], .ruleBuilder.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true], .courseCredentialEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true] {
  padding: 0.25rem !important;
  line-height: 1.5rem;
  display: block;
  margin: 0 0.1rem;
}
.pageEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true]:focus, chapterEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true]:focus, .clientGroupEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true]:focus, .serviceTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true]:focus, .tradeTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true]:focus, .ruleBuilder.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true]:focus, .courseCredentialEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true]:focus {
  margin: 0 0.2rem;
  line-height: 1.5rem;
}
.pageEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, chapterEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .clientGroupEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .serviceTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .tradeTypeEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .ruleBuilder.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .courseCredentialEditor.light .eSection .table-fixed span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img {
  margin-bottom: 1rem;
}
.pageEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), chapterEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .clientGroupEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .serviceTypeEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .tradeTypeEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .ruleBuilder.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]), .courseCredentialEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) {
  padding: 0.25rem !important;
  line-height: 1.5rem;
}
.pageEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, chapterEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .clientGroupEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .serviceTypeEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .tradeTypeEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .ruleBuilder.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img, .courseCredentialEditor.light .eSection .table-responsive span.d-cell[editableelement=true]:not([contenteditable=true]) > div[contenteditable=true] + img {
  margin-bottom: 1rem;
}
.pageEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true], chapterEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true], .clientGroupEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true], .serviceTypeEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true], .tradeTypeEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true], .ruleBuilder.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true], .courseCredentialEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true] {
  padding: 0.25rem !important;
  line-height: 1.5rem;
}
.pageEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, chapterEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .clientGroupEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .serviceTypeEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .tradeTypeEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .ruleBuilder.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img, .courseCredentialEditor.light .eSection .table-responsive span.d-cell[editableelement=true][contenteditable=true] > div[contenteditable=true] + img {
  margin-bottom: 1rem;
}
.pageEditor.light .eSection .col[editableelement=true]:not([contenteditable=true]), chapterEditor.light .eSection .col[editableelement=true]:not([contenteditable=true]), .clientGroupEditor.light .eSection .col[editableelement=true]:not([contenteditable=true]), .serviceTypeEditor.light .eSection .col[editableelement=true]:not([contenteditable=true]), .tradeTypeEditor.light .eSection .col[editableelement=true]:not([contenteditable=true]), .ruleBuilder.light .eSection .col[editableelement=true]:not([contenteditable=true]), .courseCredentialEditor.light .eSection .col[editableelement=true]:not([contenteditable=true]) {
  background-color: #ffffff;
  padding: inherit;
  line-height: 1.5rem;
}
.pageEditor.light .eSection .col[editableelement=true][contenteditable=true]:empty, chapterEditor.light .eSection .col[editableelement=true][contenteditable=true]:empty, .clientGroupEditor.light .eSection .col[editableelement=true][contenteditable=true]:empty, .serviceTypeEditor.light .eSection .col[editableelement=true][contenteditable=true]:empty, .tradeTypeEditor.light .eSection .col[editableelement=true][contenteditable=true]:empty, .ruleBuilder.light .eSection .col[editableelement=true][contenteditable=true]:empty, .courseCredentialEditor.light .eSection .col[editableelement=true][contenteditable=true]:empty {
  padding: 0.25rem !important;
  line-height: 1.5rem;
}
.pageEditor.light .eSection div[editableelement=true]:empty, chapterEditor.light .eSection div[editableelement=true]:empty, .clientGroupEditor.light .eSection div[editableelement=true]:empty, .serviceTypeEditor.light .eSection div[editableelement=true]:empty, .tradeTypeEditor.light .eSection div[editableelement=true]:empty, .ruleBuilder.light .eSection div[editableelement=true]:empty, .courseCredentialEditor.light .eSection div[editableelement=true]:empty {
  padding: 1rem;
  line-height: 1.5rem;
}
.pageEditor.light .eSection [editableelement=true][contenteditable=true]:empty, chapterEditor.light .eSection [editableelement=true][contenteditable=true]:empty, .clientGroupEditor.light .eSection [editableelement=true][contenteditable=true]:empty, .serviceTypeEditor.light .eSection [editableelement=true][contenteditable=true]:empty, .tradeTypeEditor.light .eSection [editableelement=true][contenteditable=true]:empty, .ruleBuilder.light .eSection [editableelement=true][contenteditable=true]:empty, .courseCredentialEditor.light .eSection [editableelement=true][contenteditable=true]:empty {
  padding: 0.25rem;
  line-height: 1.2rem;
}
.pageEditor.light .eSection .col[editableelement=true]:empty, .pageEditor.light .eSection [data-type=table-col][contenteditable=true]:empty, chapterEditor.light .eSection .col[editableelement=true]:empty, chapterEditor.light .eSection [data-type=table-col][contenteditable=true]:empty, .clientGroupEditor.light .eSection .col[editableelement=true]:empty, .clientGroupEditor.light .eSection [data-type=table-col][contenteditable=true]:empty, .serviceTypeEditor.light .eSection .col[editableelement=true]:empty, .serviceTypeEditor.light .eSection [data-type=table-col][contenteditable=true]:empty, .tradeTypeEditor.light .eSection .col[editableelement=true]:empty, .tradeTypeEditor.light .eSection [data-type=table-col][contenteditable=true]:empty, .ruleBuilder.light .eSection .col[editableelement=true]:empty, .ruleBuilder.light .eSection [data-type=table-col][contenteditable=true]:empty, .courseCredentialEditor.light .eSection .col[editableelement=true]:empty, .courseCredentialEditor.light .eSection [data-type=table-col][contenteditable=true]:empty {
  padding: 1.05rem 0.5rem !important;
  line-height: 1.5rem;
}
.pageEditor.light .eSection [data-type=text-element][editableelement=true], chapterEditor.light .eSection [data-type=text-element][editableelement=true], .clientGroupEditor.light .eSection [data-type=text-element][editableelement=true], .serviceTypeEditor.light .eSection [data-type=text-element][editableelement=true], .tradeTypeEditor.light .eSection [data-type=text-element][editableelement=true], .ruleBuilder.light .eSection [data-type=text-element][editableelement=true], .courseCredentialEditor.light .eSection [data-type=text-element][editableelement=true] {
  min-height: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 0.15rem;
  padding: 0.25rem;
}
.pageEditor.light .eSection [data-type=text-element][editableelement=true]:not(:only-child), chapterEditor.light .eSection [data-type=text-element][editableelement=true]:not(:only-child), .clientGroupEditor.light .eSection [data-type=text-element][editableelement=true]:not(:only-child), .serviceTypeEditor.light .eSection [data-type=text-element][editableelement=true]:not(:only-child), .tradeTypeEditor.light .eSection [data-type=text-element][editableelement=true]:not(:only-child), .ruleBuilder.light .eSection [data-type=text-element][editableelement=true]:not(:only-child), .courseCredentialEditor.light .eSection [data-type=text-element][editableelement=true]:not(:only-child) {
  border: 1px dashed #dee2e6;
}
.pageEditor.light .eSection [data-type=text-element][editableelement=true]:focus, chapterEditor.light .eSection [data-type=text-element][editableelement=true]:focus, .clientGroupEditor.light .eSection [data-type=text-element][editableelement=true]:focus, .serviceTypeEditor.light .eSection [data-type=text-element][editableelement=true]:focus, .tradeTypeEditor.light .eSection [data-type=text-element][editableelement=true]:focus, .ruleBuilder.light .eSection [data-type=text-element][editableelement=true]:focus, .courseCredentialEditor.light .eSection [data-type=text-element][editableelement=true]:focus {
  border: unset;
}
.pageEditor.light .eSection [data-type=table-col][contenteditable=true]:focus, chapterEditor.light .eSection [data-type=table-col][contenteditable=true]:focus, .clientGroupEditor.light .eSection [data-type=table-col][contenteditable=true]:focus, .serviceTypeEditor.light .eSection [data-type=table-col][contenteditable=true]:focus, .tradeTypeEditor.light .eSection [data-type=table-col][contenteditable=true]:focus, .ruleBuilder.light .eSection [data-type=table-col][contenteditable=true]:focus, .courseCredentialEditor.light .eSection [data-type=table-col][contenteditable=true]:focus {
  outline: none;
  z-index: 4;
}
.pageEditor.light .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), chapterEditor.light .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .clientGroupEditor.light .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .serviceTypeEditor.light .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .tradeTypeEditor.light .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .ruleBuilder.light .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty), .courseCredentialEditor.light .eSection [data-type=table-col][contenteditable=true]:focus :not(:empty) {
  padding: 0.25rem !important;
  line-height: 1.5rem;
}
.pageEditor.light .eSection [data-type=overlay-text], chapterEditor.light .eSection [data-type=overlay-text], .clientGroupEditor.light .eSection [data-type=overlay-text], .serviceTypeEditor.light .eSection [data-type=overlay-text], .tradeTypeEditor.light .eSection [data-type=overlay-text], .ruleBuilder.light .eSection [data-type=overlay-text], .courseCredentialEditor.light .eSection [data-type=overlay-text] {
  min-height: 1.5rem;
  background: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 5;
}
.pageEditor.light .eSection [data-type=overlay-text]:empty, chapterEditor.light .eSection [data-type=overlay-text]:empty, .clientGroupEditor.light .eSection [data-type=overlay-text]:empty, .serviceTypeEditor.light .eSection [data-type=overlay-text]:empty, .tradeTypeEditor.light .eSection [data-type=overlay-text]:empty, .ruleBuilder.light .eSection [data-type=overlay-text]:empty, .courseCredentialEditor.light .eSection [data-type=overlay-text]:empty {
  min-width: 100px;
  min-height: 1.5rem;
  background: rgba(255, 255, 255, 0.1) !important;
  z-index: 5;
}
.pageEditor.light .eSection [data-type=overlay-text][contenteditable=true]:empty, .pageEditor.light .eSection [data-type=overlay-text][contenteditable=true]:blank, chapterEditor.light .eSection [data-type=overlay-text][contenteditable=true]:empty, chapterEditor.light .eSection [data-type=overlay-text][contenteditable=true]:blank, .clientGroupEditor.light .eSection [data-type=overlay-text][contenteditable=true]:empty, .clientGroupEditor.light .eSection [data-type=overlay-text][contenteditable=true]:blank, .serviceTypeEditor.light .eSection [data-type=overlay-text][contenteditable=true]:empty, .serviceTypeEditor.light .eSection [data-type=overlay-text][contenteditable=true]:blank, .tradeTypeEditor.light .eSection [data-type=overlay-text][contenteditable=true]:empty, .tradeTypeEditor.light .eSection [data-type=overlay-text][contenteditable=true]:blank, .ruleBuilder.light .eSection [data-type=overlay-text][contenteditable=true]:empty, .ruleBuilder.light .eSection [data-type=overlay-text][contenteditable=true]:blank, .courseCredentialEditor.light .eSection [data-type=overlay-text][contenteditable=true]:empty, .courseCredentialEditor.light .eSection [data-type=overlay-text][contenteditable=true]:blank {
  min-width: 100px;
  min-height: 1.5rem;
  background: rgba(255, 255, 255, 0.1);
}
.pageEditor.light .eSection .prepared-actions > img, chapterEditor.light .eSection .prepared-actions > img, .clientGroupEditor.light .eSection .prepared-actions > img, .serviceTypeEditor.light .eSection .prepared-actions > img, .tradeTypeEditor.light .eSection .prepared-actions > img, .ruleBuilder.light .eSection .prepared-actions > img, .courseCredentialEditor.light .eSection .prepared-actions > img {
  padding: 0 !important;
}
.pageEditor.light .blockpara, .pageEditor.light .blockordlist, .pageEditor.light .blockunordlist, .pageEditor.light .blockunstyledlist, chapterEditor.light .blockpara, chapterEditor.light .blockordlist, chapterEditor.light .blockunordlist, chapterEditor.light .blockunstyledlist, .clientGroupEditor.light .blockpara, .clientGroupEditor.light .blockordlist, .clientGroupEditor.light .blockunordlist, .clientGroupEditor.light .blockunstyledlist, .serviceTypeEditor.light .blockpara, .serviceTypeEditor.light .blockordlist, .serviceTypeEditor.light .blockunordlist, .serviceTypeEditor.light .blockunstyledlist, .tradeTypeEditor.light .blockpara, .tradeTypeEditor.light .blockordlist, .tradeTypeEditor.light .blockunordlist, .tradeTypeEditor.light .blockunstyledlist, .ruleBuilder.light .blockpara, .ruleBuilder.light .blockordlist, .ruleBuilder.light .blockunordlist, .ruleBuilder.light .blockunstyledlist, .courseCredentialEditor.light .blockpara, .courseCredentialEditor.light .blockordlist, .courseCredentialEditor.light .blockunordlist, .courseCredentialEditor.light .blockunstyledlist {
  height: auto;
  border-radius: 2px;
  padding: 0.375rem 0.75rem;
  background-clip: padding-box;
}
.pageEditor.light .blockpara .list-group-item, .pageEditor.light .blockordlist .list-group-item, .pageEditor.light .blockunordlist .list-group-item, .pageEditor.light .blockunstyledlist .list-group-item, chapterEditor.light .blockpara .list-group-item, chapterEditor.light .blockordlist .list-group-item, chapterEditor.light .blockunordlist .list-group-item, chapterEditor.light .blockunstyledlist .list-group-item, .clientGroupEditor.light .blockpara .list-group-item, .clientGroupEditor.light .blockordlist .list-group-item, .clientGroupEditor.light .blockunordlist .list-group-item, .clientGroupEditor.light .blockunstyledlist .list-group-item, .serviceTypeEditor.light .blockpara .list-group-item, .serviceTypeEditor.light .blockordlist .list-group-item, .serviceTypeEditor.light .blockunordlist .list-group-item, .serviceTypeEditor.light .blockunstyledlist .list-group-item, .tradeTypeEditor.light .blockpara .list-group-item, .tradeTypeEditor.light .blockordlist .list-group-item, .tradeTypeEditor.light .blockunordlist .list-group-item, .tradeTypeEditor.light .blockunstyledlist .list-group-item, .ruleBuilder.light .blockpara .list-group-item, .ruleBuilder.light .blockordlist .list-group-item, .ruleBuilder.light .blockunordlist .list-group-item, .ruleBuilder.light .blockunstyledlist .list-group-item, .courseCredentialEditor.light .blockpara .list-group-item, .courseCredentialEditor.light .blockordlist .list-group-item, .courseCredentialEditor.light .blockunordlist .list-group-item, .courseCredentialEditor.light .blockunstyledlist .list-group-item {
  background: transparent !important;
}
.pageEditor.light .blockordlist > ol, chapterEditor.light .blockordlist > ol, .clientGroupEditor.light .blockordlist > ol, .serviceTypeEditor.light .blockordlist > ol, .tradeTypeEditor.light .blockordlist > ol, .ruleBuilder.light .blockordlist > ol, .courseCredentialEditor.light .blockordlist > ol {
  margin-bottom: 0;
}
.pageEditor.light .blockunordlist > ul, chapterEditor.light .blockunordlist > ul, .clientGroupEditor.light .blockunordlist > ul, .serviceTypeEditor.light .blockunordlist > ul, .tradeTypeEditor.light .blockunordlist > ul, .ruleBuilder.light .blockunordlist > ul, .courseCredentialEditor.light .blockunordlist > ul {
  margin-bottom: 0;
}
.pageEditor.light .blockunstyledlist > ul, chapterEditor.light .blockunstyledlist > ul, .clientGroupEditor.light .blockunstyledlist > ul, .serviceTypeEditor.light .blockunstyledlist > ul, .tradeTypeEditor.light .blockunstyledlist > ul, .ruleBuilder.light .blockunstyledlist > ul, .courseCredentialEditor.light .blockunstyledlist > ul {
  margin-bottom: 0;
  padding: 0.375rem 2rem;
}
.pageEditor.light .eDuplicate, chapterEditor.light .eDuplicate, .clientGroupEditor.light .eDuplicate, .serviceTypeEditor.light .eDuplicate, .tradeTypeEditor.light .eDuplicate, .ruleBuilder.light .eDuplicate, .courseCredentialEditor.light .eDuplicate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='8' y='8' width='12' height='12' rx='2' /%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .eDuplicate:hover, chapterEditor.light .eDuplicate:hover, .clientGroupEditor.light .eDuplicate:hover, .serviceTypeEditor.light .eDuplicate:hover, .tradeTypeEditor.light .eDuplicate:hover, .ruleBuilder.light .eDuplicate:hover, .courseCredentialEditor.light .eDuplicate:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-copy' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='8' y='8' width='12' height='12' rx='2' /%3E%3Cpath d='M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3C/svg%3E");
}
.pageEditor.light .movehandle, chapterEditor.light .movehandle, .clientGroupEditor.light .movehandle, .serviceTypeEditor.light .movehandle, .tradeTypeEditor.light .movehandle, .ruleBuilder.light .movehandle, .courseCredentialEditor.light .movehandle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-drag-drop' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3Cpath d='M13 13l9 3l-4 2l-2 4l-3 -9' /%3E%3Cline x1='3' y1='3' x2='3' y2='3.01' /%3E%3Cline x1='7' y1='3' x2='7' y2='3.01' /%3E%3Cline x1='11' y1='3' x2='11' y2='3.01' /%3E%3Cline x1='15' y1='3' x2='15' y2='3.01' /%3E%3Cline x1='3' y1='7' x2='3' y2='7.01' /%3E%3Cline x1='3' y1='11' x2='3' y2='11.01' /%3E%3Cline x1='3' y1='15' x2='3' y2='15.01' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .movehandle:hover, chapterEditor.light .movehandle:hover, .clientGroupEditor.light .movehandle:hover, .serviceTypeEditor.light .movehandle:hover, .tradeTypeEditor.light .movehandle:hover, .ruleBuilder.light .movehandle:hover, .courseCredentialEditor.light .movehandle:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-drag-drop' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2' /%3E%3Cpath d='M13 13l9 3l-4 2l-2 4l-3 -9' /%3E%3Cline x1='3' y1='3' x2='3' y2='3.01' /%3E%3Cline x1='7' y1='3' x2='7' y2='3.01' /%3E%3Cline x1='11' y1='3' x2='11' y2='3.01' /%3E%3Cline x1='15' y1='3' x2='15' y2='3.01' /%3E%3Cline x1='3' y1='7' x2='3' y2='7.01' /%3E%3Cline x1='3' y1='11' x2='3' y2='11.01' /%3E%3Cline x1='3' y1='15' x2='3' y2='15.01' /%3E%3C/svg%3E");
}
.pageEditor.light .movehandle:hover, .pageEditor.light .eDuplicate:hover, chapterEditor.light .movehandle:hover, chapterEditor.light .eDuplicate:hover, .clientGroupEditor.light .movehandle:hover, .clientGroupEditor.light .eDuplicate:hover, .serviceTypeEditor.light .movehandle:hover, .serviceTypeEditor.light .eDuplicate:hover, .tradeTypeEditor.light .movehandle:hover, .tradeTypeEditor.light .eDuplicate:hover, .ruleBuilder.light .movehandle:hover, .ruleBuilder.light .eDuplicate:hover, .courseCredentialEditor.light .movehandle:hover, .courseCredentialEditor.light .eDuplicate:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.pageEditor.light .eItem, chapterEditor.light .eItem, .clientGroupEditor.light .eItem, .serviceTypeEditor.light .eItem, .tradeTypeEditor.light .eItem, .ruleBuilder.light .eItem, .courseCredentialEditor.light .eItem {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .eItem:hover, chapterEditor.light .eItem:hover, .clientGroupEditor.light .eItem:hover, .serviceTypeEditor.light .eItem:hover, .tradeTypeEditor.light .eItem:hover, .ruleBuilder.light .eItem:hover, .courseCredentialEditor.light .eItem:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.pageEditor.light .eItem-inline, .pageEditor.light .eItem-section, .pageEditor.light .deleteCardImage, chapterEditor.light .eItem-inline, chapterEditor.light .eItem-section, chapterEditor.light .deleteCardImage, .clientGroupEditor.light .eItem-inline, .clientGroupEditor.light .eItem-section, .clientGroupEditor.light .deleteCardImage, .serviceTypeEditor.light .eItem-inline, .serviceTypeEditor.light .eItem-section, .serviceTypeEditor.light .deleteCardImage, .tradeTypeEditor.light .eItem-inline, .tradeTypeEditor.light .eItem-section, .tradeTypeEditor.light .deleteCardImage, .ruleBuilder.light .eItem-inline, .ruleBuilder.light .eItem-section, .ruleBuilder.light .deleteCardImage, .courseCredentialEditor.light .eItem-inline, .courseCredentialEditor.light .eItem-section, .courseCredentialEditor.light .deleteCardImage {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .eItem-inline:hover, .pageEditor.light .eItem-section:hover, .pageEditor.light .deleteCardImage:hover, chapterEditor.light .eItem-inline:hover, chapterEditor.light .eItem-section:hover, chapterEditor.light .deleteCardImage:hover, .clientGroupEditor.light .eItem-inline:hover, .clientGroupEditor.light .eItem-section:hover, .clientGroupEditor.light .deleteCardImage:hover, .serviceTypeEditor.light .eItem-inline:hover, .serviceTypeEditor.light .eItem-section:hover, .serviceTypeEditor.light .deleteCardImage:hover, .tradeTypeEditor.light .eItem-inline:hover, .tradeTypeEditor.light .eItem-section:hover, .tradeTypeEditor.light .deleteCardImage:hover, .ruleBuilder.light .eItem-inline:hover, .ruleBuilder.light .eItem-section:hover, .ruleBuilder.light .deleteCardImage:hover, .courseCredentialEditor.light .eItem-inline:hover, .courseCredentialEditor.light .eItem-section:hover, .courseCredentialEditor.light .deleteCardImage:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23fd5c63' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.pageEditor.light .eProps, chapterEditor.light .eProps, .clientGroupEditor.light .eProps, .serviceTypeEditor.light .eProps, .tradeTypeEditor.light .eProps, .ruleBuilder.light .eProps, .courseCredentialEditor.light .eProps {
  background: #00bcd4;
  cursor: pointer;
  border-radius: 0px;
  padding: 0.5rem 0 0 0.3rem;
}
.pageEditor.light .eProps:before, chapterEditor.light .eProps:before, .clientGroupEditor.light .eProps:before, .serviceTypeEditor.light .eProps:before, .tradeTypeEditor.light .eProps:before, .ruleBuilder.light .eProps:before, .courseCredentialEditor.light .eProps:before {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f013";
  color: #f8f9fa;
  top: -0.3rem;
  left: -0.1rem;
}
.pageEditor.light .eImage, chapterEditor.light .eImage, .clientGroupEditor.light .eImage, .serviceTypeEditor.light .eImage, .tradeTypeEditor.light .eImage, .ruleBuilder.light .eImage, .courseCredentialEditor.light .eImage {
  background: #00bcd4;
  cursor: pointer;
  border-radius: 0px;
  padding: 0.5rem;
}
.pageEditor.light .eImage:before, chapterEditor.light .eImage:before, .clientGroupEditor.light .eImage:before, .serviceTypeEditor.light .eImage:before, .tradeTypeEditor.light .eImage:before, .ruleBuilder.light .eImage:before, .courseCredentialEditor.light .eImage:before {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f03e";
  color: #f8f9fa;
  top: -0.3rem;
  left: -0.1rem;
}
.pageEditor.light .eType, chapterEditor.light .eType, .clientGroupEditor.light .eType, .serviceTypeEditor.light .eType, .tradeTypeEditor.light .eType, .ruleBuilder.light .eType, .courseCredentialEditor.light .eType {
  margin-left: 10px;
}
.pageEditor.light .btn-editor, chapterEditor.light .btn-editor, .clientGroupEditor.light .btn-editor, .serviceTypeEditor.light .btn-editor, .tradeTypeEditor.light .btn-editor, .ruleBuilder.light .btn-editor, .courseCredentialEditor.light .btn-editor {
  width: 1.7rem;
  height: 1.7rem;
  background-repeat: no-repeat;
  background-position: center;
}
.pageEditor.light .editorRowsContainer, chapterEditor.light .editorRowsContainer, .clientGroupEditor.light .editorRowsContainer, .serviceTypeEditor.light .editorRowsContainer, .tradeTypeEditor.light .editorRowsContainer, .ruleBuilder.light .editorRowsContainer, .courseCredentialEditor.light .editorRowsContainer {
  background-color: #272e38;
  height: 42px;
  padding-top: 0.2rem;
}
.pageEditor.light .editorAddTableRow, chapterEditor.light .editorAddTableRow, .clientGroupEditor.light .editorAddTableRow, .serviceTypeEditor.light .editorAddTableRow, .tradeTypeEditor.light .editorAddTableRow, .ruleBuilder.light .editorAddTableRow, .courseCredentialEditor.light .editorAddTableRow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 5l0 14'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 0.2rem;
  padding: 1rem;
  background-repeat: no-repeat;
  background-position: center;
}
.pageEditor.light .editorAddTableRow:hover, chapterEditor.light .editorAddTableRow:hover, .clientGroupEditor.light .editorAddTableRow:hover, .serviceTypeEditor.light .editorAddTableRow:hover, .tradeTypeEditor.light .editorAddTableRow:hover, .ruleBuilder.light .editorAddTableRow:hover, .courseCredentialEditor.light .editorAddTableRow:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 5l0 14'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E");
}
.pageEditor.light .editorRemoveTableRow, chapterEditor.light .editorRemoveTableRow, .clientGroupEditor.light .editorRemoveTableRow, .serviceTypeEditor.light .editorRemoveTableRow, .tradeTypeEditor.light .editorRemoveTableRow, .ruleBuilder.light .editorRemoveTableRow, .courseCredentialEditor.light .editorRemoveTableRow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-minus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 0.2rem;
  padding: 1rem;
  background-repeat: no-repeat;
  background-position: center;
}
.pageEditor.light .editorRemoveTableRow:hover, chapterEditor.light .editorRemoveTableRow:hover, .clientGroupEditor.light .editorRemoveTableRow:hover, .serviceTypeEditor.light .editorRemoveTableRow:hover, .tradeTypeEditor.light .editorRemoveTableRow:hover, .ruleBuilder.light .editorRemoveTableRow:hover, .courseCredentialEditor.light .editorRemoveTableRow:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-minus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E");
}
.pageEditor.light .editorAddText, .pageEditor.light .editorAddTableSection, .pageEditor.light .editorAddMultiDivSection, chapterEditor.light .editorAddText, chapterEditor.light .editorAddTableSection, chapterEditor.light .editorAddMultiDivSection, .clientGroupEditor.light .editorAddText, .clientGroupEditor.light .editorAddTableSection, .clientGroupEditor.light .editorAddMultiDivSection, .serviceTypeEditor.light .editorAddText, .serviceTypeEditor.light .editorAddTableSection, .serviceTypeEditor.light .editorAddMultiDivSection, .tradeTypeEditor.light .editorAddText, .tradeTypeEditor.light .editorAddTableSection, .tradeTypeEditor.light .editorAddMultiDivSection, .ruleBuilder.light .editorAddText, .ruleBuilder.light .editorAddTableSection, .ruleBuilder.light .editorAddMultiDivSection, .courseCredentialEditor.light .editorAddText, .courseCredentialEditor.light .editorAddTableSection, .courseCredentialEditor.light .editorAddMultiDivSection {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-forms' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 3a3 3 0 0 0 -3 3v12a3 3 0 0 0 3 3' /%3E%3Cpath d='M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3' /%3E%3Cpath d='M13 7h7a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-7' /%3E%3Cpath d='M5 7h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h1' /%3E%3Cpath d='M17 12h.01' /%3E%3Cpath d='M13 12h.01' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorAddText:hover, .pageEditor.light .editorAddTableSection:hover, .pageEditor.light .editorAddMultiDivSection:hover, chapterEditor.light .editorAddText:hover, chapterEditor.light .editorAddTableSection:hover, chapterEditor.light .editorAddMultiDivSection:hover, .clientGroupEditor.light .editorAddText:hover, .clientGroupEditor.light .editorAddTableSection:hover, .clientGroupEditor.light .editorAddMultiDivSection:hover, .serviceTypeEditor.light .editorAddText:hover, .serviceTypeEditor.light .editorAddTableSection:hover, .serviceTypeEditor.light .editorAddMultiDivSection:hover, .tradeTypeEditor.light .editorAddText:hover, .tradeTypeEditor.light .editorAddTableSection:hover, .tradeTypeEditor.light .editorAddMultiDivSection:hover, .ruleBuilder.light .editorAddText:hover, .ruleBuilder.light .editorAddTableSection:hover, .ruleBuilder.light .editorAddMultiDivSection:hover, .courseCredentialEditor.light .editorAddText:hover, .courseCredentialEditor.light .editorAddTableSection:hover, .courseCredentialEditor.light .editorAddMultiDivSection:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-forms' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 3a3 3 0 0 0 -3 3v12a3 3 0 0 0 3 3' /%3E%3Cpath d='M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3' /%3E%3Cpath d='M13 7h7a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-7' /%3E%3Cpath d='M5 7h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h1' /%3E%3Cpath d='M17 12h.01' /%3E%3Cpath d='M13 12h.01' /%3E%3C/svg%3E");
}
.pageEditor.light .editorIncreaseFont, chapterEditor.light .editorIncreaseFont, .clientGroupEditor.light .editorIncreaseFont, .serviceTypeEditor.light .editorIncreaseFont, .tradeTypeEditor.light .editorIncreaseFont, .ruleBuilder.light .editorIncreaseFont, .courseCredentialEditor.light .editorIncreaseFont {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-case-upper' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='2' x2='17' y2='9'%3E%3C/line%3E%3Cline x1='14' y1='5' x2='20.5' y2='5' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorIncreaseFont:hover, chapterEditor.light .editorIncreaseFont:hover, .clientGroupEditor.light .editorIncreaseFont:hover, .serviceTypeEditor.light .editorIncreaseFont:hover, .tradeTypeEditor.light .editorIncreaseFont:hover, .ruleBuilder.light .editorIncreaseFont:hover, .courseCredentialEditor.light .editorIncreaseFont:hover {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-case-upper' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='0' x2='17' y2='9'%3E%3C/line%3E%3Cline x1='14' y1='5' x2='20.5' y2='5' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3C/svg%3E");
}
.pageEditor.light .editorDecreaseFont, chapterEditor.light .editorDecreaseFont, .clientGroupEditor.light .editorDecreaseFont, .serviceTypeEditor.light .editorDecreaseFont, .tradeTypeEditor.light .editorDecreaseFont, .ruleBuilder.light .editorDecreaseFont, .courseCredentialEditor.light .editorDecreaseFont {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-case-upper' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='14' y1='5' x2='20' y2='5' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorDecreaseFont:hover, chapterEditor.light .editorDecreaseFont:hover, .clientGroupEditor.light .editorDecreaseFont:hover, .serviceTypeEditor.light .editorDecreaseFont:hover, .tradeTypeEditor.light .editorDecreaseFont:hover, .ruleBuilder.light .editorDecreaseFont:hover, .courseCredentialEditor.light .editorDecreaseFont:hover {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-case-upper' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='14' y1='5' x2='20' y2='5' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3C/svg%3E");
}
.pageEditor.light .fontGroup > a:first-child, chapterEditor.light .fontGroup > a:first-child, .clientGroupEditor.light .fontGroup > a:first-child, .serviceTypeEditor.light .fontGroup > a:first-child, .tradeTypeEditor.light .fontGroup > a:first-child, .ruleBuilder.light .fontGroup > a:first-child, .courseCredentialEditor.light .fontGroup > a:first-child {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-v' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3Cline x1='12' y1='5' x2='20' y2='5' /%3E%3Cline x1='14' y1='9' x2='20' y2='9' /%3E%3Cline x1='16' y1='13' x2='20' y2='13' /%3E%3Cline x1='18' y1='17' x2='20' y2='17' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .fontGroup > a:first-child:hover, chapterEditor.light .fontGroup > a:first-child:hover, .clientGroupEditor.light .fontGroup > a:first-child:hover, .serviceTypeEditor.light .fontGroup > a:first-child:hover, .tradeTypeEditor.light .fontGroup > a:first-child:hover, .ruleBuilder.light .fontGroup > a:first-child:hover, .courseCredentialEditor.light .fontGroup > a:first-child:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-v' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='8' y1='5' x2='2' y2='18' /%3E%3Cline x1='8' y1='5' x2='14' y2='18' /%3E%3Cline x1='6' y1='13' x2='10' y2='13' /%3E%3Cline x1='12' y1='5' x2='20' y2='5' /%3E%3Cline x1='14' y1='9' x2='20' y2='9' /%3E%3Cline x1='16' y1='13' x2='20' y2='13' /%3E%3Cline x1='18' y1='17' x2='20' y2='17' /%3E%3C/svg%3E");
}
.pageEditor.light .colourGroup > a:first-child, chapterEditor.light .colourGroup > a:first-child, .clientGroupEditor.light .colourGroup > a:first-child, .serviceTypeEditor.light .colourGroup > a:first-child, .tradeTypeEditor.light .colourGroup > a:first-child, .ruleBuilder.light .colourGroup > a:first-child, .courseCredentialEditor.light .colourGroup > a:first-child {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-palette' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25' /%3E%3Ccircle cx='7.5' cy='10.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='12' cy='7.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='16.5' cy='10.5' r='.5' fill='currentColor' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .colourGroup > a:first-child:hover, chapterEditor.light .colourGroup > a:first-child:hover, .clientGroupEditor.light .colourGroup > a:first-child:hover, .serviceTypeEditor.light .colourGroup > a:first-child:hover, .tradeTypeEditor.light .colourGroup > a:first-child:hover, .ruleBuilder.light .colourGroup > a:first-child:hover, .courseCredentialEditor.light .colourGroup > a:first-child:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-palette' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25' /%3E%3Ccircle cx='7.5' cy='10.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='12' cy='7.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='16.5' cy='10.5' r='.5' fill='currentColor' /%3E%3C/svg%3E");
}
.pageEditor.light .colourGroup .col-form-label, chapterEditor.light .colourGroup .col-form-label, .clientGroupEditor.light .colourGroup .col-form-label, .serviceTypeEditor.light .colourGroup .col-form-label, .tradeTypeEditor.light .colourGroup .col-form-label, .ruleBuilder.light .colourGroup .col-form-label, .courseCredentialEditor.light .colourGroup .col-form-label {
  font-size: 0.75rem !important;
  font-weight: 500;
  color: #ff637b !important;
  margin-top: 0.35rem;
  margin-bottom: 0.15rem;
  padding-top: 0px !important;
}
.pageEditor.light .padGroup > a:first-child, chapterEditor.light .padGroup > a:first-child, .clientGroupEditor.light .padGroup > a:first-child, .serviceTypeEditor.light .padGroup > a:first-child, .tradeTypeEditor.light .padGroup > a:first-child, .ruleBuilder.light .padGroup > a:first-child, .courseCredentialEditor.light .padGroup > a:first-child {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-box-padding' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cpath d='M8 16v.01' /%3E%3Cpath d='M8 12v.01' /%3E%3Cpath d='M8 8v.01' /%3E%3Cpath d='M16 16v.01' /%3E%3Cpath d='M16 12v.01' /%3E%3Cpath d='M16 8v.01' /%3E%3Cpath d='M12 8v.01' /%3E%3Cpath d='M12 16v.01' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .padGroup > a:first-child:hover, chapterEditor.light .padGroup > a:first-child:hover, .clientGroupEditor.light .padGroup > a:first-child:hover, .serviceTypeEditor.light .padGroup > a:first-child:hover, .tradeTypeEditor.light .padGroup > a:first-child:hover, .ruleBuilder.light .padGroup > a:first-child:hover, .courseCredentialEditor.light .padGroup > a:first-child:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-box-padding' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cpath d='M8 16v.01' /%3E%3Cpath d='M8 12v.01' /%3E%3Cpath d='M8 8v.01' /%3E%3Cpath d='M16 16v.01' /%3E%3Cpath d='M16 12v.01' /%3E%3Cpath d='M16 8v.01' /%3E%3Cpath d='M12 8v.01' /%3E%3Cpath d='M12 16v.01' /%3E%3C/svg%3E");
}
.pageEditor.light .editorHeading, chapterEditor.light .editorHeading, .clientGroupEditor.light .editorHeading, .serviceTypeEditor.light .editorHeading, .tradeTypeEditor.light .editorHeading, .ruleBuilder.light .editorHeading, .courseCredentialEditor.light .editorHeading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-h' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='4' x2='17' y2='20' /%3E%3Cline x1='7' y1='12' x2='17' y2='12' /%3E%3Cline x1='7' y1='4' x2='7' y2='20' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorHeading:hover, chapterEditor.light .editorHeading:hover, .clientGroupEditor.light .editorHeading:hover, .serviceTypeEditor.light .editorHeading:hover, .tradeTypeEditor.light .editorHeading:hover, .ruleBuilder.light .editorHeading:hover, .courseCredentialEditor.light .editorHeading:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-letter-h' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='4' x2='17' y2='20' /%3E%3Cline x1='7' y1='12' x2='17' y2='12' /%3E%3Cline x1='7' y1='4' x2='7' y2='20' /%3E%3C/svg%3E");
}
.pageEditor.light .editorBold, chapterEditor.light .editorBold, .clientGroupEditor.light .editorBold, .serviceTypeEditor.light .editorBold, .tradeTypeEditor.light .editorBold, .ruleBuilder.light .editorBold, .courseCredentialEditor.light .editorBold {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bold' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 5h6a3.5 3.5 0 0 1 0 7h-6z' /%3E%3Cpath d='M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorBold:hover, chapterEditor.light .editorBold:hover, .clientGroupEditor.light .editorBold:hover, .serviceTypeEditor.light .editorBold:hover, .tradeTypeEditor.light .editorBold:hover, .ruleBuilder.light .editorBold:hover, .courseCredentialEditor.light .editorBold:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bold' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 5h6a3.5 3.5 0 0 1 0 7h-6z' /%3E%3Cpath d='M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7' /%3E%3C/svg%3E");
}
.pageEditor.light .editorItalic, chapterEditor.light .editorItalic, .clientGroupEditor.light .editorItalic, .serviceTypeEditor.light .editorItalic, .tradeTypeEditor.light .editorItalic, .ruleBuilder.light .editorItalic, .courseCredentialEditor.light .editorItalic {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-italic' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='11' y1='5' x2='17' y2='5' /%3E%3Cline x1='7' y1='19' x2='13' y2='19' /%3E%3Cline x1='14' y1='5' x2='10' y2='19' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorItalic:hover, chapterEditor.light .editorItalic:hover, .clientGroupEditor.light .editorItalic:hover, .serviceTypeEditor.light .editorItalic:hover, .tradeTypeEditor.light .editorItalic:hover, .ruleBuilder.light .editorItalic:hover, .courseCredentialEditor.light .editorItalic:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-italic' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='11' y1='5' x2='17' y2='5' /%3E%3Cline x1='7' y1='19' x2='13' y2='19' /%3E%3Cline x1='14' y1='5' x2='10' y2='19' /%3E%3C/svg%3E");
}
.pageEditor.light .editorUnderline, chapterEditor.light .editorUnderline, .clientGroupEditor.light .editorUnderline, .serviceTypeEditor.light .editorUnderline, .tradeTypeEditor.light .editorUnderline, .ruleBuilder.light .editorUnderline, .courseCredentialEditor.light .editorUnderline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-underline' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 5v5a5 5 0 0 0 10 0v-5' /%3E%3Cpath d='M5 19h14' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorUnderline:hover, chapterEditor.light .editorUnderline:hover, .clientGroupEditor.light .editorUnderline:hover, .serviceTypeEditor.light .editorUnderline:hover, .tradeTypeEditor.light .editorUnderline:hover, .ruleBuilder.light .editorUnderline:hover, .courseCredentialEditor.light .editorUnderline:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-underline' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 5v5a5 5 0 0 0 10 0v-5' /%3E%3Cpath d='M5 19h14' /%3E%3C/svg%3E");
}
.pageEditor.light .editorTextLeft, chapterEditor.light .editorTextLeft, .clientGroupEditor.light .editorTextLeft, .serviceTypeEditor.light .editorTextLeft, .tradeTypeEditor.light .editorTextLeft, .ruleBuilder.light .editorTextLeft, .courseCredentialEditor.light .editorTextLeft {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-left' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='4' x2='4' y2='20' /%3E%3Crect x='8' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorTextLeft:hover, chapterEditor.light .editorTextLeft:hover, .clientGroupEditor.light .editorTextLeft:hover, .serviceTypeEditor.light .editorTextLeft:hover, .tradeTypeEditor.light .editorTextLeft:hover, .ruleBuilder.light .editorTextLeft:hover, .courseCredentialEditor.light .editorTextLeft:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-left' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='4' x2='4' y2='20' /%3E%3Crect x='8' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.light .editorTextCenter, chapterEditor.light .editorTextCenter, .clientGroupEditor.light .editorTextCenter, .serviceTypeEditor.light .editorTextCenter, .tradeTypeEditor.light .editorTextCenter, .ruleBuilder.light .editorTextCenter, .courseCredentialEditor.light .editorTextCenter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-center' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='4' x2='12' y2='9' /%3E%3Cline x1='12' y1='15' x2='12' y2='20' /%3E%3Crect x='6' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorTextCenter:hover, chapterEditor.light .editorTextCenter:hover, .clientGroupEditor.light .editorTextCenter:hover, .serviceTypeEditor.light .editorTextCenter:hover, .tradeTypeEditor.light .editorTextCenter:hover, .ruleBuilder.light .editorTextCenter:hover, .courseCredentialEditor.light .editorTextCenter:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-center' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='4' x2='12' y2='9' /%3E%3Cline x1='12' y1='15' x2='12' y2='20' /%3E%3Crect x='6' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.light .editorTextRight, chapterEditor.light .editorTextRight, .clientGroupEditor.light .editorTextRight, .serviceTypeEditor.light .editorTextRight, .tradeTypeEditor.light .editorTextRight, .ruleBuilder.light .editorTextRight, .courseCredentialEditor.light .editorTextRight {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-right' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='4' x2='20' y2='20' /%3E%3Crect x='4' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorTextRight:hover, chapterEditor.light .editorTextRight:hover, .clientGroupEditor.light .editorTextRight:hover, .serviceTypeEditor.light .editorTextRight:hover, .tradeTypeEditor.light .editorTextRight:hover, .ruleBuilder.light .editorTextRight:hover, .courseCredentialEditor.light .editorTextRight:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-right' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='4' x2='20' y2='20' /%3E%3Crect x='4' y='9' width='12' height='6' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.light .editorTextJustify, chapterEditor.light .editorTextJustify, .clientGroupEditor.light .editorTextJustify, .serviceTypeEditor.light .editorTextJustify, .tradeTypeEditor.light .editorTextJustify, .ruleBuilder.light .editorTextJustify, .courseCredentialEditor.light .editorTextJustify {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-justified' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='4' y1='12' x2='20' y2='12' /%3E%3Cline x1='4' y1='18' x2='16' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorTextJustify:hover, chapterEditor.light .editorTextJustify:hover, .clientGroupEditor.light .editorTextJustify:hover, .serviceTypeEditor.light .editorTextJustify:hover, .tradeTypeEditor.light .editorTextJustify:hover, .ruleBuilder.light .editorTextJustify:hover, .courseCredentialEditor.light .editorTextJustify:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-justified' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='4' y1='12' x2='20' y2='12' /%3E%3Cline x1='4' y1='18' x2='16' y2='18' /%3E%3C/svg%3E");
}
.pageEditor.light .editorTextTop, chapterEditor.light .editorTextTop, .clientGroupEditor.light .editorTextTop, .serviceTypeEditor.light .editorTextTop, .tradeTypeEditor.light .editorTextTop, .ruleBuilder.light .editorTextTop, .courseCredentialEditor.light .editorTextTop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-top' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='4' x2='20' y2='4' /%3E%3Crect x='9' y='8' width='6' height='12' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorTextTop:hover, chapterEditor.light .editorTextTop:hover, .clientGroupEditor.light .editorTextTop:hover, .serviceTypeEditor.light .editorTextTop:hover, .tradeTypeEditor.light .editorTextTop:hover, .ruleBuilder.light .editorTextTop:hover, .courseCredentialEditor.light .editorTextTop:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-top' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='4' x2='20' y2='4' /%3E%3Crect x='9' y='8' width='6' height='12' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.light .editorTextBottom, chapterEditor.light .editorTextBottom, .clientGroupEditor.light .editorTextBottom, .serviceTypeEditor.light .editorTextBottom, .tradeTypeEditor.light .editorTextBottom, .ruleBuilder.light .editorTextBottom, .courseCredentialEditor.light .editorTextBottom {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-bottom' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='20' x2='20' y2='20' /%3E%3Crect x='9' y='4' width='6' height='12' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorTextBottom:hover, chapterEditor.light .editorTextBottom:hover, .clientGroupEditor.light .editorTextBottom:hover, .serviceTypeEditor.light .editorTextBottom:hover, .tradeTypeEditor.light .editorTextBottom:hover, .ruleBuilder.light .editorTextBottom:hover, .courseCredentialEditor.light .editorTextBottom:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-bottom' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='20' x2='20' y2='20' /%3E%3Crect x='9' y='4' width='6' height='12' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.light .editorTextMiddle, chapterEditor.light .editorTextMiddle, .clientGroupEditor.light .editorTextMiddle, .serviceTypeEditor.light .editorTextMiddle, .tradeTypeEditor.light .editorTextMiddle, .ruleBuilder.light .editorTextMiddle, .courseCredentialEditor.light .editorTextMiddle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-middle' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='12' x2='9' y2='12' /%3E%3Cline x1='15' y1='12' x2='20' y2='12' /%3E%3Crect x='9' y='6' width='6' height='12' rx='2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorTextMiddle:hover, chapterEditor.light .editorTextMiddle:hover, .clientGroupEditor.light .editorTextMiddle:hover, .serviceTypeEditor.light .editorTextMiddle:hover, .tradeTypeEditor.light .editorTextMiddle:hover, .ruleBuilder.light .editorTextMiddle:hover, .courseCredentialEditor.light .editorTextMiddle:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-align-middle' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='12' x2='9' y2='12' /%3E%3Cline x1='15' y1='12' x2='20' y2='12' /%3E%3Crect x='9' y='6' width='6' height='12' rx='2' /%3E%3C/svg%3E");
}
.pageEditor.light .editorIndent, chapterEditor.light .editorIndent, .clientGroupEditor.light .editorIndent, .serviceTypeEditor.light .editorIndent, .tradeTypeEditor.light .editorIndent, .ruleBuilder.light .editorIndent, .courseCredentialEditor.light .editorIndent {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-indent-increase' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='6' x2='9' y2='6' /%3E%3Cline x1='20' y1='12' x2='13' y2='12' /%3E%3Cline x1='20' y1='18' x2='9' y2='18' /%3E%3Cpath d='M4 8l4 4l-4 4' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorIndent:hover, chapterEditor.light .editorIndent:hover, .clientGroupEditor.light .editorIndent:hover, .serviceTypeEditor.light .editorIndent:hover, .tradeTypeEditor.light .editorIndent:hover, .ruleBuilder.light .editorIndent:hover, .courseCredentialEditor.light .editorIndent:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-indent-increase' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='6' x2='9' y2='6' /%3E%3Cline x1='20' y1='12' x2='13' y2='12' /%3E%3Cline x1='20' y1='18' x2='9' y2='18' /%3E%3Cpath d='M4 8l4 4l-4 4' /%3E%3C/svg%3E");
}
.pageEditor.light .editorOutdent, chapterEditor.light .editorOutdent, .clientGroupEditor.light .editorOutdent, .serviceTypeEditor.light .editorOutdent, .tradeTypeEditor.light .editorOutdent, .ruleBuilder.light .editorOutdent, .courseCredentialEditor.light .editorOutdent {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-indent-decrease' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='6' x2='13' y2='6' /%3E%3Cline x1='20' y1='12' x2='11' y2='12' /%3E%3Cline x1='20' y1='18' x2='13' y2='18' /%3E%3Cpath d='M8 8l-4 4l4 4' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorOutdent:hover, chapterEditor.light .editorOutdent:hover, .clientGroupEditor.light .editorOutdent:hover, .serviceTypeEditor.light .editorOutdent:hover, .tradeTypeEditor.light .editorOutdent:hover, .ruleBuilder.light .editorOutdent:hover, .courseCredentialEditor.light .editorOutdent:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-indent-decrease' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='6' x2='13' y2='6' /%3E%3Cline x1='20' y1='12' x2='11' y2='12' /%3E%3Cline x1='20' y1='18' x2='13' y2='18' /%3E%3Cpath d='M8 8l-4 4l4 4' /%3E%3C/svg%3E");
}
.pageEditor.light .editorInlineImageLeft, chapterEditor.light .editorInlineImageLeft, .clientGroupEditor.light .editorInlineImageLeft, .serviceTypeEditor.light .editorInlineImageLeft, .tradeTypeEditor.light .editorInlineImageLeft, .ruleBuilder.light .editorInlineImageLeft, .courseCredentialEditor.light .editorInlineImageLeft {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-left' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='4' y1='12' x2='14' y2='12' /%3E%3Cline x1='4' y1='18' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorInlineImageLeft:hover, chapterEditor.light .editorInlineImageLeft:hover, .clientGroupEditor.light .editorInlineImageLeft:hover, .serviceTypeEditor.light .editorInlineImageLeft:hover, .tradeTypeEditor.light .editorInlineImageLeft:hover, .ruleBuilder.light .editorInlineImageLeft:hover, .courseCredentialEditor.light .editorInlineImageLeft:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-left' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='4' y1='12' x2='14' y2='12' /%3E%3Cline x1='4' y1='18' x2='18' y2='18' /%3E%3C/svg%3E");
}
.pageEditor.light .editorInlineImageCenter, chapterEditor.light .editorInlineImageCenter, .clientGroupEditor.light .editorInlineImageCenter, .serviceTypeEditor.light .editorInlineImageCenter, .tradeTypeEditor.light .editorInlineImageCenter, .ruleBuilder.light .editorInlineImageCenter, .courseCredentialEditor.light .editorInlineImageCenter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-center' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='8' y1='12' x2='16' y2='12' /%3E%3Cline x1='6' y1='18' x2='18' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorInlineImageCenter:hover, chapterEditor.light .editorInlineImageCenter:hover, .clientGroupEditor.light .editorInlineImageCenter:hover, .serviceTypeEditor.light .editorInlineImageCenter:hover, .tradeTypeEditor.light .editorInlineImageCenter:hover, .ruleBuilder.light .editorInlineImageCenter:hover, .courseCredentialEditor.light .editorInlineImageCenter:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-center' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='8' y1='12' x2='16' y2='12' /%3E%3Cline x1='6' y1='18' x2='18' y2='18' /%3E%3C/svg%3E");
}
.pageEditor.light .editorInlineImageRight, chapterEditor.light .editorInlineImageRight, .clientGroupEditor.light .editorInlineImageRight, .serviceTypeEditor.light .editorInlineImageRight, .tradeTypeEditor.light .editorInlineImageRight, .ruleBuilder.light .editorInlineImageRight, .courseCredentialEditor.light .editorInlineImageRight {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-right' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='10' y1='12' x2='20' y2='12' /%3E%3Cline x1='6' y1='18' x2='20' y2='18' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorInlineImageRight:hover, chapterEditor.light .editorInlineImageRight:hover, .clientGroupEditor.light .editorInlineImageRight:hover, .serviceTypeEditor.light .editorInlineImageRight:hover, .tradeTypeEditor.light .editorInlineImageRight:hover, .ruleBuilder.light .editorInlineImageRight:hover, .courseCredentialEditor.light .editorInlineImageRight:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-align-right' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='10' y1='12' x2='20' y2='12' /%3E%3Cline x1='6' y1='18' x2='20' y2='18' /%3E%3C/svg%3E");
}
.pageEditor.light .editorOrderedList, chapterEditor.light .editorOrderedList, .clientGroupEditor.light .editorOrderedList, .serviceTypeEditor.light .editorOrderedList, .tradeTypeEditor.light .editorOrderedList, .ruleBuilder.light .editorOrderedList, .courseCredentialEditor.light .editorOrderedList {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='20' y2='6' /%3E%3Cline x1='9' y1='12' x2='20' y2='12' /%3E%3Cline x1='9' y1='18' x2='20' y2='18' /%3E%3Cpath d='M4 9v-5l-2 2' /%3E%3Cpath d='M2 13a2 1 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorOrderedList:hover, chapterEditor.light .editorOrderedList:hover, .clientGroupEditor.light .editorOrderedList:hover, .serviceTypeEditor.light .editorOrderedList:hover, .tradeTypeEditor.light .editorOrderedList:hover, .ruleBuilder.light .editorOrderedList:hover, .courseCredentialEditor.light .editorOrderedList:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='20' y2='6' /%3E%3Cline x1='9' y1='12' x2='20' y2='12' /%3E%3Cline x1='9' y1='18' x2='20' y2='18' /%3E%3Cpath d='M4 9v-5l-2 2' /%3E%3Cpath d='M2 13a2 1 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 -.001' /%3E%3C/svg%3E");
}
.pageEditor.light .editorUnorderedList, chapterEditor.light .editorUnorderedList, .clientGroupEditor.light .editorUnorderedList, .serviceTypeEditor.light .editorUnorderedList, .tradeTypeEditor.light .editorUnorderedList, .ruleBuilder.light .editorUnorderedList, .courseCredentialEditor.light .editorUnorderedList {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='20' y2='6' /%3E%3Cline x1='9' y1='12' x2='20' y2='12' /%3E%3Cline x1='9' y1='18' x2='20' y2='18' /%3E%3Cline x1='5' y1='6' x2='5' y2='6.01' /%3E%3Cline x1='5' y1='12' x2='5' y2='12.01' /%3E%3Cline x1='5' y1='18' x2='5' y2='18.01' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorUnorderedList:hover, chapterEditor.light .editorUnorderedList:hover, .clientGroupEditor.light .editorUnorderedList:hover, .serviceTypeEditor.light .editorUnorderedList:hover, .tradeTypeEditor.light .editorUnorderedList:hover, .ruleBuilder.light .editorUnorderedList:hover, .courseCredentialEditor.light .editorUnorderedList:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='20' y2='6' /%3E%3Cline x1='9' y1='12' x2='20' y2='12' /%3E%3Cline x1='9' y1='18' x2='20' y2='18' /%3E%3Cline x1='5' y1='6' x2='5' y2='6.01' /%3E%3Cline x1='5' y1='12' x2='5' y2='12.01' /%3E%3Cline x1='5' y1='18' x2='5' y2='18.01' /%3E%3C/svg%3E");
}
.pageEditor.light .editorToolTip, chapterEditor.light .editorToolTip, .clientGroupEditor.light .editorToolTip, .serviceTypeEditor.light .editorToolTip, .tradeTypeEditor.light .editorToolTip, .ruleBuilder.light .editorToolTip, .courseCredentialEditor.light .editorToolTip {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-message' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4' /%3E%3Cline x1='8' y1='9' x2='16' y2='9' /%3E%3Cline x1='8' y1='13' x2='14' y2='13' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorToolTip:hover, chapterEditor.light .editorToolTip:hover, .clientGroupEditor.light .editorToolTip:hover, .serviceTypeEditor.light .editorToolTip:hover, .tradeTypeEditor.light .editorToolTip:hover, .ruleBuilder.light .editorToolTip:hover, .courseCredentialEditor.light .editorToolTip:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-message' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4' /%3E%3Cline x1='8' y1='9' x2='16' y2='9' /%3E%3Cline x1='8' y1='13' x2='14' y2='13' /%3E%3C/svg%3E");
}
.pageEditor.light .editorLink, chapterEditor.light .editorLink, .clientGroupEditor.light .editorLink, .serviceTypeEditor.light .editorLink, .tradeTypeEditor.light .editorLink, .ruleBuilder.light .editorLink, .courseCredentialEditor.light .editorLink {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-link' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5' /%3E%3Cpath d='M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorLink:hover, chapterEditor.light .editorLink:hover, .clientGroupEditor.light .editorLink:hover, .serviceTypeEditor.light .editorLink:hover, .tradeTypeEditor.light .editorLink:hover, .ruleBuilder.light .editorLink:hover, .courseCredentialEditor.light .editorLink:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-link' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5' /%3E%3Cpath d='M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5' /%3E%3C/svg%3E");
}
.pageEditor.light .editorIconSize, chapterEditor.light .editorIconSize, .clientGroupEditor.light .editorIconSize, .serviceTypeEditor.light .editorIconSize, .tradeTypeEditor.light .editorIconSize, .ruleBuilder.light .editorIconSize, .courseCredentialEditor.light .editorIconSize {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-maximize' width='20' height='20' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M16 4l4 0l0 4'%3E%3C/path%3E%3Cpath d='M14 10l6 -6'%3E%3C/path%3E%3Cpath d='M8 20l-4 0l0 -4'%3E%3C/path%3E%3Cpath d='M4 20l6 -6'%3E%3C/path%3E%3Cpath d='M16 20l4 0l0 -4'%3E%3C/path%3E%3Cpath d='M14 14l6 6'%3E%3C/path%3E%3Cpath d='M8 4l-4 0l0 4'%3E%3C/path%3E%3Cpath d='M4 4l6 6'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorIconSize:hover, chapterEditor.light .editorIconSize:hover, .clientGroupEditor.light .editorIconSize:hover, .serviceTypeEditor.light .editorIconSize:hover, .tradeTypeEditor.light .editorIconSize:hover, .ruleBuilder.light .editorIconSize:hover, .courseCredentialEditor.light .editorIconSize:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-maximize' width='20' height='20' viewBox='0 0 24 24' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M16 4l4 0l0 4'%3E%3C/path%3E%3Cpath d='M14 10l6 -6'%3E%3C/path%3E%3Cpath d='M8 20l-4 0l0 -4'%3E%3C/path%3E%3Cpath d='M4 20l6 -6'%3E%3C/path%3E%3Cpath d='M16 20l4 0l0 -4'%3E%3C/path%3E%3Cpath d='M14 14l6 6'%3E%3C/path%3E%3Cpath d='M8 4l-4 0l0 4'%3E%3C/path%3E%3Cpath d='M4 4l6 6'%3E%3C/path%3E%3C/svg%3E");
}
.pageEditor.light .editorIconselect, chapterEditor.light .editorIconselect, .clientGroupEditor.light .editorIconselect, .serviceTypeEditor.light .editorIconselect, .tradeTypeEditor.light .editorIconselect, .ruleBuilder.light .editorIconselect, .courseCredentialEditor.light .editorIconselect {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-icons' width='20' height='20' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6.5 6.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0'%3E%3C/path%3E%3Cpath d='M2.5 21h8l-4 -7z'%3E%3C/path%3E%3Cpath d='M14 3l7 7'%3E%3C/path%3E%3Cpath d='M14 10l7 -7'%3E%3C/path%3E%3Cpath d='M14 14h7v7h-7z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorIconselect:hover, chapterEditor.light .editorIconselect:hover, .clientGroupEditor.light .editorIconselect:hover, .serviceTypeEditor.light .editorIconselect:hover, .tradeTypeEditor.light .editorIconselect:hover, .ruleBuilder.light .editorIconselect:hover, .courseCredentialEditor.light .editorIconselect:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-icons' width='20' height='20' viewBox='0 0 24 24' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6.5 6.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0'%3E%3C/path%3E%3Cpath d='M2.5 21h8l-4 -7z'%3E%3C/path%3E%3Cpath d='M14 3l7 7'%3E%3C/path%3E%3Cpath d='M14 10l7 -7'%3E%3C/path%3E%3Cpath d='M14 14h7v7h-7z'%3E%3C/path%3E%3C/svg%3E");
}
.pageEditor.light .editorIconRowAdd, chapterEditor.light .editorIconRowAdd, .clientGroupEditor.light .editorIconRowAdd, .serviceTypeEditor.light .editorIconRowAdd, .tradeTypeEditor.light .editorIconRowAdd, .ruleBuilder.light .editorIconRowAdd, .courseCredentialEditor.light .editorIconRowAdd {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-square-plus' width='20' height='20' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12.5 17h-7.5a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5'%3E%3C/path%3E%3Cpath d='M15 19h6'%3E%3C/path%3E%3Cpath d='M18 16v6'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorIconRowAdd:hover, chapterEditor.light .editorIconRowAdd:hover, .clientGroupEditor.light .editorIconRowAdd:hover, .serviceTypeEditor.light .editorIconRowAdd:hover, .tradeTypeEditor.light .editorIconRowAdd:hover, .ruleBuilder.light .editorIconRowAdd:hover, .courseCredentialEditor.light .editorIconRowAdd:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-square-plus' width='20' height='20' viewBox='0 0 24 24' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12.5 17h-7.5a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5'%3E%3C/path%3E%3Cpath d='M15 19h6'%3E%3C/path%3E%3Cpath d='M18 16v6'%3E%3C/path%3E%3C/svg%3E");
}
.pageEditor.light .editorEmail, chapterEditor.light .editorEmail, .clientGroupEditor.light .editorEmail, .serviceTypeEditor.light .editorEmail, .tradeTypeEditor.light .editorEmail, .ruleBuilder.light .editorEmail, .courseCredentialEditor.light .editorEmail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-mail' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='5' width='18' height='14' rx='2' /%3E%3Cpolyline points='3 7 12 13 21 7' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorEmail:hover, chapterEditor.light .editorEmail:hover, .clientGroupEditor.light .editorEmail:hover, .serviceTypeEditor.light .editorEmail:hover, .tradeTypeEditor.light .editorEmail:hover, .ruleBuilder.light .editorEmail:hover, .courseCredentialEditor.light .editorEmail:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-mail' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='5' width='18' height='14' rx='2' /%3E%3Cpolyline points='3 7 12 13 21 7' /%3E%3C/svg%3E");
}
.pageEditor.light .editorDocSelect, chapterEditor.light .editorDocSelect, .clientGroupEditor.light .editorDocSelect, .serviceTypeEditor.light .editorDocSelect, .tradeTypeEditor.light .editorDocSelect, .ruleBuilder.light .editorDocSelect, .courseCredentialEditor.light .editorDocSelect {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 26 26' width='20px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm12 6V9c0-.55-.45-1-1-1h-2v5h2c.55 0 1-.45 1-1zm-2-3h1v3h-1V9zm4 2h1v-1h-1V9h1V8h-2v5h1zm-8 0h1c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorDocSelect:hover, chapterEditor.light .editorDocSelect:hover, .clientGroupEditor.light .editorDocSelect:hover, .serviceTypeEditor.light .editorDocSelect:hover, .tradeTypeEditor.light .editorDocSelect:hover, .ruleBuilder.light .editorDocSelect:hover, .courseCredentialEditor.light .editorDocSelect:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 26 26' width='20px' fill='%238b8dfa'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm12 6V9c0-.55-.45-1-1-1h-2v5h2c.55 0 1-.45 1-1zm-2-3h1v3h-1V9zm4 2h1v-1h-1V9h1V8h-2v5h1zm-8 0h1c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1H9v5h1v-2zm0-2h1v1h-1V9z'/%3E%3C/svg%3E");
}
.pageEditor.light .editorImageSelect, chapterEditor.light .editorImageSelect, .clientGroupEditor.light .editorImageSelect, .serviceTypeEditor.light .editorImageSelect, .tradeTypeEditor.light .editorImageSelect, .ruleBuilder.light .editorImageSelect, .courseCredentialEditor.light .editorImageSelect {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-photo' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='15' y1='8' x2='15.01' y2='8' /%3E%3Crect x='4' y='4' width='16' height='16' rx='3' /%3E%3Cpath d='M4 15l4 -4a3 5 0 0 1 3 0l5 5' /%3E%3Cpath d='M14 14l1 -1a3 5 0 0 1 3 0l2 2' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorImageSelect:hover, chapterEditor.light .editorImageSelect:hover, .clientGroupEditor.light .editorImageSelect:hover, .serviceTypeEditor.light .editorImageSelect:hover, .tradeTypeEditor.light .editorImageSelect:hover, .ruleBuilder.light .editorImageSelect:hover, .courseCredentialEditor.light .editorImageSelect:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-photo' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='15' y1='8' x2='15.01' y2='8' /%3E%3Crect x='4' y='4' width='16' height='16' rx='3' /%3E%3Cpath d='M4 15l4 -4a3 5 0 0 1 3 0l5 5' /%3E%3Cpath d='M14 14l1 -1a3 5 0 0 1 3 0l2 2' /%3E%3C/svg%3E");
}
.pageEditor.light .editorImageReset, chapterEditor.light .editorImageReset, .clientGroupEditor.light .editorImageReset, .serviceTypeEditor.light .editorImageReset, .tradeTypeEditor.light .editorImageReset, .ruleBuilder.light .editorImageReset, .courseCredentialEditor.light .editorImageReset {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-refresh' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4' /%3E%3Cpath d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorImageReset:hover, chapterEditor.light .editorImageReset:hover, .clientGroupEditor.light .editorImageReset:hover, .serviceTypeEditor.light .editorImageReset:hover, .tradeTypeEditor.light .editorImageReset:hover, .ruleBuilder.light .editorImageReset:hover, .courseCredentialEditor.light .editorImageReset:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-refresh' width='20' height='20' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4' /%3E%3Cpath d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4' /%3E%3C/svg%3E");
}
.pageEditor.light .editorCellwidth, chapterEditor.light .editorCellwidth, .clientGroupEditor.light .editorCellwidth, .serviceTypeEditor.light .editorCellwidth, .tradeTypeEditor.light .editorCellwidth, .ruleBuilder.light .editorCellwidth, .courseCredentialEditor.light .editorCellwidth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-horizontal' width='24' height='24' viewBox='0 0 26 26' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='7 8 3 12 7 16' /%3E%3Cpolyline points='17 8 21 12 17 16' /%3E%3Cline x1='3' y1='12' x2='21' y2='12' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorCellwidth:hover, chapterEditor.light .editorCellwidth:hover, .clientGroupEditor.light .editorCellwidth:hover, .serviceTypeEditor.light .editorCellwidth:hover, .tradeTypeEditor.light .editorCellwidth:hover, .ruleBuilder.light .editorCellwidth:hover, .courseCredentialEditor.light .editorCellwidth:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-horizontal' width='24' height='24' viewBox='0 0 26 26' stroke-width='2' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='7 8 3 12 7 16' /%3E%3Cpolyline points='17 8 21 12 17 16' /%3E%3Cline x1='3' y1='12' x2='21' y2='12' /%3E%3C/svg%3E");
}
.pageEditor.light .editorImageAlt, chapterEditor.light .editorImageAlt, .clientGroupEditor.light .editorImageAlt, .serviceTypeEditor.light .editorImageAlt, .tradeTypeEditor.light .editorImageAlt, .ruleBuilder.light .editorImageAlt, .courseCredentialEditor.light .editorImageAlt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-disabled-2' width='24' height='24' viewBox='0 0 26 26' stroke-width='2.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='17' cy='6' r='2' /%3E%3Cpath d='M9 11a5 5 0 1 0 3.95 7.95' /%3E%3Cpath d='M19 20l-4 -5h-4l3 -5l-4 -3l-4 1' /%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light .editorImageAlt:hover, chapterEditor.light .editorImageAlt:hover, .clientGroupEditor.light .editorImageAlt:hover, .serviceTypeEditor.light .editorImageAlt:hover, .tradeTypeEditor.light .editorImageAlt:hover, .ruleBuilder.light .editorImageAlt:hover, .courseCredentialEditor.light .editorImageAlt:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-disabled-2' width='24' height='24' viewBox='0 0 26 26' stroke-width='2.5' stroke='%238b8dfa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='17' cy='6' r='2' /%3E%3Cpath d='M9 11a5 5 0 1 0 3.95 7.95' /%3E%3Cpath d='M19 20l-4 -5h-4l3 -5l-4 -3l-4 1' /%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction, chapterEditor.light li.page-item.active > a.fraction, .clientGroupEditor.light li.page-item.active > a.fraction, .serviceTypeEditor.light li.page-item.active > a.fraction, .tradeTypeEditor.light li.page-item.active > a.fraction, .ruleBuilder.light li.page-item.active > a.fraction, .courseCredentialEditor.light li.page-item.active > a.fraction {
  background-color: transparent;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pageEditor.light li.page-item.active > a.fraction.fraction-qhq, chapterEditor.light li.page-item.active > a.fraction.fraction-qhq, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-qhq, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-qhq, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-qhq, .ruleBuilder.light li.page-item.active > a.fraction.fraction-qhq, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-qhq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-qqqq, chapterEditor.light li.page-item.active > a.fraction.fraction-qqqq, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-qqqq, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-qqqq, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-qqqq, .ruleBuilder.light li.page-item.active > a.fraction.fraction-qqqq, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-qqqq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-ttt, chapterEditor.light li.page-item.active > a.fraction.fraction-ttt, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-ttt, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-ttt, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-ttt, .ruleBuilder.light li.page-item.active > a.fraction.fraction-ttt, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-ttt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-hh, chapterEditor.light li.page-item.active > a.fraction.fraction-hh, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-hh, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-hh, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-hh, .ruleBuilder.light li.page-item.active > a.fraction.fraction-hh, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-hh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-hqq, chapterEditor.light li.page-item.active > a.fraction.fraction-hqq, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-hqq, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-hqq, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-hqq, .ruleBuilder.light li.page-item.active > a.fraction.fraction-hqq, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-hqq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-hts, chapterEditor.light li.page-item.active > a.fraction.fraction-hts, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-hts, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-hts, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-hts, .ruleBuilder.light li.page-item.active > a.fraction.fraction-hts, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-hts {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='20' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-hst, chapterEditor.light li.page-item.active > a.fraction.fraction-hst, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-hst, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-hst, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-hst, .ruleBuilder.light li.page-item.active > a.fraction.fraction-hst, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-hst {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-qqh, chapterEditor.light li.page-item.active > a.fraction.fraction-qqh, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-qqh, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-qqh, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-qqh, .ruleBuilder.light li.page-item.active > a.fraction.fraction-qqh, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-qqh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-sth, chapterEditor.light li.page-item.active > a.fraction.fraction-sth, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-sth, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-sth, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-sth, .ruleBuilder.light li.page-item.active > a.fraction.fraction-sth, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-sth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='4' x2='4' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-tsh, chapterEditor.light li.page-item.active > a.fraction.fraction-tsh, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-tsh, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-tsh, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-tsh, .ruleBuilder.light li.page-item.active > a.fraction.fraction-tsh, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-tsh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item.active > a.fraction.fraction25, chapterEditor.light li.page-item.active > a.fraction.fraction25, .clientGroupEditor.light li.page-item.active > a.fraction.fraction25, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction25, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction25, .ruleBuilder.light li.page-item.active > a.fraction.fraction25, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction25 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item.active > a.fraction.fraction33, chapterEditor.light li.page-item.active > a.fraction.fraction33, .clientGroupEditor.light li.page-item.active > a.fraction.fraction33, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction33, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction33, .ruleBuilder.light li.page-item.active > a.fraction.fraction33, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction33 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item.active > a.fraction.fraction66, chapterEditor.light li.page-item.active > a.fraction.fraction66, .clientGroupEditor.light li.page-item.active > a.fraction.fraction66, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction66, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction66, .ruleBuilder.light li.page-item.active > a.fraction.fraction66, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction66 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='15' y1='4' x2='15' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item.active > a.fraction.fraction75, chapterEditor.light li.page-item.active > a.fraction.fraction75, .clientGroupEditor.light li.page-item.active > a.fraction.fraction75, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction75, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction75, .ruleBuilder.light li.page-item.active > a.fraction.fraction75, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction75 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item.active > a.fraction.fraction-row-66, chapterEditor.light li.page-item.active > a.fraction.fraction-row-66, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-row-66, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-row-66, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-row-66, .ruleBuilder.light li.page-item.active > a.fraction.fraction-row-66, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-row-66 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='16' y1='4' x2='16' y2='12'/%3E%3Cline x1='16' y1='13' x2='16' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-row-33, chapterEditor.light li.page-item.active > a.fraction.fraction-row-33, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-row-33, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-row-33, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-row-33, .ruleBuilder.light li.page-item.active > a.fraction.fraction-row-33, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-row-33 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='9' y1='4' x2='9' y2='12'/%3E%3Cline x1='9' y1='13' x2='9' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.light li.page-item.active > a.fraction.fraction-row-50, chapterEditor.light li.page-item.active > a.fraction.fraction-row-50, .clientGroupEditor.light li.page-item.active > a.fraction.fraction-row-50, .serviceTypeEditor.light li.page-item.active > a.fraction.fraction-row-50, .tradeTypeEditor.light li.page-item.active > a.fraction.fraction-row-50, .ruleBuilder.light li.page-item.active > a.fraction.fraction-row-50, .courseCredentialEditor.light li.page-item.active > a.fraction.fraction-row-50 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='12'/%3E%3Cline x1='12' y1='13' x2='12' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.light .fraction, chapterEditor.light .fraction, .clientGroupEditor.light .fraction, .serviceTypeEditor.light .fraction, .tradeTypeEditor.light .fraction, .ruleBuilder.light .fraction, .courseCredentialEditor.light .fraction {
  height: 32px;
  width: 42px;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
}
.pageEditor.light .fraction:hover, chapterEditor.light .fraction:hover, .clientGroupEditor.light .fraction:hover, .serviceTypeEditor.light .fraction:hover, .tradeTypeEditor.light .fraction:hover, .ruleBuilder.light .fraction:hover, .courseCredentialEditor.light .fraction:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.pageEditor.light li.page-item:not(.active) > a.fraction-qhq, chapterEditor.light li.page-item:not(.active) > a.fraction-qhq, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-qhq, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-qhq, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-qhq, .ruleBuilder.light li.page-item:not(.active) > a.fraction-qhq, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-qhq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-qhq:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-qhq:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-qhq:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-qhq:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-qhq:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-qhq:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-qhq:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-qqqq, chapterEditor.light li.page-item:not(.active) > a.fraction-qqqq, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-qqqq, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-qqqq, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-qqqq, .ruleBuilder.light li.page-item:not(.active) > a.fraction-qqqq, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-qqqq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-qqqq:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-qqqq:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-qqqq:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-qqqq:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-qqqq:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-qqqq:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-qqqq:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-ttt, chapterEditor.light li.page-item:not(.active) > a.fraction-ttt, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-ttt, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-ttt, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-ttt, .ruleBuilder.light li.page-item:not(.active) > a.fraction-ttt, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-ttt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-ttt:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-ttt:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-ttt:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-ttt:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-ttt:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-ttt:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-ttt:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hh, chapterEditor.light li.page-item:not(.active) > a.fraction-hh, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hh, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hh, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hh, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hh, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hh:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-hh:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hh:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hh:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hh:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hh:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hh:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hh, chapterEditor.light li.page-item:not(.active) > a.fraction-hh, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hh, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hh, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hh, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hh, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hh:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-hh:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hh:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hh:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hh:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hh:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hh:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hqq, chapterEditor.light li.page-item:not(.active) > a.fraction-hqq, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hqq, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hqq, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hqq, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hqq, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hqq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hqq:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-hqq:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hqq:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hqq:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hqq:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hqq:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hqq:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hts, chapterEditor.light li.page-item:not(.active) > a.fraction-hts, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hts, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hts, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hts, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hts, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hts {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='20' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hts:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-hts:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hts:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hts:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hts:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hts:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hts:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='20' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hst, chapterEditor.light li.page-item:not(.active) > a.fraction-hst, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hst, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hst, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hst, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hst, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hst {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-hst:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-hst:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-hst:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-hst:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-hst:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-hst:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-hst:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-qqh, chapterEditor.light li.page-item:not(.active) > a.fraction-qqh, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-qqh, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-qqh, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-qqh, .ruleBuilder.light li.page-item:not(.active) > a.fraction-qqh, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-qqh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-qqh:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-qqh:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-qqh:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-qqh:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-qqh:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-qqh:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-qqh:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-sth, chapterEditor.light li.page-item:not(.active) > a.fraction-sth, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-sth, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-sth, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-sth, .ruleBuilder.light li.page-item:not(.active) > a.fraction-sth, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-sth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='4' x2='4' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-sth:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-sth:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-sth:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-sth:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-sth:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-sth:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-sth:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='4' x2='4' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-tsh, chapterEditor.light li.page-item:not(.active) > a.fraction-tsh, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-tsh, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-tsh, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-tsh, .ruleBuilder.light li.page-item:not(.active) > a.fraction-tsh, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-tsh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-tsh:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-tsh:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-tsh:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-tsh:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-tsh:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-tsh:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-tsh:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E");
}
.pageEditor.light li.page-item:not(.active) > a.fraction25, chapterEditor.light li.page-item:not(.active) > a.fraction25, .clientGroupEditor.light li.page-item:not(.active) > a.fraction25, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction25, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction25, .ruleBuilder.light li.page-item:not(.active) > a.fraction25, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction25 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction25:hover, chapterEditor.light li.page-item:not(.active) > a.fraction25:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction25:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction25:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction25:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction25:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction25:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='6' y1='4' x2='6' y2='20'/%3E%3C/svg%3E%0A");
}
.pageEditor.light li.page-item:not(.active) > a.fraction33, chapterEditor.light li.page-item:not(.active) > a.fraction33, .clientGroupEditor.light li.page-item:not(.active) > a.fraction33, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction33, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction33, .ruleBuilder.light li.page-item:not(.active) > a.fraction33, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction33 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction33:hover, chapterEditor.light li.page-item:not(.active) > a.fraction33:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction33:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction33:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction33:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction33:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction33:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3C/svg%3E%0A");
}
.pageEditor.light li.page-item:not(.active) > a.fraction66, chapterEditor.light li.page-item:not(.active) > a.fraction66, .clientGroupEditor.light li.page-item:not(.active) > a.fraction66, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction66, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction66, .ruleBuilder.light li.page-item:not(.active) > a.fraction66, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction66 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='15' y1='4' x2='15' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction66:hover, chapterEditor.light li.page-item:not(.active) > a.fraction66:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction66:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction66:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction66:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction66:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction66:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='15' y1='4' x2='15' y2='20'/%3E%3C/svg%3E%0A");
}
.pageEditor.light li.page-item:not(.active) > a.fraction75, chapterEditor.light li.page-item:not(.active) > a.fraction75, .clientGroupEditor.light li.page-item:not(.active) > a.fraction75, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction75, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction75, .ruleBuilder.light li.page-item:not(.active) > a.fraction75, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction75 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction75:hover, chapterEditor.light li.page-item:not(.active) > a.fraction75:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction75:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction75:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction75:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction75:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction75:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='16' rx='2'/%3E%3Cline x1='18' y1='4' x2='18' y2='20'/%3E%3C/svg%3E%0A");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-row-66, chapterEditor.light li.page-item:not(.active) > a.fraction-row-66, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-row-66, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-row-66, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-row-66, .ruleBuilder.light li.page-item:not(.active) > a.fraction-row-66, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-row-66 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='16' y1='4' x2='16' y2='12'/%3E%3Cline x1='16' y1='13' x2='16' y2='21'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-row-66:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-row-66:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-row-66:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-row-66:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-row-66:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-row-66:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-row-66:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='16' y1='4' x2='16' y2='12'/%3E%3Cline x1='16' y1='13' x2='16' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-row-33, chapterEditor.light li.page-item:not(.active) > a.fraction-row-33, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-row-33, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-row-33, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-row-33, .ruleBuilder.light li.page-item:not(.active) > a.fraction-row-33, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-row-33 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='9' y1='4' x2='9' y2='12'/%3E%3Cline x1='9' y1='13' x2='9' y2='21'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-row-33:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-row-33:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-row-33:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-row-33:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-row-33:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-row-33:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-row-33:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='9' y1='4' x2='9' y2='12'/%3E%3Cline x1='9' y1='13' x2='9' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.light li.page-item:not(.active) > a.fraction-row-50, chapterEditor.light li.page-item:not(.active) > a.fraction-row-50, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-row-50, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-row-50, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-row-50, .ruleBuilder.light li.page-item:not(.active) > a.fraction-row-50, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-row-50 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23a0aeba' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='12'/%3E%3Cline x1='12' y1='13' x2='12' y2='21'/%3E%3C/svg%3E%0A");
  display: inline-block;
}
.pageEditor.light li.page-item:not(.active) > a.fraction-row-50:hover, chapterEditor.light li.page-item:not(.active) > a.fraction-row-50:hover, .clientGroupEditor.light li.page-item:not(.active) > a.fraction-row-50:hover, .serviceTypeEditor.light li.page-item:not(.active) > a.fraction-row-50:hover, .tradeTypeEditor.light li.page-item:not(.active) > a.fraction-row-50:hover, .ruleBuilder.light li.page-item:not(.active) > a.fraction-row-50:hover, .courseCredentialEditor.light li.page-item:not(.active) > a.fraction-row-50:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-columns' width='42' height='32' viewBox='0 0 28 28' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='0' y='4' width='24' height='8' rx='2'/%3E%3Crect x='0' y='13' width='24' height='8' rx='2'/%3E%3Cline x1='12' y1='4' x2='12' y2='12'/%3E%3Cline x1='12' y1='13' x2='12' y2='21'/%3E%3C/svg%3E%0A");
}
.pageEditor.light .fas, chapterEditor.light .fas, .clientGroupEditor.light .fas, .serviceTypeEditor.light .fas, .tradeTypeEditor.light .fas, .ruleBuilder.light .fas, .courseCredentialEditor.light .fas {
  vertical-align: middle;
}
.pageEditor.light .imgSel, chapterEditor.light .imgSel, .clientGroupEditor.light .imgSel, .serviceTypeEditor.light .imgSel, .tradeTypeEditor.light .imgSel, .ruleBuilder.light .imgSel, .courseCredentialEditor.light .imgSel {
  position: absolute;
  right: 50%;
  top: 50%;
  padding: 0.3rem 0.2rem;
  border-radius: 5px;
}
.pageEditor.light .editor, chapterEditor.light .editor, .clientGroupEditor.light .editor, .serviceTypeEditor.light .editor, .tradeTypeEditor.light .editor, .ruleBuilder.light .editor, .courseCredentialEditor.light .editor {
  height: auto;
}
.pageEditor.light .editor > div.card, .pageEditor.light .editor > div.card-group, .pageEditor.light .editor > div.card-deck, .pageEditor.light .editor > div.card-group > div.card, .pageEditor.light .editor > div.card-deck > div.card, chapterEditor.light .editor > div.card, chapterEditor.light .editor > div.card-group, chapterEditor.light .editor > div.card-deck, chapterEditor.light .editor > div.card-group > div.card, chapterEditor.light .editor > div.card-deck > div.card, .clientGroupEditor.light .editor > div.card, .clientGroupEditor.light .editor > div.card-group, .clientGroupEditor.light .editor > div.card-deck, .clientGroupEditor.light .editor > div.card-group > div.card, .clientGroupEditor.light .editor > div.card-deck > div.card, .serviceTypeEditor.light .editor > div.card, .serviceTypeEditor.light .editor > div.card-group, .serviceTypeEditor.light .editor > div.card-deck, .serviceTypeEditor.light .editor > div.card-group > div.card, .serviceTypeEditor.light .editor > div.card-deck > div.card, .tradeTypeEditor.light .editor > div.card, .tradeTypeEditor.light .editor > div.card-group, .tradeTypeEditor.light .editor > div.card-deck, .tradeTypeEditor.light .editor > div.card-group > div.card, .tradeTypeEditor.light .editor > div.card-deck > div.card, .ruleBuilder.light .editor > div.card, .ruleBuilder.light .editor > div.card-group, .ruleBuilder.light .editor > div.card-deck, .ruleBuilder.light .editor > div.card-group > div.card, .ruleBuilder.light .editor > div.card-deck > div.card, .courseCredentialEditor.light .editor > div.card, .courseCredentialEditor.light .editor > div.card-group, .courseCredentialEditor.light .editor > div.card-deck, .courseCredentialEditor.light .editor > div.card-group > div.card, .courseCredentialEditor.light .editor > div.card-deck > div.card {
  margin-left: 0;
}
.pageEditor.light .quickStyle, chapterEditor.light .quickStyle, .clientGroupEditor.light .quickStyle, .serviceTypeEditor.light .quickStyle, .tradeTypeEditor.light .quickStyle, .ruleBuilder.light .quickStyle, .courseCredentialEditor.light .quickStyle {
  width: 45px;
  background-color: #f7f8f9;
}
.pageEditor.light .actionBar, chapterEditor.light .actionBar, .clientGroupEditor.light .actionBar, .serviceTypeEditor.light .actionBar, .tradeTypeEditor.light .actionBar, .ruleBuilder.light .actionBar, .courseCredentialEditor.light .actionBar {
  opacity: 0;
  height: 0;
  background: #dee2e6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: none;
  display: none;
}
.pageEditor.light .focus-actions, chapterEditor.light .focus-actions, .clientGroupEditor.light .focus-actions, .serviceTypeEditor.light .focus-actions, .tradeTypeEditor.light .focus-actions, .ruleBuilder.light .focus-actions, .courseCredentialEditor.light .focus-actions {
  opacity: 0;
  height: 0;
  background: #dee2e6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: none;
  display: none;
}
.pageEditor.light .actionBarOffset, chapterEditor.light .actionBarOffset, .clientGroupEditor.light .actionBarOffset, .serviceTypeEditor.light .actionBarOffset, .tradeTypeEditor.light .actionBarOffset, .ruleBuilder.light .actionBarOffset, .courseCredentialEditor.light .actionBarOffset {
  padding-top: 2rem !important;
}
.pageEditor.light .btn-editor, chapterEditor.light .btn-editor, .clientGroupEditor.light .btn-editor, .serviceTypeEditor.light .btn-editor, .tradeTypeEditor.light .btn-editor, .ruleBuilder.light .btn-editor, .courseCredentialEditor.light .btn-editor {
  cursor: pointer;
  border-radius: 0px;
  padding: 0.5rem;
  background-color: transparent !important;
  border-color: transparent !important;
}
.pageEditor.light .editorSubMenu, chapterEditor.light .editorSubMenu, .clientGroupEditor.light .editorSubMenu, .serviceTypeEditor.light .editorSubMenu, .tradeTypeEditor.light .editorSubMenu, .ruleBuilder.light .editorSubMenu, .courseCredentialEditor.light .editorSubMenu {
  margin: 0 !important;
  padding: 0 !important;
  display: inline;
}
.pageEditor.light .override-h1, .pageEditor.light .override-h2, .pageEditor.light .override-h3, .pageEditor.light .override-h4, .pageEditor.light .override-h5, .pageEditor.light .override-h6, .pageEditor.light .alert, .pageEditor.light p, .pageEditor.light .card, .pageEditor.light ol, .pageEditor.light ul, chapterEditor.light .override-h1, chapterEditor.light .override-h2, chapterEditor.light .override-h3, chapterEditor.light .override-h4, chapterEditor.light .override-h5, chapterEditor.light .override-h6, chapterEditor.light .alert, chapterEditor.light p, chapterEditor.light .card, chapterEditor.light ol, chapterEditor.light ul, .clientGroupEditor.light .override-h1, .clientGroupEditor.light .override-h2, .clientGroupEditor.light .override-h3, .clientGroupEditor.light .override-h4, .clientGroupEditor.light .override-h5, .clientGroupEditor.light .override-h6, .clientGroupEditor.light .alert, .clientGroupEditor.light p, .clientGroupEditor.light .card, .clientGroupEditor.light ol, .clientGroupEditor.light ul, .serviceTypeEditor.light .override-h1, .serviceTypeEditor.light .override-h2, .serviceTypeEditor.light .override-h3, .serviceTypeEditor.light .override-h4, .serviceTypeEditor.light .override-h5, .serviceTypeEditor.light .override-h6, .serviceTypeEditor.light .alert, .serviceTypeEditor.light p, .serviceTypeEditor.light .card, .serviceTypeEditor.light ol, .serviceTypeEditor.light ul, .tradeTypeEditor.light .override-h1, .tradeTypeEditor.light .override-h2, .tradeTypeEditor.light .override-h3, .tradeTypeEditor.light .override-h4, .tradeTypeEditor.light .override-h5, .tradeTypeEditor.light .override-h6, .tradeTypeEditor.light .alert, .tradeTypeEditor.light p, .tradeTypeEditor.light .card, .tradeTypeEditor.light ol, .tradeTypeEditor.light ul, .ruleBuilder.light .override-h1, .ruleBuilder.light .override-h2, .ruleBuilder.light .override-h3, .ruleBuilder.light .override-h4, .ruleBuilder.light .override-h5, .ruleBuilder.light .override-h6, .ruleBuilder.light .alert, .ruleBuilder.light p, .ruleBuilder.light .card, .ruleBuilder.light ol, .ruleBuilder.light ul, .courseCredentialEditor.light .override-h1, .courseCredentialEditor.light .override-h2, .courseCredentialEditor.light .override-h3, .courseCredentialEditor.light .override-h4, .courseCredentialEditor.light .override-h5, .courseCredentialEditor.light .override-h6, .courseCredentialEditor.light .alert, .courseCredentialEditor.light p, .courseCredentialEditor.light .card, .courseCredentialEditor.light ol, .courseCredentialEditor.light ul {
  margin-bottom: 0px;
}
.pageEditor.light *[contenteditable=true], chapterEditor.light *[contenteditable=true], .clientGroupEditor.light *[contenteditable=true], .serviceTypeEditor.light *[contenteditable=true], .tradeTypeEditor.light *[contenteditable=true], .ruleBuilder.light *[contenteditable=true], .courseCredentialEditor.light *[contenteditable=true] {
  outline: none;
  z-index: 4;
}
.pageEditor.light *[contenteditable=true]:active, chapterEditor.light *[contenteditable=true]:active, .clientGroupEditor.light *[contenteditable=true]:active, .serviceTypeEditor.light *[contenteditable=true]:active, .tradeTypeEditor.light *[contenteditable=true]:active, .ruleBuilder.light *[contenteditable=true]:active, .courseCredentialEditor.light *[contenteditable=true]:active {
  outline: none;
  border: 1px solid transparent !important;
}
.pageEditor.light *[contenteditable=true].focussedtext.card-title, .pageEditor.light *[contenteditable=true].focussedtext.card-text, .pageEditor.light *[contenteditable=true].focussedtext.col, chapterEditor.light *[contenteditable=true].focussedtext.card-title, chapterEditor.light *[contenteditable=true].focussedtext.card-text, chapterEditor.light *[contenteditable=true].focussedtext.col, .clientGroupEditor.light *[contenteditable=true].focussedtext.card-title, .clientGroupEditor.light *[contenteditable=true].focussedtext.card-text, .clientGroupEditor.light *[contenteditable=true].focussedtext.col, .serviceTypeEditor.light *[contenteditable=true].focussedtext.card-title, .serviceTypeEditor.light *[contenteditable=true].focussedtext.card-text, .serviceTypeEditor.light *[contenteditable=true].focussedtext.col, .tradeTypeEditor.light *[contenteditable=true].focussedtext.card-title, .tradeTypeEditor.light *[contenteditable=true].focussedtext.card-text, .tradeTypeEditor.light *[contenteditable=true].focussedtext.col, .ruleBuilder.light *[contenteditable=true].focussedtext.card-title, .ruleBuilder.light *[contenteditable=true].focussedtext.card-text, .ruleBuilder.light *[contenteditable=true].focussedtext.col, .courseCredentialEditor.light *[contenteditable=true].focussedtext.card-title, .courseCredentialEditor.light *[contenteditable=true].focussedtext.card-text, .courseCredentialEditor.light *[contenteditable=true].focussedtext.col {
  z-index: 10;
  border: 1px solid #00AAFF !important;
  background-color: #e6eefa;
}
.pageEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), chapterEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .clientGroupEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .serviceTypeEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .tradeTypeEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .ruleBuilder.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col), .courseCredentialEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col) {
  border: 1px solid transparent !important;
  outline: none;
}
.pageEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, chapterEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .clientGroupEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .serviceTypeEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .tradeTypeEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .ruleBuilder.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active, .courseCredentialEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):active {
  border: 1px solid transparent !important;
  outline: none;
}
.pageEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, chapterEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .clientGroupEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .serviceTypeEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .tradeTypeEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .ruleBuilder.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover, .courseCredentialEditor.light *[contenteditable=true].focussedtext:not(.card-title):not(.card-text):not(.col):hover {
  outline: none;
  border: 1px solid transparent !important;
}
.pageEditor.light img[contenteditable=true], chapterEditor.light img[contenteditable=true], .clientGroupEditor.light img[contenteditable=true], .serviceTypeEditor.light img[contenteditable=true], .tradeTypeEditor.light img[contenteditable=true], .ruleBuilder.light img[contenteditable=true], .courseCredentialEditor.light img[contenteditable=true] {
  display: block;
  outline: none;
  padding: 0 !important;
}
.pageEditor.light h1[contenteditable=true], .pageEditor.light [contenteditable=true].h1, .pageEditor.light h2[contenteditable=true], .pageEditor.light [contenteditable=true].h2, .pageEditor.light h3[contenteditable=true], .pageEditor.light [contenteditable=true].h3, .pageEditor.light h4[contenteditable=true], .pageEditor.light [contenteditable=true].h4, .pageEditor.light h5[contenteditable=true], .pageEditor.light [contenteditable=true].h5, .pageEditor.light h6[contenteditable=true], .pageEditor.light [contenteditable=true].h6,
.pageEditor.light div[contenteditable=true], .pageEditor.light img[contenteditable=true], chapterEditor.light h1[contenteditable=true], chapterEditor.light [contenteditable=true].h1, chapterEditor.light h2[contenteditable=true], chapterEditor.light [contenteditable=true].h2, chapterEditor.light h3[contenteditable=true], chapterEditor.light [contenteditable=true].h3, chapterEditor.light h4[contenteditable=true], chapterEditor.light [contenteditable=true].h4, chapterEditor.light h5[contenteditable=true], chapterEditor.light [contenteditable=true].h5, chapterEditor.light h6[contenteditable=true], chapterEditor.light [contenteditable=true].h6,
chapterEditor.light div[contenteditable=true], chapterEditor.light img[contenteditable=true], .clientGroupEditor.light h1[contenteditable=true], .clientGroupEditor.light [contenteditable=true].h1, .clientGroupEditor.light h2[contenteditable=true], .clientGroupEditor.light [contenteditable=true].h2, .clientGroupEditor.light h3[contenteditable=true], .clientGroupEditor.light [contenteditable=true].h3, .clientGroupEditor.light h4[contenteditable=true], .clientGroupEditor.light [contenteditable=true].h4, .clientGroupEditor.light h5[contenteditable=true], .clientGroupEditor.light [contenteditable=true].h5, .clientGroupEditor.light h6[contenteditable=true], .clientGroupEditor.light [contenteditable=true].h6,
.clientGroupEditor.light div[contenteditable=true], .clientGroupEditor.light img[contenteditable=true], .serviceTypeEditor.light h1[contenteditable=true], .serviceTypeEditor.light [contenteditable=true].h1, .serviceTypeEditor.light h2[contenteditable=true], .serviceTypeEditor.light [contenteditable=true].h2, .serviceTypeEditor.light h3[contenteditable=true], .serviceTypeEditor.light [contenteditable=true].h3, .serviceTypeEditor.light h4[contenteditable=true], .serviceTypeEditor.light [contenteditable=true].h4, .serviceTypeEditor.light h5[contenteditable=true], .serviceTypeEditor.light [contenteditable=true].h5, .serviceTypeEditor.light h6[contenteditable=true], .serviceTypeEditor.light [contenteditable=true].h6,
.serviceTypeEditor.light div[contenteditable=true], .serviceTypeEditor.light img[contenteditable=true], .tradeTypeEditor.light h1[contenteditable=true], .tradeTypeEditor.light [contenteditable=true].h1, .tradeTypeEditor.light h2[contenteditable=true], .tradeTypeEditor.light [contenteditable=true].h2, .tradeTypeEditor.light h3[contenteditable=true], .tradeTypeEditor.light [contenteditable=true].h3, .tradeTypeEditor.light h4[contenteditable=true], .tradeTypeEditor.light [contenteditable=true].h4, .tradeTypeEditor.light h5[contenteditable=true], .tradeTypeEditor.light [contenteditable=true].h5, .tradeTypeEditor.light h6[contenteditable=true], .tradeTypeEditor.light [contenteditable=true].h6,
.tradeTypeEditor.light div[contenteditable=true], .tradeTypeEditor.light img[contenteditable=true], .ruleBuilder.light h1[contenteditable=true], .ruleBuilder.light [contenteditable=true].h1, .ruleBuilder.light h2[contenteditable=true], .ruleBuilder.light [contenteditable=true].h2, .ruleBuilder.light h3[contenteditable=true], .ruleBuilder.light [contenteditable=true].h3, .ruleBuilder.light h4[contenteditable=true], .ruleBuilder.light [contenteditable=true].h4, .ruleBuilder.light h5[contenteditable=true], .ruleBuilder.light [contenteditable=true].h5, .ruleBuilder.light h6[contenteditable=true], .ruleBuilder.light [contenteditable=true].h6,
.ruleBuilder.light div[contenteditable=true], .ruleBuilder.light img[contenteditable=true], .courseCredentialEditor.light h1[contenteditable=true], .courseCredentialEditor.light [contenteditable=true].h1, .courseCredentialEditor.light h2[contenteditable=true], .courseCredentialEditor.light [contenteditable=true].h2, .courseCredentialEditor.light h3[contenteditable=true], .courseCredentialEditor.light [contenteditable=true].h3, .courseCredentialEditor.light h4[contenteditable=true], .courseCredentialEditor.light [contenteditable=true].h4, .courseCredentialEditor.light h5[contenteditable=true], .courseCredentialEditor.light [contenteditable=true].h5, .courseCredentialEditor.light h6[contenteditable=true], .courseCredentialEditor.light [contenteditable=true].h6,
.courseCredentialEditor.light div[contenteditable=true], .courseCredentialEditor.light img[contenteditable=true] {
  border-radius: 0;
}
.pageEditor.light .previewPage, .pageEditor.light .uploadDocument, .pageEditor.light .uploadImage, chapterEditor.light .previewPage, chapterEditor.light .uploadDocument, chapterEditor.light .uploadImage, .clientGroupEditor.light .previewPage, .clientGroupEditor.light .uploadDocument, .clientGroupEditor.light .uploadImage, .serviceTypeEditor.light .previewPage, .serviceTypeEditor.light .uploadDocument, .serviceTypeEditor.light .uploadImage, .tradeTypeEditor.light .previewPage, .tradeTypeEditor.light .uploadDocument, .tradeTypeEditor.light .uploadImage, .ruleBuilder.light .previewPage, .ruleBuilder.light .uploadDocument, .ruleBuilder.light .uploadImage, .courseCredentialEditor.light .previewPage, .courseCredentialEditor.light .uploadDocument, .courseCredentialEditor.light .uploadImage {
  position: absolute;
  top: 77px;
  right: 3rem;
  z-index: 3;
}
.pageEditor.light .templateButton, chapterEditor.light .templateButton, .clientGroupEditor.light .templateButton, .serviceTypeEditor.light .templateButton, .tradeTypeEditor.light .templateButton, .ruleBuilder.light .templateButton, .courseCredentialEditor.light .templateButton {
  padding-left: 0.5rem;
  height: 47px;
  border-radius: 0.3rem;
  position: relative;
  top: 0.2rem;
  width: 44px;
  font-size: 1.3rem;
  left: -16.3rem;
}
.pageEditor.light span[data-bs-toggle=lstooltip]:after, chapterEditor.light span[data-bs-toggle=lstooltip]:after, .clientGroupEditor.light span[data-bs-toggle=lstooltip]:after, .serviceTypeEditor.light span[data-bs-toggle=lstooltip]:after, .tradeTypeEditor.light span[data-bs-toggle=lstooltip]:after, .ruleBuilder.light span[data-bs-toggle=lstooltip]:after, .courseCredentialEditor.light span[data-bs-toggle=lstooltip]:after {
  position: relative;
  right: 0;
  top: -10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f02b";
  color: #ff9900;
  font-size: 1rem;
}
.pageEditor.light .pageLoad, .pageEditor.light .chapterLoad, .pageEditor.light .cgLoad, .pageEditor.light .stLoad, .pageEditor.light .tstLoad, .pageEditor.light .ttLoad, .pageEditor.light .dtLoad, .pageEditor.light .crdLoad, .pageEditor.light .ruleLoad, .pageEditor.light .dragList, .pageEditor.light .rfoListItem, chapterEditor.light .pageLoad, chapterEditor.light .chapterLoad, chapterEditor.light .cgLoad, chapterEditor.light .stLoad, chapterEditor.light .tstLoad, chapterEditor.light .ttLoad, chapterEditor.light .dtLoad, chapterEditor.light .crdLoad, chapterEditor.light .ruleLoad, chapterEditor.light .dragList, chapterEditor.light .rfoListItem, .clientGroupEditor.light .pageLoad, .clientGroupEditor.light .chapterLoad, .clientGroupEditor.light .cgLoad, .clientGroupEditor.light .stLoad, .clientGroupEditor.light .tstLoad, .clientGroupEditor.light .ttLoad, .clientGroupEditor.light .dtLoad, .clientGroupEditor.light .crdLoad, .clientGroupEditor.light .ruleLoad, .clientGroupEditor.light .dragList, .clientGroupEditor.light .rfoListItem, .serviceTypeEditor.light .pageLoad, .serviceTypeEditor.light .chapterLoad, .serviceTypeEditor.light .cgLoad, .serviceTypeEditor.light .stLoad, .serviceTypeEditor.light .tstLoad, .serviceTypeEditor.light .ttLoad, .serviceTypeEditor.light .dtLoad, .serviceTypeEditor.light .crdLoad, .serviceTypeEditor.light .ruleLoad, .serviceTypeEditor.light .dragList, .serviceTypeEditor.light .rfoListItem, .tradeTypeEditor.light .pageLoad, .tradeTypeEditor.light .chapterLoad, .tradeTypeEditor.light .cgLoad, .tradeTypeEditor.light .stLoad, .tradeTypeEditor.light .tstLoad, .tradeTypeEditor.light .ttLoad, .tradeTypeEditor.light .dtLoad, .tradeTypeEditor.light .crdLoad, .tradeTypeEditor.light .ruleLoad, .tradeTypeEditor.light .dragList, .tradeTypeEditor.light .rfoListItem, .ruleBuilder.light .pageLoad, .ruleBuilder.light .chapterLoad, .ruleBuilder.light .cgLoad, .ruleBuilder.light .stLoad, .ruleBuilder.light .tstLoad, .ruleBuilder.light .ttLoad, .ruleBuilder.light .dtLoad, .ruleBuilder.light .crdLoad, .ruleBuilder.light .ruleLoad, .ruleBuilder.light .dragList, .ruleBuilder.light .rfoListItem, .courseCredentialEditor.light .pageLoad, .courseCredentialEditor.light .chapterLoad, .courseCredentialEditor.light .cgLoad, .courseCredentialEditor.light .stLoad, .courseCredentialEditor.light .tstLoad, .courseCredentialEditor.light .ttLoad, .courseCredentialEditor.light .dtLoad, .courseCredentialEditor.light .crdLoad, .courseCredentialEditor.light .ruleLoad, .courseCredentialEditor.light .dragList, .courseCredentialEditor.light .rfoListItem {
  padding: 0.75rem 1.4rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  border-top-right-radius: 0px !important;
  overflow: hidden auto;
  text-overflow: ellipsis;
  /* > div:not(.ignore) {
      border: none;
      border-radius: 0 !important;
      padding: 0.75rem 0 0.75rem 0;
      color: $color-dark;
      width: calc(100% - 20px - 1rem);
  }

  > div.ignore {
      border: none;
      border-radius: 0 !important;
      padding: 0.75rem 0 0.75rem 0;
      color: $color-dark;
      //  width: 43px;
  }

  > span {
      display: inline-block;
      padding: 0.75rem 0 0.75rem 1.4rem;
  }*/
}
.pageEditor.light .pageLoad .reordered:before, .pageEditor.light .chapterLoad .reordered:before, .pageEditor.light .cgLoad .reordered:before, .pageEditor.light .stLoad .reordered:before, .pageEditor.light .tstLoad .reordered:before, .pageEditor.light .ttLoad .reordered:before, .pageEditor.light .dtLoad .reordered:before, .pageEditor.light .crdLoad .reordered:before, .pageEditor.light .ruleLoad .reordered:before, .pageEditor.light .dragList .reordered:before, .pageEditor.light .rfoListItem .reordered:before, chapterEditor.light .pageLoad .reordered:before, chapterEditor.light .chapterLoad .reordered:before, chapterEditor.light .cgLoad .reordered:before, chapterEditor.light .stLoad .reordered:before, chapterEditor.light .tstLoad .reordered:before, chapterEditor.light .ttLoad .reordered:before, chapterEditor.light .dtLoad .reordered:before, chapterEditor.light .crdLoad .reordered:before, chapterEditor.light .ruleLoad .reordered:before, chapterEditor.light .dragList .reordered:before, chapterEditor.light .rfoListItem .reordered:before, .clientGroupEditor.light .pageLoad .reordered:before, .clientGroupEditor.light .chapterLoad .reordered:before, .clientGroupEditor.light .cgLoad .reordered:before, .clientGroupEditor.light .stLoad .reordered:before, .clientGroupEditor.light .tstLoad .reordered:before, .clientGroupEditor.light .ttLoad .reordered:before, .clientGroupEditor.light .dtLoad .reordered:before, .clientGroupEditor.light .crdLoad .reordered:before, .clientGroupEditor.light .ruleLoad .reordered:before, .clientGroupEditor.light .dragList .reordered:before, .clientGroupEditor.light .rfoListItem .reordered:before, .serviceTypeEditor.light .pageLoad .reordered:before, .serviceTypeEditor.light .chapterLoad .reordered:before, .serviceTypeEditor.light .cgLoad .reordered:before, .serviceTypeEditor.light .stLoad .reordered:before, .serviceTypeEditor.light .tstLoad .reordered:before, .serviceTypeEditor.light .ttLoad .reordered:before, .serviceTypeEditor.light .dtLoad .reordered:before, .serviceTypeEditor.light .crdLoad .reordered:before, .serviceTypeEditor.light .ruleLoad .reordered:before, .serviceTypeEditor.light .dragList .reordered:before, .serviceTypeEditor.light .rfoListItem .reordered:before, .tradeTypeEditor.light .pageLoad .reordered:before, .tradeTypeEditor.light .chapterLoad .reordered:before, .tradeTypeEditor.light .cgLoad .reordered:before, .tradeTypeEditor.light .stLoad .reordered:before, .tradeTypeEditor.light .tstLoad .reordered:before, .tradeTypeEditor.light .ttLoad .reordered:before, .tradeTypeEditor.light .dtLoad .reordered:before, .tradeTypeEditor.light .crdLoad .reordered:before, .tradeTypeEditor.light .ruleLoad .reordered:before, .tradeTypeEditor.light .dragList .reordered:before, .tradeTypeEditor.light .rfoListItem .reordered:before, .ruleBuilder.light .pageLoad .reordered:before, .ruleBuilder.light .chapterLoad .reordered:before, .ruleBuilder.light .cgLoad .reordered:before, .ruleBuilder.light .stLoad .reordered:before, .ruleBuilder.light .tstLoad .reordered:before, .ruleBuilder.light .ttLoad .reordered:before, .ruleBuilder.light .dtLoad .reordered:before, .ruleBuilder.light .crdLoad .reordered:before, .ruleBuilder.light .ruleLoad .reordered:before, .ruleBuilder.light .dragList .reordered:before, .ruleBuilder.light .rfoListItem .reordered:before, .courseCredentialEditor.light .pageLoad .reordered:before, .courseCredentialEditor.light .chapterLoad .reordered:before, .courseCredentialEditor.light .cgLoad .reordered:before, .courseCredentialEditor.light .stLoad .reordered:before, .courseCredentialEditor.light .tstLoad .reordered:before, .courseCredentialEditor.light .ttLoad .reordered:before, .courseCredentialEditor.light .dtLoad .reordered:before, .courseCredentialEditor.light .crdLoad .reordered:before, .courseCredentialEditor.light .ruleLoad .reordered:before, .courseCredentialEditor.light .dragList .reordered:before, .courseCredentialEditor.light .rfoListItem .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.pageEditor.light .pageLoad .list-group, .pageEditor.light .chapterLoad .list-group, .pageEditor.light .cgLoad .list-group, .pageEditor.light .stLoad .list-group, .pageEditor.light .tstLoad .list-group, .pageEditor.light .ttLoad .list-group, .pageEditor.light .dtLoad .list-group, .pageEditor.light .crdLoad .list-group, .pageEditor.light .ruleLoad .list-group, .pageEditor.light .dragList .list-group, .pageEditor.light .rfoListItem .list-group, chapterEditor.light .pageLoad .list-group, chapterEditor.light .chapterLoad .list-group, chapterEditor.light .cgLoad .list-group, chapterEditor.light .stLoad .list-group, chapterEditor.light .tstLoad .list-group, chapterEditor.light .ttLoad .list-group, chapterEditor.light .dtLoad .list-group, chapterEditor.light .crdLoad .list-group, chapterEditor.light .ruleLoad .list-group, chapterEditor.light .dragList .list-group, chapterEditor.light .rfoListItem .list-group, .clientGroupEditor.light .pageLoad .list-group, .clientGroupEditor.light .chapterLoad .list-group, .clientGroupEditor.light .cgLoad .list-group, .clientGroupEditor.light .stLoad .list-group, .clientGroupEditor.light .tstLoad .list-group, .clientGroupEditor.light .ttLoad .list-group, .clientGroupEditor.light .dtLoad .list-group, .clientGroupEditor.light .crdLoad .list-group, .clientGroupEditor.light .ruleLoad .list-group, .clientGroupEditor.light .dragList .list-group, .clientGroupEditor.light .rfoListItem .list-group, .serviceTypeEditor.light .pageLoad .list-group, .serviceTypeEditor.light .chapterLoad .list-group, .serviceTypeEditor.light .cgLoad .list-group, .serviceTypeEditor.light .stLoad .list-group, .serviceTypeEditor.light .tstLoad .list-group, .serviceTypeEditor.light .ttLoad .list-group, .serviceTypeEditor.light .dtLoad .list-group, .serviceTypeEditor.light .crdLoad .list-group, .serviceTypeEditor.light .ruleLoad .list-group, .serviceTypeEditor.light .dragList .list-group, .serviceTypeEditor.light .rfoListItem .list-group, .tradeTypeEditor.light .pageLoad .list-group, .tradeTypeEditor.light .chapterLoad .list-group, .tradeTypeEditor.light .cgLoad .list-group, .tradeTypeEditor.light .stLoad .list-group, .tradeTypeEditor.light .tstLoad .list-group, .tradeTypeEditor.light .ttLoad .list-group, .tradeTypeEditor.light .dtLoad .list-group, .tradeTypeEditor.light .crdLoad .list-group, .tradeTypeEditor.light .ruleLoad .list-group, .tradeTypeEditor.light .dragList .list-group, .tradeTypeEditor.light .rfoListItem .list-group, .ruleBuilder.light .pageLoad .list-group, .ruleBuilder.light .chapterLoad .list-group, .ruleBuilder.light .cgLoad .list-group, .ruleBuilder.light .stLoad .list-group, .ruleBuilder.light .tstLoad .list-group, .ruleBuilder.light .ttLoad .list-group, .ruleBuilder.light .dtLoad .list-group, .ruleBuilder.light .crdLoad .list-group, .ruleBuilder.light .ruleLoad .list-group, .ruleBuilder.light .dragList .list-group, .ruleBuilder.light .rfoListItem .list-group, .courseCredentialEditor.light .pageLoad .list-group, .courseCredentialEditor.light .chapterLoad .list-group, .courseCredentialEditor.light .cgLoad .list-group, .courseCredentialEditor.light .stLoad .list-group, .courseCredentialEditor.light .tstLoad .list-group, .courseCredentialEditor.light .ttLoad .list-group, .courseCredentialEditor.light .dtLoad .list-group, .courseCredentialEditor.light .crdLoad .list-group, .courseCredentialEditor.light .ruleLoad .list-group, .courseCredentialEditor.light .dragList .list-group, .courseCredentialEditor.light .rfoListItem .list-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pageEditor.light .pageLoad .list-group .list-group-item, .pageEditor.light .chapterLoad .list-group .list-group-item, .pageEditor.light .cgLoad .list-group .list-group-item, .pageEditor.light .stLoad .list-group .list-group-item, .pageEditor.light .tstLoad .list-group .list-group-item, .pageEditor.light .ttLoad .list-group .list-group-item, .pageEditor.light .dtLoad .list-group .list-group-item, .pageEditor.light .crdLoad .list-group .list-group-item, .pageEditor.light .ruleLoad .list-group .list-group-item, .pageEditor.light .dragList .list-group .list-group-item, .pageEditor.light .rfoListItem .list-group .list-group-item, chapterEditor.light .pageLoad .list-group .list-group-item, chapterEditor.light .chapterLoad .list-group .list-group-item, chapterEditor.light .cgLoad .list-group .list-group-item, chapterEditor.light .stLoad .list-group .list-group-item, chapterEditor.light .tstLoad .list-group .list-group-item, chapterEditor.light .ttLoad .list-group .list-group-item, chapterEditor.light .dtLoad .list-group .list-group-item, chapterEditor.light .crdLoad .list-group .list-group-item, chapterEditor.light .ruleLoad .list-group .list-group-item, chapterEditor.light .dragList .list-group .list-group-item, chapterEditor.light .rfoListItem .list-group .list-group-item, .clientGroupEditor.light .pageLoad .list-group .list-group-item, .clientGroupEditor.light .chapterLoad .list-group .list-group-item, .clientGroupEditor.light .cgLoad .list-group .list-group-item, .clientGroupEditor.light .stLoad .list-group .list-group-item, .clientGroupEditor.light .tstLoad .list-group .list-group-item, .clientGroupEditor.light .ttLoad .list-group .list-group-item, .clientGroupEditor.light .dtLoad .list-group .list-group-item, .clientGroupEditor.light .crdLoad .list-group .list-group-item, .clientGroupEditor.light .ruleLoad .list-group .list-group-item, .clientGroupEditor.light .dragList .list-group .list-group-item, .clientGroupEditor.light .rfoListItem .list-group .list-group-item, .serviceTypeEditor.light .pageLoad .list-group .list-group-item, .serviceTypeEditor.light .chapterLoad .list-group .list-group-item, .serviceTypeEditor.light .cgLoad .list-group .list-group-item, .serviceTypeEditor.light .stLoad .list-group .list-group-item, .serviceTypeEditor.light .tstLoad .list-group .list-group-item, .serviceTypeEditor.light .ttLoad .list-group .list-group-item, .serviceTypeEditor.light .dtLoad .list-group .list-group-item, .serviceTypeEditor.light .crdLoad .list-group .list-group-item, .serviceTypeEditor.light .ruleLoad .list-group .list-group-item, .serviceTypeEditor.light .dragList .list-group .list-group-item, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item, .tradeTypeEditor.light .pageLoad .list-group .list-group-item, .tradeTypeEditor.light .chapterLoad .list-group .list-group-item, .tradeTypeEditor.light .cgLoad .list-group .list-group-item, .tradeTypeEditor.light .stLoad .list-group .list-group-item, .tradeTypeEditor.light .tstLoad .list-group .list-group-item, .tradeTypeEditor.light .ttLoad .list-group .list-group-item, .tradeTypeEditor.light .dtLoad .list-group .list-group-item, .tradeTypeEditor.light .crdLoad .list-group .list-group-item, .tradeTypeEditor.light .ruleLoad .list-group .list-group-item, .tradeTypeEditor.light .dragList .list-group .list-group-item, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item, .ruleBuilder.light .pageLoad .list-group .list-group-item, .ruleBuilder.light .chapterLoad .list-group .list-group-item, .ruleBuilder.light .cgLoad .list-group .list-group-item, .ruleBuilder.light .stLoad .list-group .list-group-item, .ruleBuilder.light .tstLoad .list-group .list-group-item, .ruleBuilder.light .ttLoad .list-group .list-group-item, .ruleBuilder.light .dtLoad .list-group .list-group-item, .ruleBuilder.light .crdLoad .list-group .list-group-item, .ruleBuilder.light .ruleLoad .list-group .list-group-item, .ruleBuilder.light .dragList .list-group .list-group-item, .ruleBuilder.light .rfoListItem .list-group .list-group-item, .courseCredentialEditor.light .pageLoad .list-group .list-group-item, .courseCredentialEditor.light .chapterLoad .list-group .list-group-item, .courseCredentialEditor.light .cgLoad .list-group .list-group-item, .courseCredentialEditor.light .stLoad .list-group .list-group-item, .courseCredentialEditor.light .tstLoad .list-group .list-group-item, .courseCredentialEditor.light .ttLoad .list-group .list-group-item, .courseCredentialEditor.light .dtLoad .list-group .list-group-item, .courseCredentialEditor.light .crdLoad .list-group .list-group-item, .courseCredentialEditor.light .ruleLoad .list-group .list-group-item, .courseCredentialEditor.light .dragList .list-group .list-group-item, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.light .pageLoad .list-group .list-group-item:before, .pageEditor.light .chapterLoad .list-group .list-group-item:before, .pageEditor.light .cgLoad .list-group .list-group-item:before, .pageEditor.light .stLoad .list-group .list-group-item:before, .pageEditor.light .tstLoad .list-group .list-group-item:before, .pageEditor.light .ttLoad .list-group .list-group-item:before, .pageEditor.light .dtLoad .list-group .list-group-item:before, .pageEditor.light .crdLoad .list-group .list-group-item:before, .pageEditor.light .ruleLoad .list-group .list-group-item:before, .pageEditor.light .dragList .list-group .list-group-item:before, .pageEditor.light .rfoListItem .list-group .list-group-item:before, chapterEditor.light .pageLoad .list-group .list-group-item:before, chapterEditor.light .chapterLoad .list-group .list-group-item:before, chapterEditor.light .cgLoad .list-group .list-group-item:before, chapterEditor.light .stLoad .list-group .list-group-item:before, chapterEditor.light .tstLoad .list-group .list-group-item:before, chapterEditor.light .ttLoad .list-group .list-group-item:before, chapterEditor.light .dtLoad .list-group .list-group-item:before, chapterEditor.light .crdLoad .list-group .list-group-item:before, chapterEditor.light .ruleLoad .list-group .list-group-item:before, chapterEditor.light .dragList .list-group .list-group-item:before, chapterEditor.light .rfoListItem .list-group .list-group-item:before, .clientGroupEditor.light .pageLoad .list-group .list-group-item:before, .clientGroupEditor.light .chapterLoad .list-group .list-group-item:before, .clientGroupEditor.light .cgLoad .list-group .list-group-item:before, .clientGroupEditor.light .stLoad .list-group .list-group-item:before, .clientGroupEditor.light .tstLoad .list-group .list-group-item:before, .clientGroupEditor.light .ttLoad .list-group .list-group-item:before, .clientGroupEditor.light .dtLoad .list-group .list-group-item:before, .clientGroupEditor.light .crdLoad .list-group .list-group-item:before, .clientGroupEditor.light .ruleLoad .list-group .list-group-item:before, .clientGroupEditor.light .dragList .list-group .list-group-item:before, .clientGroupEditor.light .rfoListItem .list-group .list-group-item:before, .serviceTypeEditor.light .pageLoad .list-group .list-group-item:before, .serviceTypeEditor.light .chapterLoad .list-group .list-group-item:before, .serviceTypeEditor.light .cgLoad .list-group .list-group-item:before, .serviceTypeEditor.light .stLoad .list-group .list-group-item:before, .serviceTypeEditor.light .tstLoad .list-group .list-group-item:before, .serviceTypeEditor.light .ttLoad .list-group .list-group-item:before, .serviceTypeEditor.light .dtLoad .list-group .list-group-item:before, .serviceTypeEditor.light .crdLoad .list-group .list-group-item:before, .serviceTypeEditor.light .ruleLoad .list-group .list-group-item:before, .serviceTypeEditor.light .dragList .list-group .list-group-item:before, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item:before, .tradeTypeEditor.light .pageLoad .list-group .list-group-item:before, .tradeTypeEditor.light .chapterLoad .list-group .list-group-item:before, .tradeTypeEditor.light .cgLoad .list-group .list-group-item:before, .tradeTypeEditor.light .stLoad .list-group .list-group-item:before, .tradeTypeEditor.light .tstLoad .list-group .list-group-item:before, .tradeTypeEditor.light .ttLoad .list-group .list-group-item:before, .tradeTypeEditor.light .dtLoad .list-group .list-group-item:before, .tradeTypeEditor.light .crdLoad .list-group .list-group-item:before, .tradeTypeEditor.light .ruleLoad .list-group .list-group-item:before, .tradeTypeEditor.light .dragList .list-group .list-group-item:before, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item:before, .ruleBuilder.light .pageLoad .list-group .list-group-item:before, .ruleBuilder.light .chapterLoad .list-group .list-group-item:before, .ruleBuilder.light .cgLoad .list-group .list-group-item:before, .ruleBuilder.light .stLoad .list-group .list-group-item:before, .ruleBuilder.light .tstLoad .list-group .list-group-item:before, .ruleBuilder.light .ttLoad .list-group .list-group-item:before, .ruleBuilder.light .dtLoad .list-group .list-group-item:before, .ruleBuilder.light .crdLoad .list-group .list-group-item:before, .ruleBuilder.light .ruleLoad .list-group .list-group-item:before, .ruleBuilder.light .dragList .list-group .list-group-item:before, .ruleBuilder.light .rfoListItem .list-group .list-group-item:before, .courseCredentialEditor.light .pageLoad .list-group .list-group-item:before, .courseCredentialEditor.light .chapterLoad .list-group .list-group-item:before, .courseCredentialEditor.light .cgLoad .list-group .list-group-item:before, .courseCredentialEditor.light .stLoad .list-group .list-group-item:before, .courseCredentialEditor.light .tstLoad .list-group .list-group-item:before, .courseCredentialEditor.light .ttLoad .list-group .list-group-item:before, .courseCredentialEditor.light .dtLoad .list-group .list-group-item:before, .courseCredentialEditor.light .crdLoad .list-group .list-group-item:before, .courseCredentialEditor.light .ruleLoad .list-group .list-group-item:before, .courseCredentialEditor.light .dragList .list-group .list-group-item:before, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item:before {
  background-position: -5px 9px;
  width: 20px;
  content: "";
}
.pageEditor.light .pageLoad .list-group .list-group-item:not(.active):before, .pageEditor.light .chapterLoad .list-group .list-group-item:not(.active):before, .pageEditor.light .cgLoad .list-group .list-group-item:not(.active):before, .pageEditor.light .stLoad .list-group .list-group-item:not(.active):before, .pageEditor.light .tstLoad .list-group .list-group-item:not(.active):before, .pageEditor.light .ttLoad .list-group .list-group-item:not(.active):before, .pageEditor.light .dtLoad .list-group .list-group-item:not(.active):before, .pageEditor.light .crdLoad .list-group .list-group-item:not(.active):before, .pageEditor.light .ruleLoad .list-group .list-group-item:not(.active):before, .pageEditor.light .dragList .list-group .list-group-item:not(.active):before, .pageEditor.light .rfoListItem .list-group .list-group-item:not(.active):before, chapterEditor.light .pageLoad .list-group .list-group-item:not(.active):before, chapterEditor.light .chapterLoad .list-group .list-group-item:not(.active):before, chapterEditor.light .cgLoad .list-group .list-group-item:not(.active):before, chapterEditor.light .stLoad .list-group .list-group-item:not(.active):before, chapterEditor.light .tstLoad .list-group .list-group-item:not(.active):before, chapterEditor.light .ttLoad .list-group .list-group-item:not(.active):before, chapterEditor.light .dtLoad .list-group .list-group-item:not(.active):before, chapterEditor.light .crdLoad .list-group .list-group-item:not(.active):before, chapterEditor.light .ruleLoad .list-group .list-group-item:not(.active):before, chapterEditor.light .dragList .list-group .list-group-item:not(.active):before, chapterEditor.light .rfoListItem .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .pageLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .chapterLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .cgLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .stLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .tstLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .ttLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .dtLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .crdLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .ruleLoad .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .dragList .list-group .list-group-item:not(.active):before, .clientGroupEditor.light .rfoListItem .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .pageLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .chapterLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .cgLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .stLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .tstLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .ttLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .dtLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .crdLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .ruleLoad .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .dragList .list-group .list-group-item:not(.active):before, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .pageLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .chapterLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .cgLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .stLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .tstLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .ttLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .dtLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .crdLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .ruleLoad .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .dragList .list-group .list-group-item:not(.active):before, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item:not(.active):before, .ruleBuilder.light .pageLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.light .chapterLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.light .cgLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.light .stLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.light .tstLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.light .ttLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.light .dtLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.light .crdLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.light .ruleLoad .list-group .list-group-item:not(.active):before, .ruleBuilder.light .dragList .list-group .list-group-item:not(.active):before, .ruleBuilder.light .rfoListItem .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .pageLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .chapterLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .cgLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .stLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .tstLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .ttLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .dtLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .crdLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .ruleLoad .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .dragList .list-group .list-group-item:not(.active):before, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item:not(.active):before {
  background-repeat: no-repeat;
  background-position: -5px 9px;
  width: 18px;
  content: "";
}
.pageEditor.light .pageLoad .list-group .list-group-item.active, .pageEditor.light .chapterLoad .list-group .list-group-item.active, .pageEditor.light .cgLoad .list-group .list-group-item.active, .pageEditor.light .stLoad .list-group .list-group-item.active, .pageEditor.light .tstLoad .list-group .list-group-item.active, .pageEditor.light .ttLoad .list-group .list-group-item.active, .pageEditor.light .dtLoad .list-group .list-group-item.active, .pageEditor.light .crdLoad .list-group .list-group-item.active, .pageEditor.light .ruleLoad .list-group .list-group-item.active, .pageEditor.light .dragList .list-group .list-group-item.active, .pageEditor.light .rfoListItem .list-group .list-group-item.active, chapterEditor.light .pageLoad .list-group .list-group-item.active, chapterEditor.light .chapterLoad .list-group .list-group-item.active, chapterEditor.light .cgLoad .list-group .list-group-item.active, chapterEditor.light .stLoad .list-group .list-group-item.active, chapterEditor.light .tstLoad .list-group .list-group-item.active, chapterEditor.light .ttLoad .list-group .list-group-item.active, chapterEditor.light .dtLoad .list-group .list-group-item.active, chapterEditor.light .crdLoad .list-group .list-group-item.active, chapterEditor.light .ruleLoad .list-group .list-group-item.active, chapterEditor.light .dragList .list-group .list-group-item.active, chapterEditor.light .rfoListItem .list-group .list-group-item.active, .clientGroupEditor.light .pageLoad .list-group .list-group-item.active, .clientGroupEditor.light .chapterLoad .list-group .list-group-item.active, .clientGroupEditor.light .cgLoad .list-group .list-group-item.active, .clientGroupEditor.light .stLoad .list-group .list-group-item.active, .clientGroupEditor.light .tstLoad .list-group .list-group-item.active, .clientGroupEditor.light .ttLoad .list-group .list-group-item.active, .clientGroupEditor.light .dtLoad .list-group .list-group-item.active, .clientGroupEditor.light .crdLoad .list-group .list-group-item.active, .clientGroupEditor.light .ruleLoad .list-group .list-group-item.active, .clientGroupEditor.light .dragList .list-group .list-group-item.active, .clientGroupEditor.light .rfoListItem .list-group .list-group-item.active, .serviceTypeEditor.light .pageLoad .list-group .list-group-item.active, .serviceTypeEditor.light .chapterLoad .list-group .list-group-item.active, .serviceTypeEditor.light .cgLoad .list-group .list-group-item.active, .serviceTypeEditor.light .stLoad .list-group .list-group-item.active, .serviceTypeEditor.light .tstLoad .list-group .list-group-item.active, .serviceTypeEditor.light .ttLoad .list-group .list-group-item.active, .serviceTypeEditor.light .dtLoad .list-group .list-group-item.active, .serviceTypeEditor.light .crdLoad .list-group .list-group-item.active, .serviceTypeEditor.light .ruleLoad .list-group .list-group-item.active, .serviceTypeEditor.light .dragList .list-group .list-group-item.active, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item.active, .tradeTypeEditor.light .pageLoad .list-group .list-group-item.active, .tradeTypeEditor.light .chapterLoad .list-group .list-group-item.active, .tradeTypeEditor.light .cgLoad .list-group .list-group-item.active, .tradeTypeEditor.light .stLoad .list-group .list-group-item.active, .tradeTypeEditor.light .tstLoad .list-group .list-group-item.active, .tradeTypeEditor.light .ttLoad .list-group .list-group-item.active, .tradeTypeEditor.light .dtLoad .list-group .list-group-item.active, .tradeTypeEditor.light .crdLoad .list-group .list-group-item.active, .tradeTypeEditor.light .ruleLoad .list-group .list-group-item.active, .tradeTypeEditor.light .dragList .list-group .list-group-item.active, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item.active, .ruleBuilder.light .pageLoad .list-group .list-group-item.active, .ruleBuilder.light .chapterLoad .list-group .list-group-item.active, .ruleBuilder.light .cgLoad .list-group .list-group-item.active, .ruleBuilder.light .stLoad .list-group .list-group-item.active, .ruleBuilder.light .tstLoad .list-group .list-group-item.active, .ruleBuilder.light .ttLoad .list-group .list-group-item.active, .ruleBuilder.light .dtLoad .list-group .list-group-item.active, .ruleBuilder.light .crdLoad .list-group .list-group-item.active, .ruleBuilder.light .ruleLoad .list-group .list-group-item.active, .ruleBuilder.light .dragList .list-group .list-group-item.active, .ruleBuilder.light .rfoListItem .list-group .list-group-item.active, .courseCredentialEditor.light .pageLoad .list-group .list-group-item.active, .courseCredentialEditor.light .chapterLoad .list-group .list-group-item.active, .courseCredentialEditor.light .cgLoad .list-group .list-group-item.active, .courseCredentialEditor.light .stLoad .list-group .list-group-item.active, .courseCredentialEditor.light .tstLoad .list-group .list-group-item.active, .courseCredentialEditor.light .ttLoad .list-group .list-group-item.active, .courseCredentialEditor.light .dtLoad .list-group .list-group-item.active, .courseCredentialEditor.light .crdLoad .list-group .list-group-item.active, .courseCredentialEditor.light .ruleLoad .list-group .list-group-item.active, .courseCredentialEditor.light .dragList .list-group .list-group-item.active, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #343a40;
  background: #ffffff;
  font-weight: 600;
  margin: 0;
  padding: 0;
  background: #f0f8ff;
  border: 2px solid #dae9f1;
  border-radius: 0.4rem !important;
}
.pageEditor.light .pageLoad .list-group .list-group-item.active:before, .pageEditor.light .chapterLoad .list-group .list-group-item.active:before, .pageEditor.light .cgLoad .list-group .list-group-item.active:before, .pageEditor.light .stLoad .list-group .list-group-item.active:before, .pageEditor.light .tstLoad .list-group .list-group-item.active:before, .pageEditor.light .ttLoad .list-group .list-group-item.active:before, .pageEditor.light .dtLoad .list-group .list-group-item.active:before, .pageEditor.light .crdLoad .list-group .list-group-item.active:before, .pageEditor.light .ruleLoad .list-group .list-group-item.active:before, .pageEditor.light .dragList .list-group .list-group-item.active:before, .pageEditor.light .rfoListItem .list-group .list-group-item.active:before, chapterEditor.light .pageLoad .list-group .list-group-item.active:before, chapterEditor.light .chapterLoad .list-group .list-group-item.active:before, chapterEditor.light .cgLoad .list-group .list-group-item.active:before, chapterEditor.light .stLoad .list-group .list-group-item.active:before, chapterEditor.light .tstLoad .list-group .list-group-item.active:before, chapterEditor.light .ttLoad .list-group .list-group-item.active:before, chapterEditor.light .dtLoad .list-group .list-group-item.active:before, chapterEditor.light .crdLoad .list-group .list-group-item.active:before, chapterEditor.light .ruleLoad .list-group .list-group-item.active:before, chapterEditor.light .dragList .list-group .list-group-item.active:before, chapterEditor.light .rfoListItem .list-group .list-group-item.active:before, .clientGroupEditor.light .pageLoad .list-group .list-group-item.active:before, .clientGroupEditor.light .chapterLoad .list-group .list-group-item.active:before, .clientGroupEditor.light .cgLoad .list-group .list-group-item.active:before, .clientGroupEditor.light .stLoad .list-group .list-group-item.active:before, .clientGroupEditor.light .tstLoad .list-group .list-group-item.active:before, .clientGroupEditor.light .ttLoad .list-group .list-group-item.active:before, .clientGroupEditor.light .dtLoad .list-group .list-group-item.active:before, .clientGroupEditor.light .crdLoad .list-group .list-group-item.active:before, .clientGroupEditor.light .ruleLoad .list-group .list-group-item.active:before, .clientGroupEditor.light .dragList .list-group .list-group-item.active:before, .clientGroupEditor.light .rfoListItem .list-group .list-group-item.active:before, .serviceTypeEditor.light .pageLoad .list-group .list-group-item.active:before, .serviceTypeEditor.light .chapterLoad .list-group .list-group-item.active:before, .serviceTypeEditor.light .cgLoad .list-group .list-group-item.active:before, .serviceTypeEditor.light .stLoad .list-group .list-group-item.active:before, .serviceTypeEditor.light .tstLoad .list-group .list-group-item.active:before, .serviceTypeEditor.light .ttLoad .list-group .list-group-item.active:before, .serviceTypeEditor.light .dtLoad .list-group .list-group-item.active:before, .serviceTypeEditor.light .crdLoad .list-group .list-group-item.active:before, .serviceTypeEditor.light .ruleLoad .list-group .list-group-item.active:before, .serviceTypeEditor.light .dragList .list-group .list-group-item.active:before, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item.active:before, .tradeTypeEditor.light .pageLoad .list-group .list-group-item.active:before, .tradeTypeEditor.light .chapterLoad .list-group .list-group-item.active:before, .tradeTypeEditor.light .cgLoad .list-group .list-group-item.active:before, .tradeTypeEditor.light .stLoad .list-group .list-group-item.active:before, .tradeTypeEditor.light .tstLoad .list-group .list-group-item.active:before, .tradeTypeEditor.light .ttLoad .list-group .list-group-item.active:before, .tradeTypeEditor.light .dtLoad .list-group .list-group-item.active:before, .tradeTypeEditor.light .crdLoad .list-group .list-group-item.active:before, .tradeTypeEditor.light .ruleLoad .list-group .list-group-item.active:before, .tradeTypeEditor.light .dragList .list-group .list-group-item.active:before, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item.active:before, .ruleBuilder.light .pageLoad .list-group .list-group-item.active:before, .ruleBuilder.light .chapterLoad .list-group .list-group-item.active:before, .ruleBuilder.light .cgLoad .list-group .list-group-item.active:before, .ruleBuilder.light .stLoad .list-group .list-group-item.active:before, .ruleBuilder.light .tstLoad .list-group .list-group-item.active:before, .ruleBuilder.light .ttLoad .list-group .list-group-item.active:before, .ruleBuilder.light .dtLoad .list-group .list-group-item.active:before, .ruleBuilder.light .crdLoad .list-group .list-group-item.active:before, .ruleBuilder.light .ruleLoad .list-group .list-group-item.active:before, .ruleBuilder.light .dragList .list-group .list-group-item.active:before, .ruleBuilder.light .rfoListItem .list-group .list-group-item.active:before, .courseCredentialEditor.light .pageLoad .list-group .list-group-item.active:before, .courseCredentialEditor.light .chapterLoad .list-group .list-group-item.active:before, .courseCredentialEditor.light .cgLoad .list-group .list-group-item.active:before, .courseCredentialEditor.light .stLoad .list-group .list-group-item.active:before, .courseCredentialEditor.light .tstLoad .list-group .list-group-item.active:before, .courseCredentialEditor.light .ttLoad .list-group .list-group-item.active:before, .courseCredentialEditor.light .dtLoad .list-group .list-group-item.active:before, .courseCredentialEditor.light .crdLoad .list-group .list-group-item.active:before, .courseCredentialEditor.light .ruleLoad .list-group .list-group-item.active:before, .courseCredentialEditor.light .dragList .list-group .list-group-item.active:before, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item.active:before {
  background-repeat: no-repeat;
  background-position: -5px 9px;
  width: 17px;
  content: "";
}
.pageEditor.light .pageLoad .list-group .list-group-item.active .reordered:before, .pageEditor.light .chapterLoad .list-group .list-group-item.active .reordered:before, .pageEditor.light .cgLoad .list-group .list-group-item.active .reordered:before, .pageEditor.light .stLoad .list-group .list-group-item.active .reordered:before, .pageEditor.light .tstLoad .list-group .list-group-item.active .reordered:before, .pageEditor.light .ttLoad .list-group .list-group-item.active .reordered:before, .pageEditor.light .dtLoad .list-group .list-group-item.active .reordered:before, .pageEditor.light .crdLoad .list-group .list-group-item.active .reordered:before, .pageEditor.light .ruleLoad .list-group .list-group-item.active .reordered:before, .pageEditor.light .dragList .list-group .list-group-item.active .reordered:before, .pageEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, chapterEditor.light .pageLoad .list-group .list-group-item.active .reordered:before, chapterEditor.light .chapterLoad .list-group .list-group-item.active .reordered:before, chapterEditor.light .cgLoad .list-group .list-group-item.active .reordered:before, chapterEditor.light .stLoad .list-group .list-group-item.active .reordered:before, chapterEditor.light .tstLoad .list-group .list-group-item.active .reordered:before, chapterEditor.light .ttLoad .list-group .list-group-item.active .reordered:before, chapterEditor.light .dtLoad .list-group .list-group-item.active .reordered:before, chapterEditor.light .crdLoad .list-group .list-group-item.active .reordered:before, chapterEditor.light .ruleLoad .list-group .list-group-item.active .reordered:before, chapterEditor.light .dragList .list-group .list-group-item.active .reordered:before, chapterEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .pageLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .chapterLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .cgLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .stLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .tstLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .ttLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .dtLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .crdLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .ruleLoad .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .dragList .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .pageLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .chapterLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .cgLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .stLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .tstLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .ttLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .dtLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .crdLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .ruleLoad .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .dragList .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .pageLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .chapterLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .cgLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .stLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .tstLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .ttLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .dtLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .crdLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .ruleLoad .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .dragList .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .pageLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .chapterLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .cgLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .stLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .tstLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .ttLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .dtLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .crdLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .ruleLoad .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .dragList .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .rfoListItem .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .pageLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .chapterLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .cgLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .stLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .tstLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .ttLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .dtLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .crdLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .ruleLoad .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .dragList .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.pageEditor.light .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .pageLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .chapterLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .cgLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .stLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .tstLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .ttLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .dtLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .crdLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .ruleLoad .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .dragList .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .rfoListItem .list-group .list-group-item.active > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: 100%;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.light .pageLoad .list-group .list-group-item.active > div.ignore, .pageEditor.light .chapterLoad .list-group .list-group-item.active > div.ignore, .pageEditor.light .cgLoad .list-group .list-group-item.active > div.ignore, .pageEditor.light .stLoad .list-group .list-group-item.active > div.ignore, .pageEditor.light .tstLoad .list-group .list-group-item.active > div.ignore, .pageEditor.light .ttLoad .list-group .list-group-item.active > div.ignore, .pageEditor.light .dtLoad .list-group .list-group-item.active > div.ignore, .pageEditor.light .crdLoad .list-group .list-group-item.active > div.ignore, .pageEditor.light .ruleLoad .list-group .list-group-item.active > div.ignore, .pageEditor.light .dragList .list-group .list-group-item.active > div.ignore, .pageEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, chapterEditor.light .pageLoad .list-group .list-group-item.active > div.ignore, chapterEditor.light .chapterLoad .list-group .list-group-item.active > div.ignore, chapterEditor.light .cgLoad .list-group .list-group-item.active > div.ignore, chapterEditor.light .stLoad .list-group .list-group-item.active > div.ignore, chapterEditor.light .tstLoad .list-group .list-group-item.active > div.ignore, chapterEditor.light .ttLoad .list-group .list-group-item.active > div.ignore, chapterEditor.light .dtLoad .list-group .list-group-item.active > div.ignore, chapterEditor.light .crdLoad .list-group .list-group-item.active > div.ignore, chapterEditor.light .ruleLoad .list-group .list-group-item.active > div.ignore, chapterEditor.light .dragList .list-group .list-group-item.active > div.ignore, chapterEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .pageLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .chapterLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .cgLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .stLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .tstLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .ttLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .dtLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .crdLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .ruleLoad .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .dragList .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .pageLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .chapterLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .cgLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .stLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .tstLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .ttLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .dtLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .crdLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .ruleLoad .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .dragList .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .pageLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .chapterLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .cgLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .stLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .tstLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .ttLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .dtLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .crdLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .ruleLoad .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .dragList .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .pageLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .chapterLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .cgLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .stLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .tstLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .ttLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .dtLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .crdLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .ruleLoad .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .dragList .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .rfoListItem .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .pageLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .chapterLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .cgLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .stLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .tstLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .ttLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .dtLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .crdLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .ruleLoad .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .dragList .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  background: transparent;
  width: 41px;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.light .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .pageEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), chapterEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .clientGroupEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .serviceTypeEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .tradeTypeEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .ruleBuilder.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .pageLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .chapterLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .cgLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .stLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .tstLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .ttLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .dtLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .crdLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .ruleLoad .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .dragList .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline), .courseCredentialEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.online):not(.offline) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 1.2rem 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: 100%;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.light .pageLoad .list-group .list-group-item > div.ignore, .pageEditor.light .chapterLoad .list-group .list-group-item > div.ignore, .pageEditor.light .cgLoad .list-group .list-group-item > div.ignore, .pageEditor.light .stLoad .list-group .list-group-item > div.ignore, .pageEditor.light .tstLoad .list-group .list-group-item > div.ignore, .pageEditor.light .ttLoad .list-group .list-group-item > div.ignore, .pageEditor.light .dtLoad .list-group .list-group-item > div.ignore, .pageEditor.light .crdLoad .list-group .list-group-item > div.ignore, .pageEditor.light .ruleLoad .list-group .list-group-item > div.ignore, .pageEditor.light .dragList .list-group .list-group-item > div.ignore, .pageEditor.light .rfoListItem .list-group .list-group-item > div.ignore, chapterEditor.light .pageLoad .list-group .list-group-item > div.ignore, chapterEditor.light .chapterLoad .list-group .list-group-item > div.ignore, chapterEditor.light .cgLoad .list-group .list-group-item > div.ignore, chapterEditor.light .stLoad .list-group .list-group-item > div.ignore, chapterEditor.light .tstLoad .list-group .list-group-item > div.ignore, chapterEditor.light .ttLoad .list-group .list-group-item > div.ignore, chapterEditor.light .dtLoad .list-group .list-group-item > div.ignore, chapterEditor.light .crdLoad .list-group .list-group-item > div.ignore, chapterEditor.light .ruleLoad .list-group .list-group-item > div.ignore, chapterEditor.light .dragList .list-group .list-group-item > div.ignore, chapterEditor.light .rfoListItem .list-group .list-group-item > div.ignore, .clientGroupEditor.light .pageLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.light .chapterLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.light .cgLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.light .stLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.light .tstLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.light .ttLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.light .dtLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.light .crdLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.light .ruleLoad .list-group .list-group-item > div.ignore, .clientGroupEditor.light .dragList .list-group .list-group-item > div.ignore, .clientGroupEditor.light .rfoListItem .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .pageLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .chapterLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .cgLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .stLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .tstLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .ttLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .dtLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .crdLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .ruleLoad .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .dragList .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .pageLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .chapterLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .cgLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .stLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .tstLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .ttLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .dtLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .crdLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .ruleLoad .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .dragList .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item > div.ignore, .ruleBuilder.light .pageLoad .list-group .list-group-item > div.ignore, .ruleBuilder.light .chapterLoad .list-group .list-group-item > div.ignore, .ruleBuilder.light .cgLoad .list-group .list-group-item > div.ignore, .ruleBuilder.light .stLoad .list-group .list-group-item > div.ignore, .ruleBuilder.light .tstLoad .list-group .list-group-item > div.ignore, .ruleBuilder.light .ttLoad .list-group .list-group-item > div.ignore, .ruleBuilder.light .dtLoad .list-group .list-group-item > div.ignore, .ruleBuilder.light .crdLoad .list-group .list-group-item > div.ignore, .ruleBuilder.light .ruleLoad .list-group .list-group-item > div.ignore, .ruleBuilder.light .dragList .list-group .list-group-item > div.ignore, .ruleBuilder.light .rfoListItem .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .pageLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .chapterLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .cgLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .stLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .tstLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .ttLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .dtLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .crdLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .ruleLoad .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .dragList .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0 0.75rem 0;
  color: #343a40;
  width: 42px;
  font-family: "Inter Tight", "Inter", sans-serif;
}
.pageEditor.light .rfoListItem, chapterEditor.light .rfoListItem, .clientGroupEditor.light .rfoListItem, .serviceTypeEditor.light .rfoListItem, .tradeTypeEditor.light .rfoListItem, .ruleBuilder.light .rfoListItem, .courseCredentialEditor.light .rfoListItem {
  padding: 0.95rem 0.5rem;
  font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pageEditor.light .rfoListItem .reordered:before, chapterEditor.light .rfoListItem .reordered:before, .clientGroupEditor.light .rfoListItem .reordered:before, .serviceTypeEditor.light .rfoListItem .reordered:before, .tradeTypeEditor.light .rfoListItem .reordered:before, .ruleBuilder.light .rfoListItem .reordered:before, .courseCredentialEditor.light .rfoListItem .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.pageEditor.light .rfoListItem .list-group, chapterEditor.light .rfoListItem .list-group, .clientGroupEditor.light .rfoListItem .list-group, .serviceTypeEditor.light .rfoListItem .list-group, .tradeTypeEditor.light .rfoListItem .list-group, .ruleBuilder.light .rfoListItem .list-group, .courseCredentialEditor.light .rfoListItem .list-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pageEditor.light .rfoListItem .list-group .list-group-item, chapterEditor.light .rfoListItem .list-group .list-group-item, .clientGroupEditor.light .rfoListItem .list-group .list-group-item, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item, .ruleBuilder.light .rfoListItem .list-group .list-group-item, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.pageEditor.light .rfoListItem .list-group .list-group-item.active, chapterEditor.light .rfoListItem .list-group .list-group-item.active, .clientGroupEditor.light .rfoListItem .list-group .list-group-item.active, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item.active, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item.active, .ruleBuilder.light .rfoListItem .list-group .list-group-item.active, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item.active {
  outline: none;
  z-index: 2;
  color: #343a40;
  background: #ffffff;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.pageEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, chapterEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, .clientGroupEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before, .ruleBuilder.light .rfoListItem .list-group .list-group-item.active .reordered:before, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item.active .reordered:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrows-sort' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ff9900' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9l4 -4l4 4m-4 -4v14' /%3E%3Cpath d='M21 15l-4 4l-4 -4m4 4v-14' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left center;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 12px;
}
.pageEditor.light .rfoListItem .list-group .list-group-item.active:before, chapterEditor.light .rfoListItem .list-group .list-group-item.active:before, .clientGroupEditor.light .rfoListItem .list-group .list-group-item.active:before, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item.active:before, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item.active:before, .ruleBuilder.light .rfoListItem .list-group .list-group-item.active:before, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item.active:before {
  width: 0;
  content: "";
}
.pageEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, chapterEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, .clientGroupEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore, .ruleBuilder.light .rfoListItem .list-group .list-group-item.active > div.ignore, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item.active > div.ignore {
  padding: 0.75rem 0;
}
.pageEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), chapterEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .clientGroupEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .serviceTypeEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .tradeTypeEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .ruleBuilder.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group), .courseCredentialEditor.light .rfoListItem .list-group .list-group-item > div:not(.ignore):not(.list-group) {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  margin: 0;
  width: calc(100% - 0.2rem - 50px);
}
.pageEditor.light .rfoListItem .list-group .list-group-item > div.ignore, chapterEditor.light .rfoListItem .list-group .list-group-item > div.ignore, .clientGroupEditor.light .rfoListItem .list-group .list-group-item > div.ignore, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item > div.ignore, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item > div.ignore, .ruleBuilder.light .rfoListItem .list-group .list-group-item > div.ignore, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item > div.ignore {
  border: none;
  border-radius: 0 !important;
  padding: 0.75rem 0;
  color: #343a40;
  width: 24px;
}
.pageEditor.light .rfoListItem .list-group .list-group-item > span, chapterEditor.light .rfoListItem .list-group .list-group-item > span, .clientGroupEditor.light .rfoListItem .list-group .list-group-item > span, .serviceTypeEditor.light .rfoListItem .list-group .list-group-item > span, .tradeTypeEditor.light .rfoListItem .list-group .list-group-item > span, .ruleBuilder.light .rfoListItem .list-group .list-group-item > span, .courseCredentialEditor.light .rfoListItem .list-group .list-group-item > span {
  display: inline-block;
  padding: 0.75rem 0 0.75rem 1.4rem;
}
.pageEditor.light .rfoListItem .list-group .css-new, chapterEditor.light .rfoListItem .list-group .css-new, .clientGroupEditor.light .rfoListItem .list-group .css-new, .serviceTypeEditor.light .rfoListItem .list-group .css-new, .tradeTypeEditor.light .rfoListItem .list-group .css-new, .ruleBuilder.light .rfoListItem .list-group .css-new, .courseCredentialEditor.light .rfoListItem .list-group .css-new {
  border: 0;
  color: #2B333E;
  padding: 0;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.pageEditor.light .rfoListItem .list-group .css-new > div, chapterEditor.light .rfoListItem .list-group .css-new > div, .clientGroupEditor.light .rfoListItem .list-group .css-new > div, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div, .ruleBuilder.light .rfoListItem .list-group .css-new > div, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.5rem 0;
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:first-child, chapterEditor.light .rfoListItem .list-group .css-new > div > div:first-child, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:first-child, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:first-child, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:first-child, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:first-child, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:first-child {
  width: 35%;
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(2), chapterEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(2), .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(2), .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(2), .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(2), .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:nth-child(2), .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(2) {
  width: 30px;
  text-align: center;
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(3), chapterEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(3), .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(3), .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(3), .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(3), .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:nth-child(3), .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:nth-child(3) {
  width: 50%;
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-color: #fff;
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h1, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-1' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 18v-8l-2 2' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h2, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h3, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-3' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 14a2 2 0 1 0 -2 -2' /%3E%3Cpath d='M17 16a2 2 0 1 0 2 -2' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h4, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-4' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 18v-8l-4 6h5' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h5, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-5' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 18h2a2 2 0 1 0 0 -4h-2v-4h4' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h6, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-h6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-h-6' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle transform='rotate(180 19 16)' cx='19' cy='16' r='2' /%3E%3Cpath d='M21 12a2 2 0 1 0 -4 0v4' /%3E%3Cpath d='M4 6v12' /%3E%3Cpath d='M12 6v12' /%3E%3Cpath d='M11 18h2' /%3E%3Cpath d='M3 18h2' /%3E%3Cpath d='M4 12h8' /%3E%3Cpath d='M3 6h2' /%3E%3Cpath d='M11 6h2' /%3E%3C/svg%3E");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-body, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-body, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-rectangle-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='3' width='14' height='18' rx='2' fill='%2300aaff'/%3E%3C/svg%3E%0A");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-banner, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-banner {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-navbar' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='14' height='18' rx='1' /%3E%3Cline x1='6' y1='9' x2='16' y2='9' /%3E%3Cline x1='6' y1='8' x2='14' y2='8' stroke='%2300aaff' /%3E%3Cline x1='6' y1='7' x2='16' y2='7' stroke='%2300aaff' /%3E%3Cline x1='6' y1='6' x2='16' y2='6' stroke='%2300aaff' /%3E%3C/svg%3E");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-text, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-text, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-text {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-rectangle-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='5' y='3' width='14' height='18' rx='2' /%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='9' y1='6' x2='15' y2='6' stroke='%2300aaff' /%3E%3Cline x1='9' y1='10' x2='15' y2='10' stroke='%2300aaff' /%3E%3Cline x1='9' y1='14' x2='15' y2='14' stroke='%2300aaff' /%3E%3Cline x1='9' y1='18' x2='15' y2='18' stroke='%2300aaff' /%3E%3C/svg%3E%0A");
  background-position: -1px;
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-footer, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-footer {
  background-position: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-navbar' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='6' y='4' width='14' height='18' rx='2' /%3E%3Crect x='7' y='16' width='12' height='4' rx='0' stroke='%2300aaff' fill='%2300aaff' /%3E%3Cline x1='6' y1='16' x2='19' y2='16' stroke-width='1' /%3E%3C/svg%3E%0A");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-back, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-back, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='14 8 10 11 14 15' /%3E%3C/svg%3E ");
  background-position: -2px;
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-next, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-next, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='14 8 10 11 14 15' /%3E%3C/svg%3E ");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px;
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-finish, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-finish {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cline x1='13' y1='11' x2='18' y2='7' /%3E%3Cline x1='13' y1='11' x2='18' y2='15' /%3E%3Cline x1='8' y1='11' x2='13' y2='7' /%3E%3Cline x1='8' y1='11' x2='13' y2='15' /%3E%3C/svg%3E ");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px;
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' fill='%23cccccc' /%3E%3Cpath d='M3 3l18 18' /%3E%3C/svg%3E");
}
.pageEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, chapterEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .clientGroupEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .serviceTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .tradeTypeEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .ruleBuilder.light .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked, .courseCredentialEditor.light .rfoListItem .list-group .css-new > div > div:last-child.ico-clicked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-section' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='18' height='14' rx='1' /%3E%3Cpolyline points='9 11 12 14 18 7' /%3E%3C/svg%3E ");
}
.pageEditor.light #pnlBlocks, chapterEditor.light #pnlBlocks, .clientGroupEditor.light #pnlBlocks, .serviceTypeEditor.light #pnlBlocks, .tradeTypeEditor.light #pnlBlocks, .ruleBuilder.light #pnlBlocks, .courseCredentialEditor.light #pnlBlocks {
  margin-top: -1.25rem;
}
.pageEditor.light .pagemenu, .pageEditor.light .chaptermenu, chapterEditor.light .pagemenu, chapterEditor.light .chaptermenu, .clientGroupEditor.light .pagemenu, .clientGroupEditor.light .chaptermenu, .serviceTypeEditor.light .pagemenu, .serviceTypeEditor.light .chaptermenu, .tradeTypeEditor.light .pagemenu, .tradeTypeEditor.light .chaptermenu, .ruleBuilder.light .pagemenu, .ruleBuilder.light .chaptermenu, .courseCredentialEditor.light .pagemenu, .courseCredentialEditor.light .chaptermenu {
  margin-bottom: -1px;
  padding-left: 10px;
  border-left: 0;
  width: 20px;
  border-top: none;
  border-right: 1px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
}
.pageEditor.light .dropdown-submenu, chapterEditor.light .dropdown-submenu, .clientGroupEditor.light .dropdown-submenu, .serviceTypeEditor.light .dropdown-submenu, .tradeTypeEditor.light .dropdown-submenu, .ruleBuilder.light .dropdown-submenu, .courseCredentialEditor.light .dropdown-submenu {
  position: relative;
  display: block;
  -webkit-transition: height 1s ease;
  transition: height 1s ease;
}
.pageEditor.light .dropdown-menu > a, chapterEditor.light .dropdown-menu > a, .clientGroupEditor.light .dropdown-menu > a, .serviceTypeEditor.light .dropdown-menu > a, .tradeTypeEditor.light .dropdown-menu > a, .ruleBuilder.light .dropdown-menu > a, .courseCredentialEditor.light .dropdown-menu > a {
  white-space: nowrap;
}
.pageEditor.light .dropdown-submenu:hover .dropdown-menu-arrow-down, chapterEditor.light .dropdown-submenu:hover .dropdown-menu-arrow-down, .clientGroupEditor.light .dropdown-submenu:hover .dropdown-menu-arrow-down, .serviceTypeEditor.light .dropdown-submenu:hover .dropdown-menu-arrow-down, .tradeTypeEditor.light .dropdown-submenu:hover .dropdown-menu-arrow-down, .ruleBuilder.light .dropdown-submenu:hover .dropdown-menu-arrow-down, .courseCredentialEditor.light .dropdown-submenu:hover .dropdown-menu-arrow-down {
  display: block;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.pageEditor.light .rangeslider, chapterEditor.light .rangeslider, .clientGroupEditor.light .rangeslider, .serviceTypeEditor.light .rangeslider, .tradeTypeEditor.light .rangeslider, .ruleBuilder.light .rangeslider, .courseCredentialEditor.light .rangeslider {
  position: relative;
}
.pageEditor.light .rangeslider:after, chapterEditor.light .rangeslider:after, .clientGroupEditor.light .rangeslider:after, .serviceTypeEditor.light .rangeslider:after, .tradeTypeEditor.light .rangeslider:after, .ruleBuilder.light .rangeslider:after, .courseCredentialEditor.light .rangeslider:after {
  top: 50%;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 5px;
  position: absolute;
  background: #e1e3ea;
}
.pageEditor.light .rangeslider--horizontal, chapterEditor.light .rangeslider--horizontal, .clientGroupEditor.light .rangeslider--horizontal, .serviceTypeEditor.light .rangeslider--horizontal, .tradeTypeEditor.light .rangeslider--horizontal, .ruleBuilder.light .rangeslider--horizontal, .courseCredentialEditor.light .rangeslider--horizontal {
  width: 100%;
  height: 28px;
}
.pageEditor.light .rangeslider--vertical, chapterEditor.light .rangeslider--vertical, .clientGroupEditor.light .rangeslider--vertical, .serviceTypeEditor.light .rangeslider--vertical, .tradeTypeEditor.light .rangeslider--vertical, .ruleBuilder.light .rangeslider--vertical, .courseCredentialEditor.light .rangeslider--vertical {
  width: 5px;
  min-height: 150px;
  max-height: 100%;
}
.pageEditor.light .rangeslider--disabled, chapterEditor.light .rangeslider--disabled, .clientGroupEditor.light .rangeslider--disabled, .serviceTypeEditor.light .rangeslider--disabled, .tradeTypeEditor.light .rangeslider--disabled, .ruleBuilder.light .rangeslider--disabled, .courseCredentialEditor.light .rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.pageEditor.light .rangeslider__fill, chapterEditor.light .rangeslider__fill, .clientGroupEditor.light .rangeslider__fill, .serviceTypeEditor.light .rangeslider__fill, .tradeTypeEditor.light .rangeslider__fill, .ruleBuilder.light .rangeslider__fill, .courseCredentialEditor.light .rangeslider__fill {
  position: absolute;
  background: #c5d6e0;
}
.pageEditor.light .rangeslider--horizontal .rangeslider__fill, chapterEditor.light .rangeslider--horizontal .rangeslider__fill, .clientGroupEditor.light .rangeslider--horizontal .rangeslider__fill, .serviceTypeEditor.light .rangeslider--horizontal .rangeslider__fill, .tradeTypeEditor.light .rangeslider--horizontal .rangeslider__fill, .ruleBuilder.light .rangeslider--horizontal .rangeslider__fill, .courseCredentialEditor.light .rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.pageEditor.light .rangeslider--vertical .rangeslider__fill, chapterEditor.light .rangeslider--vertical .rangeslider__fill, .clientGroupEditor.light .rangeslider--vertical .rangeslider__fill, .serviceTypeEditor.light .rangeslider--vertical .rangeslider__fill, .tradeTypeEditor.light .rangeslider--vertical .rangeslider__fill, .ruleBuilder.light .rangeslider--vertical .rangeslider__fill, .courseCredentialEditor.light .rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}
.pageEditor.light .rangeslider__handle, chapterEditor.light .rangeslider__handle, .clientGroupEditor.light .rangeslider__handle, .serviceTypeEditor.light .rangeslider__handle, .tradeTypeEditor.light .rangeslider__handle, .ruleBuilder.light .rangeslider__handle, .courseCredentialEditor.light .rangeslider__handle {
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  margin-top: -0.625rem;
  background: white;
  position: absolute;
  background: #c5d6e0;
  border-radius: 50%;
  display: inline-block;
}
.pageEditor.light .rangeslider__handle:active, chapterEditor.light .rangeslider__handle:active, .clientGroupEditor.light .rangeslider__handle:active, .serviceTypeEditor.light .rangeslider__handle:active, .tradeTypeEditor.light .rangeslider__handle:active, .ruleBuilder.light .rangeslider__handle:active, .courseCredentialEditor.light .rangeslider__handle:active {
  background: #ff5a7b;
}
.pageEditor.light .rangeslider__fill,
.pageEditor.light .rangeslider__handle, chapterEditor.light .rangeslider__fill,
chapterEditor.light .rangeslider__handle, .clientGroupEditor.light .rangeslider__fill,
.clientGroupEditor.light .rangeslider__handle, .serviceTypeEditor.light .rangeslider__fill,
.serviceTypeEditor.light .rangeslider__handle, .tradeTypeEditor.light .rangeslider__fill,
.tradeTypeEditor.light .rangeslider__handle, .ruleBuilder.light .rangeslider__fill,
.ruleBuilder.light .rangeslider__handle, .courseCredentialEditor.light .rangeslider__fill,
.courseCredentialEditor.light .rangeslider__handle {
  z-index: 1;
}
.pageEditor.light .rangeslider--horizontal .rangeslider__fill, chapterEditor.light .rangeslider--horizontal .rangeslider__fill, .clientGroupEditor.light .rangeslider--horizontal .rangeslider__fill, .serviceTypeEditor.light .rangeslider--horizontal .rangeslider__fill, .tradeTypeEditor.light .rangeslider--horizontal .rangeslider__fill, .ruleBuilder.light .rangeslider--horizontal .rangeslider__fill, .courseCredentialEditor.light .rangeslider--horizontal .rangeslider__fill {
  top: 50%;
  height: 5px;
  margin-top: -2.5px;
}
.pageEditor .togglemenu, chapterEditor .togglemenu, .clientGroupEditor .togglemenu, .serviceTypeEditor .togglemenu, .tradeTypeEditor .togglemenu, .ruleBuilder .togglemenu, .courseCredentialEditor .togglemenu {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 300;
  color: #5e6773 !important;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  position: relative;
  cursor: pointer;
}
.pageEditor .togglemenu:after, chapterEditor .togglemenu:after, .clientGroupEditor .togglemenu:after, .serviceTypeEditor .togglemenu:after, .tradeTypeEditor .togglemenu:after, .ruleBuilder .togglemenu:after, .courseCredentialEditor .togglemenu:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  font-size: 0.7rem;
  right: 0.5rem;
  top: 0.4rem;
  z-index: 1;
}
.pageEditor .togglemenu:hover, chapterEditor .togglemenu:hover, .clientGroupEditor .togglemenu:hover, .serviceTypeEditor .togglemenu:hover, .tradeTypeEditor .togglemenu:hover, .ruleBuilder .togglemenu:hover, .courseCredentialEditor .togglemenu:hover {
  font-weight: 500;
  color: #00AAFF !important;
}
.pageEditor .dropright, chapterEditor .dropright, .clientGroupEditor .dropright, .serviceTypeEditor .dropright, .tradeTypeEditor .dropright, .ruleBuilder .dropright, .courseCredentialEditor .dropright {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 300;
  color: #5e6773 !important;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.pageEditor .dropright:after, chapterEditor .dropright:after, .clientGroupEditor .dropright:after, .serviceTypeEditor .dropright:after, .tradeTypeEditor .dropright:after, .ruleBuilder .dropright:after, .courseCredentialEditor .dropright:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  font-size: 0.7rem;
  right: 0.5rem;
  top: 0.4rem;
  z-index: 1;
}
.pageEditor .dropright:hover, chapterEditor .dropright:hover, .clientGroupEditor .dropright:hover, .serviceTypeEditor .dropright:hover, .tradeTypeEditor .dropright:hover, .ruleBuilder .dropright:hover, .courseCredentialEditor .dropright:hover {
  font-weight: 500;
  color: #00AAFF !important;
  /*+ .dropdown-menu-arrow-right {
      position: absolute;
      background: #fff;
      display: block;
      top: calc(50% + 1.5rem);
      transition-duration: 0.5s;
  }*/
}
.pageEditor .dropright:hover:after, chapterEditor .dropright:hover:after, .clientGroupEditor .dropright:hover:after, .serviceTypeEditor .dropright:hover:after, .tradeTypeEditor .dropright:hover:after, .ruleBuilder .dropright:hover:after, .courseCredentialEditor .dropright:hover:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: #00AAFF;
  font-size: 0.7rem;
  right: 0.5rem;
  top: 0.4rem;
  z-index: 1;
}
.pageEditor .btn-drop, chapterEditor .btn-drop, .clientGroupEditor .btn-drop, .serviceTypeEditor .btn-drop, .tradeTypeEditor .btn-drop, .ruleBuilder .btn-drop, .courseCredentialEditor .btn-drop {
  z-index: 7 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #000;
  background-color: #dae9f1;
  border: 1px solid #dae9f1;
  /*border-radius: 0.2rem !important;*/
  padding: 6px 22px;
}
.pageEditor .drop-menu-info, chapterEditor .drop-menu-info, .clientGroupEditor .drop-menu-info, .serviceTypeEditor .drop-menu-info, .tradeTypeEditor .drop-menu-info, .ruleBuilder .drop-menu-info, .courseCredentialEditor .drop-menu-info {
  background: #fdfdfd;
  border-top: 1px solid #343a40 !important;
  border-left: 1px solid #343a40 !important;
  border-bottom: 2px solid #343a40 !important;
  border-right: 2px solid #343a40 !important;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pageEditor .drop-menu-def, chapterEditor .drop-menu-def, .clientGroupEditor .drop-menu-def, .serviceTypeEditor .drop-menu-def, .tradeTypeEditor .drop-menu-def, .ruleBuilder .drop-menu-def, .courseCredentialEditor .drop-menu-def {
  background: #dae9f1;
}
.pageEditor .drop-menu, chapterEditor .drop-menu, .clientGroupEditor .drop-menu, .serviceTypeEditor .drop-menu, .tradeTypeEditor .drop-menu, .ruleBuilder .drop-menu, .courseCredentialEditor .drop-menu {
  z-index: 5 !important;
  border: none;
  top: -0.85rem !important;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  min-width: 150px;
  margin-right: 0.5rem;
  border-radius: 0.35rem;
}
.pageEditor .drop-menu .separator, chapterEditor .drop-menu .separator, .clientGroupEditor .drop-menu .separator, .serviceTypeEditor .drop-menu .separator, .tradeTypeEditor .drop-menu .separator, .ruleBuilder .drop-menu .separator, .courseCredentialEditor .drop-menu .separator {
  height: 0.05rem;
  margin-bottom: 0.3rem;
  padding: 0;
  background-color: #343a40;
}
.pageEditor .drop-menu .dropdown-item, chapterEditor .drop-menu .dropdown-item, .clientGroupEditor .drop-menu .dropdown-item, .serviceTypeEditor .drop-menu .dropdown-item, .tradeTypeEditor .drop-menu .dropdown-item, .ruleBuilder .drop-menu .dropdown-item, .courseCredentialEditor .drop-menu .dropdown-item {
  background: transparent;
  color: #000;
  font-family: Inter, Roboto, sans-serif;
  font-weight: 400;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  border-radius: 0px;
  display: block;
  margin-bottom: 5px;
  width: 100%;
}
.pageEditor .drop-menu .dropdown-item:last-child, chapterEditor .drop-menu .dropdown-item:last-child, .clientGroupEditor .drop-menu .dropdown-item:last-child, .serviceTypeEditor .drop-menu .dropdown-item:last-child, .tradeTypeEditor .drop-menu .dropdown-item:last-child, .ruleBuilder .drop-menu .dropdown-item:last-child, .courseCredentialEditor .drop-menu .dropdown-item:last-child {
  border-bottom: none;
}
.pageEditor .drop-menu .dropdown-item:hover, chapterEditor .drop-menu .dropdown-item:hover, .clientGroupEditor .drop-menu .dropdown-item:hover, .serviceTypeEditor .drop-menu .dropdown-item:hover, .tradeTypeEditor .drop-menu .dropdown-item:hover, .ruleBuilder .drop-menu .dropdown-item:hover, .courseCredentialEditor .drop-menu .dropdown-item:hover {
  border-radius: 0.3rem;
  color: #000;
  background: #f0f8ff;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
}
.pageEditor .drop-menu .dropdown-item.fit, chapterEditor .drop-menu .dropdown-item.fit, .clientGroupEditor .drop-menu .dropdown-item.fit, .serviceTypeEditor .drop-menu .dropdown-item.fit, .tradeTypeEditor .drop-menu .dropdown-item.fit, .ruleBuilder .drop-menu .dropdown-item.fit, .courseCredentialEditor .drop-menu .dropdown-item.fit {
  left: -0.5rem;
  width: calc(100% + 1rem);
  position: relative;
  border-radius: 0;
}
.pageEditor .drop-menu .dropdown-item.dark, chapterEditor .drop-menu .dropdown-item.dark, .clientGroupEditor .drop-menu .dropdown-item.dark, .serviceTypeEditor .drop-menu .dropdown-item.dark, .tradeTypeEditor .drop-menu .dropdown-item.dark, .ruleBuilder .drop-menu .dropdown-item.dark, .courseCredentialEditor .drop-menu .dropdown-item.dark {
  background-color: #343a40;
  border: 1px solid #343a40;
  color: #cceeff;
  margin-bottom: 0 !important;
  padding-left: 1rem;
}
.pageEditor .drop-menu .dropdown-item.delete:hover, chapterEditor .drop-menu .dropdown-item.delete:hover, .clientGroupEditor .drop-menu .dropdown-item.delete:hover, .serviceTypeEditor .drop-menu .dropdown-item.delete:hover, .tradeTypeEditor .drop-menu .dropdown-item.delete:hover, .ruleBuilder .drop-menu .dropdown-item.delete:hover, .courseCredentialEditor .drop-menu .dropdown-item.delete:hover {
  color: #000;
  background-color: #fe8e93;
}
.pageEditor .drop-menu .dropdown-item.clear:hover, chapterEditor .drop-menu .dropdown-item.clear:hover, .clientGroupEditor .drop-menu .dropdown-item.clear:hover, .serviceTypeEditor .drop-menu .dropdown-item.clear:hover, .tradeTypeEditor .drop-menu .dropdown-item.clear:hover, .ruleBuilder .drop-menu .dropdown-item.clear:hover, .courseCredentialEditor .drop-menu .dropdown-item.clear:hover {
  color: #343a40;
  background-color: #a3e3c8;
}
.pageEditor.drop-menu-parent, chapterEditor.drop-menu-parent, .clientGroupEditor.drop-menu-parent, .serviceTypeEditor.drop-menu-parent, .tradeTypeEditor.drop-menu-parent, .ruleBuilder.drop-menu-parent, .courseCredentialEditor.drop-menu-parent {
  display: inline-block;
  position: relative;
}
.pageEditor.drop-menu-parent > .drop-menu, chapterEditor.drop-menu-parent > .drop-menu, .clientGroupEditor.drop-menu-parent > .drop-menu, .serviceTypeEditor.drop-menu-parent > .drop-menu, .tradeTypeEditor.drop-menu-parent > .drop-menu, .ruleBuilder.drop-menu-parent > .drop-menu, .courseCredentialEditor.drop-menu-parent > .drop-menu {
  display: none;
  -webkit-box-shadow: 1px 1px 1px #f0f8ff;
          box-shadow: 1px 1px 1px #f0f8ff;
}
.pageEditor.drop-menu-parent:hover > .drop-menu, chapterEditor.drop-menu-parent:hover > .drop-menu, .clientGroupEditor.drop-menu-parent:hover > .drop-menu, .serviceTypeEditor.drop-menu-parent:hover > .drop-menu, .tradeTypeEditor.drop-menu-parent:hover > .drop-menu, .ruleBuilder.drop-menu-parent:hover > .drop-menu, .courseCredentialEditor.drop-menu-parent:hover > .drop-menu {
  display: block;
  position: absolute;
}
.pageEditor.drop-menu-parent:hover > .drop-menu.drop-right, chapterEditor.drop-menu-parent:hover > .drop-menu.drop-right, .clientGroupEditor.drop-menu-parent:hover > .drop-menu.drop-right, .serviceTypeEditor.drop-menu-parent:hover > .drop-menu.drop-right, .tradeTypeEditor.drop-menu-parent:hover > .drop-menu.drop-right, .ruleBuilder.drop-menu-parent:hover > .drop-menu.drop-right, .courseCredentialEditor.drop-menu-parent:hover > .drop-menu.drop-right {
  display: block;
  position: absolute;
  right: -0.5rem;
  border-top-right-radius: 0;
  top: 2.2rem !important;
  z-index: 1031;
}
.pageEditor .dropdown-item:hover, chapterEditor .dropdown-item:hover, .clientGroupEditor .dropdown-item:hover, .serviceTypeEditor .dropdown-item:hover, .tradeTypeEditor .dropdown-item:hover, .ruleBuilder .dropdown-item:hover, .courseCredentialEditor .dropdown-item:hover {
  background: transparent;
  color: #f8f9fa;
  font-family: Inter, Roboto, sans-serif;
  font-weight: 400;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  border-radius: 0px;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
}
.pageEditor .dropdown-item, chapterEditor .dropdown-item, .clientGroupEditor .dropdown-item, .serviceTypeEditor .dropdown-item, .tradeTypeEditor .dropdown-item, .ruleBuilder .dropdown-item, .courseCredentialEditor .dropdown-item {
  font-family: inherit;
  background: #fff;
  color: #5e6773;
  font-weight: 400;
  padding-left: 1.5rem;
  border-radius: 0 6px 6px 6px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.pageEditor .active .offset-right, chapterEditor .active .offset-right, .clientGroupEditor .active .offset-right, .serviceTypeEditor .active .offset-right, .tradeTypeEditor .active .offset-right, .ruleBuilder .active .offset-right, .courseCredentialEditor .active .offset-right {
  float: right;
  margin-right: -10px;
}
.pageEditor i.offset-right, chapterEditor i.offset-right, .clientGroupEditor i.offset-right, .serviceTypeEditor i.offset-right, .tradeTypeEditor i.offset-right, .ruleBuilder i.offset-right, .courseCredentialEditor i.offset-right {
  float: right;
  margin-right: 22px;
}
.pageEditor .cardContainer .row, .pageEditor .cardContainer .card-row, chapterEditor .cardContainer .row, chapterEditor .cardContainer .card-row, .clientGroupEditor .cardContainer .row, .clientGroupEditor .cardContainer .card-row, .serviceTypeEditor .cardContainer .row, .serviceTypeEditor .cardContainer .card-row, .tradeTypeEditor .cardContainer .row, .tradeTypeEditor .cardContainer .card-row, .ruleBuilder .cardContainer .row, .ruleBuilder .cardContainer .card-row, .courseCredentialEditor .cardContainer .row, .courseCredentialEditor .cardContainer .card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
}
.pageEditor .cardContainer .row > .card, .pageEditor .cardContainer .card-row > .card, chapterEditor .cardContainer .row > .card, chapterEditor .cardContainer .card-row > .card, .clientGroupEditor .cardContainer .row > .card, .clientGroupEditor .cardContainer .card-row > .card, .serviceTypeEditor .cardContainer .row > .card, .serviceTypeEditor .cardContainer .card-row > .card, .tradeTypeEditor .cardContainer .row > .card, .tradeTypeEditor .cardContainer .card-row > .card, .ruleBuilder .cardContainer .row > .card, .ruleBuilder .cardContainer .card-row > .card, .courseCredentialEditor .cardContainer .row > .card, .courseCredentialEditor .cardContainer .card-row > .card {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  border: none;
}
.pageEditor .cardContainer .row > .card .card-body, .pageEditor .cardContainer .card-row > .card .card-body, chapterEditor .cardContainer .row > .card .card-body, chapterEditor .cardContainer .card-row > .card .card-body, .clientGroupEditor .cardContainer .row > .card .card-body, .clientGroupEditor .cardContainer .card-row > .card .card-body, .serviceTypeEditor .cardContainer .row > .card .card-body, .serviceTypeEditor .cardContainer .card-row > .card .card-body, .tradeTypeEditor .cardContainer .row > .card .card-body, .tradeTypeEditor .cardContainer .card-row > .card .card-body, .ruleBuilder .cardContainer .row > .card .card-body, .ruleBuilder .cardContainer .card-row > .card .card-body, .courseCredentialEditor .cardContainer .row > .card .card-body, .courseCredentialEditor .cardContainer .card-row > .card .card-body {
  padding: 0.5rem 0;
}
.pageEditor .cardContainer .row > .card .card-image:focus-within, .pageEditor .cardContainer .card-row > .card .card-image:focus-within, chapterEditor .cardContainer .row > .card .card-image:focus-within, chapterEditor .cardContainer .card-row > .card .card-image:focus-within, .clientGroupEditor .cardContainer .row > .card .card-image:focus-within, .clientGroupEditor .cardContainer .card-row > .card .card-image:focus-within, .serviceTypeEditor .cardContainer .row > .card .card-image:focus-within, .serviceTypeEditor .cardContainer .card-row > .card .card-image:focus-within, .tradeTypeEditor .cardContainer .row > .card .card-image:focus-within, .tradeTypeEditor .cardContainer .card-row > .card .card-image:focus-within, .ruleBuilder .cardContainer .row > .card .card-image:focus-within, .ruleBuilder .cardContainer .card-row > .card .card-image:focus-within, .courseCredentialEditor .cardContainer .row > .card .card-image:focus-within, .courseCredentialEditor .cardContainer .card-row > .card .card-image:focus-within {
  border: 1px dotted #00AAFF;
}
.pageEditor .cardContainer .row > .card .card-image img.no-image, .pageEditor .cardContainer .card-row > .card .card-image img.no-image, chapterEditor .cardContainer .row > .card .card-image img.no-image, chapterEditor .cardContainer .card-row > .card .card-image img.no-image, .clientGroupEditor .cardContainer .row > .card .card-image img.no-image, .clientGroupEditor .cardContainer .card-row > .card .card-image img.no-image, .serviceTypeEditor .cardContainer .row > .card .card-image img.no-image, .serviceTypeEditor .cardContainer .card-row > .card .card-image img.no-image, .tradeTypeEditor .cardContainer .row > .card .card-image img.no-image, .tradeTypeEditor .cardContainer .card-row > .card .card-image img.no-image, .ruleBuilder .cardContainer .row > .card .card-image img.no-image, .ruleBuilder .cardContainer .card-row > .card .card-image img.no-image, .courseCredentialEditor .cardContainer .row > .card .card-image img.no-image, .courseCredentialEditor .cardContainer .card-row > .card .card-image img.no-image {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24' fill='currentColor' class='icon icon-tabler icons-tabler-filled icon-tabler-photo'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8.813 11.612c.457 -.38 .918 -.38 1.386 .011l.108 .098l4.986 4.986l.094 .083a1 1 0 0 0 1.403 -1.403l-.083 -.094l-1.292 -1.293l.292 -.293l.106 -.095c.457 -.38 .918 -.38 1.386 .011l.108 .098l4.674 4.675a4 4 0 0 1 -3.775 3.599l-.206 .005h-12a4 4 0 0 1 -3.98 -3.603l6.687 -6.69l.106 -.095zm9.187 -9.612a4 4 0 0 1 3.995 3.8l.005 .2v9.585l-3.293 -3.292l-.15 -.137c-1.256 -1.095 -2.85 -1.097 -4.096 -.017l-.154 .14l-.307 .306l-2.293 -2.292l-.15 -.137c-1.256 -1.095 -2.85 -1.097 -4.096 -.017l-.154 .14l-5.307 5.306v-9.585a4 4 0 0 1 3.8 -3.995l.2 -.005h12zm-2.99 5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 150px;
  border: 1px dashed #272e38;
  border-radius: 0.35rem;
  opacity: 0.1;
  text-indent: -10000px;
}
.pageEditor .cardContainer .row > .card .card-image img.no-image:focus, .pageEditor .cardContainer .card-row > .card .card-image img.no-image:focus, chapterEditor .cardContainer .row > .card .card-image img.no-image:focus, chapterEditor .cardContainer .card-row > .card .card-image img.no-image:focus, .clientGroupEditor .cardContainer .row > .card .card-image img.no-image:focus, .clientGroupEditor .cardContainer .card-row > .card .card-image img.no-image:focus, .serviceTypeEditor .cardContainer .row > .card .card-image img.no-image:focus, .serviceTypeEditor .cardContainer .card-row > .card .card-image img.no-image:focus, .tradeTypeEditor .cardContainer .row > .card .card-image img.no-image:focus, .tradeTypeEditor .cardContainer .card-row > .card .card-image img.no-image:focus, .ruleBuilder .cardContainer .row > .card .card-image img.no-image:focus, .ruleBuilder .cardContainer .card-row > .card .card-image img.no-image:focus, .courseCredentialEditor .cardContainer .row > .card .card-image img.no-image:focus, .courseCredentialEditor .cardContainer .card-row > .card .card-image img.no-image:focus {
  opacity: 1 !important;
}
.pageEditor .cardContainer .row > .card .card-image img.no-image > img[src=""], .pageEditor .cardContainer .card-row > .card .card-image img.no-image > img[src=""], chapterEditor .cardContainer .row > .card .card-image img.no-image > img[src=""], chapterEditor .cardContainer .card-row > .card .card-image img.no-image > img[src=""], .clientGroupEditor .cardContainer .row > .card .card-image img.no-image > img[src=""], .clientGroupEditor .cardContainer .card-row > .card .card-image img.no-image > img[src=""], .serviceTypeEditor .cardContainer .row > .card .card-image img.no-image > img[src=""], .serviceTypeEditor .cardContainer .card-row > .card .card-image img.no-image > img[src=""], .tradeTypeEditor .cardContainer .row > .card .card-image img.no-image > img[src=""], .tradeTypeEditor .cardContainer .card-row > .card .card-image img.no-image > img[src=""], .ruleBuilder .cardContainer .row > .card .card-image img.no-image > img[src=""], .ruleBuilder .cardContainer .card-row > .card .card-image img.no-image > img[src=""], .courseCredentialEditor .cardContainer .row > .card .card-image img.no-image > img[src=""], .courseCredentialEditor .cardContainer .card-row > .card .card-image img.no-image > img[src=""] {
  display: contents;
}
.pageEditor .cardContainer .card-col, chapterEditor .cardContainer .card-col, .clientGroupEditor .cardContainer .card-col, .serviceTypeEditor .cardContainer .card-col, .tradeTypeEditor .cardContainer .card-col, .ruleBuilder .cardContainer .card-col, .courseCredentialEditor .cardContainer .card-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  width: 100%;
}
.pageEditor .cardContainer .card-col > .card, chapterEditor .cardContainer .card-col > .card, .clientGroupEditor .cardContainer .card-col > .card, .serviceTypeEditor .cardContainer .card-col > .card, .tradeTypeEditor .cardContainer .card-col > .card, .ruleBuilder .cardContainer .card-col > .card, .courseCredentialEditor .cardContainer .card-col > .card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: none;
  margin-bottom: 0.5rem;
}
.pageEditor .cardContainer .card-col > .card > .split-33, chapterEditor .cardContainer .card-col > .card > .split-33, .clientGroupEditor .cardContainer .card-col > .card > .split-33, .serviceTypeEditor .cardContainer .card-col > .card > .split-33, .tradeTypeEditor .cardContainer .card-col > .card > .split-33, .ruleBuilder .cardContainer .card-col > .card > .split-33, .courseCredentialEditor .cardContainer .card-col > .card > .split-33 {
  width: 33%;
}
.pageEditor .cardContainer .card-col > .card > .split-67, chapterEditor .cardContainer .card-col > .card > .split-67, .clientGroupEditor .cardContainer .card-col > .card > .split-67, .serviceTypeEditor .cardContainer .card-col > .card > .split-67, .tradeTypeEditor .cardContainer .card-col > .card > .split-67, .ruleBuilder .cardContainer .card-col > .card > .split-67, .courseCredentialEditor .cardContainer .card-col > .card > .split-67 {
  width: 67%;
}
.pageEditor .cardContainer .card-col > .card > .split-50, chapterEditor .cardContainer .card-col > .card > .split-50, .clientGroupEditor .cardContainer .card-col > .card > .split-50, .serviceTypeEditor .cardContainer .card-col > .card > .split-50, .tradeTypeEditor .cardContainer .card-col > .card > .split-50, .ruleBuilder .cardContainer .card-col > .card > .split-50, .courseCredentialEditor .cardContainer .card-col > .card > .split-50 {
  width: 50%;
}
.pageEditor .cardContainer .card-col > .card > .card-body, chapterEditor .cardContainer .card-col > .card > .card-body, .clientGroupEditor .cardContainer .card-col > .card > .card-body, .serviceTypeEditor .cardContainer .card-col > .card > .card-body, .tradeTypeEditor .cardContainer .card-col > .card > .card-body, .ruleBuilder .cardContainer .card-col > .card > .card-body, .courseCredentialEditor .cardContainer .card-col > .card > .card-body {
  padding: 0 0.5rem;
}
.pageEditor .cardContainer .card-col > .card .card-image:focus-within, chapterEditor .cardContainer .card-col > .card .card-image:focus-within, .clientGroupEditor .cardContainer .card-col > .card .card-image:focus-within, .serviceTypeEditor .cardContainer .card-col > .card .card-image:focus-within, .tradeTypeEditor .cardContainer .card-col > .card .card-image:focus-within, .ruleBuilder .cardContainer .card-col > .card .card-image:focus-within, .courseCredentialEditor .cardContainer .card-col > .card .card-image:focus-within {
  border: 1px dotted #00AAFF;
}
.pageEditor .cardContainer .card-col > .card .card-image img.no-image, chapterEditor .cardContainer .card-col > .card .card-image img.no-image, .clientGroupEditor .cardContainer .card-col > .card .card-image img.no-image, .serviceTypeEditor .cardContainer .card-col > .card .card-image img.no-image, .tradeTypeEditor .cardContainer .card-col > .card .card-image img.no-image, .ruleBuilder .cardContainer .card-col > .card .card-image img.no-image, .courseCredentialEditor .cardContainer .card-col > .card .card-image img.no-image {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 24 24' fill='currentColor' class='icon icon-tabler icons-tabler-filled icon-tabler-photo'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8.813 11.612c.457 -.38 .918 -.38 1.386 .011l.108 .098l4.986 4.986l.094 .083a1 1 0 0 0 1.403 -1.403l-.083 -.094l-1.292 -1.293l.292 -.293l.106 -.095c.457 -.38 .918 -.38 1.386 .011l.108 .098l4.674 4.675a4 4 0 0 1 -3.775 3.599l-.206 .005h-12a4 4 0 0 1 -3.98 -3.603l6.687 -6.69l.106 -.095zm9.187 -9.612a4 4 0 0 1 3.995 3.8l.005 .2v9.585l-3.293 -3.292l-.15 -.137c-1.256 -1.095 -2.85 -1.097 -4.096 -.017l-.154 .14l-.307 .306l-2.293 -2.292l-.15 -.137c-1.256 -1.095 -2.85 -1.097 -4.096 -.017l-.154 .14l-5.307 5.306v-9.585a4 4 0 0 1 3.8 -3.995l.2 -.005h12zm-2.99 5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 100px;
  border: 1px dashed #272e38;
  border-radius: 0.35rem;
  opacity: 0.1;
  text-indent: -10000px;
  height: 165px;
}
.pageEditor .cardContainer .card-col > .card .card-image img.no-image:focus, chapterEditor .cardContainer .card-col > .card .card-image img.no-image:focus, .clientGroupEditor .cardContainer .card-col > .card .card-image img.no-image:focus, .serviceTypeEditor .cardContainer .card-col > .card .card-image img.no-image:focus, .tradeTypeEditor .cardContainer .card-col > .card .card-image img.no-image:focus, .ruleBuilder .cardContainer .card-col > .card .card-image img.no-image:focus, .courseCredentialEditor .cardContainer .card-col > .card .card-image img.no-image:focus {
  opacity: 1;
}
.pageEditor .cardContainer .card-col > .card .card-image img.no-image:focus-within, chapterEditor .cardContainer .card-col > .card .card-image img.no-image:focus-within, .clientGroupEditor .cardContainer .card-col > .card .card-image img.no-image:focus-within, .serviceTypeEditor .cardContainer .card-col > .card .card-image img.no-image:focus-within, .tradeTypeEditor .cardContainer .card-col > .card .card-image img.no-image:focus-within, .ruleBuilder .cardContainer .card-col > .card .card-image img.no-image:focus-within, .courseCredentialEditor .cardContainer .card-col > .card .card-image img.no-image:focus-within {
  border-color: #00AAFF;
  opacity: 1;
}
.pageEditor .cardContainer .card-col > .card .card-image img.no-image.split-33, chapterEditor .cardContainer .card-col > .card .card-image img.no-image.split-33, .clientGroupEditor .cardContainer .card-col > .card .card-image img.no-image.split-33, .serviceTypeEditor .cardContainer .card-col > .card .card-image img.no-image.split-33, .tradeTypeEditor .cardContainer .card-col > .card .card-image img.no-image.split-33, .ruleBuilder .cardContainer .card-col > .card .card-image img.no-image.split-33, .courseCredentialEditor .cardContainer .card-col > .card .card-image img.no-image.split-33 {
  width: 33%;
}
.pageEditor .cardContainer .card-col > .card .card-image img.no-image.split-50, chapterEditor .cardContainer .card-col > .card .card-image img.no-image.split-50, .clientGroupEditor .cardContainer .card-col > .card .card-image img.no-image.split-50, .serviceTypeEditor .cardContainer .card-col > .card .card-image img.no-image.split-50, .tradeTypeEditor .cardContainer .card-col > .card .card-image img.no-image.split-50, .ruleBuilder .cardContainer .card-col > .card .card-image img.no-image.split-50, .courseCredentialEditor .cardContainer .card-col > .card .card-image img.no-image.split-50 {
  width: 50%;
}
.pageEditor .cardContainer .card-col > .card .card-image img.no-image.split-67, chapterEditor .cardContainer .card-col > .card .card-image img.no-image.split-67, .clientGroupEditor .cardContainer .card-col > .card .card-image img.no-image.split-67, .serviceTypeEditor .cardContainer .card-col > .card .card-image img.no-image.split-67, .tradeTypeEditor .cardContainer .card-col > .card .card-image img.no-image.split-67, .ruleBuilder .cardContainer .card-col > .card .card-image img.no-image.split-67, .courseCredentialEditor .cardContainer .card-col > .card .card-image img.no-image.split-67 {
  width: 67%;
}
.pageEditor .cardContainer .card-col > .card .card-image img.no-image > img[src=""], chapterEditor .cardContainer .card-col > .card .card-image img.no-image > img[src=""], .clientGroupEditor .cardContainer .card-col > .card .card-image img.no-image > img[src=""], .serviceTypeEditor .cardContainer .card-col > .card .card-image img.no-image > img[src=""], .tradeTypeEditor .cardContainer .card-col > .card .card-image img.no-image > img[src=""], .ruleBuilder .cardContainer .card-col > .card .card-image img.no-image > img[src=""], .courseCredentialEditor .cardContainer .card-col > .card .card-image img.no-image > img[src=""] {
  display: contents;
}
.pageEditor .cardContainer .imageAlignLeft, chapterEditor .cardContainer .imageAlignLeft, .clientGroupEditor .cardContainer .imageAlignLeft, .serviceTypeEditor .cardContainer .imageAlignLeft, .tradeTypeEditor .cardContainer .imageAlignLeft, .ruleBuilder .cardContainer .imageAlignLeft, .courseCredentialEditor .cardContainer .imageAlignLeft {
  margin-right: auto !important;
}
.pageEditor .cardContainer .imageAlignCenter, chapterEditor .cardContainer .imageAlignCenter, .clientGroupEditor .cardContainer .imageAlignCenter, .serviceTypeEditor .cardContainer .imageAlignCenter, .tradeTypeEditor .cardContainer .imageAlignCenter, .ruleBuilder .cardContainer .imageAlignCenter, .courseCredentialEditor .cardContainer .imageAlignCenter {
  margin-left: auto !important;
  margin-right: auto !important;
}
.pageEditor .cardContainer .imageAlignRight, chapterEditor .cardContainer .imageAlignRight, .clientGroupEditor .cardContainer .imageAlignRight, .serviceTypeEditor .cardContainer .imageAlignRight, .tradeTypeEditor .cardContainer .imageAlignRight, .ruleBuilder .cardContainer .imageAlignRight, .courseCredentialEditor .cardContainer .imageAlignRight {
  margin-left: auto !important;
}
.pageEditor .cardContainer .imageAlignTop, chapterEditor .cardContainer .imageAlignTop, .clientGroupEditor .cardContainer .imageAlignTop, .serviceTypeEditor .cardContainer .imageAlignTop, .tradeTypeEditor .cardContainer .imageAlignTop, .ruleBuilder .cardContainer .imageAlignTop, .courseCredentialEditor .cardContainer .imageAlignTop {
  margin-bottom: auto !important;
}
.pageEditor .cardContainer .imageAlignBottom, chapterEditor .cardContainer .imageAlignBottom, .clientGroupEditor .cardContainer .imageAlignBottom, .serviceTypeEditor .cardContainer .imageAlignBottom, .tradeTypeEditor .cardContainer .imageAlignBottom, .ruleBuilder .cardContainer .imageAlignBottom, .courseCredentialEditor .cardContainer .imageAlignBottom {
  margin-top: auto !important;
}
.pageEditor .cardContainer .imageAlignMiddle, chapterEditor .cardContainer .imageAlignMiddle, .clientGroupEditor .cardContainer .imageAlignMiddle, .serviceTypeEditor .cardContainer .imageAlignMiddle, .tradeTypeEditor .cardContainer .imageAlignMiddle, .ruleBuilder .cardContainer .imageAlignMiddle, .courseCredentialEditor .cardContainer .imageAlignMiddle {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.row-gallery-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 50%);
}

.row-gallery-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 33%);
}

.row-gallery-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 25%);
}

.row-gallery-5 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 20%);
}

.row-gallery-6 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 16.67%);
}

.resizeDiv > img.no-image {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24' fill='currentColor' class='icon icon-tabler icons-tabler-filled icon-tabler-photo'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8.813 11.612c.457 -.38 .918 -.38 1.386 .011l.108 .098l4.986 4.986l.094 .083a1 1 0 0 0 1.403 -1.403l-.083 -.094l-1.292 -1.293l.292 -.293l.106 -.095c.457 -.38 .918 -.38 1.386 .011l.108 .098l4.674 4.675a4 4 0 0 1 -3.775 3.599l-.206 .005h-12a4 4 0 0 1 -3.98 -3.603l6.687 -6.69l.106 -.095zm9.187 -9.612a4 4 0 0 1 3.995 3.8l.005 .2v9.585l-3.293 -3.292l-.15 -.137c-1.256 -1.095 -2.85 -1.097 -4.096 -.017l-.154 .14l-.307 .306l-2.293 -2.292l-.15 -.137c-1.256 -1.095 -2.85 -1.097 -4.096 -.017l-.154 .14l-5.307 5.306v-9.585a4 4 0 0 1 3.8 -3.995l.2 -.005h12zm-2.99 5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 150px;
  border: 1px dashed #272e38;
  border-radius: 0.35rem;
  opacity: 0.1;
  text-indent: -10000px;
}
.resizeDiv > img.no-image:focus {
  opacity: 1 !important;
}
.resizeDiv > img.no-image > img[src=""] {
  display: contents;
}

.ls-card-header {
  background: transparent;
  font-weight: 500;
  text-transform: uppercase;
  padding: 1.25rem 0.75rem;
  color: #2CC2BE;
}

.catLink {
  text-align: center;
  width: 4.18rem;
  font-size: 2rem;
  padding: 0.5rem;
  border-right: 1px solid #e1e3ea;
  border-bottom: 1px solid #e1e3ea;
  cursor: pointer;
}

.dropdown-menu-arrow-right {
  position: absolute;
  left: 160px !important;
  margin-top: -30px;
  margin-left: -20px;
  border-radius: 0 6px 6px 6px;
  display: none;
  background: #fff;
  border: 1px solid #dee2e6 !important;
  width: 160px;
  z-index: 2;
}

.dropdown-menu {
  background: #fff;
  z-index: 1031;
}

.slidedown {
  position: relative;
  left: 0px !important;
  width: 100%;
  z-index: 2;
}
.slidedown a.dropdown-item {
  background: transparent;
  padding-left: 25%;
}
.slidedown a.dropdown-item:hover {
  color: #ea4c89;
  border-radius: 0;
  background: #fff;
  padding-left: 16%;
  text-decoration: none;
}
.slidedown a.dropdown-item:hover:before {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: #ea4c89;
  font-size: 0.6rem;
  padding-right: 0.5rem;
  top: -1px;
}

.animateitem {
  -webkit-animation: drop 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: drop 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 1;
}

@-webkit-keyframes drop {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes drop {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.upLeft {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-up-right' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232196F3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='16' y1='4' x2='4' y2='4' /%3E%3Cline x1='4' y1='16' x2='4' y2='4' /%3E%3Cline x1='7' y1='7' x2='17' y2='17' /%3E%3Cpolyline points='16 7 7 7 7 16' /%3E%3C/svg%3E%0A");
  padding: 0.9rem;
  background-position: center center;
}

.upRight {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-up-right' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232196F3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='3' x2='8' y2='3' /%3E%3Cline x1='21' y1='3' x2='21' y2='16' /%3E%3Cline x1='17' y1='7' x2='7' y2='17' /%3E%3Cpolyline points='8 7 17 7 17 16' /%3E%3C/svg%3E%0A");
  padding: 0.9rem;
  background-position: center center;
}

.downLeft {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-up-right' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232196F3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='16' y1='20' x2='4' y2='20' /%3E%3Cline x1='4' y1='20' x2='4' y2='8' /%3E%3Cline x1='17' y1='7' x2='7' y2='17' /%3E%3Cpolyline points='16 17 7 17 7 8' /%3E%3C/svg%3E%0A");
  padding: 0.9rem;
  background-position: center center;
}

.downRight {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-up-right' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232196F3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='20' y1='20' x2='8' y2='20' /%3E%3Cline x1='20' y1='20' x2='20' y2='8' /%3E%3Cline x1='7' y1='7' x2='17' y2='17' /%3E%3Cpolyline points='17 8 17 17 8 17' /%3E%3C/svg%3E%0A");
  padding: 0.9rem;
  background-position: center center;
}

.up {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-to-up' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232196F3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='10' x2='12' y2='20' /%3E%3Cline x1='12' y1='10' x2='16' y2='14' /%3E%3Cline x1='12' y1='10' x2='8' y2='14' /%3E%3Cline x1='4' y1='4' x2='20' y2='4' /%3E%3C/svg%3E");
  padding: 0.9rem;
  background-position: center center;
}

.down {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-to-down' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232196F3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='20' x2='20' y2='20' /%3E%3Cline x1='12' y1='14' x2='12' y2='4' /%3E%3Cline x1='12' y1='14' x2='16' y2='10' /%3E%3Cline x1='12' y1='14' x2='8' y2='10' /%3E%3C/svg%3E");
  padding: 0.9rem;
  background-position: center center;
}

.leftPos {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-to-left' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232196F3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='7' y1='12' x2='20' y2='12' /%3E%3Cline x1='7' y1='12' x2='14' y2='18' /%3E%3Cline x1='7' y1='12' x2='14' y2='6' /%3E%3Cline x1='4' y1='4' x2='4' y2='20' /%3E%3C/svg%3E");
  padding: 0.9rem;
  background-position: center center;
}

.rightPos {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-to-right' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232196F3' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='17' y1='12' x2='4' y2='12' /%3E%3Cline x1='17' y1='12' x2='10' y2='18' /%3E%3Cline x1='17' y1='12' x2='10' y2='6' /%3E%3Cline x1='20' y1='4' x2='20' y2='20' /%3E%3C/svg%3E");
  padding: 0.9rem;
  background-position: center center;
}

.centerPos {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-square' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232196F3' fill='%232196F3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3C/svg%3E");
  padding: 0.9rem;
  background-position: center center;
}

@supports (-ms-ime-align: auto) {
  .tab-content, .tab-pane {
    height: auto !important;
    background: transparent;
  }
}
.dark .lse > div {
  position: relative;
  background-color: #f8f9fa !important;
}
.dark .lseicon:after {
  top: -3.2rem;
}

.resizable {
  position: relative;
}

.resize-grip {
  background: url(/assets/vendor/jquery-resizable/assets/wingrip.png) no-repeat;
  position: absolute;
  width: 16px;
  height: 16px;
  padding: 4px;
  bottom: 16px;
  right: 16px;
  cursor: nwse-resize;
}

.resizeInlineDiv {
  /*> .resizers {
      width: 100%;
      height: 100%;
      border: 3px solid #4286f4;
      box-sizing: border-box;

      > .resizer {
          width: 10px;
          height: 10px;
          border-radius: 50%;*/ /*magic to turn square into circle*/
  /*background: white;
          position: absolute;

          .top-left {
              left: -5px;
              top: -5px;
              cursor: nwse-resize;*/ /*resizer cursor*/
  /*}

          .bottom-left {
              left: -5px;
              bottom: -5px;
              cursor: nesw-resize;
          }

          .top-right {
              right: -5px;
              top: -5px;
              cursor: nesw-resize;
          }

          .bottom-right {
              right: -5px;
              bottom: -5px;
              cursor: nwse-resize;
          }
      }
  }*/
}
.resizeInlineDiv > .resizers {
  z-index: 5;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid red;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  display: none;
}
.resizeInlineDiv > .resizers .resizer {
  width: 10px;
  height: 10px;
  border-radius: 50%; /*magic to turn square into circle*/
  background: white;
  border: 3px solid red;
  position: absolute;
}
.resizeInlineDiv > .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
  cursor: nwse-resize; /*resizer cursor*/
}
.resizeInlineDiv > .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
  cursor: nesw-resize;
}
.resizeInlineDiv > .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
  cursor: nesw-resize;
}
.resizeInlineDiv > .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
  cursor: nwse-resize;
}
.resizeInlineDiv > .resizers .resizer.mid-right {
  right: -6px;
  top: calc(50% - 5px);
  cursor: ew-resize;
}
.resizeInlineDiv > .resizers .resizer.mid-left {
  left: -6px;
  top: calc(50% - 5px);
  cursor: ew-resize;
}
.resizeInlineDiv > .resizers .resizer.top-mid {
  left: calc(50% - 5px);
  top: -6px;
  cursor: ns-resize;
}
.resizeInlineDiv > .resizers .resizer.bottom-mid {
  left: calc(50% - 5px);
  bottom: -6px;
  cursor: ns-resize;
}
.resizeInlineDiv > .resizers.show {
  display: block;
}

ul.iconic-list {
  list-style: none;
  padding: 1rem;
}
ul.iconic-list li > span:first-child .icon {
  font-size: 1.5rem;
  margin-right: 0.25rem;
}
ul.iconic-list li > span:last-child {
  font-size: 0.85rem;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
}
ul.iconic-list.small li > span:first-child .icon {
  font-size: 1.5rem;
}
ul.iconic-list.small li > span:last-child {
  width: calc(100% - 1.5rem);
  min-height: 2rem;
}
ul.iconic-list.medium li > span:first-child .icon {
  font-size: 2.5rem;
}
ul.iconic-list.medium li > span:last-child {
  width: calc(100% - 2rem);
  min-height: 2.87rem;
}
ul.iconic-list.large li > span:first-child .icon {
  font-size: 3.5rem;
}
ul.iconic-list.large li > span:last-child {
  width: calc(100% - 6rem);
  min-height: 3.7rem;
}
ul.iconic-list li {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  list-style: none;
}

.respContainer .custom-control-ls {
  width: 100%;
}
.respContainer .resp-label {
  font-size: inherit !important;
  width: 100%;
}

#designerProps .designer-accordion {
  overflow-y: auto;
}
#designerProps .designer-accordion > div > .dAccordian {
  background-color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 0.725rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #00AAFF !important;
  border-bottom: 1px solid #dee2e6;
  text-decoration: none;
  font-weight: 300;
}
#designerProps .designer-accordion > div > .dAccordian.active {
  font-weight: 500;
  border-bottom: none;
}
#designerProps .designer-accordion > div > .dAccordian.active:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-plus' width='18' height='18' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236366f1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 5l0 14'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0.85rem;
  color: #00AAFF;
  position: absolute;
  right: 0.5rem;
}
#designerProps .designer-accordion > div > .dAccordian:after {
  font-size: 0.85rem;
  color: #00AAFF;
  position: absolute;
  right: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-minus'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0' /%3E%3C/svg%3E");
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
#designerProps .designer-accordion > div > .dAccordian:hover {
  font-weight: 500;
}
#designerProps .designer-accordion > div > .dAccordian + .panel {
  padding: 0.5rem;
  background-color: white;
  display: none;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid #dee2e6;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  margin-bottom: 0;
}
#designerProps .designer-accordion > div > .dAccordian.active + .panel {
  padding: 0.5rem;
  background-color: white;
  display: block;
  overflow: hidden;
  border: none;
  border-bottom: 1px solid #dee2e6;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  margin-bottom: 0;
}

@font-face {
  font-family: "Jaldi";
  src: url("/Fonts/Jaldi/Jaldi-Regular.eot");
  src: url("/Fonts/Jaldi/Jaldi-Regular.eot?#iefix") format("embedded-opentype"), url("/Fonts/Jaldi/Jaldi-Regular.woff2") format("woff2"), url("/Fonts/Jaldi/Jaldi-Regular.woff") format("woff"), url("/Fonts/Jaldi/Jaldi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/Fonts/OpenSans/OpenSans-Regular.eot");
  src: url("/Fonts/OpenSans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/Fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("/Fonts/OpenSans/OpenSans-Regular.woff") format("woff"), url("/Fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans Condensed";
  src: url("/Fonts/OpenSansCondensed/OpenSansCondensed-Light.eot");
  src: url("/Fonts/OpenSansCondensed/OpenSansCondensed-Light.eot?#iefix") format("embedded-opentype"), url("/Fonts/OpenSansCondensed/OpenSansCondensed-Light.woff2") format("woff2"), url("/Fonts/OpenSansCondensed/OpenSansCondensed-Light.woff") format("woff"), url("/Fonts/OpenSansCondensed/OpenSansCondensed-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/Fonts/Materialicons/") format("woff2");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(_Sass/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local("/Fonts/Materialicons/Material Icons"), local("/Fonts/Materialicons/MaterialIcons-Regular"), url("/Fonts/Materialicons/MaterialIcons-Regular.woff2") format("woff2"), url("/Fonts/Materialicons/MaterialIcons-Regular.woff") format("/Fonts/Materialicons/woff"), url("/Fonts/Materialicons/MaterialIcons-Regular.ttf") format("truetype");
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-regular.woff2") format("woff2"), url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-regular.woff") format("woff"), url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-regular.ttf") format("truetype"), url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-regular.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-700.eot"); /* IE9 Compat Modes */
  src: url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-700.eot?#iefix") format("embedded-opentype"), url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-700.woff2") format("woff2"), url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-700.woff") format("woff"), url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-700.ttf") format("truetype"), url("/Fonts/RobotoCondensed/roboto-condensed-v19-latin-700.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("/Fonts/Roboto/roboto-v20-latin-300.eot");
  src: url("/Fonts/Roboto/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("/Fonts/Roboto/roboto-v20-latin-300.woff2") format("woff2"), url("/Fonts/Roboto/roboto-v20-latin-300.woff") format("woff"), url("/Fonts/Roboto/roboto-v20-latin-300.ttf") format("truetype");
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/Fonts/Roboto/roboto-v20-latin-regular.eot");
  src: url("/Fonts/Roboto/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("/Fonts/Roboto/roboto-v20-latin-regular.woff2") format("woff2"), url("/Fonts/Roboto/roboto-v20-latin-regular.woff") format("woff"), url("/Fonts/Roboto/roboto-v20-latin-regular.ttf") format("truetype");
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/Fonts/Roboto/roboto-v20-latin-500.eot");
  src: url("/Fonts/Roboto/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("/Fonts/Roboto/roboto-v20-latin-500.woff2") format("woff2"), url("/Fonts/Roboto/roboto-v20-latin-500.woff") format("woff"), url("/Fonts/Roboto/roboto-v20-latin-500.ttf") format("truetype");
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  src: url("/Fonts/Roboto/roboto-v20-latin-700.eot");
  src: url("/Fonts/Roboto/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("/Fonts/Roboto/roboto-v20-latin-700.woff2") format("woff2"), url("/Fonts/Roboto/roboto-v20-latin-700.woff") format("woff"), url("/Fonts/Roboto/roboto-v20-latin-700.ttf") format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: "liga";
          font-feature-settings: "liga";
}

.font-jaldi {
  font-family: "Jaldi", sans-serif;
}

.font-open-sans {
  font-family: "Open Sans", sans-serif;
}

.font-open-sans-condensed {
  font-family: "Open Sans Condensed", sans-serif;
}

/* lato-300italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src: local(""), url("/Fonts/Lato/lato-v17-latin-300italic.woff2") format("woff2"), url("/Fonts/Lato/lato-v17-latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/Fonts/Lato/lato-v17-latin-regular.woff2") format("woff2"), url("/Fonts/Lato/lato-v17-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("/Fonts/Lato/lato-v17-latin-700.woff2") format("woff2"), url("/Fonts/Lato/lato-v17-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* abel-regular - latin */
@font-face {
  font-family: "Abel";
  font-style: normal;
  font-weight: 400;
  src: url("/Fonts/Abel/abel-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("/Fonts/Abel/abel-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("/Fonts/Abel/abel-v12-latin-regular.woff2") format("woff2"), url("/Fonts/Abel/abel-v12-latin-regular.woff") format("woff"), url("/Fonts/Abel/abel-v12-latin-regular.ttf") format("truetype"), url("/Fonts/Abel/abel-v12-latin-regular.svg#Abel") format("svg"); /* Legacy iOS */
}
/* inter-300 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("/Fonts/Inter/inter-v3-latin-300.woff2") format("woff2"), url("/Fonts/Inter/inter-v3-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-regular - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/Fonts/Inter/inter-v3-latin-regular.woff2") format("woff2"), url("/Fonts/Inter/inter-v3-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-500 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: local(""), url("/Fonts/Inter/inter-v3-latin-500.woff2") format("woff2"), url("/Fonts/Inter/inter-v3-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-600 - latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("/Fonts/Inter/inter-v3-latin-600.woff2") format("woff2"), url("/Fonts/Inter/inter-v3-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*!
 * Tabler Icons 2.32.0 by tabler - https://tabler.io
 * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
 */
@font-face {
  font-family: "tabler-icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/TablerIcons//tabler-icons.eot?v2.32.0");
  src: url("/fonts/TablerIcons//tabler-icons.eot?#iefix-v2.32.0") format("embedded-opentype"), url("/fonts/TablerIcons//tabler-icons.woff2?v2.32.0") format("woff2"), url("/fonts/TablerIcons//tabler-icons.woff?") format("woff"), url("/fonts/TablerIcons//tabler-icons.ttf?v2.32.0") format("truetype");
}
.ti {
  font-family: "tabler-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ti-12-hours:before {
  content: "\fc53";
}

.ti-123:before {
  content: "\f554";
}

.ti-24-hours:before {
  content: "\f5e7";
}

.ti-2fa:before {
  content: "\eca0";
}

.ti-360:before {
  content: "\f62f";
}

.ti-360-view:before {
  content: "\f566";
}

.ti-3d-cube-sphere:before {
  content: "\ecd7";
}

.ti-3d-cube-sphere-off:before {
  content: "\f3b5";
}

.ti-3d-rotate:before {
  content: "\f020";
}

.ti-a-b:before {
  content: "\ec36";
}

.ti-a-b-2:before {
  content: "\f25f";
}

.ti-a-b-off:before {
  content: "\f0a6";
}

.ti-abacus:before {
  content: "\f05c";
}

.ti-abacus-off:before {
  content: "\f3b6";
}

.ti-abc:before {
  content: "\f567";
}

.ti-access-point:before {
  content: "\ed1b";
}

.ti-access-point-off:before {
  content: "\ed1a";
}

.ti-accessible:before {
  content: "\eba9";
}

.ti-accessible-off:before {
  content: "\f0a7";
}

.ti-accessible-off-filled:before {
  content: "\f6ea";
}

.ti-activity:before {
  content: "\ed23";
}

.ti-activity-heartbeat:before {
  content: "\f0db";
}

.ti-ad:before {
  content: "\ea02";
}

.ti-ad-2:before {
  content: "\ef1f";
}

.ti-ad-circle:before {
  content: "\f79e";
}

.ti-ad-circle-filled:before {
  content: "\f7d3";
}

.ti-ad-circle-off:before {
  content: "\f79d";
}

.ti-ad-filled:before {
  content: "\f6eb";
}

.ti-ad-off:before {
  content: "\f3b7";
}

.ti-address-book:before {
  content: "\f021";
}

.ti-address-book-off:before {
  content: "\f3b8";
}

.ti-adjustments:before {
  content: "\ea03";
}

.ti-adjustments-alt:before {
  content: "\ec37";
}

.ti-adjustments-bolt:before {
  content: "\f7fb";
}

.ti-adjustments-cancel:before {
  content: "\f7fc";
}

.ti-adjustments-check:before {
  content: "\f7fd";
}

.ti-adjustments-code:before {
  content: "\f7fe";
}

.ti-adjustments-cog:before {
  content: "\f7ff";
}

.ti-adjustments-dollar:before {
  content: "\f800";
}

.ti-adjustments-down:before {
  content: "\f801";
}

.ti-adjustments-exclamation:before {
  content: "\f802";
}

.ti-adjustments-filled:before {
  content: "\f6ec";
}

.ti-adjustments-heart:before {
  content: "\f803";
}

.ti-adjustments-horizontal:before {
  content: "\ec38";
}

.ti-adjustments-minus:before {
  content: "\f804";
}

.ti-adjustments-off:before {
  content: "\f0a8";
}

.ti-adjustments-pause:before {
  content: "\f805";
}

.ti-adjustments-pin:before {
  content: "\f806";
}

.ti-adjustments-plus:before {
  content: "\f807";
}

.ti-adjustments-question:before {
  content: "\f808";
}

.ti-adjustments-search:before {
  content: "\f809";
}

.ti-adjustments-share:before {
  content: "\f80a";
}

.ti-adjustments-star:before {
  content: "\f80b";
}

.ti-adjustments-up:before {
  content: "\f80c";
}

.ti-adjustments-x:before {
  content: "\f80d";
}

.ti-aerial-lift:before {
  content: "\edfe";
}

.ti-affiliate:before {
  content: "\edff";
}

.ti-affiliate-filled:before {
  content: "\f6ed";
}

.ti-air-balloon:before {
  content: "\f4a6";
}

.ti-air-conditioning:before {
  content: "\f3a2";
}

.ti-air-conditioning-disabled:before {
  content: "\f542";
}

.ti-air-traffic-control:before {
  content: "\fb01";
}

.ti-alarm:before {
  content: "\ea04";
}

.ti-alarm-filled:before {
  content: "\f709";
}

.ti-alarm-minus:before {
  content: "\f630";
}

.ti-alarm-minus-filled:before {
  content: "\f70a";
}

.ti-alarm-off:before {
  content: "\f0a9";
}

.ti-alarm-plus:before {
  content: "\f631";
}

.ti-alarm-plus-filled:before {
  content: "\f70b";
}

.ti-alarm-snooze:before {
  content: "\f632";
}

.ti-alarm-snooze-filled:before {
  content: "\f70c";
}

.ti-album:before {
  content: "\f022";
}

.ti-album-off:before {
  content: "\f3b9";
}

.ti-alert-circle:before {
  content: "\ea05";
}

.ti-alert-circle-filled:before {
  content: "\f6ee";
}

.ti-alert-hexagon:before {
  content: "\f80e";
}

.ti-alert-hexagon-filled:before {
  content: "\fa34";
}

.ti-alert-octagon:before {
  content: "\ecc6";
}

.ti-alert-octagon-filled:before {
  content: "\f6ef";
}

.ti-alert-small:before {
  content: "\f80f";
}

.ti-alert-square:before {
  content: "\f811";
}

.ti-alert-square-filled:before {
  content: "\fa35";
}

.ti-alert-square-rounded:before {
  content: "\f810";
}

.ti-alert-square-rounded-filled:before {
  content: "\fa36";
}

.ti-alert-triangle:before {
  content: "\ea06";
}

.ti-alert-triangle-filled:before {
  content: "\f6f0";
}

.ti-alien:before {
  content: "\ebde";
}

.ti-alien-filled:before {
  content: "\f70d";
}

.ti-align-box-bottom-center:before {
  content: "\f530";
}

.ti-align-box-bottom-center-filled:before {
  content: "\f70e";
}

.ti-align-box-bottom-left:before {
  content: "\f531";
}

.ti-align-box-bottom-left-filled:before {
  content: "\f70f";
}

.ti-align-box-bottom-right:before {
  content: "\f532";
}

.ti-align-box-bottom-right-filled:before {
  content: "\f710";
}

.ti-align-box-center-bottom:before {
  content: "\facb";
}

.ti-align-box-center-middle:before {
  content: "\f79f";
}

.ti-align-box-center-middle-filled:before {
  content: "\f7d4";
}

.ti-align-box-center-stretch:before {
  content: "\facc";
}

.ti-align-box-center-top:before {
  content: "\facd";
}

.ti-align-box-left-bottom:before {
  content: "\f533";
}

.ti-align-box-left-bottom-filled:before {
  content: "\f711";
}

.ti-align-box-left-middle:before {
  content: "\f534";
}

.ti-align-box-left-middle-filled:before {
  content: "\f712";
}

.ti-align-box-left-stretch:before {
  content: "\face";
}

.ti-align-box-left-top:before {
  content: "\f535";
}

.ti-align-box-left-top-filled:before {
  content: "\f713";
}

.ti-align-box-right-bottom:before {
  content: "\f536";
}

.ti-align-box-right-bottom-filled:before {
  content: "\f714";
}

.ti-align-box-right-middle:before {
  content: "\f537";
}

.ti-align-box-right-middle-filled:before {
  content: "\f7d5";
}

.ti-align-box-right-stretch:before {
  content: "\facf";
}

.ti-align-box-right-top:before {
  content: "\f538";
}

.ti-align-box-right-top-filled:before {
  content: "\f715";
}

.ti-align-box-top-center:before {
  content: "\f539";
}

.ti-align-box-top-center-filled:before {
  content: "\f716";
}

.ti-align-box-top-left:before {
  content: "\f53a";
}

.ti-align-box-top-left-filled:before {
  content: "\f717";
}

.ti-align-box-top-right:before {
  content: "\f53b";
}

.ti-align-box-top-right-filled:before {
  content: "\f718";
}

.ti-align-center:before {
  content: "\ea07";
}

.ti-align-justified:before {
  content: "\ea08";
}

.ti-align-left:before {
  content: "\ea09";
}

.ti-align-right:before {
  content: "\ea0a";
}

.ti-alpha:before {
  content: "\f543";
}

.ti-alphabet-cyrillic:before {
  content: "\f1df";
}

.ti-alphabet-greek:before {
  content: "\f1e0";
}

.ti-alphabet-latin:before {
  content: "\f1e1";
}

.ti-alt:before {
  content: "\fc54";
}

.ti-ambulance:before {
  content: "\ebf5";
}

.ti-ampersand:before {
  content: "\f229";
}

.ti-analyze:before {
  content: "\f3a3";
}

.ti-analyze-filled:before {
  content: "\f719";
}

.ti-analyze-off:before {
  content: "\f3ba";
}

.ti-anchor:before {
  content: "\eb76";
}

.ti-anchor-off:before {
  content: "\f0f7";
}

.ti-angle:before {
  content: "\ef20";
}

.ti-ankh:before {
  content: "\f1cd";
}

.ti-antenna:before {
  content: "\f094";
}

.ti-antenna-bars-1:before {
  content: "\ecc7";
}

.ti-antenna-bars-2:before {
  content: "\ecc8";
}

.ti-antenna-bars-3:before {
  content: "\ecc9";
}

.ti-antenna-bars-4:before {
  content: "\ecca";
}

.ti-antenna-bars-5:before {
  content: "\eccb";
}

.ti-antenna-bars-off:before {
  content: "\f0aa";
}

.ti-antenna-off:before {
  content: "\f3bb";
}

.ti-aperture:before {
  content: "\eb58";
}

.ti-aperture-off:before {
  content: "\f3bc";
}

.ti-api:before {
  content: "\effd";
}

.ti-api-app:before {
  content: "\effc";
}

.ti-api-app-off:before {
  content: "\f0ab";
}

.ti-api-off:before {
  content: "\f0f8";
}

.ti-app-window:before {
  content: "\efe6";
}

.ti-app-window-filled:before {
  content: "\f71a";
}

.ti-apple:before {
  content: "\ef21";
}

.ti-apps:before {
  content: "\ebb6";
}

.ti-apps-filled:before {
  content: "\f6f1";
}

.ti-apps-off:before {
  content: "\f0ac";
}

.ti-archery-arrow:before {
  content: "\fc55";
}

.ti-archive:before {
  content: "\ea0b";
}

.ti-archive-filled:before {
  content: "\fa82";
}

.ti-archive-off:before {
  content: "\f0ad";
}

.ti-armchair:before {
  content: "\ef9e";
}

.ti-armchair-2:before {
  content: "\efe7";
}

.ti-armchair-2-off:before {
  content: "\f3bd";
}

.ti-armchair-off:before {
  content: "\f3be";
}

.ti-arrow-autofit-content:before {
  content: "\ef31";
}

.ti-arrow-autofit-content-filled:before {
  content: "\f6f2";
}

.ti-arrow-autofit-down:before {
  content: "\ef32";
}

.ti-arrow-autofit-height:before {
  content: "\ef33";
}

.ti-arrow-autofit-left:before {
  content: "\ef34";
}

.ti-arrow-autofit-right:before {
  content: "\ef35";
}

.ti-arrow-autofit-up:before {
  content: "\ef36";
}

.ti-arrow-autofit-width:before {
  content: "\ef37";
}

.ti-arrow-back:before {
  content: "\ea0c";
}

.ti-arrow-back-up:before {
  content: "\eb77";
}

.ti-arrow-back-up-double:before {
  content: "\f9ec";
}

.ti-arrow-badge-down:before {
  content: "\f60b";
}

.ti-arrow-badge-down-filled:before {
  content: "\f7d6";
}

.ti-arrow-badge-left:before {
  content: "\f60c";
}

.ti-arrow-badge-left-filled:before {
  content: "\f7d7";
}

.ti-arrow-badge-right:before {
  content: "\f60d";
}

.ti-arrow-badge-right-filled:before {
  content: "\f7d8";
}

.ti-arrow-badge-up:before {
  content: "\f60e";
}

.ti-arrow-badge-up-filled:before {
  content: "\f7d9";
}

.ti-arrow-bar-both:before {
  content: "\fadd";
}

.ti-arrow-bar-down:before {
  content: "\ea0d";
}

.ti-arrow-bar-left:before {
  content: "\ea0e";
}

.ti-arrow-bar-right:before {
  content: "\ea0f";
}

.ti-arrow-bar-to-down:before {
  content: "\ec88";
}

.ti-arrow-bar-to-left:before {
  content: "\ec89";
}

.ti-arrow-bar-to-right:before {
  content: "\ec8a";
}

.ti-arrow-bar-to-up:before {
  content: "\ec8b";
}

.ti-arrow-bar-up:before {
  content: "\ea10";
}

.ti-arrow-bear-left:before {
  content: "\f045";
}

.ti-arrow-bear-left-2:before {
  content: "\f044";
}

.ti-arrow-bear-right:before {
  content: "\f047";
}

.ti-arrow-bear-right-2:before {
  content: "\f046";
}

.ti-arrow-big-down:before {
  content: "\edda";
}

.ti-arrow-big-down-filled:before {
  content: "\f6c6";
}

.ti-arrow-big-down-line:before {
  content: "\efe8";
}

.ti-arrow-big-down-line-filled:before {
  content: "\f6c7";
}

.ti-arrow-big-down-lines:before {
  content: "\efe9";
}

.ti-arrow-big-down-lines-filled:before {
  content: "\f6c8";
}

.ti-arrow-big-left:before {
  content: "\eddb";
}

.ti-arrow-big-left-filled:before {
  content: "\f6c9";
}

.ti-arrow-big-left-line:before {
  content: "\efea";
}

.ti-arrow-big-left-line-filled:before {
  content: "\f6ca";
}

.ti-arrow-big-left-lines:before {
  content: "\efeb";
}

.ti-arrow-big-left-lines-filled:before {
  content: "\f6cb";
}

.ti-arrow-big-right:before {
  content: "\eddc";
}

.ti-arrow-big-right-filled:before {
  content: "\f6cc";
}

.ti-arrow-big-right-line:before {
  content: "\efec";
}

.ti-arrow-big-right-line-filled:before {
  content: "\f6cd";
}

.ti-arrow-big-right-lines:before {
  content: "\efed";
}

.ti-arrow-big-right-lines-filled:before {
  content: "\f6ce";
}

.ti-arrow-big-up:before {
  content: "\eddd";
}

.ti-arrow-big-up-filled:before {
  content: "\f6cf";
}

.ti-arrow-big-up-line:before {
  content: "\efee";
}

.ti-arrow-big-up-line-filled:before {
  content: "\f6d0";
}

.ti-arrow-big-up-lines:before {
  content: "\efef";
}

.ti-arrow-big-up-lines-filled:before {
  content: "\f6d1";
}

.ti-arrow-bounce:before {
  content: "\f3a4";
}

.ti-arrow-capsule:before {
  content: "\fade";
}

.ti-arrow-curve-left:before {
  content: "\f048";
}

.ti-arrow-curve-right:before {
  content: "\f049";
}

.ti-arrow-down:before {
  content: "\ea16";
}

.ti-arrow-down-bar:before {
  content: "\ed98";
}

.ti-arrow-down-circle:before {
  content: "\ea11";
}

.ti-arrow-down-left:before {
  content: "\ea13";
}

.ti-arrow-down-left-circle:before {
  content: "\ea12";
}

.ti-arrow-down-rhombus:before {
  content: "\f61d";
}

.ti-arrow-down-right:before {
  content: "\ea15";
}

.ti-arrow-down-right-circle:before {
  content: "\ea14";
}

.ti-arrow-down-square:before {
  content: "\ed9a";
}

.ti-arrow-down-tail:before {
  content: "\ed9b";
}

.ti-arrow-elbow-left:before {
  content: "\f9ed";
}

.ti-arrow-elbow-right:before {
  content: "\f9ee";
}

.ti-arrow-fork:before {
  content: "\f04a";
}

.ti-arrow-forward:before {
  content: "\ea17";
}

.ti-arrow-forward-up:before {
  content: "\eb78";
}

.ti-arrow-forward-up-double:before {
  content: "\f9ef";
}

.ti-arrow-guide:before {
  content: "\f22a";
}

.ti-arrow-iteration:before {
  content: "\f578";
}

.ti-arrow-left:before {
  content: "\ea19";
}

.ti-arrow-left-bar:before {
  content: "\ed9c";
}

.ti-arrow-left-circle:before {
  content: "\ea18";
}

.ti-arrow-left-rhombus:before {
  content: "\f61e";
}

.ti-arrow-left-right:before {
  content: "\f04b";
}

.ti-arrow-left-square:before {
  content: "\ed9d";
}

.ti-arrow-left-tail:before {
  content: "\ed9e";
}

.ti-arrow-loop-left:before {
  content: "\ed9f";
}

.ti-arrow-loop-left-2:before {
  content: "\f04c";
}

.ti-arrow-loop-right:before {
  content: "\eda0";
}

.ti-arrow-loop-right-2:before {
  content: "\f04d";
}

.ti-arrow-merge:before {
  content: "\f04e";
}

.ti-arrow-merge-both:before {
  content: "\f23b";
}

.ti-arrow-merge-left:before {
  content: "\f23c";
}

.ti-arrow-merge-right:before {
  content: "\f23d";
}

.ti-arrow-move-down:before {
  content: "\f2ba";
}

.ti-arrow-move-left:before {
  content: "\f2bb";
}

.ti-arrow-move-right:before {
  content: "\f2bc";
}

.ti-arrow-move-up:before {
  content: "\f2bd";
}

.ti-arrow-narrow-down:before {
  content: "\ea1a";
}

.ti-arrow-narrow-left:before {
  content: "\ea1b";
}

.ti-arrow-narrow-right:before {
  content: "\ea1c";
}

.ti-arrow-narrow-up:before {
  content: "\ea1d";
}

.ti-arrow-ramp-left:before {
  content: "\ed3c";
}

.ti-arrow-ramp-left-2:before {
  content: "\f04f";
}

.ti-arrow-ramp-left-3:before {
  content: "\f050";
}

.ti-arrow-ramp-right:before {
  content: "\ed3d";
}

.ti-arrow-ramp-right-2:before {
  content: "\f051";
}

.ti-arrow-ramp-right-3:before {
  content: "\f052";
}

.ti-arrow-right:before {
  content: "\ea1f";
}

.ti-arrow-right-bar:before {
  content: "\eda1";
}

.ti-arrow-right-circle:before {
  content: "\ea1e";
}

.ti-arrow-right-rhombus:before {
  content: "\f61f";
}

.ti-arrow-right-square:before {
  content: "\eda2";
}

.ti-arrow-right-tail:before {
  content: "\eda3";
}

.ti-arrow-rotary-first-left:before {
  content: "\f053";
}

.ti-arrow-rotary-first-right:before {
  content: "\f054";
}

.ti-arrow-rotary-last-left:before {
  content: "\f055";
}

.ti-arrow-rotary-last-right:before {
  content: "\f056";
}

.ti-arrow-rotary-left:before {
  content: "\f057";
}

.ti-arrow-rotary-right:before {
  content: "\f058";
}

.ti-arrow-rotary-straight:before {
  content: "\f059";
}

.ti-arrow-roundabout-left:before {
  content: "\f22b";
}

.ti-arrow-roundabout-right:before {
  content: "\f22c";
}

.ti-arrow-sharp-turn-left:before {
  content: "\f05a";
}

.ti-arrow-sharp-turn-right:before {
  content: "\f05b";
}

.ti-arrow-up:before {
  content: "\ea25";
}

.ti-arrow-up-bar:before {
  content: "\eda4";
}

.ti-arrow-up-circle:before {
  content: "\ea20";
}

.ti-arrow-up-left:before {
  content: "\ea22";
}

.ti-arrow-up-left-circle:before {
  content: "\ea21";
}

.ti-arrow-up-rhombus:before {
  content: "\f620";
}

.ti-arrow-up-right:before {
  content: "\ea24";
}

.ti-arrow-up-right-circle:before {
  content: "\ea23";
}

.ti-arrow-up-square:before {
  content: "\eda6";
}

.ti-arrow-up-tail:before {
  content: "\eda7";
}

.ti-arrow-wave-left-down:before {
  content: "\eda8";
}

.ti-arrow-wave-left-up:before {
  content: "\eda9";
}

.ti-arrow-wave-right-down:before {
  content: "\edaa";
}

.ti-arrow-wave-right-up:before {
  content: "\edab";
}

.ti-arrow-zig-zag:before {
  content: "\f4a7";
}

.ti-arrows-cross:before {
  content: "\effe";
}

.ti-arrows-diagonal:before {
  content: "\ea27";
}

.ti-arrows-diagonal-2:before {
  content: "\ea26";
}

.ti-arrows-diagonal-minimize:before {
  content: "\ef39";
}

.ti-arrows-diagonal-minimize-2:before {
  content: "\ef38";
}

.ti-arrows-diff:before {
  content: "\f296";
}

.ti-arrows-double-ne-sw:before {
  content: "\edde";
}

.ti-arrows-double-nw-se:before {
  content: "\eddf";
}

.ti-arrows-double-se-nw:before {
  content: "\ede0";
}

.ti-arrows-double-sw-ne:before {
  content: "\ede1";
}

.ti-arrows-down:before {
  content: "\edad";
}

.ti-arrows-down-up:before {
  content: "\edac";
}

.ti-arrows-exchange:before {
  content: "\f1f4";
}

.ti-arrows-exchange-2:before {
  content: "\f1f3";
}

.ti-arrows-horizontal:before {
  content: "\eb59";
}

.ti-arrows-join:before {
  content: "\edaf";
}

.ti-arrows-join-2:before {
  content: "\edae";
}

.ti-arrows-left:before {
  content: "\edb1";
}

.ti-arrows-left-down:before {
  content: "\ee00";
}

.ti-arrows-left-right:before {
  content: "\edb0";
}

.ti-arrows-maximize:before {
  content: "\ea28";
}

.ti-arrows-minimize:before {
  content: "\ea29";
}

.ti-arrows-move:before {
  content: "\f22f";
}

.ti-arrows-move-horizontal:before {
  content: "\f22d";
}

.ti-arrows-move-vertical:before {
  content: "\f22e";
}

.ti-arrows-random:before {
  content: "\f095";
}

.ti-arrows-right:before {
  content: "\edb3";
}

.ti-arrows-right-down:before {
  content: "\ee01";
}

.ti-arrows-right-left:before {
  content: "\edb2";
}

.ti-arrows-shuffle:before {
  content: "\f000";
}

.ti-arrows-shuffle-2:before {
  content: "\efff";
}

.ti-arrows-sort:before {
  content: "\eb5a";
}

.ti-arrows-split:before {
  content: "\edb5";
}

.ti-arrows-split-2:before {
  content: "\edb4";
}

.ti-arrows-transfer-down:before {
  content: "\f2cc";
}

.ti-arrows-transfer-up:before {
  content: "\f2cd";
}

.ti-arrows-up:before {
  content: "\edb7";
}

.ti-arrows-up-down:before {
  content: "\edb6";
}

.ti-arrows-up-left:before {
  content: "\ee02";
}

.ti-arrows-up-right:before {
  content: "\ee03";
}

.ti-arrows-vertical:before {
  content: "\eb5b";
}

.ti-artboard:before {
  content: "\ea2a";
}

.ti-artboard-filled:before {
  content: "\fa83";
}

.ti-artboard-off:before {
  content: "\f0ae";
}

.ti-article:before {
  content: "\f1e2";
}

.ti-article-filled-filled:before {
  content: "\f7da";
}

.ti-article-off:before {
  content: "\f3bf";
}

.ti-aspect-ratio:before {
  content: "\ed30";
}

.ti-aspect-ratio-filled:before {
  content: "\f7db";
}

.ti-aspect-ratio-off:before {
  content: "\f0af";
}

.ti-assembly:before {
  content: "\f24d";
}

.ti-assembly-off:before {
  content: "\f3c0";
}

.ti-asset:before {
  content: "\f1ce";
}

.ti-asterisk:before {
  content: "\efd5";
}

.ti-asterisk-simple:before {
  content: "\efd4";
}

.ti-at:before {
  content: "\ea2b";
}

.ti-at-off:before {
  content: "\f0b0";
}

.ti-atom:before {
  content: "\eb79";
}

.ti-atom-2:before {
  content: "\ebdf";
}

.ti-atom-2-filled:before {
  content: "\f71b";
}

.ti-atom-off:before {
  content: "\f0f9";
}

.ti-augmented-reality:before {
  content: "\f023";
}

.ti-augmented-reality-2:before {
  content: "\f37e";
}

.ti-augmented-reality-off:before {
  content: "\f3c1";
}

.ti-award:before {
  content: "\ea2c";
}

.ti-award-filled:before {
  content: "\f71c";
}

.ti-award-off:before {
  content: "\f0fa";
}

.ti-axe:before {
  content: "\ef9f";
}

.ti-axis-x:before {
  content: "\ef45";
}

.ti-axis-y:before {
  content: "\ef46";
}

.ti-baby-bottle:before {
  content: "\f5d2";
}

.ti-baby-carriage:before {
  content: "\f05d";
}

.ti-backhoe:before {
  content: "\ed86";
}

.ti-backpack:before {
  content: "\ef47";
}

.ti-backpack-off:before {
  content: "\f3c2";
}

.ti-backslash:before {
  content: "\fab9";
}

.ti-backspace:before {
  content: "\ea2d";
}

.ti-backspace-filled:before {
  content: "\f7dc";
}

.ti-badge:before {
  content: "\efc2";
}

.ti-badge-3d:before {
  content: "\f555";
}

.ti-badge-4k:before {
  content: "\f556";
}

.ti-badge-8k:before {
  content: "\f557";
}

.ti-badge-ad:before {
  content: "\f558";
}

.ti-badge-ar:before {
  content: "\f559";
}

.ti-badge-cc:before {
  content: "\f55a";
}

.ti-badge-filled:before {
  content: "\f667";
}

.ti-badge-hd:before {
  content: "\f55b";
}

.ti-badge-off:before {
  content: "\f0fb";
}

.ti-badge-sd:before {
  content: "\f55c";
}

.ti-badge-tm:before {
  content: "\f55d";
}

.ti-badge-vo:before {
  content: "\f55e";
}

.ti-badge-vr:before {
  content: "\f55f";
}

.ti-badge-wc:before {
  content: "\f560";
}

.ti-badges:before {
  content: "\efc3";
}

.ti-badges-filled:before {
  content: "\f7dd";
}

.ti-badges-off:before {
  content: "\f0fc";
}

.ti-baguette:before {
  content: "\f3a5";
}

.ti-ball-american-football:before {
  content: "\ee04";
}

.ti-ball-american-football-off:before {
  content: "\f3c3";
}

.ti-ball-baseball:before {
  content: "\efa0";
}

.ti-ball-basketball:before {
  content: "\ec28";
}

.ti-ball-bowling:before {
  content: "\ec29";
}

.ti-ball-football:before {
  content: "\ee06";
}

.ti-ball-football-off:before {
  content: "\ee05";
}

.ti-ball-tennis:before {
  content: "\ec2a";
}

.ti-ball-volleyball:before {
  content: "\ec2b";
}

.ti-balloon:before {
  content: "\ef3a";
}

.ti-balloon-filled:before {
  content: "\fa84";
}

.ti-balloon-off:before {
  content: "\f0fd";
}

.ti-ballpen:before {
  content: "\f06e";
}

.ti-ballpen-filled:before {
  content: "\fa85";
}

.ti-ballpen-off:before {
  content: "\f0b1";
}

.ti-ban:before {
  content: "\ea2e";
}

.ti-bandage:before {
  content: "\eb7a";
}

.ti-bandage-filled:before {
  content: "\f7de";
}

.ti-bandage-off:before {
  content: "\f3c4";
}

.ti-barbell:before {
  content: "\eff0";
}

.ti-barbell-off:before {
  content: "\f0b2";
}

.ti-barcode:before {
  content: "\ebc6";
}

.ti-barcode-off:before {
  content: "\f0b3";
}

.ti-barrel:before {
  content: "\f0b4";
}

.ti-barrel-off:before {
  content: "\f0fe";
}

.ti-barrier-block:before {
  content: "\f00e";
}

.ti-barrier-block-off:before {
  content: "\f0b5";
}

.ti-baseline:before {
  content: "\f024";
}

.ti-baseline-density-large:before {
  content: "\f9f0";
}

.ti-baseline-density-medium:before {
  content: "\f9f1";
}

.ti-baseline-density-small:before {
  content: "\f9f2";
}

.ti-basket:before {
  content: "\ebe1";
}

.ti-basket-bolt:before {
  content: "\fb43";
}

.ti-basket-cancel:before {
  content: "\fb44";
}

.ti-basket-check:before {
  content: "\fb45";
}

.ti-basket-code:before {
  content: "\fb46";
}

.ti-basket-cog:before {
  content: "\fb47";
}

.ti-basket-discount:before {
  content: "\fb48";
}

.ti-basket-dollar:before {
  content: "\fb49";
}

.ti-basket-down:before {
  content: "\fb4a";
}

.ti-basket-exclamation:before {
  content: "\fb4b";
}

.ti-basket-filled:before {
  content: "\f7df";
}

.ti-basket-heart:before {
  content: "\fb4c";
}

.ti-basket-minus:before {
  content: "\fb4d";
}

.ti-basket-off:before {
  content: "\f0b6";
}

.ti-basket-pause:before {
  content: "\fb4e";
}

.ti-basket-pin:before {
  content: "\fb4f";
}

.ti-basket-plus:before {
  content: "\fb50";
}

.ti-basket-question:before {
  content: "\fb51";
}

.ti-basket-search:before {
  content: "\fb52";
}

.ti-basket-share:before {
  content: "\fb53";
}

.ti-basket-star:before {
  content: "\fb54";
}

.ti-basket-up:before {
  content: "\fb55";
}

.ti-basket-x:before {
  content: "\fb56";
}

.ti-bat:before {
  content: "\f284";
}

.ti-bath:before {
  content: "\ef48";
}

.ti-bath-filled:before {
  content: "\f71d";
}

.ti-bath-off:before {
  content: "\f0ff";
}

.ti-battery:before {
  content: "\ea34";
}

.ti-battery-1:before {
  content: "\ea2f";
}

.ti-battery-1-filled:before {
  content: "\f71e";
}

.ti-battery-2:before {
  content: "\ea30";
}

.ti-battery-2-filled:before {
  content: "\f71f";
}

.ti-battery-3:before {
  content: "\ea31";
}

.ti-battery-3-filled:before {
  content: "\f720";
}

.ti-battery-4:before {
  content: "\ea32";
}

.ti-battery-4-filled:before {
  content: "\f721";
}

.ti-battery-automotive:before {
  content: "\ee07";
}

.ti-battery-charging:before {
  content: "\ea33";
}

.ti-battery-charging-2:before {
  content: "\ef3b";
}

.ti-battery-eco:before {
  content: "\ef3c";
}

.ti-battery-filled:before {
  content: "\f668";
}

.ti-battery-off:before {
  content: "\ed1c";
}

.ti-beach:before {
  content: "\ef3d";
}

.ti-beach-off:before {
  content: "\f0b7";
}

.ti-bed:before {
  content: "\eb5c";
}

.ti-bed-filled:before {
  content: "\f7e0";
}

.ti-bed-off:before {
  content: "\f100";
}

.ti-beer:before {
  content: "\efa1";
}

.ti-beer-filled:before {
  content: "\f7e1";
}

.ti-beer-off:before {
  content: "\f101";
}

.ti-bell:before {
  content: "\ea35";
}

.ti-bell-bolt:before {
  content: "\f812";
}

.ti-bell-cancel:before {
  content: "\f813";
}

.ti-bell-check:before {
  content: "\f814";
}

.ti-bell-code:before {
  content: "\f815";
}

.ti-bell-cog:before {
  content: "\f816";
}

.ti-bell-dollar:before {
  content: "\f817";
}

.ti-bell-down:before {
  content: "\f818";
}

.ti-bell-exclamation:before {
  content: "\f819";
}

.ti-bell-filled:before {
  content: "\f669";
}

.ti-bell-heart:before {
  content: "\f81a";
}

.ti-bell-minus:before {
  content: "\ede2";
}

.ti-bell-minus-filled:before {
  content: "\f722";
}

.ti-bell-off:before {
  content: "\ece9";
}

.ti-bell-pause:before {
  content: "\f81b";
}

.ti-bell-pin:before {
  content: "\f81c";
}

.ti-bell-plus:before {
  content: "\ede3";
}

.ti-bell-plus-filled:before {
  content: "\f723";
}

.ti-bell-question:before {
  content: "\f81d";
}

.ti-bell-ringing:before {
  content: "\ed07";
}

.ti-bell-ringing-2:before {
  content: "\ede4";
}

.ti-bell-ringing-2-filled:before {
  content: "\f724";
}

.ti-bell-ringing-filled:before {
  content: "\f725";
}

.ti-bell-school:before {
  content: "\f05e";
}

.ti-bell-search:before {
  content: "\f81e";
}

.ti-bell-share:before {
  content: "\f81f";
}

.ti-bell-star:before {
  content: "\f820";
}

.ti-bell-up:before {
  content: "\f821";
}

.ti-bell-x:before {
  content: "\ede5";
}

.ti-bell-x-filled:before {
  content: "\f726";
}

.ti-bell-z:before {
  content: "\eff1";
}

.ti-bell-z-filled:before {
  content: "\f727";
}

.ti-beta:before {
  content: "\f544";
}

.ti-bible:before {
  content: "\efc4";
}

.ti-bike:before {
  content: "\ea36";
}

.ti-bike-off:before {
  content: "\f0b8";
}

.ti-binary:before {
  content: "\ee08";
}

.ti-binary-off:before {
  content: "\f3c5";
}

.ti-binary-tree:before {
  content: "\f5d4";
}

.ti-binary-tree-2:before {
  content: "\f5d3";
}

.ti-biohazard:before {
  content: "\ecb8";
}

.ti-biohazard-off:before {
  content: "\f0b9";
}

.ti-blade:before {
  content: "\f4bd";
}

.ti-blade-filled:before {
  content: "\f7e2";
}

.ti-bleach:before {
  content: "\f2f3";
}

.ti-bleach-chlorine:before {
  content: "\f2f0";
}

.ti-bleach-no-chlorine:before {
  content: "\f2f1";
}

.ti-bleach-off:before {
  content: "\f2f2";
}

.ti-blockquote:before {
  content: "\ee09";
}

.ti-bluetooth:before {
  content: "\ea37";
}

.ti-bluetooth-connected:before {
  content: "\ecea";
}

.ti-bluetooth-off:before {
  content: "\eceb";
}

.ti-bluetooth-x:before {
  content: "\f081";
}

.ti-blur:before {
  content: "\ef8c";
}

.ti-blur-off:before {
  content: "\f3c6";
}

.ti-bmp:before {
  content: "\f3a6";
}

.ti-bold:before {
  content: "\eb7b";
}

.ti-bold-off:before {
  content: "\f0ba";
}

.ti-bolt:before {
  content: "\ea38";
}

.ti-bolt-off:before {
  content: "\ecec";
}

.ti-bomb:before {
  content: "\f59c";
}

.ti-bomb-filled:before {
  content: "\fa86";
}

.ti-bone:before {
  content: "\edb8";
}

.ti-bone-off:before {
  content: "\f0bb";
}

.ti-bong:before {
  content: "\f3a7";
}

.ti-bong-off:before {
  content: "\f3c7";
}

.ti-book:before {
  content: "\ea39";
}

.ti-book-2:before {
  content: "\efc5";
}

.ti-book-download:before {
  content: "\f070";
}

.ti-book-filled:before {
  content: "\fa87";
}

.ti-book-off:before {
  content: "\f0bc";
}

.ti-book-upload:before {
  content: "\f071";
}

.ti-bookmark:before {
  content: "\ea3a";
}

.ti-bookmark-edit:before {
  content: "\fa5e";
}

.ti-bookmark-filled:before {
  content: "\fa88";
}

.ti-bookmark-minus:before {
  content: "\fa5f";
}

.ti-bookmark-off:before {
  content: "\eced";
}

.ti-bookmark-plus:before {
  content: "\fa60";
}

.ti-bookmark-question:before {
  content: "\fa61";
}

.ti-bookmarks:before {
  content: "\ed08";
}

.ti-bookmarks-filled:before {
  content: "\fb1f";
}

.ti-bookmarks-off:before {
  content: "\f0bd";
}

.ti-books:before {
  content: "\eff2";
}

.ti-books-off:before {
  content: "\f0be";
}

.ti-border-all:before {
  content: "\ea3b";
}

.ti-border-bottom:before {
  content: "\ea3c";
}

.ti-border-corners:before {
  content: "\f7a0";
}

.ti-border-horizontal:before {
  content: "\ea3d";
}

.ti-border-inner:before {
  content: "\ea3e";
}

.ti-border-left:before {
  content: "\ea3f";
}

.ti-border-none:before {
  content: "\ea40";
}

.ti-border-outer:before {
  content: "\ea41";
}

.ti-border-radius:before {
  content: "\eb7c";
}

.ti-border-right:before {
  content: "\ea42";
}

.ti-border-sides:before {
  content: "\f7a1";
}

.ti-border-style:before {
  content: "\ee0a";
}

.ti-border-style-2:before {
  content: "\ef22";
}

.ti-border-top:before {
  content: "\ea43";
}

.ti-border-vertical:before {
  content: "\ea44";
}

.ti-bottle:before {
  content: "\ef0b";
}

.ti-bottle-filled:before {
  content: "\fa89";
}

.ti-bottle-off:before {
  content: "\f3c8";
}

.ti-bounce-left:before {
  content: "\f59d";
}

.ti-bounce-left-filled:before {
  content: "\fb20";
}

.ti-bounce-right:before {
  content: "\f59e";
}

.ti-bounce-right-filled:before {
  content: "\fb21";
}

.ti-bow:before {
  content: "\f096";
}

.ti-bowl:before {
  content: "\f4fa";
}

.ti-bowl-filled:before {
  content: "\fb22";
}

.ti-box:before {
  content: "\ea45";
}

.ti-box-align-bottom:before {
  content: "\f2a8";
}

.ti-box-align-bottom-filled:before {
  content: "\fa8a";
}

.ti-box-align-bottom-left:before {
  content: "\f2ce";
}

.ti-box-align-bottom-left-filled:before {
  content: "\fa8b";
}

.ti-box-align-bottom-right:before {
  content: "\f2cf";
}

.ti-box-align-bottom-right-filled:before {
  content: "\fa8c";
}

.ti-box-align-left:before {
  content: "\f2a9";
}

.ti-box-align-left-filled:before {
  content: "\fa8d";
}

.ti-box-align-right:before {
  content: "\f2aa";
}

.ti-box-align-right-filled:before {
  content: "\fa8e";
}

.ti-box-align-top:before {
  content: "\f2ab";
}

.ti-box-align-top-filled:before {
  content: "\fa8f";
}

.ti-box-align-top-left:before {
  content: "\f2d0";
}

.ti-box-align-top-left-filled:before {
  content: "\fa90";
}

.ti-box-align-top-right:before {
  content: "\f2d1";
}

.ti-box-align-top-right-filled:before {
  content: "\fa91";
}

.ti-box-margin:before {
  content: "\ee0b";
}

.ti-box-model:before {
  content: "\ee0c";
}

.ti-box-model-2:before {
  content: "\ef23";
}

.ti-box-model-2-off:before {
  content: "\f3c9";
}

.ti-box-model-off:before {
  content: "\f3ca";
}

.ti-box-multiple:before {
  content: "\ee17";
}

.ti-box-multiple-0:before {
  content: "\ee0d";
}

.ti-box-multiple-1:before {
  content: "\ee0e";
}

.ti-box-multiple-2:before {
  content: "\ee0f";
}

.ti-box-multiple-3:before {
  content: "\ee10";
}

.ti-box-multiple-4:before {
  content: "\ee11";
}

.ti-box-multiple-5:before {
  content: "\ee12";
}

.ti-box-multiple-6:before {
  content: "\ee13";
}

.ti-box-multiple-7:before {
  content: "\ee14";
}

.ti-box-multiple-8:before {
  content: "\ee15";
}

.ti-box-multiple-9:before {
  content: "\ee16";
}

.ti-box-off:before {
  content: "\f102";
}

.ti-box-padding:before {
  content: "\ee18";
}

.ti-box-seam:before {
  content: "\f561";
}

.ti-braces:before {
  content: "\ebcc";
}

.ti-braces-off:before {
  content: "\f0bf";
}

.ti-brackets:before {
  content: "\ebcd";
}

.ti-brackets-contain:before {
  content: "\f1e5";
}

.ti-brackets-contain-end:before {
  content: "\f1e3";
}

.ti-brackets-contain-start:before {
  content: "\f1e4";
}

.ti-brackets-off:before {
  content: "\f0c0";
}

.ti-braille:before {
  content: "\f545";
}

.ti-brain:before {
  content: "\f59f";
}

.ti-brand-4chan:before {
  content: "\f494";
}

.ti-brand-abstract:before {
  content: "\f495";
}

.ti-brand-adobe:before {
  content: "\f0dc";
}

.ti-brand-adonis-js:before {
  content: "\f496";
}

.ti-brand-airbnb:before {
  content: "\ed68";
}

.ti-brand-airtable:before {
  content: "\ef6a";
}

.ti-brand-algolia:before {
  content: "\f390";
}

.ti-brand-alipay:before {
  content: "\f7a2";
}

.ti-brand-alpine-js:before {
  content: "\f324";
}

.ti-brand-amazon:before {
  content: "\f230";
}

.ti-brand-amd:before {
  content: "\f653";
}

.ti-brand-amigo:before {
  content: "\f5f9";
}

.ti-brand-among-us:before {
  content: "\f205";
}

.ti-brand-android:before {
  content: "\ec16";
}

.ti-brand-angular:before {
  content: "\ef6b";
}

.ti-brand-ansible:before {
  content: "\fa70";
}

.ti-brand-ao3:before {
  content: "\f5e8";
}

.ti-brand-appgallery:before {
  content: "\f231";
}

.ti-brand-apple:before {
  content: "\ec17";
}

.ti-brand-apple-arcade:before {
  content: "\ed69";
}

.ti-brand-apple-podcast:before {
  content: "\f1e6";
}

.ti-brand-appstore:before {
  content: "\ed24";
}

.ti-brand-asana:before {
  content: "\edc5";
}

.ti-brand-aws:before {
  content: "\fa4c";
}

.ti-brand-azure:before {
  content: "\fa4d";
}

.ti-brand-backbone:before {
  content: "\f325";
}

.ti-brand-badoo:before {
  content: "\f206";
}

.ti-brand-baidu:before {
  content: "\f5e9";
}

.ti-brand-bandcamp:before {
  content: "\f207";
}

.ti-brand-bandlab:before {
  content: "\f5fa";
}

.ti-brand-beats:before {
  content: "\f208";
}

.ti-brand-behance:before {
  content: "\ec6e";
}

.ti-brand-bilibili:before {
  content: "\f6d2";
}

.ti-brand-binance:before {
  content: "\f5a0";
}

.ti-brand-bing:before {
  content: "\edc6";
}

.ti-brand-bitbucket:before {
  content: "\edc7";
}

.ti-brand-blackberry:before {
  content: "\f568";
}

.ti-brand-blender:before {
  content: "\f326";
}

.ti-brand-blogger:before {
  content: "\f35a";
}

.ti-brand-booking:before {
  content: "\edc8";
}

.ti-brand-bootstrap:before {
  content: "\ef3e";
}

.ti-brand-bulma:before {
  content: "\f327";
}

.ti-brand-bumble:before {
  content: "\f5fb";
}

.ti-brand-bunpo:before {
  content: "\f4cf";
}

.ti-brand-c-sharp:before {
  content: "\f003";
}

.ti-brand-cake:before {
  content: "\f7a3";
}

.ti-brand-cakephp:before {
  content: "\f7af";
}

.ti-brand-campaignmonitor:before {
  content: "\f328";
}

.ti-brand-carbon:before {
  content: "\f348";
}

.ti-brand-cashapp:before {
  content: "\f391";
}

.ti-brand-chrome:before {
  content: "\ec18";
}

.ti-brand-cinema-4d:before {
  content: "\fa71";
}

.ti-brand-citymapper:before {
  content: "\f5fc";
}

.ti-brand-cloudflare:before {
  content: "\fa4e";
}

.ti-brand-codecov:before {
  content: "\f329";
}

.ti-brand-codepen:before {
  content: "\ec6f";
}

.ti-brand-codesandbox:before {
  content: "\ed6a";
}

.ti-brand-cohost:before {
  content: "\f5d5";
}

.ti-brand-coinbase:before {
  content: "\f209";
}

.ti-brand-comedy-central:before {
  content: "\f217";
}

.ti-brand-coreos:before {
  content: "\f5fd";
}

.ti-brand-couchdb:before {
  content: "\f60f";
}

.ti-brand-couchsurfing:before {
  content: "\f392";
}

.ti-brand-cpp:before {
  content: "\f5fe";
}

.ti-brand-craft:before {
  content: "\fa72";
}

.ti-brand-crunchbase:before {
  content: "\f7e3";
}

.ti-brand-css3:before {
  content: "\ed6b";
}

.ti-brand-ctemplar:before {
  content: "\f4d0";
}

.ti-brand-cucumber:before {
  content: "\ef6c";
}

.ti-brand-cupra:before {
  content: "\f4d1";
}

.ti-brand-cypress:before {
  content: "\f333";
}

.ti-brand-d3:before {
  content: "\f24e";
}

.ti-brand-databricks:before {
  content: "\fc41";
}

.ti-brand-days-counter:before {
  content: "\f4d2";
}

.ti-brand-dcos:before {
  content: "\f32a";
}

.ti-brand-debian:before {
  content: "\ef57";
}

.ti-brand-deezer:before {
  content: "\f78b";
}

.ti-brand-deliveroo:before {
  content: "\f4d3";
}

.ti-brand-deno:before {
  content: "\f24f";
}

.ti-brand-denodo:before {
  content: "\f610";
}

.ti-brand-deviantart:before {
  content: "\ecfb";
}

.ti-brand-digg:before {
  content: "\fa73";
}

.ti-brand-dingtalk:before {
  content: "\f5ea";
}

.ti-brand-discord:before {
  content: "\ece3";
}

.ti-brand-discord-filled:before {
  content: "\f7e4";
}

.ti-brand-disney:before {
  content: "\f20a";
}

.ti-brand-disqus:before {
  content: "\edc9";
}

.ti-brand-django:before {
  content: "\f349";
}

.ti-brand-docker:before {
  content: "\edca";
}

.ti-brand-doctrine:before {
  content: "\ef6d";
}

.ti-brand-dolby-digital:before {
  content: "\f4d4";
}

.ti-brand-douban:before {
  content: "\f5ff";
}

.ti-brand-dribbble:before {
  content: "\ec19";
}

.ti-brand-dribbble-filled:before {
  content: "\f7e5";
}

.ti-brand-drops:before {
  content: "\f4d5";
}

.ti-brand-drupal:before {
  content: "\f393";
}

.ti-brand-edge:before {
  content: "\ecfc";
}

.ti-brand-elastic:before {
  content: "\f611";
}

.ti-brand-electronic-arts:before {
  content: "\fa74";
}

.ti-brand-ember:before {
  content: "\f497";
}

.ti-brand-envato:before {
  content: "\f394";
}

.ti-brand-etsy:before {
  content: "\f654";
}

.ti-brand-evernote:before {
  content: "\f600";
}

.ti-brand-facebook:before {
  content: "\ec1a";
}

.ti-brand-facebook-filled:before {
  content: "\f7e6";
}

.ti-brand-feedly:before {
  content: "\fa75";
}

.ti-brand-figma:before {
  content: "\ec93";
}

.ti-brand-filezilla:before {
  content: "\fa76";
}

.ti-brand-finder:before {
  content: "\f218";
}

.ti-brand-firebase:before {
  content: "\ef6e";
}

.ti-brand-firefox:before {
  content: "\ecfd";
}

.ti-brand-fiverr:before {
  content: "\f7a4";
}

.ti-brand-flickr:before {
  content: "\ecfe";
}

.ti-brand-flightradar24:before {
  content: "\f4d6";
}

.ti-brand-flipboard:before {
  content: "\f20b";
}

.ti-brand-flutter:before {
  content: "\f395";
}

.ti-brand-fortnite:before {
  content: "\f260";
}

.ti-brand-foursquare:before {
  content: "\ecff";
}

.ti-brand-framer:before {
  content: "\ec1b";
}

.ti-brand-framer-motion:before {
  content: "\f78c";
}

.ti-brand-funimation:before {
  content: "\f655";
}

.ti-brand-gatsby:before {
  content: "\f396";
}

.ti-brand-git:before {
  content: "\ef6f";
}

.ti-brand-github:before {
  content: "\ec1c";
}

.ti-brand-github-copilot:before {
  content: "\f4a8";
}

.ti-brand-github-filled:before {
  content: "\f7e7";
}

.ti-brand-gitlab:before {
  content: "\ec1d";
}

.ti-brand-gmail:before {
  content: "\efa2";
}

.ti-brand-golang:before {
  content: "\f78d";
}

.ti-brand-google:before {
  content: "\ec1f";
}

.ti-brand-google-analytics:before {
  content: "\edcb";
}

.ti-brand-google-big-query:before {
  content: "\f612";
}

.ti-brand-google-drive:before {
  content: "\ec1e";
}

.ti-brand-google-fit:before {
  content: "\f297";
}

.ti-brand-google-home:before {
  content: "\f601";
}

.ti-brand-google-maps:before {
  content: "\fa4f";
}

.ti-brand-google-one:before {
  content: "\f232";
}

.ti-brand-google-photos:before {
  content: "\f20c";
}

.ti-brand-google-play:before {
  content: "\ed25";
}

.ti-brand-google-podcasts:before {
  content: "\f656";
}

.ti-brand-grammarly:before {
  content: "\f32b";
}

.ti-brand-graphql:before {
  content: "\f32c";
}

.ti-brand-gravatar:before {
  content: "\edcc";
}

.ti-brand-grindr:before {
  content: "\f20d";
}

.ti-brand-guardian:before {
  content: "\f4fb";
}

.ti-brand-gumroad:before {
  content: "\f5d6";
}

.ti-brand-hbo:before {
  content: "\f657";
}

.ti-brand-headlessui:before {
  content: "\f32d";
}

.ti-brand-hexo:before {
  content: "\fa50";
}

.ti-brand-hipchat:before {
  content: "\edcd";
}

.ti-brand-html5:before {
  content: "\ed6c";
}

.ti-brand-inertia:before {
  content: "\f34a";
}

.ti-brand-instagram:before {
  content: "\ec20";
}

.ti-brand-intercom:before {
  content: "\f1cf";
}

.ti-brand-itch:before {
  content: "\fa22";
}

.ti-brand-javascript:before {
  content: "\ef0c";
}

.ti-brand-juejin:before {
  content: "\f7b0";
}

.ti-brand-kbin:before {
  content: "\fad0";
}

.ti-brand-kick:before {
  content: "\fa23";
}

.ti-brand-kickstarter:before {
  content: "\edce";
}

.ti-brand-kotlin:before {
  content: "\ed6d";
}

.ti-brand-laravel:before {
  content: "\f34b";
}

.ti-brand-lastfm:before {
  content: "\f001";
}

.ti-brand-leetcode:before {
  content: "\fa51";
}

.ti-brand-letterboxd:before {
  content: "\fa24";
}

.ti-brand-line:before {
  content: "\f7e8";
}

.ti-brand-linkedin:before {
  content: "\ec8c";
}

.ti-brand-linktree:before {
  content: "\f1e7";
}

.ti-brand-linqpad:before {
  content: "\f562";
}

.ti-brand-loom:before {
  content: "\ef70";
}

.ti-brand-mailgun:before {
  content: "\f32e";
}

.ti-brand-mantine:before {
  content: "\f32f";
}

.ti-brand-mastercard:before {
  content: "\ef49";
}

.ti-brand-mastodon:before {
  content: "\f250";
}

.ti-brand-matrix:before {
  content: "\f5eb";
}

.ti-brand-mcdonalds:before {
  content: "\f251";
}

.ti-brand-medium:before {
  content: "\ec70";
}

.ti-brand-mercedes:before {
  content: "\f072";
}

.ti-brand-messenger:before {
  content: "\ec71";
}

.ti-brand-meta:before {
  content: "\efb0";
}

.ti-brand-minecraft:before {
  content: "\faef";
}

.ti-brand-miniprogram:before {
  content: "\f602";
}

.ti-brand-mixpanel:before {
  content: "\f397";
}

.ti-brand-monday:before {
  content: "\f219";
}

.ti-brand-mongodb:before {
  content: "\f613";
}

.ti-brand-my-oppo:before {
  content: "\f4d7";
}

.ti-brand-mysql:before {
  content: "\f614";
}

.ti-brand-national-geographic:before {
  content: "\f603";
}

.ti-brand-nem:before {
  content: "\f5a1";
}

.ti-brand-netbeans:before {
  content: "\ef71";
}

.ti-brand-netease-music:before {
  content: "\f604";
}

.ti-brand-netflix:before {
  content: "\edcf";
}

.ti-brand-nexo:before {
  content: "\f5a2";
}

.ti-brand-nextcloud:before {
  content: "\f4d8";
}

.ti-brand-nextjs:before {
  content: "\f0dd";
}

.ti-brand-nodejs:before {
  content: "\fae0";
}

.ti-brand-nord-vpn:before {
  content: "\f37f";
}

.ti-brand-notion:before {
  content: "\ef7b";
}

.ti-brand-npm:before {
  content: "\f569";
}

.ti-brand-nuxt:before {
  content: "\f0de";
}

.ti-brand-nytimes:before {
  content: "\ef8d";
}

.ti-brand-oauth:before {
  content: "\fa52";
}

.ti-brand-office:before {
  content: "\f398";
}

.ti-brand-ok-ru:before {
  content: "\f399";
}

.ti-brand-onedrive:before {
  content: "\f5d7";
}

.ti-brand-onlyfans:before {
  content: "\f605";
}

.ti-brand-open-source:before {
  content: "\edd0";
}

.ti-brand-openai:before {
  content: "\f78e";
}

.ti-brand-openvpn:before {
  content: "\f39a";
}

.ti-brand-opera:before {
  content: "\ec21";
}

.ti-brand-pagekit:before {
  content: "\edd1";
}

.ti-brand-parsinta:before {
  content: "\fc42";
}

.ti-brand-patreon:before {
  content: "\edd2";
}

.ti-brand-paypal:before {
  content: "\ec22";
}

.ti-brand-paypal-filled:before {
  content: "\f7e9";
}

.ti-brand-paypay:before {
  content: "\f5ec";
}

.ti-brand-peanut:before {
  content: "\f39b";
}

.ti-brand-pepsi:before {
  content: "\f261";
}

.ti-brand-php:before {
  content: "\ef72";
}

.ti-brand-picsart:before {
  content: "\f4d9";
}

.ti-brand-pinterest:before {
  content: "\ec8d";
}

.ti-brand-planetscale:before {
  content: "\f78f";
}

.ti-brand-pocket:before {
  content: "\ed00";
}

.ti-brand-polymer:before {
  content: "\f498";
}

.ti-brand-powershell:before {
  content: "\f5ed";
}

.ti-brand-prisma:before {
  content: "\f499";
}

.ti-brand-producthunt:before {
  content: "\edd3";
}

.ti-brand-pushbullet:before {
  content: "\f330";
}

.ti-brand-pushover:before {
  content: "\f20e";
}

.ti-brand-python:before {
  content: "\ed01";
}

.ti-brand-qq:before {
  content: "\f606";
}

.ti-brand-radix-ui:before {
  content: "\f790";
}

.ti-brand-react:before {
  content: "\f34c";
}

.ti-brand-react-native:before {
  content: "\ef73";
}

.ti-brand-reason:before {
  content: "\f49a";
}

.ti-brand-reddit:before {
  content: "\ec8e";
}

.ti-brand-redhat:before {
  content: "\f331";
}

.ti-brand-redux:before {
  content: "\f3a8";
}

.ti-brand-revolut:before {
  content: "\f4da";
}

.ti-brand-rumble:before {
  content: "\fad1";
}

.ti-brand-rust:before {
  content: "\fa53";
}

.ti-brand-safari:before {
  content: "\ec23";
}

.ti-brand-samsungpass:before {
  content: "\f4db";
}

.ti-brand-sass:before {
  content: "\edd4";
}

.ti-brand-sentry:before {
  content: "\edd5";
}

.ti-brand-sharik:before {
  content: "\f4dc";
}

.ti-brand-shazam:before {
  content: "\edd6";
}

.ti-brand-shopee:before {
  content: "\f252";
}

.ti-brand-sketch:before {
  content: "\ec24";
}

.ti-brand-skype:before {
  content: "\ed02";
}

.ti-brand-slack:before {
  content: "\ec72";
}

.ti-brand-snapchat:before {
  content: "\ec25";
}

.ti-brand-snapseed:before {
  content: "\f253";
}

.ti-brand-snowflake:before {
  content: "\f615";
}

.ti-brand-socket-io:before {
  content: "\f49b";
}

.ti-brand-solidjs:before {
  content: "\f5ee";
}

.ti-brand-soundcloud:before {
  content: "\ed6e";
}

.ti-brand-spacehey:before {
  content: "\f4fc";
}

.ti-brand-speedtest:before {
  content: "\fa77";
}

.ti-brand-spotify:before {
  content: "\ed03";
}

.ti-brand-stackoverflow:before {
  content: "\ef58";
}

.ti-brand-stackshare:before {
  content: "\f607";
}

.ti-brand-steam:before {
  content: "\ed6f";
}

.ti-brand-storj:before {
  content: "\fa54";
}

.ti-brand-storybook:before {
  content: "\f332";
}

.ti-brand-storytel:before {
  content: "\f608";
}

.ti-brand-strava:before {
  content: "\f254";
}

.ti-brand-stripe:before {
  content: "\edd7";
}

.ti-brand-sublime-text:before {
  content: "\ef74";
}

.ti-brand-sugarizer:before {
  content: "\f7a5";
}

.ti-brand-supabase:before {
  content: "\f6d3";
}

.ti-brand-superhuman:before {
  content: "\f50c";
}

.ti-brand-supernova:before {
  content: "\f49c";
}

.ti-brand-surfshark:before {
  content: "\f255";
}

.ti-brand-svelte:before {
  content: "\f0df";
}

.ti-brand-swift:before {
  content: "\fa55";
}

.ti-brand-symfony:before {
  content: "\f616";
}

.ti-brand-tabler:before {
  content: "\ec8f";
}

.ti-brand-tailwind:before {
  content: "\eca1";
}

.ti-brand-taobao:before {
  content: "\f5ef";
}

.ti-brand-teams:before {
  content: "\fadf";
}

.ti-brand-ted:before {
  content: "\f658";
}

.ti-brand-telegram:before {
  content: "\ec26";
}

.ti-brand-terraform:before {
  content: "\fa56";
}

.ti-brand-tether:before {
  content: "\f5a3";
}

.ti-brand-threads:before {
  content: "\fb02";
}

.ti-brand-threejs:before {
  content: "\f5f0";
}

.ti-brand-tidal:before {
  content: "\ed70";
}

.ti-brand-tiktok:before {
  content: "\ec73";
}

.ti-brand-tiktok-filled:before {
  content: "\f7ea";
}

.ti-brand-tinder:before {
  content: "\ed71";
}

.ti-brand-topbuzz:before {
  content: "\f50d";
}

.ti-brand-torchain:before {
  content: "\f5a4";
}

.ti-brand-toyota:before {
  content: "\f262";
}

.ti-brand-trello:before {
  content: "\f39d";
}

.ti-brand-tripadvisor:before {
  content: "\f002";
}

.ti-brand-tumblr:before {
  content: "\ed04";
}

.ti-brand-twilio:before {
  content: "\f617";
}

.ti-brand-twitch:before {
  content: "\ed05";
}

.ti-brand-twitter:before {
  content: "\ec27";
}

.ti-brand-twitter-filled:before {
  content: "\f7eb";
}

.ti-brand-typescript:before {
  content: "\f5f1";
}

.ti-brand-uber:before {
  content: "\ef75";
}

.ti-brand-ubuntu:before {
  content: "\ef59";
}

.ti-brand-unity:before {
  content: "\f49d";
}

.ti-brand-unsplash:before {
  content: "\edd8";
}

.ti-brand-upwork:before {
  content: "\f39e";
}

.ti-brand-valorant:before {
  content: "\f39f";
}

.ti-brand-vercel:before {
  content: "\ef24";
}

.ti-brand-vimeo:before {
  content: "\ed06";
}

.ti-brand-vinted:before {
  content: "\f20f";
}

.ti-brand-visa:before {
  content: "\f380";
}

.ti-brand-visual-studio:before {
  content: "\ef76";
}

.ti-brand-vite:before {
  content: "\f5f2";
}

.ti-brand-vivaldi:before {
  content: "\f210";
}

.ti-brand-vk:before {
  content: "\ed72";
}

.ti-brand-vlc:before {
  content: "\fa78";
}

.ti-brand-volkswagen:before {
  content: "\f50e";
}

.ti-brand-vsco:before {
  content: "\f334";
}

.ti-brand-vscode:before {
  content: "\f3a0";
}

.ti-brand-vue:before {
  content: "\f0e0";
}

.ti-brand-walmart:before {
  content: "\f211";
}

.ti-brand-waze:before {
  content: "\f5d8";
}

.ti-brand-webflow:before {
  content: "\f2d2";
}

.ti-brand-wechat:before {
  content: "\f5f3";
}

.ti-brand-weibo:before {
  content: "\f609";
}

.ti-brand-whatsapp:before {
  content: "\ec74";
}

.ti-brand-wikipedia:before {
  content: "\fa79";
}

.ti-brand-windows:before {
  content: "\ecd8";
}

.ti-brand-windy:before {
  content: "\f4dd";
}

.ti-brand-wish:before {
  content: "\f212";
}

.ti-brand-wix:before {
  content: "\f3a1";
}

.ti-brand-wordpress:before {
  content: "\f2d3";
}

.ti-brand-x:before {
  content: "\fc0f";
}

.ti-brand-x-filled:before {
  content: "\fc21";
}

.ti-brand-xamarin:before {
  content: "\fa7a";
}

.ti-brand-xbox:before {
  content: "\f298";
}

.ti-brand-xdeep:before {
  content: "\fc10";
}

.ti-brand-xing:before {
  content: "\f21a";
}

.ti-brand-yahoo:before {
  content: "\ed73";
}

.ti-brand-yandex:before {
  content: "\fae1";
}

.ti-brand-yatse:before {
  content: "\f213";
}

.ti-brand-ycombinator:before {
  content: "\edd9";
}

.ti-brand-youtube:before {
  content: "\ec90";
}

.ti-brand-youtube-filled:before {
  content: "\fc22";
}

.ti-brand-youtube-kids:before {
  content: "\f214";
}

.ti-brand-zalando:before {
  content: "\f49e";
}

.ti-brand-zapier:before {
  content: "\f49f";
}

.ti-brand-zeit:before {
  content: "\f335";
}

.ti-brand-zhihu:before {
  content: "\f60a";
}

.ti-brand-zoom:before {
  content: "\f215";
}

.ti-brand-zulip:before {
  content: "\f4de";
}

.ti-brand-zwift:before {
  content: "\f216";
}

.ti-bread:before {
  content: "\efa3";
}

.ti-bread-off:before {
  content: "\f3cb";
}

.ti-briefcase:before {
  content: "\ea46";
}

.ti-briefcase-2:before {
  content: "\fb03";
}

.ti-briefcase-off:before {
  content: "\f3cc";
}

.ti-brightness:before {
  content: "\eb7f";
}

.ti-brightness-2:before {
  content: "\ee19";
}

.ti-brightness-down:before {
  content: "\eb7d";
}

.ti-brightness-down-filled:before {
  content: "\fb23";
}

.ti-brightness-half:before {
  content: "\ee1a";
}

.ti-brightness-off:before {
  content: "\f3cd";
}

.ti-brightness-up:before {
  content: "\eb7e";
}

.ti-brightness-up-filled:before {
  content: "\fb24";
}

.ti-broadcast:before {
  content: "\f1e9";
}

.ti-broadcast-off:before {
  content: "\f1e8";
}

.ti-browser:before {
  content: "\ebb7";
}

.ti-browser-check:before {
  content: "\efd6";
}

.ti-browser-off:before {
  content: "\f0c1";
}

.ti-browser-plus:before {
  content: "\efd7";
}

.ti-browser-x:before {
  content: "\efd8";
}

.ti-brush:before {
  content: "\ebb8";
}

.ti-brush-off:before {
  content: "\f0c2";
}

.ti-bucket:before {
  content: "\ea47";
}

.ti-bucket-droplet:before {
  content: "\f56a";
}

.ti-bucket-off:before {
  content: "\f103";
}

.ti-bug:before {
  content: "\ea48";
}

.ti-bug-off:before {
  content: "\f0c3";
}

.ti-building:before {
  content: "\ea4f";
}

.ti-building-arch:before {
  content: "\ea49";
}

.ti-building-bank:before {
  content: "\ebe2";
}

.ti-building-bridge:before {
  content: "\ea4b";
}

.ti-building-bridge-2:before {
  content: "\ea4a";
}

.ti-building-broadcast-tower:before {
  content: "\f4be";
}

.ti-building-carousel:before {
  content: "\ed87";
}

.ti-building-castle:before {
  content: "\ed88";
}

.ti-building-church:before {
  content: "\ea4c";
}

.ti-building-circus:before {
  content: "\f4bf";
}

.ti-building-community:before {
  content: "\ebf6";
}

.ti-building-cottage:before {
  content: "\ee1b";
}

.ti-building-estate:before {
  content: "\f5a5";
}

.ti-building-factory:before {
  content: "\ee1c";
}

.ti-building-factory-2:before {
  content: "\f082";
}

.ti-building-fortress:before {
  content: "\ed89";
}

.ti-building-hospital:before {
  content: "\ea4d";
}

.ti-building-lighthouse:before {
  content: "\ed8a";
}

.ti-building-monument:before {
  content: "\ed26";
}

.ti-building-mosque:before {
  content: "\fa57";
}

.ti-building-pavilion:before {
  content: "\ebf7";
}

.ti-building-skyscraper:before {
  content: "\ec39";
}

.ti-building-stadium:before {
  content: "\f641";
}

.ti-building-store:before {
  content: "\ea4e";
}

.ti-building-tunnel:before {
  content: "\f5a6";
}

.ti-building-warehouse:before {
  content: "\ebe3";
}

.ti-building-wind-turbine:before {
  content: "\f4c0";
}

.ti-bulb:before {
  content: "\ea51";
}

.ti-bulb-filled:before {
  content: "\f66a";
}

.ti-bulb-off:before {
  content: "\ea50";
}

.ti-bulldozer:before {
  content: "\ee1d";
}

.ti-bus:before {
  content: "\ebe4";
}

.ti-bus-off:before {
  content: "\f3ce";
}

.ti-bus-stop:before {
  content: "\f2d4";
}

.ti-businessplan:before {
  content: "\ee1e";
}

.ti-butterfly:before {
  content: "\efd9";
}

.ti-cactus:before {
  content: "\f21b";
}

.ti-cactus-filled:before {
  content: "\fb25";
}

.ti-cactus-off:before {
  content: "\f3cf";
}

.ti-cake:before {
  content: "\f00f";
}

.ti-cake-off:before {
  content: "\f104";
}

.ti-calculator:before {
  content: "\eb80";
}

.ti-calculator-filled:before {
  content: "\fb26";
}

.ti-calculator-off:before {
  content: "\f0c4";
}

.ti-calendar:before {
  content: "\ea53";
}

.ti-calendar-bolt:before {
  content: "\f822";
}

.ti-calendar-cancel:before {
  content: "\f823";
}

.ti-calendar-check:before {
  content: "\f824";
}

.ti-calendar-code:before {
  content: "\f825";
}

.ti-calendar-cog:before {
  content: "\f826";
}

.ti-calendar-dollar:before {
  content: "\f827";
}

.ti-calendar-down:before {
  content: "\f828";
}

.ti-calendar-due:before {
  content: "\f621";
}

.ti-calendar-event:before {
  content: "\ea52";
}

.ti-calendar-exclamation:before {
  content: "\f829";
}

.ti-calendar-filled:before {
  content: "\fb27";
}

.ti-calendar-heart:before {
  content: "\f82a";
}

.ti-calendar-minus:before {
  content: "\ebb9";
}

.ti-calendar-off:before {
  content: "\ee1f";
}

.ti-calendar-pause:before {
  content: "\f82b";
}

.ti-calendar-pin:before {
  content: "\f82c";
}

.ti-calendar-plus:before {
  content: "\ebba";
}

.ti-calendar-question:before {
  content: "\f82d";
}

.ti-calendar-repeat:before {
  content: "\fad2";
}

.ti-calendar-search:before {
  content: "\f82e";
}

.ti-calendar-share:before {
  content: "\f82f";
}

.ti-calendar-star:before {
  content: "\f830";
}

.ti-calendar-stats:before {
  content: "\ee20";
}

.ti-calendar-time:before {
  content: "\ee21";
}

.ti-calendar-up:before {
  content: "\f831";
}

.ti-calendar-x:before {
  content: "\f832";
}

.ti-camera:before {
  content: "\ea54";
}

.ti-camera-bolt:before {
  content: "\f833";
}

.ti-camera-cancel:before {
  content: "\f834";
}

.ti-camera-check:before {
  content: "\f835";
}

.ti-camera-code:before {
  content: "\f836";
}

.ti-camera-cog:before {
  content: "\f837";
}

.ti-camera-dollar:before {
  content: "\f838";
}

.ti-camera-down:before {
  content: "\f839";
}

.ti-camera-exclamation:before {
  content: "\f83a";
}

.ti-camera-filled:before {
  content: "\fa37";
}

.ti-camera-heart:before {
  content: "\f83b";
}

.ti-camera-minus:before {
  content: "\ec3a";
}

.ti-camera-off:before {
  content: "\ecee";
}

.ti-camera-pause:before {
  content: "\f83c";
}

.ti-camera-pin:before {
  content: "\f83d";
}

.ti-camera-plus:before {
  content: "\ec3b";
}

.ti-camera-question:before {
  content: "\f83e";
}

.ti-camera-rotate:before {
  content: "\ee22";
}

.ti-camera-search:before {
  content: "\f83f";
}

.ti-camera-selfie:before {
  content: "\ee23";
}

.ti-camera-share:before {
  content: "\f840";
}

.ti-camera-star:before {
  content: "\f841";
}

.ti-camera-up:before {
  content: "\f842";
}

.ti-camera-x:before {
  content: "\f843";
}

.ti-camper:before {
  content: "\fa25";
}

.ti-campfire:before {
  content: "\f5a7";
}

.ti-campfire-filled:before {
  content: "\fb28";
}

.ti-candle:before {
  content: "\efc6";
}

.ti-candle-filled:before {
  content: "\fc23";
}

.ti-candy:before {
  content: "\ef0d";
}

.ti-candy-off:before {
  content: "\f0c5";
}

.ti-cane:before {
  content: "\f50f";
}

.ti-cannabis:before {
  content: "\f4c1";
}

.ti-capsule:before {
  content: "\fae3";
}

.ti-capsule-filled:before {
  content: "\fc24";
}

.ti-capsule-horizontal:before {
  content: "\fae2";
}

.ti-capsule-horizontal-filled:before {
  content: "\fc25";
}

.ti-capture:before {
  content: "\ec3c";
}

.ti-capture-filled:before {
  content: "\fb29";
}

.ti-capture-off:before {
  content: "\f0c6";
}

.ti-car:before {
  content: "\ebbb";
}

.ti-car-crane:before {
  content: "\ef25";
}

.ti-car-crash:before {
  content: "\efa4";
}

.ti-car-off:before {
  content: "\f0c7";
}

.ti-car-turbine:before {
  content: "\f4fd";
}

.ti-caravan:before {
  content: "\ec7c";
}

.ti-cardboards:before {
  content: "\ed74";
}

.ti-cardboards-off:before {
  content: "\f0c8";
}

.ti-cards:before {
  content: "\f510";
}

.ti-cards-filled:before {
  content: "\fc26";
}

.ti-caret-down:before {
  content: "\eb5d";
}

.ti-caret-down-filled:before {
  content: "\fb2a";
}

.ti-caret-left:before {
  content: "\eb5e";
}

.ti-caret-left-filled:before {
  content: "\fb2b";
}

.ti-caret-left-right:before {
  content: "\fc43";
}

.ti-caret-right:before {
  content: "\eb5f";
}

.ti-caret-right-filled:before {
  content: "\fb2c";
}

.ti-caret-up:before {
  content: "\eb60";
}

.ti-caret-up-down:before {
  content: "\fc44";
}

.ti-caret-up-filled:before {
  content: "\fb2d";
}

.ti-carousel-horizontal:before {
  content: "\f659";
}

.ti-carousel-horizontal-filled:before {
  content: "\fa92";
}

.ti-carousel-vertical:before {
  content: "\f65a";
}

.ti-carousel-vertical-filled:before {
  content: "\fa93";
}

.ti-carrot:before {
  content: "\f21c";
}

.ti-carrot-off:before {
  content: "\f3d0";
}

.ti-cash:before {
  content: "\ea55";
}

.ti-cash-banknote:before {
  content: "\ee25";
}

.ti-cash-banknote-off:before {
  content: "\ee24";
}

.ti-cash-off:before {
  content: "\f105";
}

.ti-cast:before {
  content: "\ea56";
}

.ti-cast-off:before {
  content: "\f0c9";
}

.ti-cat:before {
  content: "\f65b";
}

.ti-category:before {
  content: "\f1f6";
}

.ti-category-2:before {
  content: "\f1f5";
}

.ti-category-filled:before {
  content: "\fb2e";
}

.ti-ce:before {
  content: "\ed75";
}

.ti-ce-off:before {
  content: "\f0ca";
}

.ti-cell:before {
  content: "\f05f";
}

.ti-cell-signal-1:before {
  content: "\f083";
}

.ti-cell-signal-2:before {
  content: "\f084";
}

.ti-cell-signal-3:before {
  content: "\f085";
}

.ti-cell-signal-4:before {
  content: "\f086";
}

.ti-cell-signal-5:before {
  content: "\f087";
}

.ti-cell-signal-off:before {
  content: "\f088";
}

.ti-certificate:before {
  content: "\ed76";
}

.ti-certificate-2:before {
  content: "\f073";
}

.ti-certificate-2-off:before {
  content: "\f0cb";
}

.ti-certificate-off:before {
  content: "\f0cc";
}

.ti-chair-director:before {
  content: "\f2d5";
}

.ti-chalkboard:before {
  content: "\f34d";
}

.ti-chalkboard-off:before {
  content: "\f3d1";
}

.ti-charging-pile:before {
  content: "\ee26";
}

.ti-chart-arcs:before {
  content: "\ee28";
}

.ti-chart-arcs-3:before {
  content: "\ee27";
}

.ti-chart-area:before {
  content: "\ea58";
}

.ti-chart-area-filled:before {
  content: "\f66b";
}

.ti-chart-area-line:before {
  content: "\ea57";
}

.ti-chart-area-line-filled:before {
  content: "\f66c";
}

.ti-chart-arrows:before {
  content: "\ee2a";
}

.ti-chart-arrows-vertical:before {
  content: "\ee29";
}

.ti-chart-bar:before {
  content: "\ea59";
}

.ti-chart-bar-off:before {
  content: "\f3d2";
}

.ti-chart-bubble:before {
  content: "\ec75";
}

.ti-chart-bubble-filled:before {
  content: "\f66d";
}

.ti-chart-candle:before {
  content: "\ea5a";
}

.ti-chart-candle-filled:before {
  content: "\f66e";
}

.ti-chart-circles:before {
  content: "\ee2b";
}

.ti-chart-donut:before {
  content: "\ea5b";
}

.ti-chart-donut-2:before {
  content: "\ee2c";
}

.ti-chart-donut-3:before {
  content: "\ee2d";
}

.ti-chart-donut-4:before {
  content: "\ee2e";
}

.ti-chart-donut-filled:before {
  content: "\f66f";
}

.ti-chart-dots:before {
  content: "\ee2f";
}

.ti-chart-dots-2:before {
  content: "\f097";
}

.ti-chart-dots-3:before {
  content: "\f098";
}

.ti-chart-grid-dots:before {
  content: "\f4c2";
}

.ti-chart-histogram:before {
  content: "\f65c";
}

.ti-chart-infographic:before {
  content: "\ee30";
}

.ti-chart-line:before {
  content: "\ea5c";
}

.ti-chart-pie:before {
  content: "\ea5d";
}

.ti-chart-pie-2:before {
  content: "\ee31";
}

.ti-chart-pie-3:before {
  content: "\ee32";
}

.ti-chart-pie-4:before {
  content: "\ee33";
}

.ti-chart-pie-filled:before {
  content: "\f670";
}

.ti-chart-pie-off:before {
  content: "\f3d3";
}

.ti-chart-ppf:before {
  content: "\f618";
}

.ti-chart-radar:before {
  content: "\ed77";
}

.ti-chart-sankey:before {
  content: "\f619";
}

.ti-chart-treemap:before {
  content: "\f381";
}

.ti-check:before {
  content: "\ea5e";
}

.ti-checkbox:before {
  content: "\eba6";
}

.ti-checklist:before {
  content: "\f074";
}

.ti-checks:before {
  content: "\ebaa";
}

.ti-checkup-list:before {
  content: "\ef5a";
}

.ti-cheese:before {
  content: "\ef26";
}

.ti-chef-hat:before {
  content: "\f21d";
}

.ti-chef-hat-off:before {
  content: "\f3d4";
}

.ti-cherry:before {
  content: "\f511";
}

.ti-cherry-filled:before {
  content: "\f728";
}

.ti-chess:before {
  content: "\f382";
}

.ti-chess-bishop:before {
  content: "\f56b";
}

.ti-chess-bishop-filled:before {
  content: "\f729";
}

.ti-chess-filled:before {
  content: "\f72a";
}

.ti-chess-king:before {
  content: "\f56c";
}

.ti-chess-king-filled:before {
  content: "\f72b";
}

.ti-chess-knight:before {
  content: "\f56d";
}

.ti-chess-knight-filled:before {
  content: "\f72c";
}

.ti-chess-queen:before {
  content: "\f56e";
}

.ti-chess-queen-filled:before {
  content: "\f72d";
}

.ti-chess-rook:before {
  content: "\f56f";
}

.ti-chess-rook-filled:before {
  content: "\f72e";
}

.ti-chevron-compact-down:before {
  content: "\faf0";
}

.ti-chevron-compact-left:before {
  content: "\faf1";
}

.ti-chevron-compact-right:before {
  content: "\faf2";
}

.ti-chevron-compact-up:before {
  content: "\faf3";
}

.ti-chevron-down:before {
  content: "\ea5f";
}

.ti-chevron-down-left:before {
  content: "\ed09";
}

.ti-chevron-down-right:before {
  content: "\ed0a";
}

.ti-chevron-left:before {
  content: "\ea60";
}

.ti-chevron-left-pipe:before {
  content: "\fae4";
}

.ti-chevron-right:before {
  content: "\ea61";
}

.ti-chevron-right-pipe:before {
  content: "\fae5";
}

.ti-chevron-up:before {
  content: "\ea62";
}

.ti-chevron-up-left:before {
  content: "\ed0b";
}

.ti-chevron-up-right:before {
  content: "\ed0c";
}

.ti-chevrons-down:before {
  content: "\ea63";
}

.ti-chevrons-down-left:before {
  content: "\ed0d";
}

.ti-chevrons-down-right:before {
  content: "\ed0e";
}

.ti-chevrons-left:before {
  content: "\ea64";
}

.ti-chevrons-right:before {
  content: "\ea65";
}

.ti-chevrons-up:before {
  content: "\ea66";
}

.ti-chevrons-up-left:before {
  content: "\ed0f";
}

.ti-chevrons-up-right:before {
  content: "\ed10";
}

.ti-chisel:before {
  content: "\f383";
}

.ti-christmas-tree:before {
  content: "\ed78";
}

.ti-christmas-tree-off:before {
  content: "\f3d5";
}

.ti-circle:before {
  content: "\ea6b";
}

.ti-circle-0-filled:before {
  content: "\f72f";
}

.ti-circle-1-filled:before {
  content: "\f730";
}

.ti-circle-2-filled:before {
  content: "\f731";
}

.ti-circle-3-filled:before {
  content: "\f732";
}

.ti-circle-4-filled:before {
  content: "\f733";
}

.ti-circle-5-filled:before {
  content: "\f734";
}

.ti-circle-6-filled:before {
  content: "\f735";
}

.ti-circle-7-filled:before {
  content: "\f736";
}

.ti-circle-8-filled:before {
  content: "\f737";
}

.ti-circle-9-filled:before {
  content: "\f738";
}

.ti-circle-arrow-down:before {
  content: "\f6f9";
}

.ti-circle-arrow-down-filled:before {
  content: "\f6f4";
}

.ti-circle-arrow-down-left:before {
  content: "\f6f6";
}

.ti-circle-arrow-down-left-filled:before {
  content: "\f6f5";
}

.ti-circle-arrow-down-right:before {
  content: "\f6f8";
}

.ti-circle-arrow-down-right-filled:before {
  content: "\f6f7";
}

.ti-circle-arrow-left:before {
  content: "\f6fb";
}

.ti-circle-arrow-left-filled:before {
  content: "\f6fa";
}

.ti-circle-arrow-right:before {
  content: "\f6fd";
}

.ti-circle-arrow-right-filled:before {
  content: "\f6fc";
}

.ti-circle-arrow-up:before {
  content: "\f703";
}

.ti-circle-arrow-up-filled:before {
  content: "\f6fe";
}

.ti-circle-arrow-up-left:before {
  content: "\f700";
}

.ti-circle-arrow-up-left-filled:before {
  content: "\f6ff";
}

.ti-circle-arrow-up-right:before {
  content: "\f702";
}

.ti-circle-arrow-up-right-filled:before {
  content: "\f701";
}

.ti-circle-caret-down:before {
  content: "\f4a9";
}

.ti-circle-caret-left:before {
  content: "\f4aa";
}

.ti-circle-caret-right:before {
  content: "\f4ab";
}

.ti-circle-caret-up:before {
  content: "\f4ac";
}

.ti-circle-check:before {
  content: "\ea67";
}

.ti-circle-check-filled:before {
  content: "\f704";
}

.ti-circle-chevron-down:before {
  content: "\f622";
}

.ti-circle-chevron-left:before {
  content: "\f623";
}

.ti-circle-chevron-right:before {
  content: "\f624";
}

.ti-circle-chevron-up:before {
  content: "\f625";
}

.ti-circle-chevrons-down:before {
  content: "\f642";
}

.ti-circle-chevrons-left:before {
  content: "\f643";
}

.ti-circle-chevrons-right:before {
  content: "\f644";
}

.ti-circle-chevrons-up:before {
  content: "\f645";
}

.ti-circle-dashed:before {
  content: "\ed27";
}

.ti-circle-dot:before {
  content: "\efb1";
}

.ti-circle-dot-filled:before {
  content: "\f705";
}

.ti-circle-dotted:before {
  content: "\ed28";
}

.ti-circle-filled:before {
  content: "\f671";
}

.ti-circle-half:before {
  content: "\ee3f";
}

.ti-circle-half-2:before {
  content: "\eff3";
}

.ti-circle-half-vertical:before {
  content: "\ee3e";
}

.ti-circle-key:before {
  content: "\f633";
}

.ti-circle-key-filled:before {
  content: "\f706";
}

.ti-circle-letter-a:before {
  content: "\f441";
}

.ti-circle-letter-b:before {
  content: "\f442";
}

.ti-circle-letter-c:before {
  content: "\f443";
}

.ti-circle-letter-d:before {
  content: "\f444";
}

.ti-circle-letter-e:before {
  content: "\f445";
}

.ti-circle-letter-f:before {
  content: "\f446";
}

.ti-circle-letter-g:before {
  content: "\f447";
}

.ti-circle-letter-h:before {
  content: "\f448";
}

.ti-circle-letter-i:before {
  content: "\f449";
}

.ti-circle-letter-j:before {
  content: "\f44a";
}

.ti-circle-letter-k:before {
  content: "\f44b";
}

.ti-circle-letter-l:before {
  content: "\f44c";
}

.ti-circle-letter-m:before {
  content: "\f44d";
}

.ti-circle-letter-n:before {
  content: "\f44e";
}

.ti-circle-letter-o:before {
  content: "\f44f";
}

.ti-circle-letter-p:before {
  content: "\f450";
}

.ti-circle-letter-q:before {
  content: "\f451";
}

.ti-circle-letter-r:before {
  content: "\f452";
}

.ti-circle-letter-s:before {
  content: "\f453";
}

.ti-circle-letter-t:before {
  content: "\f454";
}

.ti-circle-letter-u:before {
  content: "\f455";
}

.ti-circle-letter-v:before {
  content: "\f4ad";
}

.ti-circle-letter-w:before {
  content: "\f456";
}

.ti-circle-letter-x:before {
  content: "\f4ae";
}

.ti-circle-letter-y:before {
  content: "\f457";
}

.ti-circle-letter-z:before {
  content: "\f458";
}

.ti-circle-minus:before {
  content: "\ea68";
}

.ti-circle-number-0:before {
  content: "\ee34";
}

.ti-circle-number-1:before {
  content: "\ee35";
}

.ti-circle-number-2:before {
  content: "\ee36";
}

.ti-circle-number-3:before {
  content: "\ee37";
}

.ti-circle-number-4:before {
  content: "\ee38";
}

.ti-circle-number-5:before {
  content: "\ee39";
}

.ti-circle-number-6:before {
  content: "\ee3a";
}

.ti-circle-number-7:before {
  content: "\ee3b";
}

.ti-circle-number-8:before {
  content: "\ee3c";
}

.ti-circle-number-9:before {
  content: "\ee3d";
}

.ti-circle-off:before {
  content: "\ee40";
}

.ti-circle-plus:before {
  content: "\ea69";
}

.ti-circle-rectangle:before {
  content: "\f010";
}

.ti-circle-rectangle-off:before {
  content: "\f0cd";
}

.ti-circle-square:before {
  content: "\ece4";
}

.ti-circle-triangle:before {
  content: "\f011";
}

.ti-circle-x:before {
  content: "\ea6a";
}

.ti-circle-x-filled:before {
  content: "\f739";
}

.ti-circles:before {
  content: "\ece5";
}

.ti-circles-filled:before {
  content: "\f672";
}

.ti-circles-relation:before {
  content: "\f4c3";
}

.ti-circuit-ammeter:before {
  content: "\f271";
}

.ti-circuit-battery:before {
  content: "\f272";
}

.ti-circuit-bulb:before {
  content: "\f273";
}

.ti-circuit-capacitor:before {
  content: "\f275";
}

.ti-circuit-capacitor-polarized:before {
  content: "\f274";
}

.ti-circuit-cell:before {
  content: "\f277";
}

.ti-circuit-cell-plus:before {
  content: "\f276";
}

.ti-circuit-changeover:before {
  content: "\f278";
}

.ti-circuit-diode:before {
  content: "\f27a";
}

.ti-circuit-diode-zener:before {
  content: "\f279";
}

.ti-circuit-ground:before {
  content: "\f27c";
}

.ti-circuit-ground-digital:before {
  content: "\f27b";
}

.ti-circuit-inductor:before {
  content: "\f27d";
}

.ti-circuit-motor:before {
  content: "\f27e";
}

.ti-circuit-pushbutton:before {
  content: "\f27f";
}

.ti-circuit-resistor:before {
  content: "\f280";
}

.ti-circuit-switch-closed:before {
  content: "\f281";
}

.ti-circuit-switch-open:before {
  content: "\f282";
}

.ti-circuit-voltmeter:before {
  content: "\f283";
}

.ti-clear-all:before {
  content: "\ee41";
}

.ti-clear-formatting:before {
  content: "\ebe5";
}

.ti-click:before {
  content: "\ebbc";
}

.ti-clipboard:before {
  content: "\ea6f";
}

.ti-clipboard-check:before {
  content: "\ea6c";
}

.ti-clipboard-copy:before {
  content: "\f299";
}

.ti-clipboard-data:before {
  content: "\f563";
}

.ti-clipboard-heart:before {
  content: "\f34e";
}

.ti-clipboard-list:before {
  content: "\ea6d";
}

.ti-clipboard-off:before {
  content: "\f0ce";
}

.ti-clipboard-plus:before {
  content: "\efb2";
}

.ti-clipboard-text:before {
  content: "\f089";
}

.ti-clipboard-typography:before {
  content: "\f34f";
}

.ti-clipboard-x:before {
  content: "\ea6e";
}

.ti-clock:before {
  content: "\ea70";
}

.ti-clock-12:before {
  content: "\fc56";
}

.ti-clock-2:before {
  content: "\f099";
}

.ti-clock-24:before {
  content: "\fc57";
}

.ti-clock-bolt:before {
  content: "\f844";
}

.ti-clock-cancel:before {
  content: "\f546";
}

.ti-clock-check:before {
  content: "\f7c1";
}

.ti-clock-code:before {
  content: "\f845";
}

.ti-clock-cog:before {
  content: "\f7c2";
}

.ti-clock-dollar:before {
  content: "\f846";
}

.ti-clock-down:before {
  content: "\f7c3";
}

.ti-clock-edit:before {
  content: "\f547";
}

.ti-clock-exclamation:before {
  content: "\f847";
}

.ti-clock-filled:before {
  content: "\f73a";
}

.ti-clock-heart:before {
  content: "\f7c4";
}

.ti-clock-hour-1:before {
  content: "\f313";
}

.ti-clock-hour-10:before {
  content: "\f314";
}

.ti-clock-hour-11:before {
  content: "\f315";
}

.ti-clock-hour-12:before {
  content: "\f316";
}

.ti-clock-hour-2:before {
  content: "\f317";
}

.ti-clock-hour-3:before {
  content: "\f318";
}

.ti-clock-hour-4:before {
  content: "\f319";
}

.ti-clock-hour-5:before {
  content: "\f31a";
}

.ti-clock-hour-6:before {
  content: "\f31b";
}

.ti-clock-hour-7:before {
  content: "\f31c";
}

.ti-clock-hour-8:before {
  content: "\f31d";
}

.ti-clock-hour-9:before {
  content: "\f31e";
}

.ti-clock-minus:before {
  content: "\f848";
}

.ti-clock-off:before {
  content: "\f0cf";
}

.ti-clock-pause:before {
  content: "\f548";
}

.ti-clock-pin:before {
  content: "\f849";
}

.ti-clock-play:before {
  content: "\f549";
}

.ti-clock-plus:before {
  content: "\f7c5";
}

.ti-clock-question:before {
  content: "\f7c6";
}

.ti-clock-record:before {
  content: "\f54a";
}

.ti-clock-search:before {
  content: "\f7c7";
}

.ti-clock-share:before {
  content: "\f84a";
}

.ti-clock-shield:before {
  content: "\f7c8";
}

.ti-clock-star:before {
  content: "\f7c9";
}

.ti-clock-stop:before {
  content: "\f54b";
}

.ti-clock-up:before {
  content: "\f7ca";
}

.ti-clock-x:before {
  content: "\f7cb";
}

.ti-clothes-rack:before {
  content: "\f285";
}

.ti-clothes-rack-off:before {
  content: "\f3d6";
}

.ti-cloud:before {
  content: "\ea76";
}

.ti-cloud-bolt:before {
  content: "\f84b";
}

.ti-cloud-cancel:before {
  content: "\f84c";
}

.ti-cloud-check:before {
  content: "\f84d";
}

.ti-cloud-code:before {
  content: "\f84e";
}

.ti-cloud-cog:before {
  content: "\f84f";
}

.ti-cloud-computing:before {
  content: "\f1d0";
}

.ti-cloud-data-connection:before {
  content: "\f1d1";
}

.ti-cloud-dollar:before {
  content: "\f850";
}

.ti-cloud-down:before {
  content: "\f851";
}

.ti-cloud-download:before {
  content: "\ea71";
}

.ti-cloud-exclamation:before {
  content: "\f852";
}

.ti-cloud-filled:before {
  content: "\f673";
}

.ti-cloud-fog:before {
  content: "\ecd9";
}

.ti-cloud-heart:before {
  content: "\f853";
}

.ti-cloud-lock:before {
  content: "\efdb";
}

.ti-cloud-lock-open:before {
  content: "\efda";
}

.ti-cloud-minus:before {
  content: "\f854";
}

.ti-cloud-off:before {
  content: "\ed3e";
}

.ti-cloud-pause:before {
  content: "\f855";
}

.ti-cloud-pin:before {
  content: "\f856";
}

.ti-cloud-plus:before {
  content: "\f857";
}

.ti-cloud-question:before {
  content: "\f858";
}

.ti-cloud-rain:before {
  content: "\ea72";
}

.ti-cloud-search:before {
  content: "\f859";
}

.ti-cloud-share:before {
  content: "\f85a";
}

.ti-cloud-snow:before {
  content: "\ea73";
}

.ti-cloud-star:before {
  content: "\f85b";
}

.ti-cloud-storm:before {
  content: "\ea74";
}

.ti-cloud-up:before {
  content: "\f85c";
}

.ti-cloud-upload:before {
  content: "\ea75";
}

.ti-cloud-x:before {
  content: "\f85d";
}

.ti-clover:before {
  content: "\f1ea";
}

.ti-clover-2:before {
  content: "\f21e";
}

.ti-clubs:before {
  content: "\eff4";
}

.ti-clubs-filled:before {
  content: "\f674";
}

.ti-code:before {
  content: "\ea77";
}

.ti-code-asterix:before {
  content: "\f312";
}

.ti-code-circle:before {
  content: "\f4ff";
}

.ti-code-circle-2:before {
  content: "\f4fe";
}

.ti-code-dots:before {
  content: "\f61a";
}

.ti-code-minus:before {
  content: "\ee42";
}

.ti-code-off:before {
  content: "\f0d0";
}

.ti-code-plus:before {
  content: "\ee43";
}

.ti-coffee:before {
  content: "\ef0e";
}

.ti-coffee-off:before {
  content: "\f106";
}

.ti-coffin:before {
  content: "\f579";
}

.ti-coin:before {
  content: "\eb82";
}

.ti-coin-bitcoin:before {
  content: "\f2be";
}

.ti-coin-euro:before {
  content: "\f2bf";
}

.ti-coin-monero:before {
  content: "\f4a0";
}

.ti-coin-off:before {
  content: "\f0d1";
}

.ti-coin-pound:before {
  content: "\f2c0";
}

.ti-coin-rupee:before {
  content: "\f2c1";
}

.ti-coin-yen:before {
  content: "\f2c2";
}

.ti-coin-yuan:before {
  content: "\f2c3";
}

.ti-coins:before {
  content: "\f65d";
}

.ti-color-filter:before {
  content: "\f5a8";
}

.ti-color-picker:before {
  content: "\ebe6";
}

.ti-color-picker-off:before {
  content: "\f0d2";
}

.ti-color-swatch:before {
  content: "\eb61";
}

.ti-color-swatch-off:before {
  content: "\f0d3";
}

.ti-column-insert-left:before {
  content: "\ee44";
}

.ti-column-insert-right:before {
  content: "\ee45";
}

.ti-column-remove:before {
  content: "\faf4";
}

.ti-columns:before {
  content: "\eb83";
}

.ti-columns-1:before {
  content: "\f6d4";
}

.ti-columns-2:before {
  content: "\f6d5";
}

.ti-columns-3:before {
  content: "\f6d6";
}

.ti-columns-off:before {
  content: "\f0d4";
}

.ti-comet:before {
  content: "\ec76";
}

.ti-command:before {
  content: "\ea78";
}

.ti-command-off:before {
  content: "\f3d7";
}

.ti-compass:before {
  content: "\ea79";
}

.ti-compass-off:before {
  content: "\f0d5";
}

.ti-components:before {
  content: "\efa5";
}

.ti-components-off:before {
  content: "\f0d6";
}

.ti-cone:before {
  content: "\efdd";
}

.ti-cone-2:before {
  content: "\efdc";
}

.ti-cone-off:before {
  content: "\f3d8";
}

.ti-cone-plus:before {
  content: "\fa94";
}

.ti-confetti:before {
  content: "\ee46";
}

.ti-confetti-off:before {
  content: "\f3d9";
}

.ti-confucius:before {
  content: "\f58a";
}

.ti-container:before {
  content: "\ee47";
}

.ti-container-off:before {
  content: "\f107";
}

.ti-contrast:before {
  content: "\ec4e";
}

.ti-contrast-2:before {
  content: "\efc7";
}

.ti-contrast-2-off:before {
  content: "\f3da";
}

.ti-contrast-off:before {
  content: "\f3db";
}

.ti-cooker:before {
  content: "\f57a";
}

.ti-cookie:before {
  content: "\ef0f";
}

.ti-cookie-man:before {
  content: "\f4c4";
}

.ti-cookie-off:before {
  content: "\f0d7";
}

.ti-copy:before {
  content: "\ea7a";
}

.ti-copy-off:before {
  content: "\f0d8";
}

.ti-copyleft:before {
  content: "\ec3d";
}

.ti-copyleft-filled:before {
  content: "\f73b";
}

.ti-copyleft-off:before {
  content: "\f0d9";
}

.ti-copyright:before {
  content: "\ea7b";
}

.ti-copyright-filled:before {
  content: "\f73c";
}

.ti-copyright-off:before {
  content: "\f0da";
}

.ti-corner-down-left:before {
  content: "\ea7c";
}

.ti-corner-down-left-double:before {
  content: "\ee48";
}

.ti-corner-down-right:before {
  content: "\ea7d";
}

.ti-corner-down-right-double:before {
  content: "\ee49";
}

.ti-corner-left-down:before {
  content: "\ea7e";
}

.ti-corner-left-down-double:before {
  content: "\ee4a";
}

.ti-corner-left-up:before {
  content: "\ea7f";
}

.ti-corner-left-up-double:before {
  content: "\ee4b";
}

.ti-corner-right-down:before {
  content: "\ea80";
}

.ti-corner-right-down-double:before {
  content: "\ee4c";
}

.ti-corner-right-up:before {
  content: "\ea81";
}

.ti-corner-right-up-double:before {
  content: "\ee4d";
}

.ti-corner-up-left:before {
  content: "\ea82";
}

.ti-corner-up-left-double:before {
  content: "\ee4e";
}

.ti-corner-up-right:before {
  content: "\ea83";
}

.ti-corner-up-right-double:before {
  content: "\ee4f";
}

.ti-cpu:before {
  content: "\ef8e";
}

.ti-cpu-2:before {
  content: "\f075";
}

.ti-cpu-off:before {
  content: "\f108";
}

.ti-crane:before {
  content: "\ef27";
}

.ti-crane-off:before {
  content: "\f109";
}

.ti-creative-commons:before {
  content: "\efb3";
}

.ti-creative-commons-by:before {
  content: "\f21f";
}

.ti-creative-commons-nc:before {
  content: "\f220";
}

.ti-creative-commons-nd:before {
  content: "\f221";
}

.ti-creative-commons-off:before {
  content: "\f10a";
}

.ti-creative-commons-sa:before {
  content: "\f222";
}

.ti-creative-commons-zero:before {
  content: "\f223";
}

.ti-credit-card:before {
  content: "\ea84";
}

.ti-credit-card-off:before {
  content: "\ed11";
}

.ti-cricket:before {
  content: "\f09a";
}

.ti-crop:before {
  content: "\ea85";
}

.ti-cross:before {
  content: "\ef8f";
}

.ti-cross-filled:before {
  content: "\f675";
}

.ti-cross-off:before {
  content: "\f10b";
}

.ti-crosshair:before {
  content: "\ec3e";
}

.ti-crown:before {
  content: "\ed12";
}

.ti-crown-off:before {
  content: "\ee50";
}

.ti-crutches:before {
  content: "\ef5b";
}

.ti-crutches-off:before {
  content: "\f10c";
}

.ti-crystal-ball:before {
  content: "\f57b";
}

.ti-csv:before {
  content: "\f791";
}

.ti-cube:before {
  content: "\fa97";
}

.ti-cube-off:before {
  content: "\fa95";
}

.ti-cube-plus:before {
  content: "\fa96";
}

.ti-cube-send:before {
  content: "\f61b";
}

.ti-cube-unfolded:before {
  content: "\f61c";
}

.ti-cup:before {
  content: "\ef28";
}

.ti-cup-off:before {
  content: "\f10d";
}

.ti-curling:before {
  content: "\efc8";
}

.ti-curly-loop:before {
  content: "\ecda";
}

.ti-currency:before {
  content: "\efa6";
}

.ti-currency-afghani:before {
  content: "\f65e";
}

.ti-currency-bahraini:before {
  content: "\ee51";
}

.ti-currency-baht:before {
  content: "\f08a";
}

.ti-currency-bitcoin:before {
  content: "\ebab";
}

.ti-currency-cent:before {
  content: "\ee53";
}

.ti-currency-dinar:before {
  content: "\ee54";
}

.ti-currency-dirham:before {
  content: "\ee55";
}

.ti-currency-dogecoin:before {
  content: "\ef4b";
}

.ti-currency-dollar:before {
  content: "\eb84";
}

.ti-currency-dollar-australian:before {
  content: "\ee56";
}

.ti-currency-dollar-brunei:before {
  content: "\f36c";
}

.ti-currency-dollar-canadian:before {
  content: "\ee57";
}

.ti-currency-dollar-guyanese:before {
  content: "\f36d";
}

.ti-currency-dollar-off:before {
  content: "\f3dc";
}

.ti-currency-dollar-singapore:before {
  content: "\ee58";
}

.ti-currency-dollar-zimbabwean:before {
  content: "\f36e";
}

.ti-currency-dong:before {
  content: "\f36f";
}

.ti-currency-dram:before {
  content: "\f370";
}

.ti-currency-ethereum:before {
  content: "\ee59";
}

.ti-currency-euro:before {
  content: "\eb85";
}

.ti-currency-euro-off:before {
  content: "\f3dd";
}

.ti-currency-florin:before {
  content: "\faf5";
}

.ti-currency-forint:before {
  content: "\ee5a";
}

.ti-currency-frank:before {
  content: "\ee5b";
}

.ti-currency-guarani:before {
  content: "\f371";
}

.ti-currency-hryvnia:before {
  content: "\f372";
}

.ti-currency-iranian-rial:before {
  content: "\fa58";
}

.ti-currency-kip:before {
  content: "\f373";
}

.ti-currency-krone-czech:before {
  content: "\ee5c";
}

.ti-currency-krone-danish:before {
  content: "\ee5d";
}

.ti-currency-krone-swedish:before {
  content: "\ee5e";
}

.ti-currency-lari:before {
  content: "\f374";
}

.ti-currency-leu:before {
  content: "\ee5f";
}

.ti-currency-lira:before {
  content: "\ee60";
}

.ti-currency-litecoin:before {
  content: "\ee61";
}

.ti-currency-lyd:before {
  content: "\f375";
}

.ti-currency-manat:before {
  content: "\f376";
}

.ti-currency-monero:before {
  content: "\f377";
}

.ti-currency-naira:before {
  content: "\ee62";
}

.ti-currency-nano:before {
  content: "\f7a6";
}

.ti-currency-off:before {
  content: "\f3de";
}

.ti-currency-paanga:before {
  content: "\f378";
}

.ti-currency-peso:before {
  content: "\f65f";
}

.ti-currency-pound:before {
  content: "\ebac";
}

.ti-currency-pound-off:before {
  content: "\f3df";
}

.ti-currency-quetzal:before {
  content: "\f379";
}

.ti-currency-real:before {
  content: "\ee63";
}

.ti-currency-renminbi:before {
  content: "\ee64";
}

.ti-currency-ripple:before {
  content: "\ee65";
}

.ti-currency-riyal:before {
  content: "\ee66";
}

.ti-currency-rubel:before {
  content: "\ee67";
}

.ti-currency-rufiyaa:before {
  content: "\f37a";
}

.ti-currency-rupee:before {
  content: "\ebad";
}

.ti-currency-rupee-nepalese:before {
  content: "\f37b";
}

.ti-currency-shekel:before {
  content: "\ee68";
}

.ti-currency-solana:before {
  content: "\f4a1";
}

.ti-currency-som:before {
  content: "\f37c";
}

.ti-currency-taka:before {
  content: "\ee69";
}

.ti-currency-tenge:before {
  content: "\f37d";
}

.ti-currency-tugrik:before {
  content: "\ee6a";
}

.ti-currency-won:before {
  content: "\ee6b";
}

.ti-currency-yen:before {
  content: "\ebae";
}

.ti-currency-yen-off:before {
  content: "\f3e0";
}

.ti-currency-yuan:before {
  content: "\f29a";
}

.ti-currency-zloty:before {
  content: "\ee6c";
}

.ti-current-location:before {
  content: "\ecef";
}

.ti-current-location-off:before {
  content: "\f10e";
}

.ti-cursor-off:before {
  content: "\f10f";
}

.ti-cursor-text:before {
  content: "\ee6d";
}

.ti-cut:before {
  content: "\ea86";
}

.ti-cylinder:before {
  content: "\f54c";
}

.ti-cylinder-off:before {
  content: "\fa98";
}

.ti-cylinder-plus:before {
  content: "\fa99";
}

.ti-dashboard:before {
  content: "\ea87";
}

.ti-dashboard-off:before {
  content: "\f3e1";
}

.ti-database:before {
  content: "\ea88";
}

.ti-database-cog:before {
  content: "\fa10";
}

.ti-database-dollar:before {
  content: "\fa11";
}

.ti-database-edit:before {
  content: "\fa12";
}

.ti-database-exclamation:before {
  content: "\fa13";
}

.ti-database-export:before {
  content: "\ee6e";
}

.ti-database-heart:before {
  content: "\fa14";
}

.ti-database-import:before {
  content: "\ee6f";
}

.ti-database-leak:before {
  content: "\fa15";
}

.ti-database-minus:before {
  content: "\fa16";
}

.ti-database-off:before {
  content: "\ee70";
}

.ti-database-plus:before {
  content: "\fa17";
}

.ti-database-search:before {
  content: "\fa18";
}

.ti-database-share:before {
  content: "\fa19";
}

.ti-database-star:before {
  content: "\fa1a";
}

.ti-database-x:before {
  content: "\fa1b";
}

.ti-decimal:before {
  content: "\fa26";
}

.ti-deer:before {
  content: "\f4c5";
}

.ti-delta:before {
  content: "\f53c";
}

.ti-dental:before {
  content: "\f025";
}

.ti-dental-broken:before {
  content: "\f286";
}

.ti-dental-off:before {
  content: "\f110";
}

.ti-deselect:before {
  content: "\f9f3";
}

.ti-details:before {
  content: "\ee71";
}

.ti-details-off:before {
  content: "\f3e2";
}

.ti-device-airpods:before {
  content: "\f5a9";
}

.ti-device-airpods-case:before {
  content: "\f646";
}

.ti-device-airtag:before {
  content: "\fae6";
}

.ti-device-analytics:before {
  content: "\ee72";
}

.ti-device-audio-tape:before {
  content: "\ee73";
}

.ti-device-camera-phone:before {
  content: "\f233";
}

.ti-device-cctv:before {
  content: "\ee74";
}

.ti-device-cctv-off:before {
  content: "\f3e3";
}

.ti-device-computer-camera:before {
  content: "\ee76";
}

.ti-device-computer-camera-off:before {
  content: "\ee75";
}

.ti-device-desktop:before {
  content: "\ea89";
}

.ti-device-desktop-analytics:before {
  content: "\ee77";
}

.ti-device-desktop-bolt:before {
  content: "\f85e";
}

.ti-device-desktop-cancel:before {
  content: "\f85f";
}

.ti-device-desktop-check:before {
  content: "\f860";
}

.ti-device-desktop-code:before {
  content: "\f861";
}

.ti-device-desktop-cog:before {
  content: "\f862";
}

.ti-device-desktop-dollar:before {
  content: "\f863";
}

.ti-device-desktop-down:before {
  content: "\f864";
}

.ti-device-desktop-exclamation:before {
  content: "\f865";
}

.ti-device-desktop-heart:before {
  content: "\f866";
}

.ti-device-desktop-minus:before {
  content: "\f867";
}

.ti-device-desktop-off:before {
  content: "\ee78";
}

.ti-device-desktop-pause:before {
  content: "\f868";
}

.ti-device-desktop-pin:before {
  content: "\f869";
}

.ti-device-desktop-plus:before {
  content: "\f86a";
}

.ti-device-desktop-question:before {
  content: "\f86b";
}

.ti-device-desktop-search:before {
  content: "\f86c";
}

.ti-device-desktop-share:before {
  content: "\f86d";
}

.ti-device-desktop-star:before {
  content: "\f86e";
}

.ti-device-desktop-up:before {
  content: "\f86f";
}

.ti-device-desktop-x:before {
  content: "\f870";
}

.ti-device-floppy:before {
  content: "\eb62";
}

.ti-device-game-pad:before {
  content: "\fc58";
}

.ti-device-gamepad:before {
  content: "\eb63";
}

.ti-device-gamepad-2:before {
  content: "\f1d2";
}

.ti-device-heart-monitor:before {
  content: "\f060";
}

.ti-device-heart-monitor-filled:before {
  content: "\fa38";
}

.ti-device-imac:before {
  content: "\f7a7";
}

.ti-device-imac-bolt:before {
  content: "\f871";
}

.ti-device-imac-cancel:before {
  content: "\f872";
}

.ti-device-imac-check:before {
  content: "\f873";
}

.ti-device-imac-code:before {
  content: "\f874";
}

.ti-device-imac-cog:before {
  content: "\f875";
}

.ti-device-imac-dollar:before {
  content: "\f876";
}

.ti-device-imac-down:before {
  content: "\f877";
}

.ti-device-imac-exclamation:before {
  content: "\f878";
}

.ti-device-imac-heart:before {
  content: "\f879";
}

.ti-device-imac-minus:before {
  content: "\f87a";
}

.ti-device-imac-off:before {
  content: "\f87b";
}

.ti-device-imac-pause:before {
  content: "\f87c";
}

.ti-device-imac-pin:before {
  content: "\f87d";
}

.ti-device-imac-plus:before {
  content: "\f87e";
}

.ti-device-imac-question:before {
  content: "\f87f";
}

.ti-device-imac-search:before {
  content: "\f880";
}

.ti-device-imac-share:before {
  content: "\f881";
}

.ti-device-imac-star:before {
  content: "\f882";
}

.ti-device-imac-up:before {
  content: "\f883";
}

.ti-device-imac-x:before {
  content: "\f884";
}

.ti-device-ipad:before {
  content: "\f648";
}

.ti-device-ipad-bolt:before {
  content: "\f885";
}

.ti-device-ipad-cancel:before {
  content: "\f886";
}

.ti-device-ipad-check:before {
  content: "\f887";
}

.ti-device-ipad-code:before {
  content: "\f888";
}

.ti-device-ipad-cog:before {
  content: "\f889";
}

.ti-device-ipad-dollar:before {
  content: "\f88a";
}

.ti-device-ipad-down:before {
  content: "\f88b";
}

.ti-device-ipad-exclamation:before {
  content: "\f88c";
}

.ti-device-ipad-heart:before {
  content: "\f88d";
}

.ti-device-ipad-horizontal:before {
  content: "\f647";
}

.ti-device-ipad-horizontal-bolt:before {
  content: "\f88e";
}

.ti-device-ipad-horizontal-cancel:before {
  content: "\f88f";
}

.ti-device-ipad-horizontal-check:before {
  content: "\f890";
}

.ti-device-ipad-horizontal-code:before {
  content: "\f891";
}

.ti-device-ipad-horizontal-cog:before {
  content: "\f892";
}

.ti-device-ipad-horizontal-dollar:before {
  content: "\f893";
}

.ti-device-ipad-horizontal-down:before {
  content: "\f894";
}

.ti-device-ipad-horizontal-exclamation:before {
  content: "\f895";
}

.ti-device-ipad-horizontal-heart:before {
  content: "\f896";
}

.ti-device-ipad-horizontal-minus:before {
  content: "\f897";
}

.ti-device-ipad-horizontal-off:before {
  content: "\f898";
}

.ti-device-ipad-horizontal-pause:before {
  content: "\f899";
}

.ti-device-ipad-horizontal-pin:before {
  content: "\f89a";
}

.ti-device-ipad-horizontal-plus:before {
  content: "\f89b";
}

.ti-device-ipad-horizontal-question:before {
  content: "\f89c";
}

.ti-device-ipad-horizontal-search:before {
  content: "\f89d";
}

.ti-device-ipad-horizontal-share:before {
  content: "\f89e";
}

.ti-device-ipad-horizontal-star:before {
  content: "\f89f";
}

.ti-device-ipad-horizontal-up:before {
  content: "\f8a0";
}

.ti-device-ipad-horizontal-x:before {
  content: "\f8a1";
}

.ti-device-ipad-minus:before {
  content: "\f8a2";
}

.ti-device-ipad-off:before {
  content: "\f8a3";
}

.ti-device-ipad-pause:before {
  content: "\f8a4";
}

.ti-device-ipad-pin:before {
  content: "\f8a5";
}

.ti-device-ipad-plus:before {
  content: "\f8a6";
}

.ti-device-ipad-question:before {
  content: "\f8a7";
}

.ti-device-ipad-search:before {
  content: "\f8a8";
}

.ti-device-ipad-share:before {
  content: "\f8a9";
}

.ti-device-ipad-star:before {
  content: "\f8aa";
}

.ti-device-ipad-up:before {
  content: "\f8ab";
}

.ti-device-ipad-x:before {
  content: "\f8ac";
}

.ti-device-landline-phone:before {
  content: "\f649";
}

.ti-device-laptop:before {
  content: "\eb64";
}

.ti-device-laptop-off:before {
  content: "\f061";
}

.ti-device-mobile:before {
  content: "\ea8a";
}

.ti-device-mobile-bolt:before {
  content: "\f8ad";
}

.ti-device-mobile-cancel:before {
  content: "\f8ae";
}

.ti-device-mobile-charging:before {
  content: "\f224";
}

.ti-device-mobile-check:before {
  content: "\f8af";
}

.ti-device-mobile-code:before {
  content: "\f8b0";
}

.ti-device-mobile-cog:before {
  content: "\f8b1";
}

.ti-device-mobile-dollar:before {
  content: "\f8b2";
}

.ti-device-mobile-down:before {
  content: "\f8b3";
}

.ti-device-mobile-exclamation:before {
  content: "\f8b4";
}

.ti-device-mobile-filled:before {
  content: "\fa39";
}

.ti-device-mobile-heart:before {
  content: "\f8b5";
}

.ti-device-mobile-message:before {
  content: "\ee79";
}

.ti-device-mobile-minus:before {
  content: "\f8b6";
}

.ti-device-mobile-off:before {
  content: "\f062";
}

.ti-device-mobile-pause:before {
  content: "\f8b7";
}

.ti-device-mobile-pin:before {
  content: "\f8b8";
}

.ti-device-mobile-plus:before {
  content: "\f8b9";
}

.ti-device-mobile-question:before {
  content: "\f8ba";
}

.ti-device-mobile-rotated:before {
  content: "\ecdb";
}

.ti-device-mobile-search:before {
  content: "\f8bb";
}

.ti-device-mobile-share:before {
  content: "\f8bc";
}

.ti-device-mobile-star:before {
  content: "\f8bd";
}

.ti-device-mobile-up:before {
  content: "\f8be";
}

.ti-device-mobile-vibration:before {
  content: "\eb86";
}

.ti-device-mobile-x:before {
  content: "\f8bf";
}

.ti-device-nintendo:before {
  content: "\f026";
}

.ti-device-nintendo-off:before {
  content: "\f111";
}

.ti-device-projector:before {
  content: "\fc11";
}

.ti-device-remote:before {
  content: "\f792";
}

.ti-device-sd-card:before {
  content: "\f384";
}

.ti-device-sim:before {
  content: "\f4b2";
}

.ti-device-sim-1:before {
  content: "\f4af";
}

.ti-device-sim-2:before {
  content: "\f4b0";
}

.ti-device-sim-3:before {
  content: "\f4b1";
}

.ti-device-speaker:before {
  content: "\ea8b";
}

.ti-device-speaker-off:before {
  content: "\f112";
}

.ti-device-tablet:before {
  content: "\ea8c";
}

.ti-device-tablet-bolt:before {
  content: "\f8c0";
}

.ti-device-tablet-cancel:before {
  content: "\f8c1";
}

.ti-device-tablet-check:before {
  content: "\f8c2";
}

.ti-device-tablet-code:before {
  content: "\f8c3";
}

.ti-device-tablet-cog:before {
  content: "\f8c4";
}

.ti-device-tablet-dollar:before {
  content: "\f8c5";
}

.ti-device-tablet-down:before {
  content: "\f8c6";
}

.ti-device-tablet-exclamation:before {
  content: "\f8c7";
}

.ti-device-tablet-filled:before {
  content: "\fa3a";
}

.ti-device-tablet-heart:before {
  content: "\f8c8";
}

.ti-device-tablet-minus:before {
  content: "\f8c9";
}

.ti-device-tablet-off:before {
  content: "\f063";
}

.ti-device-tablet-pause:before {
  content: "\f8ca";
}

.ti-device-tablet-pin:before {
  content: "\f8cb";
}

.ti-device-tablet-plus:before {
  content: "\f8cc";
}

.ti-device-tablet-question:before {
  content: "\f8cd";
}

.ti-device-tablet-search:before {
  content: "\f8ce";
}

.ti-device-tablet-share:before {
  content: "\f8cf";
}

.ti-device-tablet-star:before {
  content: "\f8d0";
}

.ti-device-tablet-up:before {
  content: "\f8d1";
}

.ti-device-tablet-x:before {
  content: "\f8d2";
}

.ti-device-tv:before {
  content: "\ea8d";
}

.ti-device-tv-off:before {
  content: "\f064";
}

.ti-device-tv-old:before {
  content: "\f1d3";
}

.ti-device-usb:before {
  content: "\fc59";
}

.ti-device-vision-pro:before {
  content: "\fae7";
}

.ti-device-watch:before {
  content: "\ebf9";
}

.ti-device-watch-bolt:before {
  content: "\f8d3";
}

.ti-device-watch-cancel:before {
  content: "\f8d4";
}

.ti-device-watch-check:before {
  content: "\f8d5";
}

.ti-device-watch-code:before {
  content: "\f8d6";
}

.ti-device-watch-cog:before {
  content: "\f8d7";
}

.ti-device-watch-dollar:before {
  content: "\f8d8";
}

.ti-device-watch-down:before {
  content: "\f8d9";
}

.ti-device-watch-exclamation:before {
  content: "\f8da";
}

.ti-device-watch-heart:before {
  content: "\f8db";
}

.ti-device-watch-minus:before {
  content: "\f8dc";
}

.ti-device-watch-off:before {
  content: "\f065";
}

.ti-device-watch-pause:before {
  content: "\f8dd";
}

.ti-device-watch-pin:before {
  content: "\f8de";
}

.ti-device-watch-plus:before {
  content: "\f8df";
}

.ti-device-watch-question:before {
  content: "\f8e0";
}

.ti-device-watch-search:before {
  content: "\f8e1";
}

.ti-device-watch-share:before {
  content: "\f8e2";
}

.ti-device-watch-star:before {
  content: "\f8e3";
}

.ti-device-watch-stats:before {
  content: "\ef7d";
}

.ti-device-watch-stats-2:before {
  content: "\ef7c";
}

.ti-device-watch-up:before {
  content: "\f8e4";
}

.ti-device-watch-x:before {
  content: "\f8e5";
}

.ti-devices:before {
  content: "\eb87";
}

.ti-devices-2:before {
  content: "\ed29";
}

.ti-devices-bolt:before {
  content: "\f8e6";
}

.ti-devices-cancel:before {
  content: "\f8e7";
}

.ti-devices-check:before {
  content: "\f8e8";
}

.ti-devices-code:before {
  content: "\f8e9";
}

.ti-devices-cog:before {
  content: "\f8ea";
}

.ti-devices-dollar:before {
  content: "\f8eb";
}

.ti-devices-down:before {
  content: "\f8ec";
}

.ti-devices-exclamation:before {
  content: "\f8ed";
}

.ti-devices-heart:before {
  content: "\f8ee";
}

.ti-devices-minus:before {
  content: "\f8ef";
}

.ti-devices-off:before {
  content: "\f3e4";
}

.ti-devices-pause:before {
  content: "\f8f0";
}

.ti-devices-pc:before {
  content: "\ee7a";
}

.ti-devices-pc-off:before {
  content: "\f113";
}

.ti-devices-pin:before {
  content: "\f8f1";
}

.ti-devices-plus:before {
  content: "\f8f2";
}

.ti-devices-question:before {
  content: "\f8f3";
}

.ti-devices-search:before {
  content: "\f8f4";
}

.ti-devices-share:before {
  content: "\f8f5";
}

.ti-devices-star:before {
  content: "\f8f6";
}

.ti-devices-up:before {
  content: "\f8f7";
}

.ti-devices-x:before {
  content: "\f8f8";
}

.ti-diabolo:before {
  content: "\fa9c";
}

.ti-diabolo-off:before {
  content: "\fa9a";
}

.ti-diabolo-plus:before {
  content: "\fa9b";
}

.ti-dialpad:before {
  content: "\f067";
}

.ti-dialpad-filled:before {
  content: "\fa3b";
}

.ti-dialpad-off:before {
  content: "\f114";
}

.ti-diamond:before {
  content: "\eb65";
}

.ti-diamond-filled:before {
  content: "\f73d";
}

.ti-diamond-off:before {
  content: "\f115";
}

.ti-diamonds:before {
  content: "\eff5";
}

.ti-diamonds-filled:before {
  content: "\f676";
}

.ti-dice:before {
  content: "\eb66";
}

.ti-dice-1:before {
  content: "\f08b";
}

.ti-dice-1-filled:before {
  content: "\f73e";
}

.ti-dice-2:before {
  content: "\f08c";
}

.ti-dice-2-filled:before {
  content: "\f73f";
}

.ti-dice-3:before {
  content: "\f08d";
}

.ti-dice-3-filled:before {
  content: "\f740";
}

.ti-dice-4:before {
  content: "\f08e";
}

.ti-dice-4-filled:before {
  content: "\f741";
}

.ti-dice-5:before {
  content: "\f08f";
}

.ti-dice-5-filled:before {
  content: "\f742";
}

.ti-dice-6:before {
  content: "\f090";
}

.ti-dice-6-filled:before {
  content: "\f743";
}

.ti-dice-filled:before {
  content: "\f744";
}

.ti-dimensions:before {
  content: "\ee7b";
}

.ti-direction:before {
  content: "\ebfb";
}

.ti-direction-horizontal:before {
  content: "\ebfa";
}

.ti-direction-sign:before {
  content: "\f1f7";
}

.ti-direction-sign-filled:before {
  content: "\f745";
}

.ti-direction-sign-off:before {
  content: "\f3e5";
}

.ti-directions:before {
  content: "\ea8e";
}

.ti-directions-off:before {
  content: "\f116";
}

.ti-disabled:before {
  content: "\ea8f";
}

.ti-disabled-2:before {
  content: "\ebaf";
}

.ti-disabled-off:before {
  content: "\f117";
}

.ti-disc:before {
  content: "\ea90";
}

.ti-disc-golf:before {
  content: "\f385";
}

.ti-disc-off:before {
  content: "\f118";
}

.ti-discount:before {
  content: "\ebbd";
}

.ti-discount-2:before {
  content: "\ee7c";
}

.ti-discount-2-off:before {
  content: "\f3e6";
}

.ti-discount-check:before {
  content: "\f1f8";
}

.ti-discount-check-filled:before {
  content: "\f746";
}

.ti-discount-off:before {
  content: "\f3e7";
}

.ti-divide:before {
  content: "\ed5c";
}

.ti-dna:before {
  content: "\ee7d";
}

.ti-dna-2:before {
  content: "\ef5c";
}

.ti-dna-2-off:before {
  content: "\f119";
}

.ti-dna-off:before {
  content: "\f11a";
}

.ti-dog:before {
  content: "\f660";
}

.ti-dog-bowl:before {
  content: "\ef29";
}

.ti-door:before {
  content: "\ef4e";
}

.ti-door-enter:before {
  content: "\ef4c";
}

.ti-door-exit:before {
  content: "\ef4d";
}

.ti-door-off:before {
  content: "\f11b";
}

.ti-dots:before {
  content: "\ea95";
}

.ti-dots-circle-horizontal:before {
  content: "\ea91";
}

.ti-dots-diagonal:before {
  content: "\ea93";
}

.ti-dots-diagonal-2:before {
  content: "\ea92";
}

.ti-dots-vertical:before {
  content: "\ea94";
}

.ti-download:before {
  content: "\ea96";
}

.ti-download-off:before {
  content: "\f11c";
}

.ti-drag-drop:before {
  content: "\eb89";
}

.ti-drag-drop-2:before {
  content: "\eb88";
}

.ti-drone:before {
  content: "\ed79";
}

.ti-drone-off:before {
  content: "\ee7e";
}

.ti-drop-circle:before {
  content: "\efde";
}

.ti-droplet:before {
  content: "\ea97";
}

.ti-droplet-bolt:before {
  content: "\f8f9";
}

.ti-droplet-cancel:before {
  content: "\f8fa";
}

.ti-droplet-check:before {
  content: "\f8fb";
}

.ti-droplet-code:before {
  content: "\f8fc";
}

.ti-droplet-cog:before {
  content: "\f8fd";
}

.ti-droplet-dollar:before {
  content: "\f8fe";
}

.ti-droplet-down:before {
  content: "\f8ff";
}

.ti-droplet-exclamation:before {
  content: "\f900";
}

.ti-droplet-filled:before {
  content: "\ee80";
}

.ti-droplet-half:before {
  content: "\ee82";
}

.ti-droplet-half-2:before {
  content: "\ee81";
}

.ti-droplet-half-2-filled:before {
  content: "\fb6c";
}

.ti-droplet-half-filled:before {
  content: "\f6c5";
}

.ti-droplet-heart:before {
  content: "\f901";
}

.ti-droplet-minus:before {
  content: "\f902";
}

.ti-droplet-off:before {
  content: "\ee83";
}

.ti-droplet-pause:before {
  content: "\f903";
}

.ti-droplet-pin:before {
  content: "\f904";
}

.ti-droplet-plus:before {
  content: "\f905";
}

.ti-droplet-question:before {
  content: "\f906";
}

.ti-droplet-search:before {
  content: "\f907";
}

.ti-droplet-share:before {
  content: "\f908";
}

.ti-droplet-star:before {
  content: "\f909";
}

.ti-droplet-up:before {
  content: "\f90a";
}

.ti-droplet-x:before {
  content: "\f90b";
}

.ti-droplets:before {
  content: "\fc12";
}

.ti-dual-screen:before {
  content: "\fa59";
}

.ti-e-passport:before {
  content: "\f4df";
}

.ti-ear:before {
  content: "\ebce";
}

.ti-ear-off:before {
  content: "\ee84";
}

.ti-ease-in:before {
  content: "\f573";
}

.ti-ease-in-control-point:before {
  content: "\f570";
}

.ti-ease-in-out:before {
  content: "\f572";
}

.ti-ease-in-out-control-points:before {
  content: "\f571";
}

.ti-ease-out:before {
  content: "\f575";
}

.ti-ease-out-control-point:before {
  content: "\f574";
}

.ti-edit:before {
  content: "\ea98";
}

.ti-edit-circle:before {
  content: "\ee85";
}

.ti-edit-circle-off:before {
  content: "\f11d";
}

.ti-edit-off:before {
  content: "\f11e";
}

.ti-egg:before {
  content: "\eb8a";
}

.ti-egg-cracked:before {
  content: "\f2d6";
}

.ti-egg-filled:before {
  content: "\f678";
}

.ti-egg-fried:before {
  content: "\f386";
}

.ti-egg-off:before {
  content: "\f11f";
}

.ti-eggs:before {
  content: "\f500";
}

.ti-elevator:before {
  content: "\efdf";
}

.ti-elevator-off:before {
  content: "\f3e8";
}

.ti-emergency-bed:before {
  content: "\ef5d";
}

.ti-empathize:before {
  content: "\f29b";
}

.ti-empathize-off:before {
  content: "\f3e9";
}

.ti-emphasis:before {
  content: "\ebcf";
}

.ti-engine:before {
  content: "\ef7e";
}

.ti-engine-off:before {
  content: "\f120";
}

.ti-equal:before {
  content: "\ee87";
}

.ti-equal-double:before {
  content: "\f4e1";
}

.ti-equal-not:before {
  content: "\ee86";
}

.ti-eraser:before {
  content: "\eb8b";
}

.ti-eraser-off:before {
  content: "\f121";
}

.ti-error-404:before {
  content: "\f027";
}

.ti-error-404-off:before {
  content: "\f122";
}

.ti-escalator:before {
  content: "\fb06";
}

.ti-escalator-down:before {
  content: "\fb04";
}

.ti-escalator-up:before {
  content: "\fb05";
}

.ti-exchange:before {
  content: "\ebe7";
}

.ti-exchange-off:before {
  content: "\f123";
}

.ti-exclamation-circle:before {
  content: "\f634";
}

.ti-exclamation-mark:before {
  content: "\efb4";
}

.ti-exclamation-mark-off:before {
  content: "\f124";
}

.ti-explicit:before {
  content: "\f256";
}

.ti-explicit-off:before {
  content: "\f3ea";
}

.ti-exposure:before {
  content: "\eb8c";
}

.ti-exposure-0:before {
  content: "\f29c";
}

.ti-exposure-minus-1:before {
  content: "\f29d";
}

.ti-exposure-minus-2:before {
  content: "\f29e";
}

.ti-exposure-off:before {
  content: "\f3eb";
}

.ti-exposure-plus-1:before {
  content: "\f29f";
}

.ti-exposure-plus-2:before {
  content: "\f2a0";
}

.ti-external-link:before {
  content: "\ea99";
}

.ti-external-link-off:before {
  content: "\f125";
}

.ti-eye:before {
  content: "\ea9a";
}

.ti-eye-bolt:before {
  content: "\fb6d";
}

.ti-eye-cancel:before {
  content: "\fb6e";
}

.ti-eye-check:before {
  content: "\ee88";
}

.ti-eye-closed:before {
  content: "\f7ec";
}

.ti-eye-code:before {
  content: "\fb6f";
}

.ti-eye-cog:before {
  content: "\f7ed";
}

.ti-eye-discount:before {
  content: "\fb70";
}

.ti-eye-dollar:before {
  content: "\fb71";
}

.ti-eye-down:before {
  content: "\fb72";
}

.ti-eye-edit:before {
  content: "\f7ee";
}

.ti-eye-exclamation:before {
  content: "\f7ef";
}

.ti-eye-filled:before {
  content: "\f679";
}

.ti-eye-heart:before {
  content: "\f7f0";
}

.ti-eye-minus:before {
  content: "\fb73";
}

.ti-eye-off:before {
  content: "\ecf0";
}

.ti-eye-pause:before {
  content: "\fb74";
}

.ti-eye-pin:before {
  content: "\fb75";
}

.ti-eye-plus:before {
  content: "\fb76";
}

.ti-eye-question:before {
  content: "\fb77";
}

.ti-eye-search:before {
  content: "\fb78";
}

.ti-eye-share:before {
  content: "\fb79";
}

.ti-eye-star:before {
  content: "\fb7a";
}

.ti-eye-table:before {
  content: "\ef5e";
}

.ti-eye-up:before {
  content: "\fb7b";
}

.ti-eye-x:before {
  content: "\f7f1";
}

.ti-eyeglass:before {
  content: "\ee8a";
}

.ti-eyeglass-2:before {
  content: "\ee89";
}

.ti-eyeglass-off:before {
  content: "\f126";
}

.ti-face-id:before {
  content: "\ea9b";
}

.ti-face-id-error:before {
  content: "\efa7";
}

.ti-face-mask:before {
  content: "\efb5";
}

.ti-face-mask-off:before {
  content: "\f127";
}

.ti-fall:before {
  content: "\ecb9";
}

.ti-feather:before {
  content: "\ee8b";
}

.ti-feather-off:before {
  content: "\f128";
}

.ti-fence:before {
  content: "\ef2a";
}

.ti-fence-off:before {
  content: "\f129";
}

.ti-fidget-spinner:before {
  content: "\f068";
}

.ti-file:before {
  content: "\eaa4";
}

.ti-file-3d:before {
  content: "\f032";
}

.ti-file-alert:before {
  content: "\ede6";
}

.ti-file-analytics:before {
  content: "\ede7";
}

.ti-file-arrow-left:before {
  content: "\f033";
}

.ti-file-arrow-right:before {
  content: "\f034";
}

.ti-file-barcode:before {
  content: "\f035";
}

.ti-file-broken:before {
  content: "\f501";
}

.ti-file-certificate:before {
  content: "\ed4d";
}

.ti-file-chart:before {
  content: "\f036";
}

.ti-file-check:before {
  content: "\ea9c";
}

.ti-file-code:before {
  content: "\ebd0";
}

.ti-file-code-2:before {
  content: "\ede8";
}

.ti-file-cv:before {
  content: "\fa5a";
}

.ti-file-database:before {
  content: "\f037";
}

.ti-file-delta:before {
  content: "\f53d";
}

.ti-file-description:before {
  content: "\f028";
}

.ti-file-diff:before {
  content: "\ecf1";
}

.ti-file-digit:before {
  content: "\efa8";
}

.ti-file-dislike:before {
  content: "\ed2a";
}

.ti-file-dollar:before {
  content: "\efe0";
}

.ti-file-dots:before {
  content: "\f038";
}

.ti-file-download:before {
  content: "\ea9d";
}

.ti-file-euro:before {
  content: "\efe1";
}

.ti-file-export:before {
  content: "\ede9";
}

.ti-file-filled:before {
  content: "\f747";
}

.ti-file-function:before {
  content: "\f53e";
}

.ti-file-horizontal:before {
  content: "\ebb0";
}

.ti-file-import:before {
  content: "\edea";
}

.ti-file-infinity:before {
  content: "\f502";
}

.ti-file-info:before {
  content: "\edec";
}

.ti-file-invoice:before {
  content: "\eb67";
}

.ti-file-lambda:before {
  content: "\f53f";
}

.ti-file-like:before {
  content: "\ed2b";
}

.ti-file-minus:before {
  content: "\ea9e";
}

.ti-file-music:before {
  content: "\ea9f";
}

.ti-file-off:before {
  content: "\ecf2";
}

.ti-file-orientation:before {
  content: "\f2a1";
}

.ti-file-pencil:before {
  content: "\f039";
}

.ti-file-percent:before {
  content: "\f540";
}

.ti-file-phone:before {
  content: "\ecdc";
}

.ti-file-plus:before {
  content: "\eaa0";
}

.ti-file-power:before {
  content: "\f03a";
}

.ti-file-report:before {
  content: "\eded";
}

.ti-file-rss:before {
  content: "\f03b";
}

.ti-file-scissors:before {
  content: "\f03c";
}

.ti-file-search:before {
  content: "\ed5d";
}

.ti-file-settings:before {
  content: "\f029";
}

.ti-file-shredder:before {
  content: "\eaa1";
}

.ti-file-signal:before {
  content: "\f03d";
}

.ti-file-spreadsheet:before {
  content: "\f03e";
}

.ti-file-stack:before {
  content: "\f503";
}

.ti-file-star:before {
  content: "\f03f";
}

.ti-file-symlink:before {
  content: "\ed53";
}

.ti-file-text:before {
  content: "\eaa2";
}

.ti-file-text-ai:before {
  content: "\fa27";
}

.ti-file-time:before {
  content: "\f040";
}

.ti-file-type-bmp:before {
  content: "\fb07";
}

.ti-file-type-css:before {
  content: "\fb08";
}

.ti-file-type-csv:before {
  content: "\fb09";
}

.ti-file-type-doc:before {
  content: "\fb0a";
}

.ti-file-type-docx:before {
  content: "\fb0b";
}

.ti-file-type-html:before {
  content: "\fb0c";
}

.ti-file-type-jpg:before {
  content: "\fb0d";
}

.ti-file-type-js:before {
  content: "\fb0e";
}

.ti-file-type-jsx:before {
  content: "\fb0f";
}

.ti-file-type-pdf:before {
  content: "\fb10";
}

.ti-file-type-php:before {
  content: "\fb11";
}

.ti-file-type-png:before {
  content: "\fb12";
}

.ti-file-type-ppt:before {
  content: "\fb13";
}

.ti-file-type-rs:before {
  content: "\fb14";
}

.ti-file-type-sql:before {
  content: "\fb15";
}

.ti-file-type-svg:before {
  content: "\fb16";
}

.ti-file-type-ts:before {
  content: "\fb17";
}

.ti-file-type-tsx:before {
  content: "\fb18";
}

.ti-file-type-txt:before {
  content: "\fb19";
}

.ti-file-type-vue:before {
  content: "\fb1a";
}

.ti-file-type-xls:before {
  content: "\fb1b";
}

.ti-file-type-xml:before {
  content: "\fb1c";
}

.ti-file-type-zip:before {
  content: "\fb1d";
}

.ti-file-typography:before {
  content: "\f041";
}

.ti-file-unknown:before {
  content: "\f042";
}

.ti-file-upload:before {
  content: "\ec91";
}

.ti-file-vector:before {
  content: "\f043";
}

.ti-file-x:before {
  content: "\eaa3";
}

.ti-file-x-filled:before {
  content: "\f748";
}

.ti-file-zip:before {
  content: "\ed4e";
}

.ti-files:before {
  content: "\edef";
}

.ti-files-off:before {
  content: "\edee";
}

.ti-filter:before {
  content: "\eaa5";
}

.ti-filter-bolt:before {
  content: "\fb7c";
}

.ti-filter-cancel:before {
  content: "\fb7d";
}

.ti-filter-check:before {
  content: "\fb7e";
}

.ti-filter-code:before {
  content: "\fb7f";
}

.ti-filter-cog:before {
  content: "\f9fe";
}

.ti-filter-discount:before {
  content: "\fb80";
}

.ti-filter-dollar:before {
  content: "\f9ff";
}

.ti-filter-down:before {
  content: "\fb81";
}

.ti-filter-edit:before {
  content: "\fa00";
}

.ti-filter-exclamation:before {
  content: "\fb82";
}

.ti-filter-filled:before {
  content: "\fc27";
}

.ti-filter-heart:before {
  content: "\fb83";
}

.ti-filter-minus:before {
  content: "\fa01";
}

.ti-filter-off:before {
  content: "\ed2c";
}

.ti-filter-pause:before {
  content: "\fb84";
}

.ti-filter-pin:before {
  content: "\fb85";
}

.ti-filter-plus:before {
  content: "\fa02";
}

.ti-filter-question:before {
  content: "\fb86";
}

.ti-filter-search:before {
  content: "\fb87";
}

.ti-filter-share:before {
  content: "\fb88";
}

.ti-filter-star:before {
  content: "\fa03";
}

.ti-filter-up:before {
  content: "\fb89";
}

.ti-filter-x:before {
  content: "\fa04";
}

.ti-filters:before {
  content: "\f793";
}

.ti-fingerprint:before {
  content: "\ebd1";
}

.ti-fingerprint-off:before {
  content: "\f12a";
}

.ti-fire-extinguisher:before {
  content: "\faf6";
}

.ti-fire-hydrant:before {
  content: "\f3a9";
}

.ti-fire-hydrant-off:before {
  content: "\f3ec";
}

.ti-firetruck:before {
  content: "\ebe8";
}

.ti-first-aid-kit:before {
  content: "\ef5f";
}

.ti-first-aid-kit-off:before {
  content: "\f3ed";
}

.ti-fish:before {
  content: "\ef2b";
}

.ti-fish-bone:before {
  content: "\f287";
}

.ti-fish-christianity:before {
  content: "\f58b";
}

.ti-fish-hook:before {
  content: "\f1f9";
}

.ti-fish-hook-off:before {
  content: "\f3ee";
}

.ti-fish-off:before {
  content: "\f12b";
}

.ti-flag:before {
  content: "\eaa6";
}

.ti-flag-2:before {
  content: "\ee8c";
}

.ti-flag-2-filled:before {
  content: "\f707";
}

.ti-flag-2-off:before {
  content: "\f12c";
}

.ti-flag-3:before {
  content: "\ee8d";
}

.ti-flag-3-filled:before {
  content: "\f708";
}

.ti-flag-bolt:before {
  content: "\fb8a";
}

.ti-flag-cancel:before {
  content: "\fb8b";
}

.ti-flag-check:before {
  content: "\fb8c";
}

.ti-flag-code:before {
  content: "\fb8d";
}

.ti-flag-cog:before {
  content: "\fb8e";
}

.ti-flag-discount:before {
  content: "\fb8f";
}

.ti-flag-dollar:before {
  content: "\fb90";
}

.ti-flag-down:before {
  content: "\fb91";
}

.ti-flag-exclamation:before {
  content: "\fb92";
}

.ti-flag-filled:before {
  content: "\f67a";
}

.ti-flag-heart:before {
  content: "\fb93";
}

.ti-flag-minus:before {
  content: "\fb94";
}

.ti-flag-off:before {
  content: "\f12d";
}

.ti-flag-pause:before {
  content: "\fb95";
}

.ti-flag-pin:before {
  content: "\fb96";
}

.ti-flag-plus:before {
  content: "\fb97";
}

.ti-flag-question:before {
  content: "\fb98";
}

.ti-flag-search:before {
  content: "\fb99";
}

.ti-flag-share:before {
  content: "\fb9a";
}

.ti-flag-star:before {
  content: "\fb9b";
}

.ti-flag-up:before {
  content: "\fb9c";
}

.ti-flag-x:before {
  content: "\fb9d";
}

.ti-flame:before {
  content: "\ec2c";
}

.ti-flame-off:before {
  content: "\f12e";
}

.ti-flare:before {
  content: "\ee8e";
}

.ti-flask:before {
  content: "\ebd2";
}

.ti-flask-2:before {
  content: "\ef60";
}

.ti-flask-2-off:before {
  content: "\f12f";
}

.ti-flask-off:before {
  content: "\f130";
}

.ti-flip-flops:before {
  content: "\f564";
}

.ti-flip-horizontal:before {
  content: "\eaa7";
}

.ti-flip-vertical:before {
  content: "\eaa8";
}

.ti-float-center:before {
  content: "\ebb1";
}

.ti-float-left:before {
  content: "\ebb2";
}

.ti-float-none:before {
  content: "\ed13";
}

.ti-float-right:before {
  content: "\ebb3";
}

.ti-flower:before {
  content: "\eff6";
}

.ti-flower-off:before {
  content: "\f131";
}

.ti-focus:before {
  content: "\eb8d";
}

.ti-focus-2:before {
  content: "\ebd3";
}

.ti-focus-auto:before {
  content: "\fa62";
}

.ti-focus-centered:before {
  content: "\f02a";
}

.ti-fold:before {
  content: "\ed56";
}

.ti-fold-down:before {
  content: "\ed54";
}

.ti-fold-up:before {
  content: "\ed55";
}

.ti-folder:before {
  content: "\eaad";
}

.ti-folder-bolt:before {
  content: "\f90c";
}

.ti-folder-cancel:before {
  content: "\f90d";
}

.ti-folder-check:before {
  content: "\f90e";
}

.ti-folder-code:before {
  content: "\f90f";
}

.ti-folder-cog:before {
  content: "\f910";
}

.ti-folder-dollar:before {
  content: "\f911";
}

.ti-folder-down:before {
  content: "\f912";
}

.ti-folder-exclamation:before {
  content: "\f913";
}

.ti-folder-filled:before {
  content: "\f749";
}

.ti-folder-heart:before {
  content: "\f914";
}

.ti-folder-minus:before {
  content: "\eaaa";
}

.ti-folder-off:before {
  content: "\ed14";
}

.ti-folder-open:before {
  content: "\faf7";
}

.ti-folder-pause:before {
  content: "\f915";
}

.ti-folder-pin:before {
  content: "\f916";
}

.ti-folder-plus:before {
  content: "\eaab";
}

.ti-folder-question:before {
  content: "\f917";
}

.ti-folder-search:before {
  content: "\f918";
}

.ti-folder-share:before {
  content: "\f919";
}

.ti-folder-star:before {
  content: "\f91a";
}

.ti-folder-symlink:before {
  content: "\f91b";
}

.ti-folder-up:before {
  content: "\f91c";
}

.ti-folder-x:before {
  content: "\eaac";
}

.ti-folders:before {
  content: "\eaae";
}

.ti-folders-off:before {
  content: "\f133";
}

.ti-forbid:before {
  content: "\ebd5";
}

.ti-forbid-2:before {
  content: "\ebd4";
}

.ti-forbid-2-filled:before {
  content: "\fc28";
}

.ti-forbid-filled:before {
  content: "\fc29";
}

.ti-forklift:before {
  content: "\ebe9";
}

.ti-forms:before {
  content: "\ee8f";
}

.ti-fountain:before {
  content: "\f09b";
}

.ti-fountain-filled:before {
  content: "\fc2a";
}

.ti-fountain-off:before {
  content: "\f134";
}

.ti-frame:before {
  content: "\eaaf";
}

.ti-frame-off:before {
  content: "\f135";
}

.ti-free-rights:before {
  content: "\efb6";
}

.ti-freeze-column:before {
  content: "\fa63";
}

.ti-freeze-row:before {
  content: "\fa65";
}

.ti-freeze-row-column:before {
  content: "\fa64";
}

.ti-fridge:before {
  content: "\f1fa";
}

.ti-fridge-off:before {
  content: "\f3ef";
}

.ti-friends:before {
  content: "\eab0";
}

.ti-friends-off:before {
  content: "\f136";
}

.ti-frustum:before {
  content: "\fa9f";
}

.ti-frustum-off:before {
  content: "\fa9d";
}

.ti-frustum-plus:before {
  content: "\fa9e";
}

.ti-function:before {
  content: "\f225";
}

.ti-function-filled:before {
  content: "\fc2b";
}

.ti-function-off:before {
  content: "\f3f0";
}

.ti-garden-cart:before {
  content: "\f23e";
}

.ti-garden-cart-off:before {
  content: "\f3f1";
}

.ti-gas-station:before {
  content: "\ec7d";
}

.ti-gas-station-off:before {
  content: "\f137";
}

.ti-gauge:before {
  content: "\eab1";
}

.ti-gauge-filled:before {
  content: "\fc2c";
}

.ti-gauge-off:before {
  content: "\f138";
}

.ti-gavel:before {
  content: "\ef90";
}

.ti-gender-agender:before {
  content: "\f0e1";
}

.ti-gender-androgyne:before {
  content: "\f0e2";
}

.ti-gender-bigender:before {
  content: "\f0e3";
}

.ti-gender-demiboy:before {
  content: "\f0e4";
}

.ti-gender-demigirl:before {
  content: "\f0e5";
}

.ti-gender-epicene:before {
  content: "\f0e6";
}

.ti-gender-female:before {
  content: "\f0e7";
}

.ti-gender-femme:before {
  content: "\f0e8";
}

.ti-gender-genderfluid:before {
  content: "\f0e9";
}

.ti-gender-genderless:before {
  content: "\f0ea";
}

.ti-gender-genderqueer:before {
  content: "\f0eb";
}

.ti-gender-hermaphrodite:before {
  content: "\f0ec";
}

.ti-gender-intergender:before {
  content: "\f0ed";
}

.ti-gender-male:before {
  content: "\f0ee";
}

.ti-gender-neutrois:before {
  content: "\f0ef";
}

.ti-gender-third:before {
  content: "\f0f0";
}

.ti-gender-transgender:before {
  content: "\f0f1";
}

.ti-gender-trasvesti:before {
  content: "\f0f2";
}

.ti-geometry:before {
  content: "\ee90";
}

.ti-ghost:before {
  content: "\eb8e";
}

.ti-ghost-2:before {
  content: "\f57c";
}

.ti-ghost-2-filled:before {
  content: "\f74a";
}

.ti-ghost-3:before {
  content: "\fc13";
}

.ti-ghost-filled:before {
  content: "\f74b";
}

.ti-ghost-off:before {
  content: "\f3f2";
}

.ti-gif:before {
  content: "\f257";
}

.ti-gift:before {
  content: "\eb68";
}

.ti-gift-card:before {
  content: "\f3aa";
}

.ti-gift-card-filled:before {
  content: "\fc2d";
}

.ti-gift-off:before {
  content: "\f3f3";
}

.ti-git-branch:before {
  content: "\eab2";
}

.ti-git-branch-deleted:before {
  content: "\f57d";
}

.ti-git-cherry-pick:before {
  content: "\f57e";
}

.ti-git-commit:before {
  content: "\eab3";
}

.ti-git-compare:before {
  content: "\eab4";
}

.ti-git-fork:before {
  content: "\eb8f";
}

.ti-git-merge:before {
  content: "\eab5";
}

.ti-git-pull-request:before {
  content: "\eab6";
}

.ti-git-pull-request-closed:before {
  content: "\ef7f";
}

.ti-git-pull-request-draft:before {
  content: "\efb7";
}

.ti-gizmo:before {
  content: "\f02b";
}

.ti-glass:before {
  content: "\eab8";
}

.ti-glass-full:before {
  content: "\eab7";
}

.ti-glass-full-filled:before {
  content: "\fc2e";
}

.ti-glass-off:before {
  content: "\ee91";
}

.ti-globe:before {
  content: "\eab9";
}

.ti-globe-filled:before {
  content: "\fc2f";
}

.ti-globe-off:before {
  content: "\f139";
}

.ti-go-game:before {
  content: "\f512";
}

.ti-golf:before {
  content: "\ed8c";
}

.ti-golf-off:before {
  content: "\f13a";
}

.ti-gps:before {
  content: "\ed7a";
}

.ti-gradienter:before {
  content: "\f3ab";
}

.ti-grain:before {
  content: "\ee92";
}

.ti-graph:before {
  content: "\f288";
}

.ti-graph-off:before {
  content: "\f3f4";
}

.ti-grave:before {
  content: "\f580";
}

.ti-grave-2:before {
  content: "\f57f";
}

.ti-grid-dots:before {
  content: "\eaba";
}

.ti-grid-pattern:before {
  content: "\efc9";
}

.ti-grill:before {
  content: "\efa9";
}

.ti-grill-fork:before {
  content: "\f35b";
}

.ti-grill-off:before {
  content: "\f3f5";
}

.ti-grill-spatula:before {
  content: "\f35c";
}

.ti-grip-horizontal:before {
  content: "\ec00";
}

.ti-grip-vertical:before {
  content: "\ec01";
}

.ti-growth:before {
  content: "\ee93";
}

.ti-guitar-pick:before {
  content: "\f4c6";
}

.ti-guitar-pick-filled:before {
  content: "\f67b";
}

.ti-h-1:before {
  content: "\ec94";
}

.ti-h-2:before {
  content: "\ec95";
}

.ti-h-3:before {
  content: "\ec96";
}

.ti-h-4:before {
  content: "\ec97";
}

.ti-h-5:before {
  content: "\ec98";
}

.ti-h-6:before {
  content: "\ec99";
}

.ti-hammer:before {
  content: "\ef91";
}

.ti-hammer-off:before {
  content: "\f13c";
}

.ti-hand-click:before {
  content: "\ef4f";
}

.ti-hand-finger:before {
  content: "\ee94";
}

.ti-hand-finger-off:before {
  content: "\f13d";
}

.ti-hand-grab:before {
  content: "\f091";
}

.ti-hand-little-finger:before {
  content: "\ee95";
}

.ti-hand-middle-finger:before {
  content: "\ec2d";
}

.ti-hand-move:before {
  content: "\ef50";
}

.ti-hand-off:before {
  content: "\ed15";
}

.ti-hand-ring-finger:before {
  content: "\ee96";
}

.ti-hand-rock:before {
  content: "\ee97";
}

.ti-hand-sanitizer:before {
  content: "\f5f4";
}

.ti-hand-stop:before {
  content: "\ec2e";
}

.ti-hand-three-fingers:before {
  content: "\ee98";
}

.ti-hand-two-fingers:before {
  content: "\ee99";
}

.ti-hanger:before {
  content: "\ee9a";
}

.ti-hanger-2:before {
  content: "\f09c";
}

.ti-hanger-off:before {
  content: "\f13e";
}

.ti-hash:before {
  content: "\eabc";
}

.ti-haze:before {
  content: "\efaa";
}

.ti-haze-moon:before {
  content: "\faf8";
}

.ti-hdr:before {
  content: "\fa7b";
}

.ti-heading:before {
  content: "\ee9b";
}

.ti-heading-off:before {
  content: "\f13f";
}

.ti-headphones:before {
  content: "\eabd";
}

.ti-headphones-filled:before {
  content: "\fa3c";
}

.ti-headphones-off:before {
  content: "\ed1d";
}

.ti-headset:before {
  content: "\eb90";
}

.ti-headset-off:before {
  content: "\f3f6";
}

.ti-health-recognition:before {
  content: "\f1fb";
}

.ti-heart:before {
  content: "\eabe";
}

.ti-heart-bolt:before {
  content: "\fb9e";
}

.ti-heart-broken:before {
  content: "\ecba";
}

.ti-heart-cancel:before {
  content: "\fb9f";
}

.ti-heart-check:before {
  content: "\fba0";
}

.ti-heart-code:before {
  content: "\fba1";
}

.ti-heart-cog:before {
  content: "\fba2";
}

.ti-heart-discount:before {
  content: "\fba3";
}

.ti-heart-dollar:before {
  content: "\fba4";
}

.ti-heart-down:before {
  content: "\fba5";
}

.ti-heart-exclamation:before {
  content: "\fba6";
}

.ti-heart-filled:before {
  content: "\f67c";
}

.ti-heart-handshake:before {
  content: "\f0f3";
}

.ti-heart-minus:before {
  content: "\f140";
}

.ti-heart-off:before {
  content: "\f141";
}

.ti-heart-pause:before {
  content: "\fba7";
}

.ti-heart-pin:before {
  content: "\fba8";
}

.ti-heart-plus:before {
  content: "\f142";
}

.ti-heart-question:before {
  content: "\fba9";
}

.ti-heart-rate-monitor:before {
  content: "\ef61";
}

.ti-heart-search:before {
  content: "\fbaa";
}

.ti-heart-share:before {
  content: "\fbab";
}

.ti-heart-star:before {
  content: "\fbac";
}

.ti-heart-up:before {
  content: "\fbad";
}

.ti-heart-x:before {
  content: "\fbae";
}

.ti-heartbeat:before {
  content: "\ef92";
}

.ti-hearts:before {
  content: "\f387";
}

.ti-hearts-off:before {
  content: "\f3f7";
}

.ti-helicopter:before {
  content: "\ed8e";
}

.ti-helicopter-landing:before {
  content: "\ed8d";
}

.ti-helmet:before {
  content: "\efca";
}

.ti-helmet-off:before {
  content: "\f143";
}

.ti-help:before {
  content: "\eabf";
}

.ti-help-circle:before {
  content: "\f91d";
}

.ti-help-circle-filled:before {
  content: "\fa3d";
}

.ti-help-hexagon:before {
  content: "\f7a8";
}

.ti-help-hexagon-filled:before {
  content: "\fa3e";
}

.ti-help-octagon:before {
  content: "\f7a9";
}

.ti-help-octagon-filled:before {
  content: "\fa3f";
}

.ti-help-off:before {
  content: "\f3f8";
}

.ti-help-small:before {
  content: "\f91e";
}

.ti-help-square:before {
  content: "\f920";
}

.ti-help-square-filled:before {
  content: "\fa40";
}

.ti-help-square-rounded:before {
  content: "\f91f";
}

.ti-help-square-rounded-filled:before {
  content: "\fa41";
}

.ti-help-triangle:before {
  content: "\f921";
}

.ti-help-triangle-filled:before {
  content: "\fa42";
}

.ti-hemisphere:before {
  content: "\faa2";
}

.ti-hemisphere-off:before {
  content: "\faa0";
}

.ti-hemisphere-plus:before {
  content: "\faa1";
}

.ti-hexagon:before {
  content: "\ec02";
}

.ti-hexagon-0-filled:before {
  content: "\f74c";
}

.ti-hexagon-1-filled:before {
  content: "\f74d";
}

.ti-hexagon-2-filled:before {
  content: "\f74e";
}

.ti-hexagon-3-filled:before {
  content: "\f74f";
}

.ti-hexagon-3d:before {
  content: "\f4c7";
}

.ti-hexagon-4-filled:before {
  content: "\f750";
}

.ti-hexagon-5-filled:before {
  content: "\f751";
}

.ti-hexagon-6-filled:before {
  content: "\f752";
}

.ti-hexagon-7-filled:before {
  content: "\f753";
}

.ti-hexagon-8-filled:before {
  content: "\f754";
}

.ti-hexagon-9-filled:before {
  content: "\f755";
}

.ti-hexagon-filled:before {
  content: "\f67d";
}

.ti-hexagon-letter-a:before {
  content: "\f463";
}

.ti-hexagon-letter-b:before {
  content: "\f464";
}

.ti-hexagon-letter-c:before {
  content: "\f465";
}

.ti-hexagon-letter-d:before {
  content: "\f466";
}

.ti-hexagon-letter-e:before {
  content: "\f467";
}

.ti-hexagon-letter-f:before {
  content: "\f468";
}

.ti-hexagon-letter-g:before {
  content: "\f469";
}

.ti-hexagon-letter-h:before {
  content: "\f46a";
}

.ti-hexagon-letter-i:before {
  content: "\f46b";
}

.ti-hexagon-letter-j:before {
  content: "\f46c";
}

.ti-hexagon-letter-k:before {
  content: "\f46d";
}

.ti-hexagon-letter-l:before {
  content: "\f46e";
}

.ti-hexagon-letter-m:before {
  content: "\f46f";
}

.ti-hexagon-letter-n:before {
  content: "\f470";
}

.ti-hexagon-letter-o:before {
  content: "\f471";
}

.ti-hexagon-letter-p:before {
  content: "\f472";
}

.ti-hexagon-letter-q:before {
  content: "\f473";
}

.ti-hexagon-letter-r:before {
  content: "\f474";
}

.ti-hexagon-letter-s:before {
  content: "\f475";
}

.ti-hexagon-letter-t:before {
  content: "\f476";
}

.ti-hexagon-letter-u:before {
  content: "\f477";
}

.ti-hexagon-letter-v:before {
  content: "\f4b3";
}

.ti-hexagon-letter-w:before {
  content: "\f478";
}

.ti-hexagon-letter-x:before {
  content: "\f479";
}

.ti-hexagon-letter-y:before {
  content: "\f47a";
}

.ti-hexagon-letter-z:before {
  content: "\f47b";
}

.ti-hexagon-number-0:before {
  content: "\f459";
}

.ti-hexagon-number-1:before {
  content: "\f45a";
}

.ti-hexagon-number-2:before {
  content: "\f45b";
}

.ti-hexagon-number-3:before {
  content: "\f45c";
}

.ti-hexagon-number-4:before {
  content: "\f45d";
}

.ti-hexagon-number-5:before {
  content: "\f45e";
}

.ti-hexagon-number-6:before {
  content: "\f45f";
}

.ti-hexagon-number-7:before {
  content: "\f460";
}

.ti-hexagon-number-8:before {
  content: "\f461";
}

.ti-hexagon-number-9:before {
  content: "\f462";
}

.ti-hexagon-off:before {
  content: "\ee9c";
}

.ti-hexagon-plus:before {
  content: "\fc45";
}

.ti-hexagonal-prism:before {
  content: "\faa5";
}

.ti-hexagonal-prism-off:before {
  content: "\faa3";
}

.ti-hexagonal-prism-plus:before {
  content: "\faa4";
}

.ti-hexagonal-pyramid:before {
  content: "\faa8";
}

.ti-hexagonal-pyramid-off:before {
  content: "\faa6";
}

.ti-hexagonal-pyramid-plus:before {
  content: "\faa7";
}

.ti-hexagons:before {
  content: "\f09d";
}

.ti-hexagons-off:before {
  content: "\f3f9";
}

.ti-hierarchy:before {
  content: "\ee9e";
}

.ti-hierarchy-2:before {
  content: "\ee9d";
}

.ti-hierarchy-3:before {
  content: "\f289";
}

.ti-hierarchy-off:before {
  content: "\f3fa";
}

.ti-highlight:before {
  content: "\ef3f";
}

.ti-highlight-off:before {
  content: "\f144";
}

.ti-history:before {
  content: "\ebea";
}

.ti-history-off:before {
  content: "\f3fb";
}

.ti-history-toggle:before {
  content: "\f1fc";
}

.ti-home:before {
  content: "\eac1";
}

.ti-home-2:before {
  content: "\eac0";
}

.ti-home-bolt:before {
  content: "\f336";
}

.ti-home-cancel:before {
  content: "\f350";
}

.ti-home-check:before {
  content: "\f337";
}

.ti-home-cog:before {
  content: "\f338";
}

.ti-home-dollar:before {
  content: "\f339";
}

.ti-home-dot:before {
  content: "\f33a";
}

.ti-home-down:before {
  content: "\f33b";
}

.ti-home-eco:before {
  content: "\f351";
}

.ti-home-edit:before {
  content: "\f352";
}

.ti-home-exclamation:before {
  content: "\f33c";
}

.ti-home-hand:before {
  content: "\f504";
}

.ti-home-heart:before {
  content: "\f353";
}

.ti-home-infinity:before {
  content: "\f505";
}

.ti-home-link:before {
  content: "\f354";
}

.ti-home-minus:before {
  content: "\f33d";
}

.ti-home-move:before {
  content: "\f33e";
}

.ti-home-off:before {
  content: "\f145";
}

.ti-home-plus:before {
  content: "\f33f";
}

.ti-home-question:before {
  content: "\f340";
}

.ti-home-ribbon:before {
  content: "\f355";
}

.ti-home-search:before {
  content: "\f341";
}

.ti-home-share:before {
  content: "\f342";
}

.ti-home-shield:before {
  content: "\f343";
}

.ti-home-signal:before {
  content: "\f356";
}

.ti-home-star:before {
  content: "\f344";
}

.ti-home-stats:before {
  content: "\f345";
}

.ti-home-up:before {
  content: "\f346";
}

.ti-home-x:before {
  content: "\f347";
}

.ti-horse:before {
  content: "\fc46";
}

.ti-horse-toy:before {
  content: "\f28a";
}

.ti-hotel-service:before {
  content: "\ef80";
}

.ti-hourglass:before {
  content: "\ef93";
}

.ti-hourglass-empty:before {
  content: "\f146";
}

.ti-hourglass-filled:before {
  content: "\f756";
}

.ti-hourglass-high:before {
  content: "\f092";
}

.ti-hourglass-low:before {
  content: "\f093";
}

.ti-hourglass-off:before {
  content: "\f147";
}

.ti-html:before {
  content: "\f7b1";
}

.ti-http-connect:before {
  content: "\fa28";
}

.ti-http-delete:before {
  content: "\fa29";
}

.ti-http-get:before {
  content: "\fa2a";
}

.ti-http-head:before {
  content: "\fa2b";
}

.ti-http-options:before {
  content: "\fa2c";
}

.ti-http-patch:before {
  content: "\fa2d";
}

.ti-http-post:before {
  content: "\fa2e";
}

.ti-http-put:before {
  content: "\fa2f";
}

.ti-http-que:before {
  content: "\fa5b";
}

.ti-http-trace:before {
  content: "\fa30";
}

.ti-ice-cream:before {
  content: "\eac2";
}

.ti-ice-cream-2:before {
  content: "\ee9f";
}

.ti-ice-cream-off:before {
  content: "\f148";
}

.ti-ice-skating:before {
  content: "\efcb";
}

.ti-icons:before {
  content: "\f1d4";
}

.ti-icons-off:before {
  content: "\f3fc";
}

.ti-id:before {
  content: "\eac3";
}

.ti-id-badge:before {
  content: "\eff7";
}

.ti-id-badge-2:before {
  content: "\f076";
}

.ti-id-badge-off:before {
  content: "\f3fd";
}

.ti-id-off:before {
  content: "\f149";
}

.ti-inbox:before {
  content: "\eac4";
}

.ti-inbox-off:before {
  content: "\f14a";
}

.ti-indent-decrease:before {
  content: "\eb91";
}

.ti-indent-increase:before {
  content: "\eb92";
}

.ti-infinity:before {
  content: "\eb69";
}

.ti-infinity-off:before {
  content: "\f3fe";
}

.ti-info-circle:before {
  content: "\eac5";
}

.ti-info-circle-filled:before {
  content: "\f6d8";
}

.ti-info-hexagon:before {
  content: "\f7aa";
}

.ti-info-hexagon-filled:before {
  content: "\fa43";
}

.ti-info-octagon:before {
  content: "\f7ab";
}

.ti-info-octagon-filled:before {
  content: "\fa44";
}

.ti-info-small:before {
  content: "\f922";
}

.ti-info-square:before {
  content: "\eac6";
}

.ti-info-square-filled:before {
  content: "\fa45";
}

.ti-info-square-rounded:before {
  content: "\f635";
}

.ti-info-square-rounded-filled:before {
  content: "\f6d9";
}

.ti-info-triangle:before {
  content: "\f923";
}

.ti-info-triangle-filled:before {
  content: "\fa46";
}

.ti-inner-shadow-bottom:before {
  content: "\f520";
}

.ti-inner-shadow-bottom-filled:before {
  content: "\f757";
}

.ti-inner-shadow-bottom-left:before {
  content: "\f51e";
}

.ti-inner-shadow-bottom-left-filled:before {
  content: "\f758";
}

.ti-inner-shadow-bottom-right:before {
  content: "\f51f";
}

.ti-inner-shadow-bottom-right-filled:before {
  content: "\f759";
}

.ti-inner-shadow-left:before {
  content: "\f521";
}

.ti-inner-shadow-left-filled:before {
  content: "\f75a";
}

.ti-inner-shadow-right:before {
  content: "\f522";
}

.ti-inner-shadow-right-filled:before {
  content: "\f75b";
}

.ti-inner-shadow-top:before {
  content: "\f525";
}

.ti-inner-shadow-top-filled:before {
  content: "\f75c";
}

.ti-inner-shadow-top-left:before {
  content: "\f523";
}

.ti-inner-shadow-top-left-filled:before {
  content: "\f75d";
}

.ti-inner-shadow-top-right:before {
  content: "\f524";
}

.ti-inner-shadow-top-right-filled:before {
  content: "\f75e";
}

.ti-input-ai:before {
  content: "\fc5a";
}

.ti-input-check:before {
  content: "\fc5b";
}

.ti-input-search:before {
  content: "\f2a2";
}

.ti-input-x:before {
  content: "\fc5c";
}

.ti-ironing:before {
  content: "\fa7c";
}

.ti-ironing-1:before {
  content: "\f2f4";
}

.ti-ironing-2:before {
  content: "\f2f5";
}

.ti-ironing-3:before {
  content: "\f2f6";
}

.ti-ironing-off:before {
  content: "\f2f7";
}

.ti-ironing-steam:before {
  content: "\f2f9";
}

.ti-ironing-steam-off:before {
  content: "\f2f8";
}

.ti-irregular-polyhedron:before {
  content: "\faab";
}

.ti-irregular-polyhedron-off:before {
  content: "\faa9";
}

.ti-irregular-polyhedron-plus:before {
  content: "\faaa";
}

.ti-italic:before {
  content: "\eb93";
}

.ti-jacket:before {
  content: "\f661";
}

.ti-jetpack:before {
  content: "\f581";
}

.ti-jewish-star:before {
  content: "\f3ff";
}

.ti-jewish-star-filled:before {
  content: "\f67e";
}

.ti-jpg:before {
  content: "\f3ac";
}

.ti-json:before {
  content: "\f7b2";
}

.ti-jump-rope:before {
  content: "\ed8f";
}

.ti-karate:before {
  content: "\ed32";
}

.ti-kayak:before {
  content: "\f1d6";
}

.ti-kering:before {
  content: "\efb8";
}

.ti-key:before {
  content: "\eac7";
}

.ti-key-off:before {
  content: "\f14b";
}

.ti-keyboard:before {
  content: "\ebd6";
}

.ti-keyboard-hide:before {
  content: "\ec7e";
}

.ti-keyboard-off:before {
  content: "\eea0";
}

.ti-keyboard-show:before {
  content: "\ec7f";
}

.ti-keyframe:before {
  content: "\f576";
}

.ti-keyframe-align-center:before {
  content: "\f582";
}

.ti-keyframe-align-center-filled:before {
  content: "\fc30";
}

.ti-keyframe-align-horizontal:before {
  content: "\f583";
}

.ti-keyframe-align-horizontal-filled:before {
  content: "\fc31";
}

.ti-keyframe-align-vertical:before {
  content: "\f584";
}

.ti-keyframe-align-vertical-filled:before {
  content: "\fc32";
}

.ti-keyframe-filled:before {
  content: "\fc33";
}

.ti-keyframes:before {
  content: "\f585";
}

.ti-keyframes-filled:before {
  content: "\fc34";
}

.ti-ladder:before {
  content: "\efe2";
}

.ti-ladder-off:before {
  content: "\f14c";
}

.ti-ladle:before {
  content: "\fc14";
}

.ti-lambda:before {
  content: "\f541";
}

.ti-lamp:before {
  content: "\efab";
}

.ti-lamp-2:before {
  content: "\f09e";
}

.ti-lamp-off:before {
  content: "\f14d";
}

.ti-lane:before {
  content: "\faf9";
}

.ti-language:before {
  content: "\ebbe";
}

.ti-language-hiragana:before {
  content: "\ef77";
}

.ti-language-katakana:before {
  content: "\ef78";
}

.ti-language-off:before {
  content: "\f14e";
}

.ti-lasso:before {
  content: "\efac";
}

.ti-lasso-off:before {
  content: "\f14f";
}

.ti-lasso-polygon:before {
  content: "\f388";
}

.ti-layers-difference:before {
  content: "\eac8";
}

.ti-layers-intersect:before {
  content: "\eac9";
}

.ti-layers-intersect-2:before {
  content: "\eff8";
}

.ti-layers-linked:before {
  content: "\eea1";
}

.ti-layers-off:before {
  content: "\f150";
}

.ti-layers-subtract:before {
  content: "\eaca";
}

.ti-layers-union:before {
  content: "\eacb";
}

.ti-layout:before {
  content: "\eadb";
}

.ti-layout-2:before {
  content: "\eacc";
}

.ti-layout-align-bottom:before {
  content: "\eacd";
}

.ti-layout-align-center:before {
  content: "\eace";
}

.ti-layout-align-left:before {
  content: "\eacf";
}

.ti-layout-align-middle:before {
  content: "\ead0";
}

.ti-layout-align-right:before {
  content: "\ead1";
}

.ti-layout-align-top:before {
  content: "\ead2";
}

.ti-layout-board:before {
  content: "\ef95";
}

.ti-layout-board-split:before {
  content: "\ef94";
}

.ti-layout-bottombar:before {
  content: "\ead3";
}

.ti-layout-bottombar-collapse:before {
  content: "\f28b";
}

.ti-layout-bottombar-collapse-filled:before {
  content: "\fc35";
}

.ti-layout-bottombar-expand:before {
  content: "\f28c";
}

.ti-layout-bottombar-expand-filled:before {
  content: "\fc36";
}

.ti-layout-bottombar-filled:before {
  content: "\fc37";
}

.ti-layout-cards:before {
  content: "\ec13";
}

.ti-layout-collage:before {
  content: "\f389";
}

.ti-layout-columns:before {
  content: "\ead4";
}

.ti-layout-dashboard:before {
  content: "\f02c";
}

.ti-layout-distribute-horizontal:before {
  content: "\ead5";
}

.ti-layout-distribute-vertical:before {
  content: "\ead6";
}

.ti-layout-grid:before {
  content: "\edba";
}

.ti-layout-grid-add:before {
  content: "\edb9";
}

.ti-layout-grid-remove:before {
  content: "\fa7d";
}

.ti-layout-kanban:before {
  content: "\ec3f";
}

.ti-layout-list:before {
  content: "\ec14";
}

.ti-layout-navbar:before {
  content: "\ead7";
}

.ti-layout-navbar-collapse:before {
  content: "\f28d";
}

.ti-layout-navbar-collapse-filled:before {
  content: "\fc38";
}

.ti-layout-navbar-expand:before {
  content: "\f28e";
}

.ti-layout-navbar-expand-filled:before {
  content: "\fc39";
}

.ti-layout-navbar-filled:before {
  content: "\fc3a";
}

.ti-layout-off:before {
  content: "\f151";
}

.ti-layout-rows:before {
  content: "\ead8";
}

.ti-layout-sidebar:before {
  content: "\eada";
}

.ti-layout-sidebar-left-collapse:before {
  content: "\f004";
}

.ti-layout-sidebar-left-collapse-filled:before {
  content: "\fc3b";
}

.ti-layout-sidebar-left-expand:before {
  content: "\f005";
}

.ti-layout-sidebar-left-expand-filled:before {
  content: "\fc3c";
}

.ti-layout-sidebar-right:before {
  content: "\ead9";
}

.ti-layout-sidebar-right-collapse:before {
  content: "\f006";
}

.ti-layout-sidebar-right-collapse-filled:before {
  content: "\fc3d";
}

.ti-layout-sidebar-right-expand:before {
  content: "\f007";
}

.ti-layout-sidebar-right-expand-filled:before {
  content: "\fc3e";
}

.ti-leaf:before {
  content: "\ed4f";
}

.ti-leaf-off:before {
  content: "\f400";
}

.ti-lego:before {
  content: "\eadc";
}

.ti-lego-off:before {
  content: "\f401";
}

.ti-lemon:before {
  content: "\ef10";
}

.ti-lemon-2:before {
  content: "\ef81";
}

.ti-letter-a:before {
  content: "\ec50";
}

.ti-letter-b:before {
  content: "\ec51";
}

.ti-letter-c:before {
  content: "\ec52";
}

.ti-letter-case:before {
  content: "\eea5";
}

.ti-letter-case-lower:before {
  content: "\eea2";
}

.ti-letter-case-toggle:before {
  content: "\eea3";
}

.ti-letter-case-upper:before {
  content: "\eea4";
}

.ti-letter-d:before {
  content: "\ec53";
}

.ti-letter-e:before {
  content: "\ec54";
}

.ti-letter-f:before {
  content: "\ec55";
}

.ti-letter-g:before {
  content: "\ec56";
}

.ti-letter-h:before {
  content: "\ec57";
}

.ti-letter-i:before {
  content: "\ec58";
}

.ti-letter-j:before {
  content: "\ec59";
}

.ti-letter-k:before {
  content: "\ec5a";
}

.ti-letter-l:before {
  content: "\ec5b";
}

.ti-letter-m:before {
  content: "\ec5c";
}

.ti-letter-n:before {
  content: "\ec5d";
}

.ti-letter-o:before {
  content: "\ec5e";
}

.ti-letter-p:before {
  content: "\ec5f";
}

.ti-letter-q:before {
  content: "\ec60";
}

.ti-letter-r:before {
  content: "\ec61";
}

.ti-letter-s:before {
  content: "\ec62";
}

.ti-letter-spacing:before {
  content: "\eea6";
}

.ti-letter-t:before {
  content: "\ec63";
}

.ti-letter-u:before {
  content: "\ec64";
}

.ti-letter-v:before {
  content: "\ec65";
}

.ti-letter-w:before {
  content: "\ec66";
}

.ti-letter-x:before {
  content: "\ec67";
}

.ti-letter-y:before {
  content: "\ec68";
}

.ti-letter-z:before {
  content: "\ec69";
}

.ti-license:before {
  content: "\ebc0";
}

.ti-license-off:before {
  content: "\f153";
}

.ti-lifebuoy:before {
  content: "\eadd";
}

.ti-lifebuoy-off:before {
  content: "\f154";
}

.ti-lighter:before {
  content: "\f794";
}

.ti-line:before {
  content: "\ec40";
}

.ti-line-dashed:before {
  content: "\eea7";
}

.ti-line-dotted:before {
  content: "\eea8";
}

.ti-line-height:before {
  content: "\eb94";
}

.ti-link:before {
  content: "\eade";
}

.ti-link-off:before {
  content: "\f402";
}

.ti-list:before {
  content: "\eb6b";
}

.ti-list-check:before {
  content: "\eb6a";
}

.ti-list-details:before {
  content: "\ef40";
}

.ti-list-letters:before {
  content: "\fc47";
}

.ti-list-numbers:before {
  content: "\ef11";
}

.ti-list-search:before {
  content: "\eea9";
}

.ti-list-tree:before {
  content: "\fafa";
}

.ti-live-photo:before {
  content: "\eadf";
}

.ti-live-photo-off:before {
  content: "\f403";
}

.ti-live-view:before {
  content: "\ec6b";
}

.ti-load-balancer:before {
  content: "\fa5c";
}

.ti-loader:before {
  content: "\eca3";
}

.ti-loader-2:before {
  content: "\f226";
}

.ti-loader-3:before {
  content: "\f513";
}

.ti-loader-quarter:before {
  content: "\eca2";
}

.ti-location:before {
  content: "\eae0";
}

.ti-location-bolt:before {
  content: "\fbaf";
}

.ti-location-broken:before {
  content: "\f2c4";
}

.ti-location-cancel:before {
  content: "\fbb0";
}

.ti-location-check:before {
  content: "\fbb1";
}

.ti-location-code:before {
  content: "\fbb2";
}

.ti-location-cog:before {
  content: "\fbb3";
}

.ti-location-discount:before {
  content: "\fbb4";
}

.ti-location-dollar:before {
  content: "\fbb5";
}

.ti-location-down:before {
  content: "\fbb6";
}

.ti-location-exclamation:before {
  content: "\fbb7";
}

.ti-location-filled:before {
  content: "\f67f";
}

.ti-location-heart:before {
  content: "\fbb8";
}

.ti-location-minus:before {
  content: "\fbb9";
}

.ti-location-off:before {
  content: "\f155";
}

.ti-location-pause:before {
  content: "\fbba";
}

.ti-location-pin:before {
  content: "\fbbb";
}

.ti-location-plus:before {
  content: "\fbbc";
}

.ti-location-question:before {
  content: "\fbbd";
}

.ti-location-search:before {
  content: "\fbbe";
}

.ti-location-share:before {
  content: "\fbbf";
}

.ti-location-star:before {
  content: "\fbc0";
}

.ti-location-up:before {
  content: "\fbc1";
}

.ti-location-x:before {
  content: "\fbc2";
}

.ti-lock:before {
  content: "\eae2";
}

.ti-lock-access:before {
  content: "\eeaa";
}

.ti-lock-access-off:before {
  content: "\f404";
}

.ti-lock-bolt:before {
  content: "\f924";
}

.ti-lock-cancel:before {
  content: "\f925";
}

.ti-lock-check:before {
  content: "\f926";
}

.ti-lock-code:before {
  content: "\f927";
}

.ti-lock-cog:before {
  content: "\f928";
}

.ti-lock-dollar:before {
  content: "\f929";
}

.ti-lock-down:before {
  content: "\f92a";
}

.ti-lock-exclamation:before {
  content: "\f92b";
}

.ti-lock-heart:before {
  content: "\f92c";
}

.ti-lock-minus:before {
  content: "\f92d";
}

.ti-lock-off:before {
  content: "\ed1e";
}

.ti-lock-open:before {
  content: "\eae1";
}

.ti-lock-open-off:before {
  content: "\f156";
}

.ti-lock-pause:before {
  content: "\f92e";
}

.ti-lock-pin:before {
  content: "\f92f";
}

.ti-lock-plus:before {
  content: "\f930";
}

.ti-lock-question:before {
  content: "\f931";
}

.ti-lock-search:before {
  content: "\f932";
}

.ti-lock-share:before {
  content: "\f933";
}

.ti-lock-square:before {
  content: "\ef51";
}

.ti-lock-square-rounded:before {
  content: "\f636";
}

.ti-lock-square-rounded-filled:before {
  content: "\f6da";
}

.ti-lock-star:before {
  content: "\f934";
}

.ti-lock-up:before {
  content: "\f935";
}

.ti-lock-x:before {
  content: "\f936";
}

.ti-logic-and:before {
  content: "\f240";
}

.ti-logic-buffer:before {
  content: "\f241";
}

.ti-logic-nand:before {
  content: "\f242";
}

.ti-logic-nor:before {
  content: "\f243";
}

.ti-logic-not:before {
  content: "\f244";
}

.ti-logic-or:before {
  content: "\f245";
}

.ti-logic-xnor:before {
  content: "\f246";
}

.ti-logic-xor:before {
  content: "\f247";
}

.ti-login:before {
  content: "\eba7";
}

.ti-logout:before {
  content: "\eba8";
}

.ti-logout-2:before {
  content: "\fa7e";
}

.ti-lollipop:before {
  content: "\efcc";
}

.ti-lollipop-off:before {
  content: "\f157";
}

.ti-luggage:before {
  content: "\efad";
}

.ti-luggage-off:before {
  content: "\f158";
}

.ti-lungs:before {
  content: "\ef62";
}

.ti-lungs-off:before {
  content: "\f405";
}

.ti-macro:before {
  content: "\eeab";
}

.ti-macro-off:before {
  content: "\f406";
}

.ti-magnet:before {
  content: "\eae3";
}

.ti-magnet-off:before {
  content: "\f159";
}

.ti-mail:before {
  content: "\eae5";
}

.ti-mail-ai:before {
  content: "\fa31";
}

.ti-mail-bolt:before {
  content: "\f937";
}

.ti-mail-cancel:before {
  content: "\f938";
}

.ti-mail-check:before {
  content: "\f939";
}

.ti-mail-code:before {
  content: "\f93a";
}

.ti-mail-cog:before {
  content: "\f93b";
}

.ti-mail-dollar:before {
  content: "\f93c";
}

.ti-mail-down:before {
  content: "\f93d";
}

.ti-mail-exclamation:before {
  content: "\f93e";
}

.ti-mail-fast:before {
  content: "\f069";
}

.ti-mail-filled:before {
  content: "\fa47";
}

.ti-mail-forward:before {
  content: "\eeac";
}

.ti-mail-heart:before {
  content: "\f93f";
}

.ti-mail-minus:before {
  content: "\f940";
}

.ti-mail-off:before {
  content: "\f15a";
}

.ti-mail-opened:before {
  content: "\eae4";
}

.ti-mail-opened-filled:before {
  content: "\fa48";
}

.ti-mail-pause:before {
  content: "\f941";
}

.ti-mail-pin:before {
  content: "\f942";
}

.ti-mail-plus:before {
  content: "\f943";
}

.ti-mail-question:before {
  content: "\f944";
}

.ti-mail-search:before {
  content: "\f945";
}

.ti-mail-share:before {
  content: "\f946";
}

.ti-mail-star:before {
  content: "\f947";
}

.ti-mail-up:before {
  content: "\f948";
}

.ti-mail-x:before {
  content: "\f949";
}

.ti-mailbox:before {
  content: "\eead";
}

.ti-mailbox-off:before {
  content: "\f15b";
}

.ti-man:before {
  content: "\eae6";
}

.ti-manual-gearbox:before {
  content: "\ed7b";
}

.ti-map:before {
  content: "\eae9";
}

.ti-map-2:before {
  content: "\eae7";
}

.ti-map-bolt:before {
  content: "\fbc3";
}

.ti-map-cancel:before {
  content: "\fbc4";
}

.ti-map-check:before {
  content: "\fbc5";
}

.ti-map-code:before {
  content: "\fbc6";
}

.ti-map-cog:before {
  content: "\fbc7";
}

.ti-map-discount:before {
  content: "\fbc8";
}

.ti-map-dollar:before {
  content: "\fbc9";
}

.ti-map-down:before {
  content: "\fbca";
}

.ti-map-east:before {
  content: "\fc5d";
}

.ti-map-exclamation:before {
  content: "\fbcb";
}

.ti-map-heart:before {
  content: "\fbcc";
}

.ti-map-minus:before {
  content: "\fbcd";
}

.ti-map-north:before {
  content: "\fc5e";
}

.ti-map-off:before {
  content: "\f15c";
}

.ti-map-pause:before {
  content: "\fbce";
}

.ti-map-pin:before {
  content: "\eae8";
}

.ti-map-pin-2:before {
  content: "\fc48";
}

.ti-map-pin-bolt:before {
  content: "\f94a";
}

.ti-map-pin-cancel:before {
  content: "\f94b";
}

.ti-map-pin-check:before {
  content: "\f94c";
}

.ti-map-pin-code:before {
  content: "\f94d";
}

.ti-map-pin-cog:before {
  content: "\f94e";
}

.ti-map-pin-dollar:before {
  content: "\f94f";
}

.ti-map-pin-down:before {
  content: "\f950";
}

.ti-map-pin-exclamation:before {
  content: "\f951";
}

.ti-map-pin-filled:before {
  content: "\f680";
}

.ti-map-pin-heart:before {
  content: "\f952";
}

.ti-map-pin-minus:before {
  content: "\f953";
}

.ti-map-pin-off:before {
  content: "\ecf3";
}

.ti-map-pin-pause:before {
  content: "\f954";
}

.ti-map-pin-pin:before {
  content: "\f955";
}

.ti-map-pin-plus:before {
  content: "\f956";
}

.ti-map-pin-question:before {
  content: "\f957";
}

.ti-map-pin-search:before {
  content: "\f958";
}

.ti-map-pin-share:before {
  content: "\f795";
}

.ti-map-pin-star:before {
  content: "\f959";
}

.ti-map-pin-up:before {
  content: "\f95a";
}

.ti-map-pin-x:before {
  content: "\f95b";
}

.ti-map-pins:before {
  content: "\ed5e";
}

.ti-map-plus:before {
  content: "\fbcf";
}

.ti-map-question:before {
  content: "\fbd0";
}

.ti-map-search:before {
  content: "\ef82";
}

.ti-map-share:before {
  content: "\fbd1";
}

.ti-map-south:before {
  content: "\fc5f";
}

.ti-map-star:before {
  content: "\fbd2";
}

.ti-map-up:before {
  content: "\fbd3";
}

.ti-map-west:before {
  content: "\fc60";
}

.ti-map-x:before {
  content: "\fbd4";
}

.ti-markdown:before {
  content: "\ec41";
}

.ti-markdown-off:before {
  content: "\f407";
}

.ti-marquee:before {
  content: "\ec77";
}

.ti-marquee-2:before {
  content: "\eeae";
}

.ti-marquee-off:before {
  content: "\f15d";
}

.ti-mars:before {
  content: "\ec80";
}

.ti-mask:before {
  content: "\eeb0";
}

.ti-mask-off:before {
  content: "\eeaf";
}

.ti-masks-theater:before {
  content: "\f263";
}

.ti-masks-theater-off:before {
  content: "\f408";
}

.ti-massage:before {
  content: "\eeb1";
}

.ti-matchstick:before {
  content: "\f577";
}

.ti-math:before {
  content: "\ebeb";
}

.ti-math-1-divide-2:before {
  content: "\f4e2";
}

.ti-math-1-divide-3:before {
  content: "\f4e3";
}

.ti-math-avg:before {
  content: "\f0f4";
}

.ti-math-equal-greater:before {
  content: "\f4e4";
}

.ti-math-equal-lower:before {
  content: "\f4e5";
}

.ti-math-function:before {
  content: "\eeb2";
}

.ti-math-function-off:before {
  content: "\f15e";
}

.ti-math-function-y:before {
  content: "\f4e6";
}

.ti-math-greater:before {
  content: "\f4e7";
}

.ti-math-integral:before {
  content: "\f4e9";
}

.ti-math-integral-x:before {
  content: "\f4e8";
}

.ti-math-integrals:before {
  content: "\f4ea";
}

.ti-math-lower:before {
  content: "\f4eb";
}

.ti-math-max:before {
  content: "\f0f5";
}

.ti-math-min:before {
  content: "\f0f6";
}

.ti-math-not:before {
  content: "\f4ec";
}

.ti-math-off:before {
  content: "\f409";
}

.ti-math-pi:before {
  content: "\f4ee";
}

.ti-math-pi-divide-2:before {
  content: "\f4ed";
}

.ti-math-symbols:before {
  content: "\eeb3";
}

.ti-math-x-divide-2:before {
  content: "\f4ef";
}

.ti-math-x-divide-y:before {
  content: "\f4f1";
}

.ti-math-x-divide-y-2:before {
  content: "\f4f0";
}

.ti-math-x-minus-x:before {
  content: "\f4f2";
}

.ti-math-x-minus-y:before {
  content: "\f4f3";
}

.ti-math-x-plus-x:before {
  content: "\f4f4";
}

.ti-math-x-plus-y:before {
  content: "\f4f5";
}

.ti-math-xy:before {
  content: "\f4f6";
}

.ti-math-y-minus-y:before {
  content: "\f4f7";
}

.ti-math-y-plus-y:before {
  content: "\f4f8";
}

.ti-maximize:before {
  content: "\eaea";
}

.ti-maximize-off:before {
  content: "\f15f";
}

.ti-meat:before {
  content: "\ef12";
}

.ti-meat-off:before {
  content: "\f40a";
}

.ti-medal:before {
  content: "\ec78";
}

.ti-medal-2:before {
  content: "\efcd";
}

.ti-medical-cross:before {
  content: "\ec2f";
}

.ti-medical-cross-circle:before {
  content: "\fae8";
}

.ti-medical-cross-filled:before {
  content: "\f681";
}

.ti-medical-cross-off:before {
  content: "\f160";
}

.ti-medicine-syrup:before {
  content: "\ef63";
}

.ti-meeple:before {
  content: "\f514";
}

.ti-menorah:before {
  content: "\f58c";
}

.ti-menu:before {
  content: "\eaeb";
}

.ti-menu-2:before {
  content: "\ec42";
}

.ti-menu-deep:before {
  content: "\fafb";
}

.ti-menu-order:before {
  content: "\f5f5";
}

.ti-message:before {
  content: "\eaef";
}

.ti-message-2:before {
  content: "\eaec";
}

.ti-message-2-bolt:before {
  content: "\f95c";
}

.ti-message-2-cancel:before {
  content: "\f95d";
}

.ti-message-2-check:before {
  content: "\f95e";
}

.ti-message-2-code:before {
  content: "\f012";
}

.ti-message-2-cog:before {
  content: "\f95f";
}

.ti-message-2-dollar:before {
  content: "\f960";
}

.ti-message-2-down:before {
  content: "\f961";
}

.ti-message-2-exclamation:before {
  content: "\f962";
}

.ti-message-2-heart:before {
  content: "\f963";
}

.ti-message-2-minus:before {
  content: "\f964";
}

.ti-message-2-off:before {
  content: "\f40b";
}

.ti-message-2-pause:before {
  content: "\f965";
}

.ti-message-2-pin:before {
  content: "\f966";
}

.ti-message-2-plus:before {
  content: "\f967";
}

.ti-message-2-question:before {
  content: "\f968";
}

.ti-message-2-search:before {
  content: "\f969";
}

.ti-message-2-share:before {
  content: "\f077";
}

.ti-message-2-star:before {
  content: "\f96a";
}

.ti-message-2-up:before {
  content: "\f96b";
}

.ti-message-2-x:before {
  content: "\f96c";
}

.ti-message-bolt:before {
  content: "\f96d";
}

.ti-message-cancel:before {
  content: "\f96e";
}

.ti-message-chatbot:before {
  content: "\f38a";
}

.ti-message-check:before {
  content: "\f96f";
}

.ti-message-circle:before {
  content: "\eaed";
}

.ti-message-circle-2:before {
  content: "\ed3f";
}

.ti-message-circle-2-filled:before {
  content: "\f682";
}

.ti-message-circle-bolt:before {
  content: "\f970";
}

.ti-message-circle-cancel:before {
  content: "\f971";
}

.ti-message-circle-check:before {
  content: "\f972";
}

.ti-message-circle-code:before {
  content: "\f973";
}

.ti-message-circle-cog:before {
  content: "\f974";
}

.ti-message-circle-dollar:before {
  content: "\f975";
}

.ti-message-circle-down:before {
  content: "\f976";
}

.ti-message-circle-exclamation:before {
  content: "\f977";
}

.ti-message-circle-heart:before {
  content: "\f978";
}

.ti-message-circle-minus:before {
  content: "\f979";
}

.ti-message-circle-off:before {
  content: "\ed40";
}

.ti-message-circle-pause:before {
  content: "\f97a";
}

.ti-message-circle-pin:before {
  content: "\f97b";
}

.ti-message-circle-plus:before {
  content: "\f97c";
}

.ti-message-circle-question:before {
  content: "\f97d";
}

.ti-message-circle-search:before {
  content: "\f97e";
}

.ti-message-circle-share:before {
  content: "\f97f";
}

.ti-message-circle-star:before {
  content: "\f980";
}

.ti-message-circle-up:before {
  content: "\f981";
}

.ti-message-circle-x:before {
  content: "\f982";
}

.ti-message-code:before {
  content: "\f013";
}

.ti-message-cog:before {
  content: "\f983";
}

.ti-message-dollar:before {
  content: "\f984";
}

.ti-message-dots:before {
  content: "\eaee";
}

.ti-message-down:before {
  content: "\f985";
}

.ti-message-exclamation:before {
  content: "\f986";
}

.ti-message-forward:before {
  content: "\f28f";
}

.ti-message-heart:before {
  content: "\f987";
}

.ti-message-language:before {
  content: "\efae";
}

.ti-message-minus:before {
  content: "\f988";
}

.ti-message-off:before {
  content: "\ed41";
}

.ti-message-pause:before {
  content: "\f989";
}

.ti-message-pin:before {
  content: "\f98a";
}

.ti-message-plus:before {
  content: "\ec9a";
}

.ti-message-question:before {
  content: "\f98b";
}

.ti-message-report:before {
  content: "\ec9b";
}

.ti-message-search:before {
  content: "\f98c";
}

.ti-message-share:before {
  content: "\f078";
}

.ti-message-star:before {
  content: "\f98d";
}

.ti-message-up:before {
  content: "\f98e";
}

.ti-message-x:before {
  content: "\f98f";
}

.ti-messages:before {
  content: "\eb6c";
}

.ti-messages-off:before {
  content: "\ed42";
}

.ti-meteor:before {
  content: "\f1fd";
}

.ti-meteor-off:before {
  content: "\f40c";
}

.ti-michelin-bib-gourmand:before {
  content: "\fae9";
}

.ti-michelin-star:before {
  content: "\faeb";
}

.ti-michelin-star-green:before {
  content: "\faea";
}

.ti-mickey:before {
  content: "\f2a3";
}

.ti-mickey-filled:before {
  content: "\f683";
}

.ti-microphone:before {
  content: "\eaf0";
}

.ti-microphone-2:before {
  content: "\ef2c";
}

.ti-microphone-2-off:before {
  content: "\f40d";
}

.ti-microphone-off:before {
  content: "\ed16";
}

.ti-microscope:before {
  content: "\ef64";
}

.ti-microscope-off:before {
  content: "\f40e";
}

.ti-microwave:before {
  content: "\f248";
}

.ti-microwave-off:before {
  content: "\f264";
}

.ti-military-award:before {
  content: "\f079";
}

.ti-military-rank:before {
  content: "\efcf";
}

.ti-milk:before {
  content: "\ef13";
}

.ti-milk-off:before {
  content: "\f40f";
}

.ti-milkshake:before {
  content: "\f4c8";
}

.ti-minimize:before {
  content: "\eaf1";
}

.ti-minus:before {
  content: "\eaf2";
}

.ti-minus-vertical:before {
  content: "\eeb4";
}

.ti-mist:before {
  content: "\ec30";
}

.ti-mist-off:before {
  content: "\f410";
}

.ti-mobiledata:before {
  content: "\f9f5";
}

.ti-mobiledata-off:before {
  content: "\f9f4";
}

.ti-moneybag:before {
  content: "\f506";
}

.ti-mood-angry:before {
  content: "\f2de";
}

.ti-mood-annoyed:before {
  content: "\f2e0";
}

.ti-mood-annoyed-2:before {
  content: "\f2df";
}

.ti-mood-boy:before {
  content: "\ed2d";
}

.ti-mood-check:before {
  content: "\f7b3";
}

.ti-mood-cog:before {
  content: "\f7b4";
}

.ti-mood-confuzed:before {
  content: "\eaf3";
}

.ti-mood-confuzed-filled:before {
  content: "\f7f2";
}

.ti-mood-crazy-happy:before {
  content: "\ed90";
}

.ti-mood-cry:before {
  content: "\ecbb";
}

.ti-mood-dollar:before {
  content: "\f7b5";
}

.ti-mood-edit:before {
  content: "\fa05";
}

.ti-mood-empty:before {
  content: "\eeb5";
}

.ti-mood-empty-filled:before {
  content: "\f7f3";
}

.ti-mood-happy:before {
  content: "\eaf4";
}

.ti-mood-happy-filled:before {
  content: "\f7f4";
}

.ti-mood-heart:before {
  content: "\f7b6";
}

.ti-mood-kid:before {
  content: "\ec03";
}

.ti-mood-kid-filled:before {
  content: "\f7f5";
}

.ti-mood-look-left:before {
  content: "\f2c5";
}

.ti-mood-look-right:before {
  content: "\f2c6";
}

.ti-mood-minus:before {
  content: "\f7b7";
}

.ti-mood-nerd:before {
  content: "\f2e1";
}

.ti-mood-nervous:before {
  content: "\ef96";
}

.ti-mood-neutral:before {
  content: "\eaf5";
}

.ti-mood-neutral-filled:before {
  content: "\f7f6";
}

.ti-mood-off:before {
  content: "\f161";
}

.ti-mood-pin:before {
  content: "\f7b8";
}

.ti-mood-plus:before {
  content: "\f7b9";
}

.ti-mood-sad:before {
  content: "\eaf6";
}

.ti-mood-sad-2:before {
  content: "\f2e2";
}

.ti-mood-sad-dizzy:before {
  content: "\f2e3";
}

.ti-mood-sad-filled:before {
  content: "\f7f7";
}

.ti-mood-sad-squint:before {
  content: "\f2e4";
}

.ti-mood-search:before {
  content: "\f7ba";
}

.ti-mood-share:before {
  content: "\fa06";
}

.ti-mood-sick:before {
  content: "\f2e5";
}

.ti-mood-silence:before {
  content: "\f2e6";
}

.ti-mood-sing:before {
  content: "\f2c7";
}

.ti-mood-smile:before {
  content: "\eaf7";
}

.ti-mood-smile-beam:before {
  content: "\f2e7";
}

.ti-mood-smile-dizzy:before {
  content: "\f2e8";
}

.ti-mood-smile-filled:before {
  content: "\f7f8";
}

.ti-mood-suprised:before {
  content: "\ec04";
}

.ti-mood-tongue:before {
  content: "\eb95";
}

.ti-mood-tongue-wink:before {
  content: "\f2ea";
}

.ti-mood-tongue-wink-2:before {
  content: "\f2e9";
}

.ti-mood-unamused:before {
  content: "\f2eb";
}

.ti-mood-up:before {
  content: "\f7bb";
}

.ti-mood-wink:before {
  content: "\f2ed";
}

.ti-mood-wink-2:before {
  content: "\f2ec";
}

.ti-mood-wrrr:before {
  content: "\f2ee";
}

.ti-mood-x:before {
  content: "\f7bc";
}

.ti-mood-xd:before {
  content: "\f2ef";
}

.ti-moon:before {
  content: "\eaf8";
}

.ti-moon-2:before {
  content: "\ece6";
}

.ti-moon-filled:before {
  content: "\f684";
}

.ti-moon-off:before {
  content: "\f162";
}

.ti-moon-stars:before {
  content: "\ece7";
}

.ti-moped:before {
  content: "\ecbc";
}

.ti-motorbike:before {
  content: "\eeb6";
}

.ti-mountain:before {
  content: "\ef97";
}

.ti-mountain-off:before {
  content: "\f411";
}

.ti-mouse:before {
  content: "\eaf9";
}

.ti-mouse-2:before {
  content: "\f1d7";
}

.ti-mouse-filled:before {
  content: "\fb2f";
}

.ti-mouse-off:before {
  content: "\f163";
}

.ti-moustache:before {
  content: "\f4c9";
}

.ti-movie:before {
  content: "\eafa";
}

.ti-movie-off:before {
  content: "\f164";
}

.ti-mug:before {
  content: "\eafb";
}

.ti-mug-off:before {
  content: "\f165";
}

.ti-multiplier-0-5x:before {
  content: "\ef41";
}

.ti-multiplier-1-5x:before {
  content: "\ef42";
}

.ti-multiplier-1x:before {
  content: "\ef43";
}

.ti-multiplier-2x:before {
  content: "\ef44";
}

.ti-mushroom:before {
  content: "\ef14";
}

.ti-mushroom-filled:before {
  content: "\f7f9";
}

.ti-mushroom-off:before {
  content: "\f412";
}

.ti-music:before {
  content: "\eafc";
}

.ti-music-bolt:before {
  content: "\fbd5";
}

.ti-music-cancel:before {
  content: "\fbd6";
}

.ti-music-check:before {
  content: "\fbd7";
}

.ti-music-code:before {
  content: "\fbd8";
}

.ti-music-cog:before {
  content: "\fbd9";
}

.ti-music-discount:before {
  content: "\fbda";
}

.ti-music-dollar:before {
  content: "\fbdb";
}

.ti-music-down:before {
  content: "\fbdc";
}

.ti-music-exclamation:before {
  content: "\fbdd";
}

.ti-music-heart:before {
  content: "\fbde";
}

.ti-music-minus:before {
  content: "\fbdf";
}

.ti-music-off:before {
  content: "\f166";
}

.ti-music-pause:before {
  content: "\fbe0";
}

.ti-music-pin:before {
  content: "\fbe1";
}

.ti-music-plus:before {
  content: "\fbe2";
}

.ti-music-question:before {
  content: "\fbe3";
}

.ti-music-search:before {
  content: "\fbe4";
}

.ti-music-share:before {
  content: "\fbe5";
}

.ti-music-star:before {
  content: "\fbe6";
}

.ti-music-up:before {
  content: "\fbe7";
}

.ti-music-x:before {
  content: "\fbe8";
}

.ti-navigation:before {
  content: "\f2c8";
}

.ti-navigation-bolt:before {
  content: "\fbe9";
}

.ti-navigation-cancel:before {
  content: "\fbea";
}

.ti-navigation-check:before {
  content: "\fbeb";
}

.ti-navigation-code:before {
  content: "\fbec";
}

.ti-navigation-cog:before {
  content: "\fbed";
}

.ti-navigation-discount:before {
  content: "\fbee";
}

.ti-navigation-dollar:before {
  content: "\fbef";
}

.ti-navigation-down:before {
  content: "\fbf0";
}

.ti-navigation-exclamation:before {
  content: "\fbf1";
}

.ti-navigation-filled:before {
  content: "\f685";
}

.ti-navigation-heart:before {
  content: "\fbf2";
}

.ti-navigation-minus:before {
  content: "\fbf3";
}

.ti-navigation-north:before {
  content: "\faec";
}

.ti-navigation-off:before {
  content: "\f413";
}

.ti-navigation-pause:before {
  content: "\fbf4";
}

.ti-navigation-pin:before {
  content: "\fbf5";
}

.ti-navigation-plus:before {
  content: "\fbf6";
}

.ti-navigation-question:before {
  content: "\fbf7";
}

.ti-navigation-search:before {
  content: "\fbf8";
}

.ti-navigation-share:before {
  content: "\fbf9";
}

.ti-navigation-star:before {
  content: "\fbfa";
}

.ti-navigation-up:before {
  content: "\fbfb";
}

.ti-navigation-x:before {
  content: "\fbfc";
}

.ti-needle:before {
  content: "\f508";
}

.ti-needle-thread:before {
  content: "\f507";
}

.ti-network:before {
  content: "\f09f";
}

.ti-network-off:before {
  content: "\f414";
}

.ti-new-section:before {
  content: "\ebc1";
}

.ti-news:before {
  content: "\eafd";
}

.ti-news-off:before {
  content: "\f167";
}

.ti-nfc:before {
  content: "\eeb7";
}

.ti-nfc-off:before {
  content: "\f168";
}

.ti-no-copyright:before {
  content: "\efb9";
}

.ti-no-creative-commons:before {
  content: "\efba";
}

.ti-no-derivatives:before {
  content: "\efbb";
}

.ti-north-star:before {
  content: "\f014";
}

.ti-note:before {
  content: "\eb6d";
}

.ti-note-off:before {
  content: "\f169";
}

.ti-notebook:before {
  content: "\eb96";
}

.ti-notebook-off:before {
  content: "\f415";
}

.ti-notes:before {
  content: "\eb6e";
}

.ti-notes-off:before {
  content: "\f16a";
}

.ti-notification:before {
  content: "\eafe";
}

.ti-notification-off:before {
  content: "\f16b";
}

.ti-number:before {
  content: "\f1fe";
}

.ti-number-0:before {
  content: "\edf0";
}

.ti-number-1:before {
  content: "\edf1";
}

.ti-number-2:before {
  content: "\edf2";
}

.ti-number-3:before {
  content: "\edf3";
}

.ti-number-4:before {
  content: "\edf4";
}

.ti-number-5:before {
  content: "\edf5";
}

.ti-number-6:before {
  content: "\edf6";
}

.ti-number-7:before {
  content: "\edf7";
}

.ti-number-8:before {
  content: "\edf8";
}

.ti-number-9:before {
  content: "\edf9";
}

.ti-numbers:before {
  content: "\f015";
}

.ti-nurse:before {
  content: "\ef65";
}

.ti-nut:before {
  content: "\fc61";
}

.ti-octagon:before {
  content: "\ecbd";
}

.ti-octagon-filled:before {
  content: "\f686";
}

.ti-octagon-off:before {
  content: "\eeb8";
}

.ti-octahedron:before {
  content: "\faae";
}

.ti-octahedron-off:before {
  content: "\faac";
}

.ti-octahedron-plus:before {
  content: "\faad";
}

.ti-old:before {
  content: "\eeb9";
}

.ti-olympics:before {
  content: "\eeba";
}

.ti-olympics-off:before {
  content: "\f416";
}

.ti-om:before {
  content: "\f58d";
}

.ti-omega:before {
  content: "\eb97";
}

.ti-outbound:before {
  content: "\f249";
}

.ti-outlet:before {
  content: "\ebd7";
}

.ti-oval:before {
  content: "\f02e";
}

.ti-oval-filled:before {
  content: "\f687";
}

.ti-oval-vertical:before {
  content: "\f02d";
}

.ti-oval-vertical-filled:before {
  content: "\f688";
}

.ti-overline:before {
  content: "\eebb";
}

.ti-package:before {
  content: "\eaff";
}

.ti-package-export:before {
  content: "\f07a";
}

.ti-package-import:before {
  content: "\f07b";
}

.ti-package-off:before {
  content: "\f16c";
}

.ti-packages:before {
  content: "\f2c9";
}

.ti-pacman:before {
  content: "\eebc";
}

.ti-page-break:before {
  content: "\ec81";
}

.ti-paint:before {
  content: "\eb00";
}

.ti-paint-filled:before {
  content: "\f75f";
}

.ti-paint-off:before {
  content: "\f16d";
}

.ti-palette:before {
  content: "\eb01";
}

.ti-palette-off:before {
  content: "\f16e";
}

.ti-panorama-horizontal:before {
  content: "\ed33";
}

.ti-panorama-horizontal-off:before {
  content: "\f417";
}

.ti-panorama-vertical:before {
  content: "\ed34";
}

.ti-panorama-vertical-off:before {
  content: "\f418";
}

.ti-paper-bag:before {
  content: "\f02f";
}

.ti-paper-bag-off:before {
  content: "\f16f";
}

.ti-paperclip:before {
  content: "\eb02";
}

.ti-parachute:before {
  content: "\ed7c";
}

.ti-parachute-off:before {
  content: "\f170";
}

.ti-parentheses:before {
  content: "\ebd8";
}

.ti-parentheses-off:before {
  content: "\f171";
}

.ti-parking:before {
  content: "\eb03";
}

.ti-parking-off:before {
  content: "\f172";
}

.ti-password:before {
  content: "\f4ca";
}

.ti-paw:before {
  content: "\eff9";
}

.ti-paw-filled:before {
  content: "\f689";
}

.ti-paw-off:before {
  content: "\f419";
}

.ti-pdf:before {
  content: "\f7ac";
}

.ti-peace:before {
  content: "\ecbe";
}

.ti-pencil:before {
  content: "\eb04";
}

.ti-pencil-bolt:before {
  content: "\fbfd";
}

.ti-pencil-cancel:before {
  content: "\fbfe";
}

.ti-pencil-check:before {
  content: "\fbff";
}

.ti-pencil-code:before {
  content: "\fc00";
}

.ti-pencil-cog:before {
  content: "\fc01";
}

.ti-pencil-discount:before {
  content: "\fc02";
}

.ti-pencil-dollar:before {
  content: "\fc03";
}

.ti-pencil-down:before {
  content: "\fc04";
}

.ti-pencil-exclamation:before {
  content: "\fc05";
}

.ti-pencil-heart:before {
  content: "\fc06";
}

.ti-pencil-minus:before {
  content: "\f1eb";
}

.ti-pencil-off:before {
  content: "\f173";
}

.ti-pencil-pause:before {
  content: "\fc07";
}

.ti-pencil-pin:before {
  content: "\fc08";
}

.ti-pencil-plus:before {
  content: "\f1ec";
}

.ti-pencil-question:before {
  content: "\fc09";
}

.ti-pencil-search:before {
  content: "\fc0a";
}

.ti-pencil-share:before {
  content: "\fc0b";
}

.ti-pencil-star:before {
  content: "\fc0c";
}

.ti-pencil-up:before {
  content: "\fc0d";
}

.ti-pencil-x:before {
  content: "\fc0e";
}

.ti-pennant:before {
  content: "\ed7d";
}

.ti-pennant-2:before {
  content: "\f06a";
}

.ti-pennant-2-filled:before {
  content: "\f68a";
}

.ti-pennant-filled:before {
  content: "\f68b";
}

.ti-pennant-off:before {
  content: "\f174";
}

.ti-pentagon:before {
  content: "\efe3";
}

.ti-pentagon-filled:before {
  content: "\f68c";
}

.ti-pentagon-off:before {
  content: "\f41a";
}

.ti-pentagon-plus:before {
  content: "\fc49";
}

.ti-pentagram:before {
  content: "\f586";
}

.ti-pepper:before {
  content: "\ef15";
}

.ti-pepper-off:before {
  content: "\f175";
}

.ti-percentage:before {
  content: "\ecf4";
}

.ti-perfume:before {
  content: "\f509";
}

.ti-perspective:before {
  content: "\eebd";
}

.ti-perspective-off:before {
  content: "\f176";
}

.ti-phone:before {
  content: "\eb09";
}

.ti-phone-call:before {
  content: "\eb05";
}

.ti-phone-calling:before {
  content: "\ec43";
}

.ti-phone-check:before {
  content: "\ec05";
}

.ti-phone-filled:before {
  content: "\fa49";
}

.ti-phone-incoming:before {
  content: "\eb06";
}

.ti-phone-off:before {
  content: "\ecf5";
}

.ti-phone-outgoing:before {
  content: "\eb07";
}

.ti-phone-pause:before {
  content: "\eb08";
}

.ti-phone-plus:before {
  content: "\ec06";
}

.ti-phone-x:before {
  content: "\ec07";
}

.ti-photo:before {
  content: "\eb0a";
}

.ti-photo-ai:before {
  content: "\fa32";
}

.ti-photo-bolt:before {
  content: "\f990";
}

.ti-photo-cancel:before {
  content: "\f35d";
}

.ti-photo-check:before {
  content: "\f35e";
}

.ti-photo-circle:before {
  content: "\fc4a";
}

.ti-photo-circle-minus:before {
  content: "\fc62";
}

.ti-photo-circle-plus:before {
  content: "\fc63";
}

.ti-photo-code:before {
  content: "\f991";
}

.ti-photo-cog:before {
  content: "\f992";
}

.ti-photo-dollar:before {
  content: "\f993";
}

.ti-photo-down:before {
  content: "\f35f";
}

.ti-photo-edit:before {
  content: "\f360";
}

.ti-photo-exclamation:before {
  content: "\f994";
}

.ti-photo-filled:before {
  content: "\fa4a";
}

.ti-photo-heart:before {
  content: "\f361";
}

.ti-photo-hexagon:before {
  content: "\fc4b";
}

.ti-photo-minus:before {
  content: "\f362";
}

.ti-photo-off:before {
  content: "\ecf6";
}

.ti-photo-pause:before {
  content: "\f995";
}

.ti-photo-pentagon:before {
  content: "\fc4c";
}

.ti-photo-pin:before {
  content: "\f996";
}

.ti-photo-plus:before {
  content: "\f363";
}

.ti-photo-question:before {
  content: "\f997";
}

.ti-photo-search:before {
  content: "\f364";
}

.ti-photo-sensor:before {
  content: "\f798";
}

.ti-photo-sensor-2:before {
  content: "\f796";
}

.ti-photo-sensor-3:before {
  content: "\f797";
}

.ti-photo-share:before {
  content: "\f998";
}

.ti-photo-shield:before {
  content: "\f365";
}

.ti-photo-square-rounded:before {
  content: "\fc4d";
}

.ti-photo-star:before {
  content: "\f366";
}

.ti-photo-up:before {
  content: "\f38b";
}

.ti-photo-x:before {
  content: "\f367";
}

.ti-physotherapist:before {
  content: "\eebe";
}

.ti-piano:before {
  content: "\fad3";
}

.ti-pick:before {
  content: "\fafc";
}

.ti-picture-in-picture:before {
  content: "\ed35";
}

.ti-picture-in-picture-off:before {
  content: "\ed43";
}

.ti-picture-in-picture-on:before {
  content: "\ed44";
}

.ti-picture-in-picture-top:before {
  content: "\efe4";
}

.ti-pig:before {
  content: "\ef52";
}

.ti-pig-money:before {
  content: "\f38c";
}

.ti-pig-off:before {
  content: "\f177";
}

.ti-pilcrow:before {
  content: "\f5f6";
}

.ti-pill:before {
  content: "\ec44";
}

.ti-pill-off:before {
  content: "\f178";
}

.ti-pills:before {
  content: "\ef66";
}

.ti-pin:before {
  content: "\ec9c";
}

.ti-pin-filled:before {
  content: "\f68d";
}

.ti-ping-pong:before {
  content: "\f38d";
}

.ti-pinned:before {
  content: "\ed60";
}

.ti-pinned-filled:before {
  content: "\f68e";
}

.ti-pinned-off:before {
  content: "\ed5f";
}

.ti-pizza:before {
  content: "\edbb";
}

.ti-pizza-off:before {
  content: "\f179";
}

.ti-placeholder:before {
  content: "\f626";
}

.ti-plane:before {
  content: "\eb6f";
}

.ti-plane-arrival:before {
  content: "\eb99";
}

.ti-plane-departure:before {
  content: "\eb9a";
}

.ti-plane-inflight:before {
  content: "\ef98";
}

.ti-plane-off:before {
  content: "\f17a";
}

.ti-plane-tilt:before {
  content: "\f1ed";
}

.ti-planet:before {
  content: "\ec08";
}

.ti-planet-off:before {
  content: "\f17b";
}

.ti-plant:before {
  content: "\ed50";
}

.ti-plant-2:before {
  content: "\ed7e";
}

.ti-plant-2-off:before {
  content: "\f17c";
}

.ti-plant-off:before {
  content: "\f17d";
}

.ti-play-basketball:before {
  content: "\fa66";
}

.ti-play-card:before {
  content: "\eebf";
}

.ti-play-card-off:before {
  content: "\f17e";
}

.ti-play-football:before {
  content: "\fa67";
}

.ti-play-handball:before {
  content: "\fa68";
}

.ti-play-volleyball:before {
  content: "\fa69";
}

.ti-player-eject:before {
  content: "\efbc";
}

.ti-player-eject-filled:before {
  content: "\f68f";
}

.ti-player-pause:before {
  content: "\ed45";
}

.ti-player-pause-filled:before {
  content: "\f690";
}

.ti-player-play:before {
  content: "\ed46";
}

.ti-player-play-filled:before {
  content: "\f691";
}

.ti-player-record:before {
  content: "\ed47";
}

.ti-player-record-filled:before {
  content: "\f692";
}

.ti-player-skip-back:before {
  content: "\ed48";
}

.ti-player-skip-back-filled:before {
  content: "\f693";
}

.ti-player-skip-forward:before {
  content: "\ed49";
}

.ti-player-skip-forward-filled:before {
  content: "\f694";
}

.ti-player-stop:before {
  content: "\ed4a";
}

.ti-player-stop-filled:before {
  content: "\f695";
}

.ti-player-track-next:before {
  content: "\ed4b";
}

.ti-player-track-next-filled:before {
  content: "\f696";
}

.ti-player-track-prev:before {
  content: "\ed4c";
}

.ti-player-track-prev-filled:before {
  content: "\f697";
}

.ti-playlist:before {
  content: "\eec0";
}

.ti-playlist-add:before {
  content: "\f008";
}

.ti-playlist-off:before {
  content: "\f17f";
}

.ti-playlist-x:before {
  content: "\f009";
}

.ti-playstation-circle:before {
  content: "\f2ad";
}

.ti-playstation-square:before {
  content: "\f2ae";
}

.ti-playstation-triangle:before {
  content: "\f2af";
}

.ti-playstation-x:before {
  content: "\f2b0";
}

.ti-plug:before {
  content: "\ebd9";
}

.ti-plug-connected:before {
  content: "\f00a";
}

.ti-plug-connected-x:before {
  content: "\f0a0";
}

.ti-plug-off:before {
  content: "\f180";
}

.ti-plug-x:before {
  content: "\f0a1";
}

.ti-plus:before {
  content: "\eb0b";
}

.ti-plus-equal:before {
  content: "\f7ad";
}

.ti-plus-minus:before {
  content: "\f7ae";
}

.ti-png:before {
  content: "\f3ad";
}

.ti-podium:before {
  content: "\f1d8";
}

.ti-podium-off:before {
  content: "\f41b";
}

.ti-point:before {
  content: "\eb0c";
}

.ti-point-filled:before {
  content: "\f698";
}

.ti-point-off:before {
  content: "\f181";
}

.ti-pointer:before {
  content: "\f265";
}

.ti-pointer-bolt:before {
  content: "\f999";
}

.ti-pointer-cancel:before {
  content: "\f99a";
}

.ti-pointer-check:before {
  content: "\f99b";
}

.ti-pointer-code:before {
  content: "\f99c";
}

.ti-pointer-cog:before {
  content: "\f99d";
}

.ti-pointer-dollar:before {
  content: "\f99e";
}

.ti-pointer-down:before {
  content: "\f99f";
}

.ti-pointer-exclamation:before {
  content: "\f9a0";
}

.ti-pointer-filled:before {
  content: "\fb30";
}

.ti-pointer-heart:before {
  content: "\f9a1";
}

.ti-pointer-minus:before {
  content: "\f9a2";
}

.ti-pointer-off:before {
  content: "\f9a3";
}

.ti-pointer-pause:before {
  content: "\f9a4";
}

.ti-pointer-pin:before {
  content: "\f9a5";
}

.ti-pointer-plus:before {
  content: "\f9a6";
}

.ti-pointer-question:before {
  content: "\f9a7";
}

.ti-pointer-search:before {
  content: "\f9a8";
}

.ti-pointer-share:before {
  content: "\f9a9";
}

.ti-pointer-star:before {
  content: "\f9aa";
}

.ti-pointer-up:before {
  content: "\f9ab";
}

.ti-pointer-x:before {
  content: "\f9ac";
}

.ti-pokeball:before {
  content: "\eec1";
}

.ti-pokeball-off:before {
  content: "\f41c";
}

.ti-poker-chip:before {
  content: "\f515";
}

.ti-polaroid:before {
  content: "\eec2";
}

.ti-polaroid-filled:before {
  content: "\fa4b";
}

.ti-polygon:before {
  content: "\efd0";
}

.ti-polygon-off:before {
  content: "\f182";
}

.ti-poo:before {
  content: "\f258";
}

.ti-pool:before {
  content: "\ed91";
}

.ti-pool-off:before {
  content: "\f41d";
}

.ti-power:before {
  content: "\eb0d";
}

.ti-pray:before {
  content: "\ecbf";
}

.ti-premium-rights:before {
  content: "\efbd";
}

.ti-prescription:before {
  content: "\ef99";
}

.ti-presentation:before {
  content: "\eb70";
}

.ti-presentation-analytics:before {
  content: "\eec3";
}

.ti-presentation-off:before {
  content: "\f183";
}

.ti-printer:before {
  content: "\eb0e";
}

.ti-printer-off:before {
  content: "\f184";
}

.ti-prism:before {
  content: "\fab1";
}

.ti-prism-off:before {
  content: "\faaf";
}

.ti-prism-plus:before {
  content: "\fab0";
}

.ti-prison:before {
  content: "\ef79";
}

.ti-progress:before {
  content: "\fa0d";
}

.ti-progress-alert:before {
  content: "\fa07";
}

.ti-progress-bolt:before {
  content: "\fa08";
}

.ti-progress-check:before {
  content: "\fa09";
}

.ti-progress-down:before {
  content: "\fa0a";
}

.ti-progress-help:before {
  content: "\fa0b";
}

.ti-progress-x:before {
  content: "\fa0c";
}

.ti-prompt:before {
  content: "\eb0f";
}

.ti-propeller:before {
  content: "\eec4";
}

.ti-propeller-off:before {
  content: "\f185";
}

.ti-pumpkin-scary:before {
  content: "\f587";
}

.ti-puzzle:before {
  content: "\eb10";
}

.ti-puzzle-2:before {
  content: "\ef83";
}

.ti-puzzle-filled:before {
  content: "\f699";
}

.ti-puzzle-off:before {
  content: "\f186";
}

.ti-pyramid:before {
  content: "\eec5";
}

.ti-pyramid-off:before {
  content: "\f187";
}

.ti-pyramid-plus:before {
  content: "\fab2";
}

.ti-qrcode:before {
  content: "\eb11";
}

.ti-qrcode-off:before {
  content: "\f41e";
}

.ti-question-mark:before {
  content: "\ec9d";
}

.ti-quote:before {
  content: "\efbe";
}

.ti-quote-off:before {
  content: "\f188";
}

.ti-quotes:before {
  content: "\fb1e";
}

.ti-radar:before {
  content: "\f017";
}

.ti-radar-2:before {
  content: "\f016";
}

.ti-radar-off:before {
  content: "\f41f";
}

.ti-radio:before {
  content: "\ef2d";
}

.ti-radio-off:before {
  content: "\f420";
}

.ti-radioactive:before {
  content: "\ecc0";
}

.ti-radioactive-filled:before {
  content: "\f760";
}

.ti-radioactive-off:before {
  content: "\f189";
}

.ti-radius-bottom-left:before {
  content: "\eec6";
}

.ti-radius-bottom-right:before {
  content: "\eec7";
}

.ti-radius-top-left:before {
  content: "\eec8";
}

.ti-radius-top-right:before {
  content: "\eec9";
}

.ti-rainbow:before {
  content: "\edbc";
}

.ti-rainbow-off:before {
  content: "\f18a";
}

.ti-rating-12-plus:before {
  content: "\f266";
}

.ti-rating-14-plus:before {
  content: "\f267";
}

.ti-rating-16-plus:before {
  content: "\f268";
}

.ti-rating-18-plus:before {
  content: "\f269";
}

.ti-rating-21-plus:before {
  content: "\f26a";
}

.ti-razor:before {
  content: "\f4b5";
}

.ti-razor-electric:before {
  content: "\f4b4";
}

.ti-receipt:before {
  content: "\edfd";
}

.ti-receipt-2:before {
  content: "\edfa";
}

.ti-receipt-off:before {
  content: "\edfb";
}

.ti-receipt-refund:before {
  content: "\edfc";
}

.ti-receipt-tax:before {
  content: "\edbd";
}

.ti-recharging:before {
  content: "\eeca";
}

.ti-record-mail:before {
  content: "\eb12";
}

.ti-record-mail-off:before {
  content: "\f18b";
}

.ti-rectangle:before {
  content: "\ed37";
}

.ti-rectangle-filled:before {
  content: "\f69a";
}

.ti-rectangle-rounded-bottom:before {
  content: "\faed";
}

.ti-rectangle-rounded-top:before {
  content: "\faee";
}

.ti-rectangle-vertical:before {
  content: "\ed36";
}

.ti-rectangle-vertical-filled:before {
  content: "\f69b";
}

.ti-rectangular-prism:before {
  content: "\fab5";
}

.ti-rectangular-prism-off:before {
  content: "\fab3";
}

.ti-rectangular-prism-plus:before {
  content: "\fab4";
}

.ti-recycle:before {
  content: "\eb9b";
}

.ti-recycle-off:before {
  content: "\f18c";
}

.ti-refresh:before {
  content: "\eb13";
}

.ti-refresh-alert:before {
  content: "\ed57";
}

.ti-refresh-dot:before {
  content: "\efbf";
}

.ti-refresh-off:before {
  content: "\f18d";
}

.ti-regex:before {
  content: "\f31f";
}

.ti-regex-off:before {
  content: "\f421";
}

.ti-registered:before {
  content: "\eb14";
}

.ti-relation-many-to-many:before {
  content: "\ed7f";
}

.ti-relation-one-to-many:before {
  content: "\ed80";
}

.ti-relation-one-to-one:before {
  content: "\ed81";
}

.ti-reload:before {
  content: "\f3ae";
}

.ti-reorder:before {
  content: "\fc15";
}

.ti-repeat:before {
  content: "\eb72";
}

.ti-repeat-off:before {
  content: "\f18e";
}

.ti-repeat-once:before {
  content: "\eb71";
}

.ti-replace:before {
  content: "\ebc7";
}

.ti-replace-filled:before {
  content: "\f69c";
}

.ti-replace-off:before {
  content: "\f422";
}

.ti-report:before {
  content: "\eece";
}

.ti-report-analytics:before {
  content: "\eecb";
}

.ti-report-medical:before {
  content: "\eecc";
}

.ti-report-money:before {
  content: "\eecd";
}

.ti-report-off:before {
  content: "\f18f";
}

.ti-report-search:before {
  content: "\ef84";
}

.ti-reserved-line:before {
  content: "\f9f6";
}

.ti-resize:before {
  content: "\eecf";
}

.ti-restore:before {
  content: "\fafd";
}

.ti-rewind-backward-10:before {
  content: "\faba";
}

.ti-rewind-backward-15:before {
  content: "\fabb";
}

.ti-rewind-backward-20:before {
  content: "\fabc";
}

.ti-rewind-backward-30:before {
  content: "\fabd";
}

.ti-rewind-backward-40:before {
  content: "\fabe";
}

.ti-rewind-backward-5:before {
  content: "\fabf";
}

.ti-rewind-backward-50:before {
  content: "\fac0";
}

.ti-rewind-backward-60:before {
  content: "\fac1";
}

.ti-rewind-forward-10:before {
  content: "\fac2";
}

.ti-rewind-forward-15:before {
  content: "\fac3";
}

.ti-rewind-forward-20:before {
  content: "\fac4";
}

.ti-rewind-forward-30:before {
  content: "\fac5";
}

.ti-rewind-forward-40:before {
  content: "\fac6";
}

.ti-rewind-forward-5:before {
  content: "\fac7";
}

.ti-rewind-forward-50:before {
  content: "\fac8";
}

.ti-rewind-forward-60:before {
  content: "\fac9";
}

.ti-ribbon-health:before {
  content: "\f58e";
}

.ti-rings:before {
  content: "\fa6a";
}

.ti-ripple:before {
  content: "\ed82";
}

.ti-ripple-off:before {
  content: "\f190";
}

.ti-road:before {
  content: "\f018";
}

.ti-road-off:before {
  content: "\f191";
}

.ti-road-sign:before {
  content: "\ecdd";
}

.ti-robot:before {
  content: "\f00b";
}

.ti-robot-off:before {
  content: "\f192";
}

.ti-rocket:before {
  content: "\ec45";
}

.ti-rocket-off:before {
  content: "\f193";
}

.ti-roller-skating:before {
  content: "\efd1";
}

.ti-rollercoaster:before {
  content: "\f0a2";
}

.ti-rollercoaster-off:before {
  content: "\f423";
}

.ti-rosette:before {
  content: "\f599";
}

.ti-rosette-filled:before {
  content: "\f69d";
}

.ti-rosette-number-0:before {
  content: "\f58f";
}

.ti-rosette-number-1:before {
  content: "\f590";
}

.ti-rosette-number-2:before {
  content: "\f591";
}

.ti-rosette-number-3:before {
  content: "\f592";
}

.ti-rosette-number-4:before {
  content: "\f593";
}

.ti-rosette-number-5:before {
  content: "\f594";
}

.ti-rosette-number-6:before {
  content: "\f595";
}

.ti-rosette-number-7:before {
  content: "\f596";
}

.ti-rosette-number-8:before {
  content: "\f597";
}

.ti-rosette-number-9:before {
  content: "\f598";
}

.ti-rotate:before {
  content: "\eb16";
}

.ti-rotate-2:before {
  content: "\ebb4";
}

.ti-rotate-360:before {
  content: "\ef85";
}

.ti-rotate-clockwise:before {
  content: "\eb15";
}

.ti-rotate-clockwise-2:before {
  content: "\ebb5";
}

.ti-rotate-dot:before {
  content: "\efe5";
}

.ti-rotate-rectangle:before {
  content: "\ec15";
}

.ti-route:before {
  content: "\eb17";
}

.ti-route-2:before {
  content: "\f4b6";
}

.ti-route-off:before {
  content: "\f194";
}

.ti-router:before {
  content: "\eb18";
}

.ti-router-off:before {
  content: "\f424";
}

.ti-row-insert-bottom:before {
  content: "\eed0";
}

.ti-row-insert-top:before {
  content: "\eed1";
}

.ti-row-remove:before {
  content: "\fafe";
}

.ti-rss:before {
  content: "\eb19";
}

.ti-rubber-stamp:before {
  content: "\f5ab";
}

.ti-rubber-stamp-off:before {
  content: "\f5aa";
}

.ti-ruler:before {
  content: "\eb1a";
}

.ti-ruler-2:before {
  content: "\eed2";
}

.ti-ruler-2-off:before {
  content: "\f195";
}

.ti-ruler-3:before {
  content: "\f290";
}

.ti-ruler-measure:before {
  content: "\f291";
}

.ti-ruler-off:before {
  content: "\f196";
}

.ti-run:before {
  content: "\ec82";
}

.ti-s-turn-down:before {
  content: "\f516";
}

.ti-s-turn-left:before {
  content: "\f517";
}

.ti-s-turn-right:before {
  content: "\f518";
}

.ti-s-turn-up:before {
  content: "\f519";
}

.ti-sailboat:before {
  content: "\ec83";
}

.ti-sailboat-2:before {
  content: "\f5f7";
}

.ti-sailboat-off:before {
  content: "\f425";
}

.ti-salad:before {
  content: "\f50a";
}

.ti-salt:before {
  content: "\ef16";
}

.ti-satellite:before {
  content: "\eed3";
}

.ti-satellite-off:before {
  content: "\f197";
}

.ti-sausage:before {
  content: "\ef17";
}

.ti-scale:before {
  content: "\ebc2";
}

.ti-scale-off:before {
  content: "\f198";
}

.ti-scale-outline:before {
  content: "\ef53";
}

.ti-scale-outline-off:before {
  content: "\f199";
}

.ti-scan:before {
  content: "\ebc8";
}

.ti-scan-eye:before {
  content: "\f1ff";
}

.ti-schema:before {
  content: "\f200";
}

.ti-schema-off:before {
  content: "\f426";
}

.ti-school:before {
  content: "\ecf7";
}

.ti-school-bell:before {
  content: "\f64a";
}

.ti-school-off:before {
  content: "\f19a";
}

.ti-scissors:before {
  content: "\eb1b";
}

.ti-scissors-off:before {
  content: "\f19b";
}

.ti-scooter:before {
  content: "\ec6c";
}

.ti-scooter-electric:before {
  content: "\ecc1";
}

.ti-scoreboard:before {
  content: "\fa6b";
}

.ti-screen-share:before {
  content: "\ed18";
}

.ti-screen-share-off:before {
  content: "\ed17";
}

.ti-screenshot:before {
  content: "\f201";
}

.ti-scribble:before {
  content: "\f0a3";
}

.ti-scribble-off:before {
  content: "\f427";
}

.ti-script:before {
  content: "\f2da";
}

.ti-script-minus:before {
  content: "\f2d7";
}

.ti-script-plus:before {
  content: "\f2d8";
}

.ti-script-x:before {
  content: "\f2d9";
}

.ti-scuba-mask:before {
  content: "\eed4";
}

.ti-scuba-mask-off:before {
  content: "\f428";
}

.ti-sdk:before {
  content: "\f3af";
}

.ti-search:before {
  content: "\eb1c";
}

.ti-search-off:before {
  content: "\f19c";
}

.ti-section:before {
  content: "\eed5";
}

.ti-section-sign:before {
  content: "\f019";
}

.ti-seeding:before {
  content: "\ed51";
}

.ti-seeding-off:before {
  content: "\f19d";
}

.ti-select:before {
  content: "\ec9e";
}

.ti-select-all:before {
  content: "\f9f7";
}

.ti-selector:before {
  content: "\eb1d";
}

.ti-send:before {
  content: "\eb1e";
}

.ti-send-off:before {
  content: "\f429";
}

.ti-seo:before {
  content: "\f26b";
}

.ti-separator:before {
  content: "\ebda";
}

.ti-separator-horizontal:before {
  content: "\ec79";
}

.ti-separator-vertical:before {
  content: "\ec7a";
}

.ti-server:before {
  content: "\eb1f";
}

.ti-server-2:before {
  content: "\f07c";
}

.ti-server-bolt:before {
  content: "\f320";
}

.ti-server-cog:before {
  content: "\f321";
}

.ti-server-off:before {
  content: "\f19e";
}

.ti-servicemark:before {
  content: "\ec09";
}

.ti-settings:before {
  content: "\eb20";
}

.ti-settings-2:before {
  content: "\f5ac";
}

.ti-settings-automation:before {
  content: "\eed6";
}

.ti-settings-bolt:before {
  content: "\f9ad";
}

.ti-settings-cancel:before {
  content: "\f9ae";
}

.ti-settings-check:before {
  content: "\f9af";
}

.ti-settings-code:before {
  content: "\f9b0";
}

.ti-settings-cog:before {
  content: "\f9b1";
}

.ti-settings-dollar:before {
  content: "\f9b2";
}

.ti-settings-down:before {
  content: "\f9b3";
}

.ti-settings-exclamation:before {
  content: "\f9b4";
}

.ti-settings-filled:before {
  content: "\f69e";
}

.ti-settings-heart:before {
  content: "\f9b5";
}

.ti-settings-minus:before {
  content: "\f9b6";
}

.ti-settings-off:before {
  content: "\f19f";
}

.ti-settings-pause:before {
  content: "\f9b7";
}

.ti-settings-pin:before {
  content: "\f9b8";
}

.ti-settings-plus:before {
  content: "\f9b9";
}

.ti-settings-question:before {
  content: "\f9ba";
}

.ti-settings-search:before {
  content: "\f9bb";
}

.ti-settings-share:before {
  content: "\f9bc";
}

.ti-settings-star:before {
  content: "\f9bd";
}

.ti-settings-up:before {
  content: "\f9be";
}

.ti-settings-x:before {
  content: "\f9bf";
}

.ti-shadow:before {
  content: "\eed8";
}

.ti-shadow-off:before {
  content: "\eed7";
}

.ti-shape:before {
  content: "\eb9c";
}

.ti-shape-2:before {
  content: "\eed9";
}

.ti-shape-3:before {
  content: "\eeda";
}

.ti-shape-off:before {
  content: "\f1a0";
}

.ti-share:before {
  content: "\eb21";
}

.ti-share-2:before {
  content: "\f799";
}

.ti-share-3:before {
  content: "\f7bd";
}

.ti-share-off:before {
  content: "\f1a1";
}

.ti-shi-jumping:before {
  content: "\fa6c";
}

.ti-shield:before {
  content: "\eb24";
}

.ti-shield-bolt:before {
  content: "\f9c0";
}

.ti-shield-cancel:before {
  content: "\f9c1";
}

.ti-shield-check:before {
  content: "\eb22";
}

.ti-shield-check-filled:before {
  content: "\f761";
}

.ti-shield-checkered:before {
  content: "\ef9a";
}

.ti-shield-checkered-filled:before {
  content: "\f762";
}

.ti-shield-chevron:before {
  content: "\ef9b";
}

.ti-shield-code:before {
  content: "\f9c2";
}

.ti-shield-cog:before {
  content: "\f9c3";
}

.ti-shield-dollar:before {
  content: "\f9c4";
}

.ti-shield-down:before {
  content: "\f9c5";
}

.ti-shield-exclamation:before {
  content: "\f9c6";
}

.ti-shield-filled:before {
  content: "\f69f";
}

.ti-shield-half:before {
  content: "\f358";
}

.ti-shield-half-filled:before {
  content: "\f357";
}

.ti-shield-heart:before {
  content: "\f9c7";
}

.ti-shield-lock:before {
  content: "\ed58";
}

.ti-shield-lock-filled:before {
  content: "\f763";
}

.ti-shield-minus:before {
  content: "\f9c8";
}

.ti-shield-off:before {
  content: "\ecf8";
}

.ti-shield-pause:before {
  content: "\f9c9";
}

.ti-shield-pin:before {
  content: "\f9ca";
}

.ti-shield-plus:before {
  content: "\f9cb";
}

.ti-shield-question:before {
  content: "\f9cc";
}

.ti-shield-search:before {
  content: "\f9cd";
}

.ti-shield-share:before {
  content: "\f9ce";
}

.ti-shield-star:before {
  content: "\f9cf";
}

.ti-shield-up:before {
  content: "\f9d0";
}

.ti-shield-x:before {
  content: "\eb23";
}

.ti-ship:before {
  content: "\ec84";
}

.ti-ship-off:before {
  content: "\f42a";
}

.ti-shirt:before {
  content: "\ec0a";
}

.ti-shirt-filled:before {
  content: "\f6a0";
}

.ti-shirt-off:before {
  content: "\f1a2";
}

.ti-shirt-sport:before {
  content: "\f26c";
}

.ti-shoe:before {
  content: "\efd2";
}

.ti-shoe-off:before {
  content: "\f1a4";
}

.ti-shopping-bag:before {
  content: "\f5f8";
}

.ti-shopping-bag-check:before {
  content: "\fc16";
}

.ti-shopping-bag-discount:before {
  content: "\fc17";
}

.ti-shopping-bag-edit:before {
  content: "\fc18";
}

.ti-shopping-bag-exclamation:before {
  content: "\fc19";
}

.ti-shopping-bag-minus:before {
  content: "\fc1a";
}

.ti-shopping-bag-plus:before {
  content: "\fc1b";
}

.ti-shopping-bag-search:before {
  content: "\fc1c";
}

.ti-shopping-bag-x:before {
  content: "\fc1d";
}

.ti-shopping-cart:before {
  content: "\eb25";
}

.ti-shopping-cart-bolt:before {
  content: "\fb57";
}

.ti-shopping-cart-cancel:before {
  content: "\fb58";
}

.ti-shopping-cart-check:before {
  content: "\fb59";
}

.ti-shopping-cart-code:before {
  content: "\fb5a";
}

.ti-shopping-cart-cog:before {
  content: "\fb5b";
}

.ti-shopping-cart-copy:before {
  content: "\fb5c";
}

.ti-shopping-cart-discount:before {
  content: "\fb5d";
}

.ti-shopping-cart-dollar:before {
  content: "\fb5e";
}

.ti-shopping-cart-down:before {
  content: "\fb5f";
}

.ti-shopping-cart-exclamation:before {
  content: "\fb60";
}

.ti-shopping-cart-filled:before {
  content: "\fc3f";
}

.ti-shopping-cart-heart:before {
  content: "\fb61";
}

.ti-shopping-cart-minus:before {
  content: "\fb62";
}

.ti-shopping-cart-off:before {
  content: "\eedc";
}

.ti-shopping-cart-pause:before {
  content: "\fb63";
}

.ti-shopping-cart-pin:before {
  content: "\fb64";
}

.ti-shopping-cart-plus:before {
  content: "\fb65";
}

.ti-shopping-cart-question:before {
  content: "\fb66";
}

.ti-shopping-cart-search:before {
  content: "\fb67";
}

.ti-shopping-cart-share:before {
  content: "\fb68";
}

.ti-shopping-cart-star:before {
  content: "\fb69";
}

.ti-shopping-cart-up:before {
  content: "\fb6a";
}

.ti-shopping-cart-x:before {
  content: "\fb6b";
}

.ti-shovel:before {
  content: "\f1d9";
}

.ti-shredder:before {
  content: "\eedf";
}

.ti-sign-left:before {
  content: "\f06b";
}

.ti-sign-left-filled:before {
  content: "\f6a1";
}

.ti-sign-right:before {
  content: "\f06c";
}

.ti-sign-right-filled:before {
  content: "\f6a2";
}

.ti-signal-2g:before {
  content: "\f79a";
}

.ti-signal-3g:before {
  content: "\f1ee";
}

.ti-signal-4g:before {
  content: "\f1ef";
}

.ti-signal-4g-plus:before {
  content: "\f259";
}

.ti-signal-5g:before {
  content: "\f1f0";
}

.ti-signal-6g:before {
  content: "\f9f8";
}

.ti-signal-e:before {
  content: "\f9f9";
}

.ti-signal-g:before {
  content: "\f9fa";
}

.ti-signal-h:before {
  content: "\f9fc";
}

.ti-signal-h-plus:before {
  content: "\f9fb";
}

.ti-signal-lte:before {
  content: "\f9fd";
}

.ti-signature:before {
  content: "\eee0";
}

.ti-signature-off:before {
  content: "\f1a5";
}

.ti-sitemap:before {
  content: "\eb9d";
}

.ti-sitemap-off:before {
  content: "\f1a6";
}

.ti-skateboard:before {
  content: "\ecc2";
}

.ti-skateboard-off:before {
  content: "\f42b";
}

.ti-skateboarding:before {
  content: "\faca";
}

.ti-skull:before {
  content: "\f292";
}

.ti-slash:before {
  content: "\f4f9";
}

.ti-slashes:before {
  content: "\f588";
}

.ti-sleigh:before {
  content: "\ef9c";
}

.ti-slice:before {
  content: "\ebdb";
}

.ti-slideshow:before {
  content: "\ebc9";
}

.ti-smart-home:before {
  content: "\ecde";
}

.ti-smart-home-off:before {
  content: "\f1a7";
}

.ti-smoking:before {
  content: "\ecc4";
}

.ti-smoking-no:before {
  content: "\ecc3";
}

.ti-snowflake:before {
  content: "\ec0b";
}

.ti-snowflake-off:before {
  content: "\f1a8";
}

.ti-snowman:before {
  content: "\f26d";
}

.ti-soccer-field:before {
  content: "\ed92";
}

.ti-social:before {
  content: "\ebec";
}

.ti-social-off:before {
  content: "\f1a9";
}

.ti-sock:before {
  content: "\eee1";
}

.ti-sofa:before {
  content: "\efaf";
}

.ti-sofa-off:before {
  content: "\f42c";
}

.ti-solar-panel:before {
  content: "\f7bf";
}

.ti-solar-panel-2:before {
  content: "\f7be";
}

.ti-sort-0-9:before {
  content: "\f54d";
}

.ti-sort-9-0:before {
  content: "\f54e";
}

.ti-sort-a-z:before {
  content: "\f54f";
}

.ti-sort-ascending:before {
  content: "\eb26";
}

.ti-sort-ascending-2:before {
  content: "\eee2";
}

.ti-sort-ascending-letters:before {
  content: "\ef18";
}

.ti-sort-ascending-numbers:before {
  content: "\ef19";
}

.ti-sort-descending:before {
  content: "\eb27";
}

.ti-sort-descending-2:before {
  content: "\eee3";
}

.ti-sort-descending-letters:before {
  content: "\ef1a";
}

.ti-sort-descending-numbers:before {
  content: "\ef1b";
}

.ti-sort-z-a:before {
  content: "\f550";
}

.ti-sos:before {
  content: "\f24a";
}

.ti-soup:before {
  content: "\ef2e";
}

.ti-soup-off:before {
  content: "\f42d";
}

.ti-source-code:before {
  content: "\f4a2";
}

.ti-space:before {
  content: "\ec0c";
}

.ti-space-off:before {
  content: "\f1aa";
}

.ti-spacing-horizontal:before {
  content: "\ef54";
}

.ti-spacing-vertical:before {
  content: "\ef55";
}

.ti-spade:before {
  content: "\effa";
}

.ti-spade-filled:before {
  content: "\f6a3";
}

.ti-sparkles:before {
  content: "\f6d7";
}

.ti-speakerphone:before {
  content: "\ed61";
}

.ti-speedboat:before {
  content: "\ed93";
}

.ti-sphere:before {
  content: "\fab8";
}

.ti-sphere-off:before {
  content: "\fab6";
}

.ti-sphere-plus:before {
  content: "\fab7";
}

.ti-spider:before {
  content: "\f293";
}

.ti-spiral:before {
  content: "\f294";
}

.ti-spiral-off:before {
  content: "\f42e";
}

.ti-sport-billard:before {
  content: "\eee4";
}

.ti-spray:before {
  content: "\f50b";
}

.ti-spy:before {
  content: "\f227";
}

.ti-spy-off:before {
  content: "\f42f";
}

.ti-sql:before {
  content: "\f7c0";
}

.ti-square:before {
  content: "\eb2c";
}

.ti-square-0-filled:before {
  content: "\f764";
}

.ti-square-1-filled:before {
  content: "\f765";
}

.ti-square-2-filled:before {
  content: "\f7fa";
}

.ti-square-3-filled:before {
  content: "\f766";
}

.ti-square-4-filled:before {
  content: "\f767";
}

.ti-square-5-filled:before {
  content: "\f768";
}

.ti-square-6-filled:before {
  content: "\f769";
}

.ti-square-7-filled:before {
  content: "\f76a";
}

.ti-square-8-filled:before {
  content: "\f76b";
}

.ti-square-9-filled:before {
  content: "\f76c";
}

.ti-square-arrow-down:before {
  content: "\f4b7";
}

.ti-square-arrow-down-filled:before {
  content: "\fb31";
}

.ti-square-arrow-left:before {
  content: "\f4b8";
}

.ti-square-arrow-left-filled:before {
  content: "\fb32";
}

.ti-square-arrow-right:before {
  content: "\f4b9";
}

.ti-square-arrow-right-filled:before {
  content: "\fb33";
}

.ti-square-arrow-up:before {
  content: "\f4ba";
}

.ti-square-arrow-up-filled:before {
  content: "\fb34";
}

.ti-square-asterisk:before {
  content: "\f01a";
}

.ti-square-asterisk-filled:before {
  content: "\fb35";
}

.ti-square-check:before {
  content: "\eb28";
}

.ti-square-check-filled:before {
  content: "\f76d";
}

.ti-square-chevron-down:before {
  content: "\f627";
}

.ti-square-chevron-down-filled:before {
  content: "\fb36";
}

.ti-square-chevron-left:before {
  content: "\f628";
}

.ti-square-chevron-left-filled:before {
  content: "\fb37";
}

.ti-square-chevron-right:before {
  content: "\f629";
}

.ti-square-chevron-right-filled:before {
  content: "\fb38";
}

.ti-square-chevron-up:before {
  content: "\f62a";
}

.ti-square-chevron-up-filled:before {
  content: "\fb39";
}

.ti-square-chevrons-down:before {
  content: "\f64b";
}

.ti-square-chevrons-down-filled:before {
  content: "\fb3a";
}

.ti-square-chevrons-left:before {
  content: "\f64c";
}

.ti-square-chevrons-left-filled:before {
  content: "\fb3b";
}

.ti-square-chevrons-right:before {
  content: "\f64d";
}

.ti-square-chevrons-right-filled:before {
  content: "\fb3c";
}

.ti-square-chevrons-up:before {
  content: "\f64e";
}

.ti-square-chevrons-up-filled:before {
  content: "\fb3d";
}

.ti-square-dot:before {
  content: "\ed59";
}

.ti-square-dot-filled:before {
  content: "\fb3e";
}

.ti-square-f0:before {
  content: "\f526";
}

.ti-square-f0-filled:before {
  content: "\f76e";
}

.ti-square-f1:before {
  content: "\f527";
}

.ti-square-f1-filled:before {
  content: "\f76f";
}

.ti-square-f2:before {
  content: "\f528";
}

.ti-square-f2-filled:before {
  content: "\f770";
}

.ti-square-f3:before {
  content: "\f529";
}

.ti-square-f3-filled:before {
  content: "\f771";
}

.ti-square-f4:before {
  content: "\f52a";
}

.ti-square-f4-filled:before {
  content: "\f772";
}

.ti-square-f5:before {
  content: "\f52b";
}

.ti-square-f5-filled:before {
  content: "\f773";
}

.ti-square-f6:before {
  content: "\f52c";
}

.ti-square-f6-filled:before {
  content: "\f774";
}

.ti-square-f7:before {
  content: "\f52d";
}

.ti-square-f7-filled:before {
  content: "\f775";
}

.ti-square-f8:before {
  content: "\f52e";
}

.ti-square-f8-filled:before {
  content: "\f776";
}

.ti-square-f9:before {
  content: "\f52f";
}

.ti-square-f9-filled:before {
  content: "\f777";
}

.ti-square-filled:before {
  content: "\fc40";
}

.ti-square-forbid:before {
  content: "\ed5b";
}

.ti-square-forbid-2:before {
  content: "\ed5a";
}

.ti-square-half:before {
  content: "\effb";
}

.ti-square-key:before {
  content: "\f638";
}

.ti-square-letter-a:before {
  content: "\f47c";
}

.ti-square-letter-b:before {
  content: "\f47d";
}

.ti-square-letter-c:before {
  content: "\f47e";
}

.ti-square-letter-d:before {
  content: "\f47f";
}

.ti-square-letter-e:before {
  content: "\f480";
}

.ti-square-letter-f:before {
  content: "\f481";
}

.ti-square-letter-g:before {
  content: "\f482";
}

.ti-square-letter-h:before {
  content: "\f483";
}

.ti-square-letter-i:before {
  content: "\f484";
}

.ti-square-letter-j:before {
  content: "\f485";
}

.ti-square-letter-k:before {
  content: "\f486";
}

.ti-square-letter-l:before {
  content: "\f487";
}

.ti-square-letter-m:before {
  content: "\f488";
}

.ti-square-letter-n:before {
  content: "\f489";
}

.ti-square-letter-o:before {
  content: "\f48a";
}

.ti-square-letter-p:before {
  content: "\f48b";
}

.ti-square-letter-q:before {
  content: "\f48c";
}

.ti-square-letter-r:before {
  content: "\f48d";
}

.ti-square-letter-s:before {
  content: "\f48e";
}

.ti-square-letter-t:before {
  content: "\f48f";
}

.ti-square-letter-u:before {
  content: "\f490";
}

.ti-square-letter-v:before {
  content: "\f4bb";
}

.ti-square-letter-w:before {
  content: "\f491";
}

.ti-square-letter-x:before {
  content: "\f4bc";
}

.ti-square-letter-y:before {
  content: "\f492";
}

.ti-square-letter-z:before {
  content: "\f493";
}

.ti-square-minus:before {
  content: "\eb29";
}

.ti-square-minus-filled:before {
  content: "\fb3f";
}

.ti-square-number-0:before {
  content: "\eee5";
}

.ti-square-number-1:before {
  content: "\eee6";
}

.ti-square-number-2:before {
  content: "\eee7";
}

.ti-square-number-3:before {
  content: "\eee8";
}

.ti-square-number-4:before {
  content: "\eee9";
}

.ti-square-number-5:before {
  content: "\eeea";
}

.ti-square-number-6:before {
  content: "\eeeb";
}

.ti-square-number-7:before {
  content: "\eeec";
}

.ti-square-number-8:before {
  content: "\eeed";
}

.ti-square-number-9:before {
  content: "\eeee";
}

.ti-square-off:before {
  content: "\eeef";
}

.ti-square-plus:before {
  content: "\eb2a";
}

.ti-square-root:before {
  content: "\eef1";
}

.ti-square-root-2:before {
  content: "\eef0";
}

.ti-square-rotated:before {
  content: "\ecdf";
}

.ti-square-rotated-filled:before {
  content: "\f6a4";
}

.ti-square-rotated-forbid:before {
  content: "\f01c";
}

.ti-square-rotated-forbid-2:before {
  content: "\f01b";
}

.ti-square-rotated-off:before {
  content: "\eef2";
}

.ti-square-rounded:before {
  content: "\f59a";
}

.ti-square-rounded-arrow-down:before {
  content: "\f639";
}

.ti-square-rounded-arrow-down-filled:before {
  content: "\f6db";
}

.ti-square-rounded-arrow-left:before {
  content: "\f63a";
}

.ti-square-rounded-arrow-left-filled:before {
  content: "\f6dc";
}

.ti-square-rounded-arrow-right:before {
  content: "\f63b";
}

.ti-square-rounded-arrow-right-filled:before {
  content: "\f6dd";
}

.ti-square-rounded-arrow-up:before {
  content: "\f63c";
}

.ti-square-rounded-arrow-up-filled:before {
  content: "\f6de";
}

.ti-square-rounded-check:before {
  content: "\f63d";
}

.ti-square-rounded-check-filled:before {
  content: "\f6df";
}

.ti-square-rounded-chevron-down:before {
  content: "\f62b";
}

.ti-square-rounded-chevron-down-filled:before {
  content: "\f6e0";
}

.ti-square-rounded-chevron-left:before {
  content: "\f62c";
}

.ti-square-rounded-chevron-left-filled:before {
  content: "\f6e1";
}

.ti-square-rounded-chevron-right:before {
  content: "\f62d";
}

.ti-square-rounded-chevron-right-filled:before {
  content: "\f6e2";
}

.ti-square-rounded-chevron-up:before {
  content: "\f62e";
}

.ti-square-rounded-chevron-up-filled:before {
  content: "\f6e3";
}

.ti-square-rounded-chevrons-down:before {
  content: "\f64f";
}

.ti-square-rounded-chevrons-down-filled:before {
  content: "\f6e4";
}

.ti-square-rounded-chevrons-left:before {
  content: "\f650";
}

.ti-square-rounded-chevrons-left-filled:before {
  content: "\f6e5";
}

.ti-square-rounded-chevrons-right:before {
  content: "\f651";
}

.ti-square-rounded-chevrons-right-filled:before {
  content: "\f6e6";
}

.ti-square-rounded-chevrons-up:before {
  content: "\f652";
}

.ti-square-rounded-chevrons-up-filled:before {
  content: "\f6e7";
}

.ti-square-rounded-filled:before {
  content: "\f6a5";
}

.ti-square-rounded-letter-a:before {
  content: "\f5ae";
}

.ti-square-rounded-letter-b:before {
  content: "\f5af";
}

.ti-square-rounded-letter-c:before {
  content: "\f5b0";
}

.ti-square-rounded-letter-d:before {
  content: "\f5b1";
}

.ti-square-rounded-letter-e:before {
  content: "\f5b2";
}

.ti-square-rounded-letter-f:before {
  content: "\f5b3";
}

.ti-square-rounded-letter-g:before {
  content: "\f5b4";
}

.ti-square-rounded-letter-h:before {
  content: "\f5b5";
}

.ti-square-rounded-letter-i:before {
  content: "\f5b6";
}

.ti-square-rounded-letter-j:before {
  content: "\f5b7";
}

.ti-square-rounded-letter-k:before {
  content: "\f5b8";
}

.ti-square-rounded-letter-l:before {
  content: "\f5b9";
}

.ti-square-rounded-letter-m:before {
  content: "\f5ba";
}

.ti-square-rounded-letter-n:before {
  content: "\f5bb";
}

.ti-square-rounded-letter-o:before {
  content: "\f5bc";
}

.ti-square-rounded-letter-p:before {
  content: "\f5bd";
}

.ti-square-rounded-letter-q:before {
  content: "\f5be";
}

.ti-square-rounded-letter-r:before {
  content: "\f5bf";
}

.ti-square-rounded-letter-s:before {
  content: "\f5c0";
}

.ti-square-rounded-letter-t:before {
  content: "\f5c1";
}

.ti-square-rounded-letter-u:before {
  content: "\f5c2";
}

.ti-square-rounded-letter-v:before {
  content: "\f5c3";
}

.ti-square-rounded-letter-w:before {
  content: "\f5c4";
}

.ti-square-rounded-letter-x:before {
  content: "\f5c5";
}

.ti-square-rounded-letter-y:before {
  content: "\f5c6";
}

.ti-square-rounded-letter-z:before {
  content: "\f5c7";
}

.ti-square-rounded-minus:before {
  content: "\f63e";
}

.ti-square-rounded-minus-filled:before {
  content: "\fb40";
}

.ti-square-rounded-number-0:before {
  content: "\f5c8";
}

.ti-square-rounded-number-0-filled:before {
  content: "\f778";
}

.ti-square-rounded-number-1:before {
  content: "\f5c9";
}

.ti-square-rounded-number-1-filled:before {
  content: "\f779";
}

.ti-square-rounded-number-2:before {
  content: "\f5ca";
}

.ti-square-rounded-number-2-filled:before {
  content: "\f77a";
}

.ti-square-rounded-number-3:before {
  content: "\f5cb";
}

.ti-square-rounded-number-3-filled:before {
  content: "\f77b";
}

.ti-square-rounded-number-4:before {
  content: "\f5cc";
}

.ti-square-rounded-number-4-filled:before {
  content: "\f77c";
}

.ti-square-rounded-number-5:before {
  content: "\f5cd";
}

.ti-square-rounded-number-5-filled:before {
  content: "\f77d";
}

.ti-square-rounded-number-6:before {
  content: "\f5ce";
}

.ti-square-rounded-number-6-filled:before {
  content: "\f77e";
}

.ti-square-rounded-number-7:before {
  content: "\f5cf";
}

.ti-square-rounded-number-7-filled:before {
  content: "\f77f";
}

.ti-square-rounded-number-8:before {
  content: "\f5d0";
}

.ti-square-rounded-number-8-filled:before {
  content: "\f780";
}

.ti-square-rounded-number-9:before {
  content: "\f5d1";
}

.ti-square-rounded-number-9-filled:before {
  content: "\f781";
}

.ti-square-rounded-plus:before {
  content: "\f63f";
}

.ti-square-rounded-plus-filled:before {
  content: "\f6e8";
}

.ti-square-rounded-x:before {
  content: "\f640";
}

.ti-square-rounded-x-filled:before {
  content: "\f6e9";
}

.ti-square-toggle:before {
  content: "\eef4";
}

.ti-square-toggle-horizontal:before {
  content: "\eef3";
}

.ti-square-x:before {
  content: "\eb2b";
}

.ti-square-x-filled:before {
  content: "\fb41";
}

.ti-squares-diagonal:before {
  content: "\eef5";
}

.ti-squares-filled:before {
  content: "\eef6";
}

.ti-stack:before {
  content: "\eb2d";
}

.ti-stack-2:before {
  content: "\eef7";
}

.ti-stack-3:before {
  content: "\ef9d";
}

.ti-stack-pop:before {
  content: "\f234";
}

.ti-stack-push:before {
  content: "\f235";
}

.ti-stairs:before {
  content: "\eca6";
}

.ti-stairs-down:before {
  content: "\eca4";
}

.ti-stairs-up:before {
  content: "\eca5";
}

.ti-star:before {
  content: "\eb2e";
}

.ti-star-filled:before {
  content: "\f6a6";
}

.ti-star-half:before {
  content: "\ed19";
}

.ti-star-half-filled:before {
  content: "\f6a7";
}

.ti-star-off:before {
  content: "\ed62";
}

.ti-stars:before {
  content: "\ed38";
}

.ti-stars-filled:before {
  content: "\f6a8";
}

.ti-stars-off:before {
  content: "\f430";
}

.ti-status-change:before {
  content: "\f3b0";
}

.ti-steam:before {
  content: "\f24b";
}

.ti-steering-wheel:before {
  content: "\ec7b";
}

.ti-steering-wheel-off:before {
  content: "\f431";
}

.ti-step-into:before {
  content: "\ece0";
}

.ti-step-out:before {
  content: "\ece1";
}

.ti-stereo-glasses:before {
  content: "\f4cb";
}

.ti-stethoscope:before {
  content: "\edbe";
}

.ti-stethoscope-off:before {
  content: "\f432";
}

.ti-sticker:before {
  content: "\eb2f";
}

.ti-storm:before {
  content: "\f24c";
}

.ti-storm-off:before {
  content: "\f433";
}

.ti-stretching:before {
  content: "\f2db";
}

.ti-stretching-2:before {
  content: "\fa6d";
}

.ti-strikethrough:before {
  content: "\eb9e";
}

.ti-submarine:before {
  content: "\ed94";
}

.ti-subscript:before {
  content: "\eb9f";
}

.ti-subtask:before {
  content: "\ec9f";
}

.ti-sum:before {
  content: "\eb73";
}

.ti-sum-off:before {
  content: "\f1ab";
}

.ti-sun:before {
  content: "\eb30";
}

.ti-sun-filled:before {
  content: "\f6a9";
}

.ti-sun-high:before {
  content: "\f236";
}

.ti-sun-low:before {
  content: "\f237";
}

.ti-sun-moon:before {
  content: "\f4a3";
}

.ti-sun-off:before {
  content: "\ed63";
}

.ti-sun-wind:before {
  content: "\f238";
}

.ti-sunglasses:before {
  content: "\f239";
}

.ti-sunrise:before {
  content: "\ef1c";
}

.ti-sunset:before {
  content: "\ec31";
}

.ti-sunset-2:before {
  content: "\f23a";
}

.ti-superscript:before {
  content: "\eba0";
}

.ti-svg:before {
  content: "\f25a";
}

.ti-swimming:before {
  content: "\ec92";
}

.ti-swipe:before {
  content: "\f551";
}

.ti-switch:before {
  content: "\eb33";
}

.ti-switch-2:before {
  content: "\edbf";
}

.ti-switch-3:before {
  content: "\edc0";
}

.ti-switch-horizontal:before {
  content: "\eb31";
}

.ti-switch-vertical:before {
  content: "\eb32";
}

.ti-sword:before {
  content: "\f030";
}

.ti-sword-off:before {
  content: "\f434";
}

.ti-swords:before {
  content: "\f132";
}

.ti-table:before {
  content: "\eba1";
}

.ti-table-alias:before {
  content: "\f25b";
}

.ti-table-column:before {
  content: "\faff";
}

.ti-table-down:before {
  content: "\fa1c";
}

.ti-table-export:before {
  content: "\eef8";
}

.ti-table-filled:before {
  content: "\f782";
}

.ti-table-heart:before {
  content: "\fa1d";
}

.ti-table-import:before {
  content: "\eef9";
}

.ti-table-minus:before {
  content: "\fa1e";
}

.ti-table-off:before {
  content: "\eefa";
}

.ti-table-options:before {
  content: "\f25c";
}

.ti-table-plus:before {
  content: "\fa1f";
}

.ti-table-row:before {
  content: "\fb00";
}

.ti-table-share:before {
  content: "\fa20";
}

.ti-table-shortcut:before {
  content: "\f25d";
}

.ti-tag:before {
  content: "\eb34";
}

.ti-tag-off:before {
  content: "\efc0";
}

.ti-tags:before {
  content: "\ef86";
}

.ti-tags-off:before {
  content: "\efc1";
}

.ti-tallymark-1:before {
  content: "\ec46";
}

.ti-tallymark-2:before {
  content: "\ec47";
}

.ti-tallymark-3:before {
  content: "\ec48";
}

.ti-tallymark-4:before {
  content: "\ec49";
}

.ti-tallymarks:before {
  content: "\ec4a";
}

.ti-tank:before {
  content: "\ed95";
}

.ti-target:before {
  content: "\eb35";
}

.ti-target-arrow:before {
  content: "\f51a";
}

.ti-target-off:before {
  content: "\f1ad";
}

.ti-teapot:before {
  content: "\f552";
}

.ti-telescope:before {
  content: "\f07d";
}

.ti-telescope-off:before {
  content: "\f1ae";
}

.ti-temperature:before {
  content: "\eb38";
}

.ti-temperature-celsius:before {
  content: "\eb36";
}

.ti-temperature-fahrenheit:before {
  content: "\eb37";
}

.ti-temperature-minus:before {
  content: "\ebed";
}

.ti-temperature-off:before {
  content: "\f1af";
}

.ti-temperature-plus:before {
  content: "\ebee";
}

.ti-template:before {
  content: "\eb39";
}

.ti-template-off:before {
  content: "\f1b0";
}

.ti-tent:before {
  content: "\eefb";
}

.ti-tent-off:before {
  content: "\f435";
}

.ti-terminal:before {
  content: "\ebdc";
}

.ti-terminal-2:before {
  content: "\ebef";
}

.ti-test-pipe:before {
  content: "\eb3a";
}

.ti-test-pipe-2:before {
  content: "\f0a4";
}

.ti-test-pipe-off:before {
  content: "\f1b1";
}

.ti-tex:before {
  content: "\f4e0";
}

.ti-text-caption:before {
  content: "\f4a4";
}

.ti-text-color:before {
  content: "\f2dc";
}

.ti-text-decrease:before {
  content: "\f202";
}

.ti-text-direction-ltr:before {
  content: "\eefc";
}

.ti-text-direction-rtl:before {
  content: "\eefd";
}

.ti-text-increase:before {
  content: "\f203";
}

.ti-text-orientation:before {
  content: "\f2a4";
}

.ti-text-plus:before {
  content: "\f2a5";
}

.ti-text-recognition:before {
  content: "\f204";
}

.ti-text-resize:before {
  content: "\ef87";
}

.ti-text-size:before {
  content: "\f2b1";
}

.ti-text-spellcheck:before {
  content: "\f2a6";
}

.ti-text-wrap:before {
  content: "\ebdd";
}

.ti-text-wrap-disabled:before {
  content: "\eca7";
}

.ti-texture:before {
  content: "\f51b";
}

.ti-theater:before {
  content: "\f79b";
}

.ti-thermometer:before {
  content: "\ef67";
}

.ti-thumb-down:before {
  content: "\eb3b";
}

.ti-thumb-down-filled:before {
  content: "\f6aa";
}

.ti-thumb-down-off:before {
  content: "\f436";
}

.ti-thumb-up:before {
  content: "\eb3c";
}

.ti-thumb-up-filled:before {
  content: "\f6ab";
}

.ti-thumb-up-off:before {
  content: "\f437";
}

.ti-tic-tac:before {
  content: "\f51c";
}

.ti-ticket:before {
  content: "\eb3d";
}

.ti-ticket-off:before {
  content: "\f1b2";
}

.ti-tie:before {
  content: "\f07e";
}

.ti-tilde:before {
  content: "\f4a5";
}

.ti-tilt-shift:before {
  content: "\eefe";
}

.ti-tilt-shift-off:before {
  content: "\f1b3";
}

.ti-time-duration-0:before {
  content: "\fad4";
}

.ti-time-duration-10:before {
  content: "\fad5";
}

.ti-time-duration-15:before {
  content: "\fad6";
}

.ti-time-duration-30:before {
  content: "\fad7";
}

.ti-time-duration-45:before {
  content: "\fad8";
}

.ti-time-duration-5:before {
  content: "\fad9";
}

.ti-time-duration-60:before {
  content: "\fada";
}

.ti-time-duration-90:before {
  content: "\fadb";
}

.ti-time-duration-off:before {
  content: "\fadc";
}

.ti-timeline:before {
  content: "\f031";
}

.ti-timeline-event:before {
  content: "\f553";
}

.ti-timeline-event-exclamation:before {
  content: "\f662";
}

.ti-timeline-event-minus:before {
  content: "\f663";
}

.ti-timeline-event-plus:before {
  content: "\f664";
}

.ti-timeline-event-text:before {
  content: "\f665";
}

.ti-timeline-event-x:before {
  content: "\f666";
}

.ti-tir:before {
  content: "\ebf0";
}

.ti-toggle-left:before {
  content: "\eb3e";
}

.ti-toggle-right:before {
  content: "\eb3f";
}

.ti-toilet-paper:before {
  content: "\efd3";
}

.ti-toilet-paper-off:before {
  content: "\f1b4";
}

.ti-toml:before {
  content: "\fa5d";
}

.ti-tool:before {
  content: "\eb40";
}

.ti-tools:before {
  content: "\ebca";
}

.ti-tools-kitchen:before {
  content: "\ed64";
}

.ti-tools-kitchen-2:before {
  content: "\eeff";
}

.ti-tools-kitchen-2-off:before {
  content: "\f1b5";
}

.ti-tools-kitchen-off:before {
  content: "\f1b6";
}

.ti-tools-off:before {
  content: "\f1b7";
}

.ti-tooltip:before {
  content: "\f2dd";
}

.ti-topology-bus:before {
  content: "\f5d9";
}

.ti-topology-complex:before {
  content: "\f5da";
}

.ti-topology-full:before {
  content: "\f5dc";
}

.ti-topology-full-hierarchy:before {
  content: "\f5db";
}

.ti-topology-ring:before {
  content: "\f5df";
}

.ti-topology-ring-2:before {
  content: "\f5dd";
}

.ti-topology-ring-3:before {
  content: "\f5de";
}

.ti-topology-star:before {
  content: "\f5e5";
}

.ti-topology-star-2:before {
  content: "\f5e0";
}

.ti-topology-star-3:before {
  content: "\f5e1";
}

.ti-topology-star-ring:before {
  content: "\f5e4";
}

.ti-topology-star-ring-2:before {
  content: "\f5e2";
}

.ti-topology-star-ring-3:before {
  content: "\f5e3";
}

.ti-torii:before {
  content: "\f59b";
}

.ti-tornado:before {
  content: "\ece2";
}

.ti-tournament:before {
  content: "\ecd0";
}

.ti-tower:before {
  content: "\f2cb";
}

.ti-tower-off:before {
  content: "\f2ca";
}

.ti-track:before {
  content: "\ef00";
}

.ti-tractor:before {
  content: "\ec0d";
}

.ti-trademark:before {
  content: "\ec0e";
}

.ti-traffic-cone:before {
  content: "\ec0f";
}

.ti-traffic-cone-off:before {
  content: "\f1b8";
}

.ti-traffic-lights:before {
  content: "\ed39";
}

.ti-traffic-lights-off:before {
  content: "\f1b9";
}

.ti-train:before {
  content: "\ed96";
}

.ti-transfer:before {
  content: "\fc1f";
}

.ti-transfer-in:before {
  content: "\ef2f";
}

.ti-transfer-out:before {
  content: "\ef30";
}

.ti-transfer-vertical:before {
  content: "\fc1e";
}

.ti-transform:before {
  content: "\f38e";
}

.ti-transform-filled:before {
  content: "\f6ac";
}

.ti-transition-bottom:before {
  content: "\f2b2";
}

.ti-transition-left:before {
  content: "\f2b3";
}

.ti-transition-right:before {
  content: "\f2b4";
}

.ti-transition-top:before {
  content: "\f2b5";
}

.ti-trash:before {
  content: "\eb41";
}

.ti-trash-filled:before {
  content: "\f783";
}

.ti-trash-off:before {
  content: "\ed65";
}

.ti-trash-x:before {
  content: "\ef88";
}

.ti-trash-x-filled:before {
  content: "\f784";
}

.ti-treadmill:before {
  content: "\fa6e";
}

.ti-tree:before {
  content: "\ef01";
}

.ti-trees:before {
  content: "\ec10";
}

.ti-trekking:before {
  content: "\f5ad";
}

.ti-trending-down:before {
  content: "\eb42";
}

.ti-trending-down-2:before {
  content: "\edc1";
}

.ti-trending-down-3:before {
  content: "\edc2";
}

.ti-trending-up:before {
  content: "\eb43";
}

.ti-trending-up-2:before {
  content: "\edc3";
}

.ti-trending-up-3:before {
  content: "\edc4";
}

.ti-triangle:before {
  content: "\eb44";
}

.ti-triangle-filled:before {
  content: "\f6ad";
}

.ti-triangle-inverted:before {
  content: "\f01d";
}

.ti-triangle-inverted-filled:before {
  content: "\f6ae";
}

.ti-triangle-off:before {
  content: "\ef02";
}

.ti-triangle-square-circle:before {
  content: "\ece8";
}

.ti-triangle-square-circle-filled:before {
  content: "\fb42";
}

.ti-triangles:before {
  content: "\f0a5";
}

.ti-trident:before {
  content: "\ecc5";
}

.ti-trolley:before {
  content: "\f4cc";
}

.ti-trophy:before {
  content: "\eb45";
}

.ti-trophy-filled:before {
  content: "\f6af";
}

.ti-trophy-off:before {
  content: "\f438";
}

.ti-trowel:before {
  content: "\f368";
}

.ti-truck:before {
  content: "\ebc4";
}

.ti-truck-delivery:before {
  content: "\ec4b";
}

.ti-truck-loading:before {
  content: "\f1da";
}

.ti-truck-off:before {
  content: "\ef03";
}

.ti-truck-return:before {
  content: "\ec4c";
}

.ti-txt:before {
  content: "\f3b1";
}

.ti-typography:before {
  content: "\ebc5";
}

.ti-typography-off:before {
  content: "\f1ba";
}

.ti-ufo:before {
  content: "\f26f";
}

.ti-ufo-off:before {
  content: "\f26e";
}

.ti-umbrella:before {
  content: "\ebf1";
}

.ti-umbrella-filled:before {
  content: "\f6b0";
}

.ti-umbrella-off:before {
  content: "\f1bb";
}

.ti-underline:before {
  content: "\eba2";
}

.ti-unlink:before {
  content: "\eb46";
}

.ti-upload:before {
  content: "\eb47";
}

.ti-urgent:before {
  content: "\eb48";
}

.ti-usb:before {
  content: "\f00c";
}

.ti-user:before {
  content: "\eb4d";
}

.ti-user-bolt:before {
  content: "\f9d1";
}

.ti-user-cancel:before {
  content: "\f9d2";
}

.ti-user-check:before {
  content: "\eb49";
}

.ti-user-circle:before {
  content: "\ef68";
}

.ti-user-code:before {
  content: "\f9d3";
}

.ti-user-cog:before {
  content: "\f9d4";
}

.ti-user-dollar:before {
  content: "\f9d5";
}

.ti-user-down:before {
  content: "\f9d6";
}

.ti-user-edit:before {
  content: "\f7cc";
}

.ti-user-exclamation:before {
  content: "\ec12";
}

.ti-user-heart:before {
  content: "\f7cd";
}

.ti-user-hexagon:before {
  content: "\fc4e";
}

.ti-user-minus:before {
  content: "\eb4a";
}

.ti-user-off:before {
  content: "\ecf9";
}

.ti-user-pause:before {
  content: "\f9d7";
}

.ti-user-pentagon:before {
  content: "\fc4f";
}

.ti-user-pin:before {
  content: "\f7ce";
}

.ti-user-plus:before {
  content: "\eb4b";
}

.ti-user-question:before {
  content: "\f7cf";
}

.ti-user-search:before {
  content: "\ef89";
}

.ti-user-share:before {
  content: "\f9d8";
}

.ti-user-shield:before {
  content: "\f7d0";
}

.ti-user-square:before {
  content: "\fc51";
}

.ti-user-square-rounded:before {
  content: "\fc50";
}

.ti-user-star:before {
  content: "\f7d1";
}

.ti-user-up:before {
  content: "\f7d2";
}

.ti-user-x:before {
  content: "\eb4c";
}

.ti-users:before {
  content: "\ebf2";
}

.ti-users-group:before {
  content: "\fa21";
}

.ti-users-minus:before {
  content: "\fa0e";
}

.ti-users-plus:before {
  content: "\fa0f";
}

.ti-uv-index:before {
  content: "\f3b2";
}

.ti-ux-circle:before {
  content: "\f369";
}

.ti-vaccine:before {
  content: "\ef04";
}

.ti-vaccine-bottle:before {
  content: "\ef69";
}

.ti-vaccine-bottle-off:before {
  content: "\f439";
}

.ti-vaccine-off:before {
  content: "\f1bc";
}

.ti-vacuum-cleaner:before {
  content: "\f5e6";
}

.ti-variable:before {
  content: "\ef05";
}

.ti-variable-minus:before {
  content: "\f36a";
}

.ti-variable-off:before {
  content: "\f1bd";
}

.ti-variable-plus:before {
  content: "\f36b";
}

.ti-vector:before {
  content: "\eca9";
}

.ti-vector-bezier:before {
  content: "\ef1d";
}

.ti-vector-bezier-2:before {
  content: "\f1a3";
}

.ti-vector-bezier-arc:before {
  content: "\f4cd";
}

.ti-vector-bezier-circle:before {
  content: "\f4ce";
}

.ti-vector-off:before {
  content: "\f1be";
}

.ti-vector-spline:before {
  content: "\f565";
}

.ti-vector-triangle:before {
  content: "\eca8";
}

.ti-vector-triangle-off:before {
  content: "\f1bf";
}

.ti-venus:before {
  content: "\ec86";
}

.ti-versions:before {
  content: "\ed52";
}

.ti-versions-filled:before {
  content: "\f6b1";
}

.ti-versions-off:before {
  content: "\f1c0";
}

.ti-video:before {
  content: "\ed22";
}

.ti-video-minus:before {
  content: "\ed1f";
}

.ti-video-off:before {
  content: "\ed20";
}

.ti-video-plus:before {
  content: "\ed21";
}

.ti-view-360:before {
  content: "\ed84";
}

.ti-view-360-off:before {
  content: "\f1c1";
}

.ti-viewfinder:before {
  content: "\eb4e";
}

.ti-viewfinder-off:before {
  content: "\f1c2";
}

.ti-viewport-narrow:before {
  content: "\ebf3";
}

.ti-viewport-wide:before {
  content: "\ebf4";
}

.ti-vinyl:before {
  content: "\f00d";
}

.ti-vip:before {
  content: "\f3b3";
}

.ti-vip-off:before {
  content: "\f43a";
}

.ti-virus:before {
  content: "\eb74";
}

.ti-virus-off:before {
  content: "\ed66";
}

.ti-virus-search:before {
  content: "\ed67";
}

.ti-vocabulary:before {
  content: "\ef1e";
}

.ti-vocabulary-off:before {
  content: "\f43b";
}

.ti-volcano:before {
  content: "\f79c";
}

.ti-volume:before {
  content: "\eb51";
}

.ti-volume-2:before {
  content: "\eb4f";
}

.ti-volume-3:before {
  content: "\eb50";
}

.ti-volume-off:before {
  content: "\f1c3";
}

.ti-vs:before {
  content: "\fc52";
}

.ti-walk:before {
  content: "\ec87";
}

.ti-wall:before {
  content: "\ef7a";
}

.ti-wall-off:before {
  content: "\f43c";
}

.ti-wallet:before {
  content: "\eb75";
}

.ti-wallet-off:before {
  content: "\f1c4";
}

.ti-wallpaper:before {
  content: "\ef56";
}

.ti-wallpaper-off:before {
  content: "\f1c5";
}

.ti-wand:before {
  content: "\ebcb";
}

.ti-wand-off:before {
  content: "\f1c6";
}

.ti-wash:before {
  content: "\f311";
}

.ti-wash-dry:before {
  content: "\f304";
}

.ti-wash-dry-1:before {
  content: "\f2fa";
}

.ti-wash-dry-2:before {
  content: "\f2fb";
}

.ti-wash-dry-3:before {
  content: "\f2fc";
}

.ti-wash-dry-a:before {
  content: "\f2fd";
}

.ti-wash-dry-dip:before {
  content: "\f2fe";
}

.ti-wash-dry-f:before {
  content: "\f2ff";
}

.ti-wash-dry-flat:before {
  content: "\fa7f";
}

.ti-wash-dry-hang:before {
  content: "\f300";
}

.ti-wash-dry-off:before {
  content: "\f301";
}

.ti-wash-dry-p:before {
  content: "\f302";
}

.ti-wash-dry-shade:before {
  content: "\f303";
}

.ti-wash-dry-w:before {
  content: "\f322";
}

.ti-wash-dryclean:before {
  content: "\f305";
}

.ti-wash-dryclean-off:before {
  content: "\f323";
}

.ti-wash-eco:before {
  content: "\fa80";
}

.ti-wash-gentle:before {
  content: "\f306";
}

.ti-wash-hand:before {
  content: "\fa81";
}

.ti-wash-machine:before {
  content: "\f25e";
}

.ti-wash-off:before {
  content: "\f307";
}

.ti-wash-press:before {
  content: "\f308";
}

.ti-wash-temperature-1:before {
  content: "\f309";
}

.ti-wash-temperature-2:before {
  content: "\f30a";
}

.ti-wash-temperature-3:before {
  content: "\f30b";
}

.ti-wash-temperature-4:before {
  content: "\f30c";
}

.ti-wash-temperature-5:before {
  content: "\f30d";
}

.ti-wash-temperature-6:before {
  content: "\f30e";
}

.ti-wash-tumble-dry:before {
  content: "\f30f";
}

.ti-wash-tumble-off:before {
  content: "\f310";
}

.ti-waterpolo:before {
  content: "\fa6f";
}

.ti-wave-saw-tool:before {
  content: "\ecd3";
}

.ti-wave-sine:before {
  content: "\ecd4";
}

.ti-wave-square:before {
  content: "\ecd5";
}

.ti-webhook:before {
  content: "\f01e";
}

.ti-webhook-off:before {
  content: "\f43d";
}

.ti-weight:before {
  content: "\f589";
}

.ti-wheel:before {
  content: "\fc64";
}

.ti-wheelchair:before {
  content: "\f1db";
}

.ti-wheelchair-off:before {
  content: "\f43e";
}

.ti-whirl:before {
  content: "\f51d";
}

.ti-wifi:before {
  content: "\eb52";
}

.ti-wifi-0:before {
  content: "\eba3";
}

.ti-wifi-1:before {
  content: "\eba4";
}

.ti-wifi-2:before {
  content: "\eba5";
}

.ti-wifi-off:before {
  content: "\ecfa";
}

.ti-wind:before {
  content: "\ec34";
}

.ti-wind-off:before {
  content: "\f1c7";
}

.ti-windmill:before {
  content: "\ed85";
}

.ti-windmill-filled:before {
  content: "\f6b2";
}

.ti-windmill-off:before {
  content: "\f1c8";
}

.ti-window:before {
  content: "\ef06";
}

.ti-window-maximize:before {
  content: "\f1f1";
}

.ti-window-minimize:before {
  content: "\f1f2";
}

.ti-window-off:before {
  content: "\f1c9";
}

.ti-windsock:before {
  content: "\f06d";
}

.ti-wiper:before {
  content: "\ecab";
}

.ti-wiper-wash:before {
  content: "\ecaa";
}

.ti-woman:before {
  content: "\eb53";
}

.ti-wood:before {
  content: "\f359";
}

.ti-world:before {
  content: "\eb54";
}

.ti-world-bolt:before {
  content: "\f9d9";
}

.ti-world-cancel:before {
  content: "\f9da";
}

.ti-world-check:before {
  content: "\f9db";
}

.ti-world-code:before {
  content: "\f9dc";
}

.ti-world-cog:before {
  content: "\f9dd";
}

.ti-world-dollar:before {
  content: "\f9de";
}

.ti-world-down:before {
  content: "\f9df";
}

.ti-world-download:before {
  content: "\ef8a";
}

.ti-world-exclamation:before {
  content: "\f9e0";
}

.ti-world-heart:before {
  content: "\f9e1";
}

.ti-world-latitude:before {
  content: "\ed2e";
}

.ti-world-longitude:before {
  content: "\ed2f";
}

.ti-world-minus:before {
  content: "\f9e2";
}

.ti-world-off:before {
  content: "\f1ca";
}

.ti-world-pause:before {
  content: "\f9e3";
}

.ti-world-pin:before {
  content: "\f9e4";
}

.ti-world-plus:before {
  content: "\f9e5";
}

.ti-world-question:before {
  content: "\f9e6";
}

.ti-world-search:before {
  content: "\f9e7";
}

.ti-world-share:before {
  content: "\f9e8";
}

.ti-world-star:before {
  content: "\f9e9";
}

.ti-world-up:before {
  content: "\f9ea";
}

.ti-world-upload:before {
  content: "\ef8b";
}

.ti-world-www:before {
  content: "\f38f";
}

.ti-world-x:before {
  content: "\f9eb";
}

.ti-wrecking-ball:before {
  content: "\ed97";
}

.ti-writing:before {
  content: "\ef08";
}

.ti-writing-off:before {
  content: "\f1cb";
}

.ti-writing-sign:before {
  content: "\ef07";
}

.ti-writing-sign-off:before {
  content: "\f1cc";
}

.ti-x:before {
  content: "\eb55";
}

.ti-xbox-a:before {
  content: "\f2b6";
}

.ti-xbox-b:before {
  content: "\f2b7";
}

.ti-xbox-x:before {
  content: "\f2b8";
}

.ti-xbox-y:before {
  content: "\f2b9";
}

.ti-xd:before {
  content: "\fa33";
}

.ti-xxx:before {
  content: "\fc20";
}

.ti-yin-yang:before {
  content: "\ec35";
}

.ti-yin-yang-filled:before {
  content: "\f785";
}

.ti-yoga:before {
  content: "\f01f";
}

.ti-zeppelin:before {
  content: "\f270";
}

.ti-zeppelin-off:before {
  content: "\f43f";
}

.ti-zip:before {
  content: "\f3b4";
}

.ti-zodiac-aquarius:before {
  content: "\ecac";
}

.ti-zodiac-aries:before {
  content: "\ecad";
}

.ti-zodiac-cancer:before {
  content: "\ecae";
}

.ti-zodiac-capricorn:before {
  content: "\ecaf";
}

.ti-zodiac-gemini:before {
  content: "\ecb0";
}

.ti-zodiac-leo:before {
  content: "\ecb1";
}

.ti-zodiac-libra:before {
  content: "\ecb2";
}

.ti-zodiac-pisces:before {
  content: "\ecb3";
}

.ti-zodiac-sagittarius:before {
  content: "\ecb4";
}

.ti-zodiac-scorpio:before {
  content: "\ecb5";
}

.ti-zodiac-taurus:before {
  content: "\ecb6";
}

.ti-zodiac-virgo:before {
  content: "\ecb7";
}

.ti-zoom-cancel:before {
  content: "\ec4d";
}

.ti-zoom-check:before {
  content: "\ef09";
}

.ti-zoom-check-filled:before {
  content: "\f786";
}

.ti-zoom-code:before {
  content: "\f07f";
}

.ti-zoom-exclamation:before {
  content: "\f080";
}

.ti-zoom-filled:before {
  content: "\f787";
}

.ti-zoom-in:before {
  content: "\eb56";
}

.ti-zoom-in-area:before {
  content: "\f1dc";
}

.ti-zoom-in-area-filled:before {
  content: "\f788";
}

.ti-zoom-in-filled:before {
  content: "\f789";
}

.ti-zoom-money:before {
  content: "\ef0a";
}

.ti-zoom-out:before {
  content: "\eb57";
}

.ti-zoom-out-area:before {
  content: "\f1dd";
}

.ti-zoom-out-filled:before {
  content: "\f78a";
}

.ti-zoom-pan:before {
  content: "\f1de";
}

.ti-zoom-question:before {
  content: "\edeb";
}

.ti-zoom-replace:before {
  content: "\f2a7";
}

.ti-zoom-reset:before {
  content: "\f295";
}

.ti-zzz:before {
  content: "\f228";
}

.ti-zzz-off:before {
  content: "\f440";
}

/* inter-tight-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 300;
  src: url("/Fonts/InterTight/inter-tight-v7-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 400;
  src: url("/Fonts/InterTight/inter-tight-v7-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 500;
  src: url("/Fonts/InterTight/inter-tight-v7-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 600;
  src: url("/Fonts/InterTight/inter-tight-v7-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("/Fonts/Poppins/poppins-v21-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  src: url("/Fonts/Poppins/poppins-v21-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("/Fonts/Poppins/poppins-v21-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: url("/Fonts/Poppins/poppins-v21-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("/Fonts/Poppins/poppins-v21-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  src: url("/Fonts/Poppins/poppins-v21-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("/Fonts/Poppins/poppins-v21-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  src: url("/Fonts/Poppins/poppins-v21-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("/Fonts/Poppins/poppins-v21-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  src: url("/Fonts/Poppins/poppins-v21-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 600;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: url("/Fonts/NotoSans/noto-sans-v36-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300;
  src: url("/Fonts/Raleway/raleway-v34-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 300;
  src: url("/Fonts/Raleway/raleway-v34-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url("/Fonts/Raleway/raleway-v34-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 400;
  src: url("/Fonts/Raleway/raleway-v34-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: url("/Fonts/Raleway/raleway-v34-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 500;
  src: url("/Fonts/Raleway/raleway-v34-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: url("/Fonts/Raleway/raleway-v34-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 600;
  src: url("/Fonts/Raleway/raleway-v34-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("/Fonts/Raleway/raleway-v34-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 700;
  src: url("/Fonts/Raleway/raleway-v34-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2016 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social.btn-lg, .btn-group-lg > .btn-social.btn, .btn-group-lg > .btn-social.btn-ls {
  padding-left: 61px;
}

.btn-social.btn-lg > :first-child, .btn-group-lg > .btn-social.btn > :first-child, .btn-group-lg > .btn-social.btn-ls > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social.btn-sm, .btn-group-sm > .btn-social.btn, .btn-group-sm > .btn-social.btn-ls {
  padding-left: 38px;
}

.btn-social.btn-sm > :first-child, .btn-group-sm > .btn-social.btn > :first-child, .btn-group-sm > .btn-social.btn-ls > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social.btn-xs {
  padding-left: 30px;
}

.btn-social.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0;
}

.btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social-icon.btn-lg, .btn-group-lg > .btn-social-icon.btn, .btn-group-lg > .btn-social-icon.btn-ls {
  padding-left: 61px;
}

.btn-social-icon.btn-lg > :first-child, .btn-group-lg > .btn-social-icon.btn > :first-child, .btn-group-lg > .btn-social-icon.btn-ls > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social-icon.btn-sm, .btn-group-sm > .btn-social-icon.btn, .btn-group-sm > .btn-social-icon.btn-ls {
  padding-left: 38px;
}

.btn-social-icon.btn-sm > :first-child, .btn-group-sm > .btn-social-icon.btn > :first-child, .btn-group-sm > .btn-social-icon.btn-ls > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social-icon.btn-xs {
  padding-left: 30px;
}

.btn-social-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100% !important;
}

.btn-social-icon.btn-lg, .btn-group-lg > .btn-social-icon.btn, .btn-group-lg > .btn-social-icon.btn-ls {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-sm, .btn-group-sm > .btn-social-icon.btn, .btn-group-sm > .btn-social-icon.btn-ls {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}

.btn-adn {
  color: #fff;
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:focus, .btn-adn.focus {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active:hover, .btn-adn.active:hover, .open > .dropdown-toggle.btn-adn:hover, .btn-adn:active:focus, .btn-adn.active:focus, .open > .dropdown-toggle.btn-adn:focus, .btn-adn:active.focus, .btn-adn.active.focus, .open > .dropdown-toggle.btn-adn.focus {
  color: #fff;
  background-color: #b94630;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
  background-image: none;
}

.btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled.focus, .btn-adn[disabled].focus, fieldset[disabled] .btn-adn.focus {
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn .badge {
  color: #d87a68;
  background-color: #fff;
}

.btn-bitbucket {
  color: #fff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:focus, .btn-bitbucket.focus {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:hover {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active:hover, .btn-bitbucket.active:hover, .open > .dropdown-toggle.btn-bitbucket:hover, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus, .open > .dropdown-toggle.btn-bitbucket:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active.focus, .open > .dropdown-toggle.btn-bitbucket.focus {
  color: #fff;
  background-color: #0f253c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
  background-image: none;
}

.btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus, fieldset[disabled] .btn-bitbucket.focus {
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket .badge {
  color: #205081;
  background-color: #fff;
}

.btn-dropbox {
  color: #fff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:focus, .btn-dropbox.focus {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:hover {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active:hover, .btn-dropbox.active:hover, .open > .dropdown-toggle.btn-dropbox:hover, .btn-dropbox:active:focus, .btn-dropbox.active:focus, .open > .dropdown-toggle.btn-dropbox:focus, .btn-dropbox:active.focus, .btn-dropbox.active.focus, .open > .dropdown-toggle.btn-dropbox.focus {
  color: #fff;
  background-color: #0a568c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
  background-image: none;
}

.btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled].focus, fieldset[disabled] .btn-dropbox.focus {
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox .badge {
  color: #1087dd;
  background-color: #fff;
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:focus, .btn-facebook.focus {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus {
  color: #fff;
  background-color: #23345a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
  background-image: none;
}

.btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook .badge {
  color: #3b5998;
  background-color: #fff;
}

.btn-flickr {
  color: #fff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:focus, .btn-flickr.focus {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:hover {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active:hover, .btn-flickr.active:hover, .open > .dropdown-toggle.btn-flickr:hover, .btn-flickr:active:focus, .btn-flickr.active:focus, .open > .dropdown-toggle.btn-flickr:focus, .btn-flickr:active.focus, .btn-flickr.active.focus, .open > .dropdown-toggle.btn-flickr.focus {
  color: #fff;
  background-color: #a80057;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
  background-image: none;
}

.btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled].focus, fieldset[disabled] .btn-flickr.focus {
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr .badge {
  color: #ff0084;
  background-color: #fff;
}

.btn-foursquare {
  color: #fff;
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:focus, .btn-foursquare.focus {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active:hover, .btn-foursquare.active:hover, .open > .dropdown-toggle.btn-foursquare:hover, .btn-foursquare:active:focus, .btn-foursquare.active:focus, .open > .dropdown-toggle.btn-foursquare:focus, .btn-foursquare:active.focus, .btn-foursquare.active.focus, .open > .dropdown-toggle.btn-foursquare.focus {
  color: #fff;
  background-color: #e30742;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
  background-image: none;
}

.btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled].focus, fieldset[disabled] .btn-foursquare.focus {
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare .badge {
  color: #f94877;
  background-color: #fff;
}

.btn-github {
  color: #fff;
  background-color: #444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:focus, .btn-github.focus {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:hover {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active:hover, .btn-github.active:hover, .open > .dropdown-toggle.btn-github:hover, .btn-github:active:focus, .btn-github.active:focus, .open > .dropdown-toggle.btn-github:focus, .btn-github:active.focus, .btn-github.active.focus, .open > .dropdown-toggle.btn-github.focus {
  color: #fff;
  background-color: #191919;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
  background-image: none;
}

.btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled.focus, .btn-github[disabled].focus, fieldset[disabled] .btn-github.focus {
  background-color: #444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github .badge {
  color: #444;
  background-color: #fff;
}

.btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:focus, .btn-google.focus {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:hover {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus {
  color: #fff;
  background-color: #a32b1c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
  background-image: none;
}

.btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google .badge {
  color: #dd4b39;
  background-color: #fff;
}

.btn-instagram {
  color: #fff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:focus, .btn-instagram.focus {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:hover {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active:hover, .btn-instagram.active:hover, .open > .dropdown-toggle.btn-instagram:hover, .btn-instagram:active:focus, .btn-instagram.active:focus, .open > .dropdown-toggle.btn-instagram:focus, .btn-instagram:active.focus, .btn-instagram.active.focus, .open > .dropdown-toggle.btn-instagram.focus {
  color: #fff;
  background-color: #26455d;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
  background-image: none;
}

.btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled].focus, fieldset[disabled] .btn-instagram.focus {
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram .badge {
  color: #3f729b;
  background-color: #fff;
}

.btn-linkedin {
  color: #fff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:focus, .btn-linkedin.focus {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:hover {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active:hover, .btn-linkedin.active:hover, .open > .dropdown-toggle.btn-linkedin:hover, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .open > .dropdown-toggle.btn-linkedin:focus, .btn-linkedin:active.focus, .btn-linkedin.active.focus, .open > .dropdown-toggle.btn-linkedin.focus {
  color: #fff;
  background-color: #00405f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
  background-image: none;
}

.btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus {
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin .badge {
  color: #007bb6;
  background-color: #fff;
}

.btn-microsoft {
  color: #fff;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:focus, .btn-microsoft.focus {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:hover {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active:hover, .btn-microsoft.active:hover, .open > .dropdown-toggle.btn-microsoft:hover, .btn-microsoft:active:focus, .btn-microsoft.active:focus, .open > .dropdown-toggle.btn-microsoft:focus, .btn-microsoft:active.focus, .btn-microsoft.active.focus, .open > .dropdown-toggle.btn-microsoft.focus {
  color: #fff;
  background-color: #0f4bac;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
  background-image: none;
}

.btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled].focus, fieldset[disabled] .btn-microsoft.focus {
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft .badge {
  color: #2672ec;
  background-color: #fff;
}

.btn-odnoklassniki {
  color: #fff;
  background-color: #f4731c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
  color: #fff;
  background-color: #d35b0a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:hover {
  color: #fff;
  background-color: #d35b0a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki {
  color: #fff;
  background-color: #d35b0a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active:hover, .btn-odnoklassniki.active:hover, .open > .dropdown-toggle.btn-odnoklassniki:hover, .btn-odnoklassniki:active:focus, .btn-odnoklassniki.active:focus, .open > .dropdown-toggle.btn-odnoklassniki:focus, .btn-odnoklassniki:active.focus, .btn-odnoklassniki.active.focus, .open > .dropdown-toggle.btn-odnoklassniki.focus {
  color: #fff;
  background-color: #b14c09;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki {
  background-image: none;
}

.btn-odnoklassniki.disabled:hover, .btn-odnoklassniki[disabled]:hover, fieldset[disabled] .btn-odnoklassniki:hover, .btn-odnoklassniki.disabled:focus, .btn-odnoklassniki[disabled]:focus, fieldset[disabled] .btn-odnoklassniki:focus, .btn-odnoklassniki.disabled.focus, .btn-odnoklassniki[disabled].focus, fieldset[disabled] .btn-odnoklassniki.focus {
  background-color: #f4731c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki .badge {
  color: #f4731c;
  background-color: #fff;
}

.btn-openid {
  color: #fff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:focus, .btn-openid.focus {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:hover {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active:hover, .btn-openid.active:hover, .open > .dropdown-toggle.btn-openid:hover, .btn-openid:active:focus, .btn-openid.active:focus, .open > .dropdown-toggle.btn-openid:focus, .btn-openid:active.focus, .btn-openid.active.focus, .open > .dropdown-toggle.btn-openid.focus {
  color: #fff;
  background-color: #b86607;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
  background-image: none;
}

.btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled.focus, .btn-openid[disabled].focus, fieldset[disabled] .btn-openid.focus {
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid .badge {
  color: #f7931e;
  background-color: #fff;
}

.btn-pinterest {
  color: #fff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:focus, .btn-pinterest.focus {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:hover {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active:hover, .btn-pinterest.active:hover, .open > .dropdown-toggle.btn-pinterest:hover, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .open > .dropdown-toggle.btn-pinterest:focus, .btn-pinterest:active.focus, .btn-pinterest.active.focus, .open > .dropdown-toggle.btn-pinterest.focus {
  color: #fff;
  background-color: #801419;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
  background-image: none;
}

.btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled.focus, .btn-pinterest[disabled].focus, fieldset[disabled] .btn-pinterest.focus {
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest .badge {
  color: #cb2027;
  background-color: #fff;
}

.btn-reddit {
  color: #000;
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:focus, .btn-reddit.focus {
  color: #000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:hover {
  color: #000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
  color: #000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active:hover, .btn-reddit.active:hover, .open > .dropdown-toggle.btn-reddit:hover, .btn-reddit:active:focus, .btn-reddit.active:focus, .open > .dropdown-toggle.btn-reddit:focus, .btn-reddit:active.focus, .btn-reddit.active.focus, .open > .dropdown-toggle.btn-reddit.focus {
  color: #000;
  background-color: #98ccff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
  background-image: none;
}

.btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled].focus, fieldset[disabled] .btn-reddit.focus {
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit .badge {
  color: #eff7ff;
  background-color: #000;
}

.btn-soundcloud {
  color: #fff;
  background-color: #f50;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:focus, .btn-soundcloud.focus {
  color: #fff;
  background-color: #c40;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
  color: #fff;
  background-color: #c40;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active:hover, .btn-soundcloud.active:hover, .open > .dropdown-toggle.btn-soundcloud:hover, .btn-soundcloud:active:focus, .btn-soundcloud.active:focus, .open > .dropdown-toggle.btn-soundcloud:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active.focus, .open > .dropdown-toggle.btn-soundcloud.focus {
  color: #fff;
  background-color: #a83800;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
  background-image: none;
}

.btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled].focus, fieldset[disabled] .btn-soundcloud.focus {
  background-color: #f50;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud .badge {
  color: #f50;
  background-color: #fff;
}

.btn-tumblr {
  color: #fff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:focus, .btn-tumblr.focus {
  color: #fff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:hover {
  color: #fff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
  color: #fff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active:hover, .btn-tumblr.active:hover, .open > .dropdown-toggle.btn-tumblr:hover, .btn-tumblr:active:focus, .btn-tumblr.active:focus, .open > .dropdown-toggle.btn-tumblr:focus, .btn-tumblr:active.focus, .btn-tumblr.active.focus, .open > .dropdown-toggle.btn-tumblr.focus {
  color: #fff;
  background-color: #111c26;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
  background-image: none;
}

.btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled].focus, fieldset[disabled] .btn-tumblr.focus {
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr .badge {
  color: #2c4762;
  background-color: #fff;
}

.btn-twitter {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:focus, .btn-twitter.focus {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:hover {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active:hover, .btn-twitter.active:hover, .open > .dropdown-toggle.btn-twitter:hover, .btn-twitter:active:focus, .btn-twitter.active:focus, .open > .dropdown-toggle.btn-twitter:focus, .btn-twitter:active.focus, .btn-twitter.active.focus, .open > .dropdown-toggle.btn-twitter.focus {
  color: #fff;
  background-color: #1583d7;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
  background-image: none;
}

.btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus {
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter .badge {
  color: #55acee;
  background-color: #fff;
}

.btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:focus, .btn-vimeo.focus {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active:hover, .btn-vimeo.active:hover, .open > .dropdown-toggle.btn-vimeo:hover, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .open > .dropdown-toggle.btn-vimeo:focus, .btn-vimeo:active.focus, .btn-vimeo.active.focus, .open > .dropdown-toggle.btn-vimeo.focus {
  color: #fff;
  background-color: #0f7b9f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
  background-image: none;
}

.btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled].focus, fieldset[disabled] .btn-vimeo.focus {
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo .badge {
  color: #1ab7ea;
  background-color: #fff;
}

.btn-vk {
  color: #fff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:focus, .btn-vk.focus {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:hover {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active:hover, .btn-vk.active:hover, .open > .dropdown-toggle.btn-vk:hover, .btn-vk:active:focus, .btn-vk.active:focus, .open > .dropdown-toggle.btn-vk:focus, .btn-vk:active.focus, .btn-vk.active.focus, .open > .dropdown-toggle.btn-vk.focus {
  color: #fff;
  background-color: #3a526b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
  background-image: none;
}

.btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled.focus, .btn-vk[disabled].focus, fieldset[disabled] .btn-vk.focus {
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk .badge {
  color: #587ea3;
  background-color: #fff;
}

.btn-yahoo {
  color: #fff;
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:focus, .btn-yahoo.focus {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active:hover, .btn-yahoo.active:hover, .open > .dropdown-toggle.btn-yahoo:hover, .btn-yahoo:active:focus, .btn-yahoo.active:focus, .open > .dropdown-toggle.btn-yahoo:focus, .btn-yahoo:active.focus, .btn-yahoo.active.focus, .open > .dropdown-toggle.btn-yahoo.focus {
  color: #fff;
  background-color: #39074e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
  background-image: none;
}

.btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled].focus, fieldset[disabled] .btn-yahoo.focus {
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo .badge {
  color: #720e9e;
  background-color: #fff;
}

/********************
 * APP: INBOX
 ********************/
ul.inbox-list-message {
  list-style: none;
  padding-left: 0;
}
ul.inbox-list-message li {
  position: relative;
  padding: 20px 15px;
  border-bottom: 1px solid #e9eef2;
  color: #a0aeba;
}
ul.inbox-list-message li:hover, ul.inbox-list-message li:focus {
  background-color: #fafbfc;
}
ul.inbox-list-message li a {
  text-decoration: none;
  color: inherit;
}
ul.inbox-list-message li.unread {
  color: #5e6773;
}
ul.inbox-list-message li.unread .title, ul.inbox-list-message li.unread .sender {
  font-weight: 600;
}
ul.inbox-list-message li.active {
  background-color: #f6f8fb;
}
ul.inbox-list-message img {
  border-radius: 5px;
  float: left;
  width: 48px;
}
ul.inbox-list-message .text {
  padding-left: 65px;
}
ul.inbox-list-message .sender {
  font-size: 13px;
}
ul.inbox-list-message .title {
  font-size: 14px;
  margin: 0;
  margin-bottom: 5px;
}
ul.inbox-list-message .preview {
  margin: 0;
  width: 90%;
  font-size: 13px;
}
ul.inbox-list-message .attachment {
  float: right;
  position: relative;
  top: -40px;
}
ul.inbox-list-message .timestamp {
  float: right;
  font-size: 12px;
  color: #a0aeba;
}

.view-message .header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff;
  padding: 20px 30px 30px 30px;
  border-bottom: 1px solid #e9eef2;
}
.view-message .header .top {
  margin-bottom: 20px;
}
.view-message .header .title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0;
  font-weight: 300;
}
.view-message .header .timestamp {
  float: right;
  color: #a0aeba;
}
.view-message .header .contact-info {
  float: left;
  width: auto;
  max-width: 75%;
}
.view-message .header .btn-group {
  float: right;
}
@media screen and (max-width: 767px) {
  .view-message .header .contact-info,
  .view-message .header .btn-group {
    float: none;
  }
  .view-message .header .contact-info {
    width: 100%;
    max-width: 100%;
  }
  .view-message .header .btn-group {
    margin-top: 20px;
    display: block;
  }
}
.view-message .user-image {
  border-radius: 6px;
  float: left;
  margin-right: 15px;
}
.view-message .contact-info .sender,
.view-message .contact-info .receiver {
  font-weight: 600;
}
.view-message .contact-info .receiver {
  border-bottom: 1px dashed #777;
}
.view-message .contact-info .email {
  font-weight: normal;
  color: #a0aeba;
}
.view-message .content {
  padding: 30px;
  background-color: #fff;
}
.view-message .content-separator {
  margin: 30px 0 20px 0;
}
.view-message .footer {
  padding: 30px;
  border-top: 1px solid #e9eef2;
}
@media screen and (max-width: 767px) {
  .view-message .attachment-list li {
    margin-bottom: 10px;
  }
}

.file-type {
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #e4e8ec;
  background: #fff;
}
.file-type i {
  float: left;
  padding: 20px;
  font-size: 24px;
  background-color: #c2ccd4;
  color: #fff;
}
.file-type .text {
  float: right;
  padding: 10px 12px;
}
.file-type .filesize {
  font-size: 13px;
  color: #a0aeba;
}

.reply-message .user-image {
  border-radius: 3px;
  float: left;
  width: 30px;
}
.reply-message .reply-box {
  border-radius: 3px;
  padding: 15px 20px;
  margin-left: 40px;
  border: 1px solid #e9eef2;
  background-color: #fafafa;
}
.reply-message .reply-box:hover {
  cursor: pointer;
}

/************************
 * APP: PROJECT LIST
 ************************/
.project-item .left {
  float: left;
}
.project-item .right {
  float: right;
}
.project-item .panel-title a {
  color: #717d84;
}
.project-item .panel-title a:hover, .project-item .panel-title a:focus {
  text-decoration: underline;
}
.project-item .label-pending {
  background-color: #e9edf1;
  border: 1px solid #ced7df;
  color: #8b97a6;
}
.project-item .info {
  margin-bottom: 25px;
}
.project-item .info:last-child {
  margin-bottom: 0;
}
.project-item .info .title,
.project-item .info .value {
  display: block;
  margin-bottom: 3px;
}
.project-item .info .title {
  color: #a0aeba;
  font-size: 12px;
}
.project-item .info .value {
  font-size: 13px;
}
.project-item .info .leader-picture {
  border-radius: 50%;
  width: 30px;
  margin-right: 8px;
  margin-top: 2px;
}
.project-item .progress-chart {
  margin-bottom: 3px;
}
.project-item .progress-chart .percent {
  font-size: 18px;
  line-height: 110px;
  color: #a0aeba;
}
.project-item .task {
  text-align: center;
}
.project-item .task .task-progress {
  margin-bottom: 8px;
  font-size: 12px;
  color: #a0aeba;
}
.project-item .controls {
  margin-top: 30px;
}
.project-item .controls a {
  margin-right: 15px;
  font-size: 13px;
  color: #a0aeba;
}
.project-item .controls a:hover, .project-item .controls a:focus {
  text-decoration: underline;
}
.project-item .controls a:hover i, .project-item .controls a:focus i {
  text-decoration: none;
}
.project-item .controls a i {
  margin-right: 5px;
  font-size: 14px;
  color: #00AAFF;
}
@media screen and (max-width: 640px) {
  .project-item .panel-body .right {
    float: left;
    margin-top: 20px;
  }
  .project-item .controls a {
    display: block;
    margin-bottom: 10px;
  }
  .project-item .controls a:last-child {
    margin-bottom: 0;
  }
}

/************************
 * APP: PROJECT DETAIL
 ************************/
.project-heading {
  padding: 25px;
}
.project-heading .project-logo {
  width: 50px;
  border: 1px solid #eaeff2;
}
.project-heading .project-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: normal;
}
@media screen and (max-width: 640px) {
  .project-heading .media {
    margin-bottom: 10px;
  }
  .project-heading .project-title {
    font-size: 16px;
  }
  .project-heading .text-right {
    text-align: left;
  }
}

.project-subheading {
  background-color: #fafbfc;
  margin: 25px -20px 0 -20px;
  padding: 25px;
  border-top: 1px solid #eaeff2;
  border-bottom: 1px solid #eaeff2;
}

.project-metrics .main-info-item .title,
.project-metrics .main-info-item .value {
  display: block;
}
.project-metrics .main-info-item .title {
  margin-bottom: 5px;
  font-size: 13px;
  color: #a0aeba;
}
.project-metrics.milestone-section .main-info-item .title {
  font-size: 12px;
}
.project-metrics.milestone-section .main-info-item .value {
  font-size: 13px;
}

.project-info {
  margin-bottom: 30px;
}
.project-info .info-heading {
  margin: 0 0 15px 0;
  font-size: 13px;
  color: #a0aeba;
}
.project-info .project-description {
  line-height: 1.7;
}

.project-accordion {
  color: #7b8186;
}
.project-accordion .panel-heading {
  padding: 0;
  background-color: #f8f9fa;
}
.project-accordion .panel-heading .panel-title {
  display: block;
  font-size: 15px;
  font-weight: normal;
}
.project-accordion .panel-heading .panel-title > a {
  display: block;
  padding: 15px 12px;
  color: #717d84;
}
.project-accordion .panel-heading .panel-title > a:hover, .project-accordion .panel-heading .panel-title > a:focus {
  color: #717d84;
}
.project-accordion .panel-heading .panel-title > a > .icon-indicator {
  min-width: 18px;
}
.project-accordion .panel-heading .panel-title .toggle-icon {
  float: right;
  color: #c6d2dd;
}
.project-accordion .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
  background-color: #fafbfc;
}
.project-accordion .panel-heading .label {
  margin-left: 10px;
}
.project-accordion .panel-heading .note {
  margin-left: 10px;
  font-size: 12px;
  color: #a0aeba;
}

.project-milestone .milestone-section {
  margin-bottom: 45px;
}
.project-milestone .milestone-section:last-child {
  margin-bottom: 0;
}
.project-milestone .milestone-heading {
  margin: 0 0 12px 0;
  font-size: 12px;
  color: #a0aeba;
}
.project-milestone .milestone-description {
  margin-bottom: 0;
  font-size: 14px;
}
.project-milestone .panel-footer {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #f2f5f8;
}
.project-milestone .panel-footer .btn, .project-milestone .panel-footer .btn-ls {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media screen and (max-width: 640px) {
  .project-milestone .panel-heading .milestone-title {
    display: block;
  }
  .project-milestone .panel-heading .label,
  .project-milestone .panel-heading .note {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-top: 5px;
    margin-left: 20px;
  }
  .project-milestone .panel-heading .panel-title .toggle-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -7.5px;
  }
  .project-milestone .panel-footer .btn, .project-milestone .panel-footer .btn-ls {
    display: block;
    margin-bottom: 8px;
  }
}

.table-project-tasks > thead > tr {
  font-size: 12px;
}
.table-project-tasks > tbody > tr {
  font-size: 13px;
}
.table-project-tasks > tbody > tr > td.divider {
  background-color: #fff;
  text-align: center;
}
.table-project-tasks .task-indicator {
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  background-color: #7b8186;
  position: relative;
  top: -1px;
}
.table-project-tasks .task-indicator.success {
  background-color: #53c265;
}
.table-project-tasks .task-indicator.warning {
  background-color: #F3BB23;
}
.table-project-tasks .task-indicator.danger {
  background-color: #ff4402;
}
.table-project-tasks .actions a {
  color: #a0aeba;
  margin-right: 5px;
}
.table-project-tasks .actions a i {
  font-size: 14px;
}

/********************
 * PAGE: PROFILE
 ********************/
.profilePhoto {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-profile {
  position: relative;
}

.card-group, .card-deck {
  width: 100%;
}

.profile-static, .profile-static[readonly] {
  border: none;
  cursor: not-allowed;
  background-color: #fff;
  opacity: 1;
  border-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.profile-left {
  padding-left: 0;
  float: left;
  width: 35%;
  height: 100%;
  position: absolute;
  background-color: #fcfcfc;
}

.profile-overlay {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #cccccc;
  opacity: 0.3;
}

.profile-right {
  float: right;
  width: 65%;
  padding: 20px 25px;
}
.profile-right .heading {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .profile-left,
  .profile-right {
    float: none;
    width: 100%;
  }
  .profile-left {
    position: relative;
    margin-bottom: 30px;
  }
}
.profile-image {
  max-height: 50vh;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #6c757d;
}

.profile-header {
  position: relative;
  text-align: center;
  color: #fff;
}
.profile-header .overlay {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.profile-header .profile-main {
  position: relative;
  padding: 20px;
  background-image: url("../assets/images/NoUserImage.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.profile-header .name {
  margin: 8px 0 0 0;
  font-size: 22px;
}
.profile-header .online-status {
  font-size: 13px;
  position: relative;
  top: -2px;
}
.profile-header .online-status:before {
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 3px;
}
.profile-header .online-status.status-available:before {
  background-color: #2dab6b;
}
.profile-header .profile-stat {
  position: relative;
  background-color: #dae9f1;
  color: #2b333e;
}
.profile-header .profile-stat .stat-item {
  padding: 20px;
  position: relative;
}
.profile-header .profile-stat .stat-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #2b333e;
}
.profile-header .profile-stat .stat-item:last-child:after {
  display: none;
}
.profile-header .profile-stat .stat-item span {
  display: block;
}
@media screen and (max-width: 767px) {
  .profile-header .profile-stat .stat-item:after {
    display: none;
  }
}

.profile-detail {
  padding-bottom: 30px;
}

.profile-info {
  padding: 0 20px;
  margin: 40px 0;
}
.profile-info .heading {
  margin: 0 0 10px 0;
  font-weight: 600;
}
.profile-info ul > li {
  margin-bottom: 8px;
}

.social-icons {
  margin-bottom: 0;
}
.social-icons > li {
  padding: 0 2px 5px 2px;
}
.social-icons > li > a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 3px;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background-color: #4d4d4d;
  color: #fff;
}
.social-icons > li > a i {
  font-size: 18px;
}
.social-icons > li > a:hover, .social-icons > li > a:focus {
  background-color: #404040;
}

/* colored background */
.z500px-bg {
  background-color: #0099e5 !important;
}
.z500px-bg:hover, .z500px-bg:focus {
  background-color: #0088cc !important;
}

.about-me-bg {
  background-color: #00405d !important;
}
.about-me-bg:hover, .about-me-bg:focus {
  background-color: #002e44 !important;
}

.airbnb-bg {
  background-color: #fd5c63 !important;
}
.airbnb-bg:hover, .airbnb-bg:focus {
  background-color: #fd434b !important;
}

.alphabet-bg {
  background-color: #ed1c24 !important;
}
.alphabet-bg:hover, .alphabet-bg:focus {
  background-color: #de1219 !important;
}

.amazon-bg {
  background-color: #ff9900 !important;
}
.amazon-bg:hover, .amazon-bg:focus {
  background-color: #e68a00 !important;
}

.american-express-bg {
  background-color: #002663 !important;
}
.american-express-bg:hover, .american-express-bg:focus {
  background-color: #001c4a !important;
}

.aol-bg {
  background-color: #ff0b00 !important;
}
.aol-bg:hover, .aol-bg:focus {
  background-color: #e60a00 !important;
}

.behance-bg {
  background-color: #1769ff !important;
}
.behance-bg:hover, .behance-bg:focus {
  background-color: #0059fd !important;
}

.bing-bg {
  background-color: #ffb900 !important;
}
.bing-bg:hover, .bing-bg:focus {
  background-color: #e6a700 !important;
}

.bitbucket-bg {
  background-color: #205081 !important;
}
.bitbucket-bg:hover, .bitbucket-bg:focus {
  background-color: #1b436d !important;
}

.bitly-bg {
  background-color: #ee6123 !important;
}
.bitly-bg:hover, .bitly-bg:focus {
  background-color: #e65312 !important;
}

.blogger-bg {
  background-color: #f57d00 !important;
}
.blogger-bg:hover, .blogger-bg:focus {
  background-color: #dc7000 !important;
}

.booking-com-bg {
  background-color: #003580 !important;
}
.booking-com-bg:hover, .booking-com-bg:focus {
  background-color: #002a67 !important;
}

.buffer-bg {
  background-color: #168eea !important;
}
.buffer-bg:hover, .buffer-bg:focus {
  background-color: #1380d3 !important;
}

.code-school-bg {
  background-color: #616f67 !important;
}
.code-school-bg:hover, .code-school-bg:focus {
  background-color: #55615a !important;
}

.codecademy-bg {
  background-color: #f65a5b !important;
}
.codecademy-bg:hover, .codecademy-bg:focus {
  background-color: #f54243 !important;
}

.creative-market-bg {
  background-color: #8ba753 !important;
}
.creative-market-bg:hover, .creative-market-bg:focus {
  background-color: #7d964b !important;
}

.delicious-bg {
  background-color: #3399ff !important;
}
.delicious-bg:hover, .delicious-bg:focus {
  background-color: #1a8cff !important;
}

.deviantart-bg {
  background-color: #05cc47 !important;
}
.deviantart-bg:hover, .deviantart-bg:focus {
  background-color: #04b33e !important;
}

.digg-bg {
  background-color: #005be2 !important;
}
.digg-bg:hover, .digg-bg:focus {
  background-color: #0051c9 !important;
}

.disqus-bg {
  background-color: #2e9fff !important;
}
.disqus-bg:hover, .disqus-bg:focus {
  background-color: #1593ff !important;
}

.django-bg {
  background-color: #092e20 !important;
}
.django-bg:hover, .django-bg:focus {
  background-color: #051911 !important;
}

.dribbble-bg {
  background-color: #ea4c89 !important;
}
.dribbble-bg:hover, .dribbble-bg:focus {
  background-color: #e7357a !important;
}

.dropbox-bg {
  background-color: #007ee5 !important;
}
.dropbox-bg:hover, .dropbox-bg:focus {
  background-color: #0070cc !important;
}

.drupal-bg {
  background-color: #0077c0 !important;
}
.drupal-bg:hover, .drupal-bg:focus {
  background-color: #0067a7 !important;
}

.elance-bg {
  background-color: #0d69af !important;
}
.elance-bg:hover, .elance-bg:focus {
  background-color: #0b5b97 !important;
}

.envato-bg {
  background-color: #82b541 !important;
}
.envato-bg:hover, .envato-bg:focus {
  background-color: #75a23a !important;
}

.etsy-bg {
  background-color: #d5641c !important;
}
.etsy-bg:hover, .etsy-bg:focus {
  background-color: #be5919 !important;
}

.facebook-bg {
  background-color: #3b5998 !important;
}
.facebook-bg:hover, .facebook-bg:focus {
  background-color: #344e86 !important;
}

.feedly-bg {
  background-color: #2bb24c !important;
}
.feedly-bg:hover, .feedly-bg:focus {
  background-color: #269d43 !important;
}

.flattr-bg {
  background-color: #f67c1a !important;
}
.flattr-bg:hover, .flattr-bg:focus {
  background-color: #ed6f09 !important;
}

.flickr-bg {
  background-color: #0063dc !important;
}
.flickr-bg:hover, .flickr-bg:focus {
  background-color: #0058c3 !important;
}

.flipboard-bg {
  background-color: #e12828 !important;
}
.flipboard-bg:hover, .flipboard-bg:focus {
  background-color: #d21d1d !important;
}

.flixster-bg {
  background-color: #2971b2 !important;
}
.flixster-bg:hover, .flixster-bg:focus {
  background-color: #24649d !important;
}

.foursquare-bg {
  background-color: #0732a2 !important;
}
.foursquare-bg:hover, .foursquare-bg:focus {
  background-color: #062a8a !important;
}

.github-bg {
  background-color: #333333 !important;
}
.github-bg:hover, .github-bg:focus {
  background-color: #262626 !important;
}

.google-bg {
  background-color: #4285f4 !important;
}
.google-bg:hover, .google-bg:focus {
  background-color: #2a75f3 !important;
}

.google-plus-bg {
  background-color: #dc4e41 !important;
}
.google-plus-bg:hover, .google-plus-bg:focus {
  background-color: #d83a2b !important;
}

.instagram-bg {
  background-color: #3f729b !important;
}
.instagram-bg:hover, .instagram-bg:focus {
  background-color: #386589 !important;
}

.kickstarter-bg {
  background-color: #2bde73 !important;
}
.kickstarter-bg:hover, .kickstarter-bg:focus {
  background-color: #20cf67 !important;
}

.kik-bg {
  background-color: #82bc23 !important;
}
.kik-bg:hover, .kik-bg:focus {
  background-color: #73a71f !important;
}

.lastfm-bg {
  background-color: #d51007 !important;
}
.lastfm-bg:hover, .lastfm-bg:focus {
  background-color: #bc0e06 !important;
}

.line-bg {
  background-color: #00c300 !important;
}
.line-bg:hover, .line-bg:focus {
  background-color: #00aa00 !important;
}

.linkedin-bg {
  background-color: #0077b5 !important;
}
.linkedin-bg:hover, .linkedin-bg:focus {
  background-color: #00669c !important;
}

.mail-ru-bg {
  background-color: #168de2 !important;
}
.mail-ru-bg:hover, .mail-ru-bg:focus {
  background-color: #147fcb !important;
}

.mailchimp-bg {
  background-color: #2c9ab7 !important;
}
.mailchimp-bg:hover, .mailchimp-bg:focus {
  background-color: #2789a2 !important;
}

.myspace-bg {
  background-color: #000000 !important;
}
.myspace-bg:hover, .myspace-bg:focus {
  background-color: black !important;
}

.netflix-bg {
  background-color: #e50914 !important;
}
.netflix-bg:hover, .netflix-bg:focus {
  background-color: #cc0812 !important;
}

.ning-bg {
  background-color: #75af42 !important;
}
.ning-bg:hover, .ning-bg:focus {
  background-color: #699c3b !important;
}

.path-bg {
  background-color: #ee3423 !important;
}
.path-bg:hover, .path-bg:focus {
  background-color: #e62412 !important;
}

.patreon-bg {
  background-color: #e6461a !important;
}
.patreon-bg:hover, .patreon-bg:focus {
  background-color: #d03f17 !important;
}

.paypal-bg {
  background-color: #003087 !important;
}
.paypal-bg:hover, .paypal-bg:focus {
  background-color: #00276e !important;
}

.photobucket-bg {
  background-color: #0ea0db !important;
}
.photobucket-bg:hover, .photobucket-bg:focus {
  background-color: #0c8ec3 !important;
}

.pinterest-bg {
  background-color: #bd081c !important;
}
.pinterest-bg:hover, .pinterest-bg:focus {
  background-color: #a50718 !important;
}

.product-hunt-bg {
  background-color: #da552f !important;
}
.product-hunt-bg:hover, .product-hunt-bg:focus {
  background-color: #cb4924 !important;
}

.quora-bg {
  background-color: #a82400 !important;
}
.quora-bg:hover, .quora-bg:focus {
  background-color: #8f1f00 !important;
}

.rdio-bg {
  background-color: #007dc3 !important;
}
.rdio-bg:hover, .rdio-bg:focus {
  background-color: #006daa !important;
}

.reddit-bg {
  background-color: #ff4500 !important;
}
.reddit-bg:hover, .reddit-bg:focus {
  background-color: #e63e00 !important;
}

.rss-bg {
  background-color: #f26522 !important;
}
.rss-bg:hover, .rss-bg:focus {
  background-color: #ed560e !important;
}

.salesforce-bg {
  background-color: #1798c1 !important;
}
.salesforce-bg:hover, .salesforce-bg:focus {
  background-color: #1486aa !important;
}

.scribd-bg {
  background-color: #1a7bba !important;
}
.scribd-bg:hover, .scribd-bg:focus {
  background-color: #176ca4 !important;
}

.shopify-bg {
  background-color: #96bf48 !important;
}
.shopify-bg:hover, .shopify-bg:focus {
  background-color: #89b03e !important;
}

.skype-bg {
  background-color: #00aff0 !important;
}
.skype-bg:hover, .skype-bg:focus {
  background-color: #009cd7 !important;
}

.slack-bg {
  background-color: #6ecadc !important;
}
.slack-bg:hover, .slack-bg:focus {
  background-color: #59c2d7 !important;
}

.slideshare-bg {
  background-color: #0077b5 !important;
}
.slideshare-bg:hover, .slideshare-bg:focus {
  background-color: #00669c !important;
}

.soundcloud-bg {
  background-color: #ff8800 !important;
}
.soundcloud-bg:hover, .soundcloud-bg:focus {
  background-color: #e67a00 !important;
}

.spotify-bg {
  background-color: #2ebd59 !important;
}
.spotify-bg:hover, .spotify-bg:focus {
  background-color: #29a84f !important;
}

.squarespace-bg {
  background-color: #222222 !important;
}
.squarespace-bg:hover, .squarespace-bg:focus {
  background-color: #151515 !important;
}

.stackoverflow-bg {
  background-color: #fe7a15 !important;
}
.stackoverflow-bg:hover, .stackoverflow-bg:focus {
  background-color: #f86c01 !important;
}

.stripe-bg {
  background-color: #00afe1 !important;
}
.stripe-bg:hover, .stripe-bg:focus {
  background-color: #009bc8 !important;
}

.stumbleupon-bg {
  background-color: #eb4924 !important;
}
.stumbleupon-bg:hover, .stumbleupon-bg:focus {
  background-color: #e13b15 !important;
}

.telegram-bg {
  background-color: #0088cc !important;
}
.telegram-bg:hover, .telegram-bg:focus {
  background-color: #0077b3 !important;
}

.tumblr-bg {
  background-color: #35465c !important;
}
.tumblr-bg:hover, .tumblr-bg:focus {
  background-color: #2c3a4c !important;
}

.twitch-tv-bg {
  background-color: #6441a5 !important;
}
.twitch-tv-bg:hover, .twitch-tv-bg:focus {
  background-color: #593a93 !important;
}

.twitter-bg {
  background-color: #55acee !important;
}
.twitter-bg:hover, .twitter-bg:focus {
  background-color: #3ea1ec !important;
}

.vimeo-bg {
  background-color: #162221 !important;
}
.vimeo-bg:hover, .vimeo-bg:focus {
  background-color: #0c1312 !important;
}

.vine-bg {
  background-color: #00b488 !important;
}
.vine-bg:hover, .vine-bg:focus {
  background-color: #009b75 !important;
}

.wechat-bg {
  background-color: #7bb32e !important;
}
.wechat-bg:hover, .wechat-bg:focus {
  background-color: #6d9f29 !important;
}

.whatsapp-bg {
  background-color: #43d854 !important;
}
.whatsapp-bg:hover, .whatsapp-bg:focus {
  background-color: #2ed441 !important;
}

.wordpress-bg {
  background-color: #21759b !important;
}
.wordpress-bg:hover, .wordpress-bg:focus {
  background-color: #1d6586 !important;
}

.yahoo-bg {
  background-color: #410093 !important;
}
.yahoo-bg:hover, .yahoo-bg:focus {
  background-color: #36007a !important;
}

.youtube-bg {
  background-color: #cd201f !important;
}
.youtube-bg:hover, .youtube-bg:focus {
  background-color: #b71d1c !important;
}

.firefox-bg {
  background-color: #e66000 !important;
}
.firefox-bg:hover, .firefox-bg:focus {
  background-color: #cd5500 !important;
}

.chrome-bg {
  background-color: #fbbc05 !important;
}
.chrome-bg:hover, .chrome-bg:focus {
  background-color: #e3aa04 !important;
}

.edge-bg {
  background-color: #00aaff !important;
}
.edge-bg:hover, .edge-bg:focus {
  background-color: #0099e6 !important;
}

.safari-bg {
  background-color: #4165c8 !important;
}
.safari-bg:hover, .safari-bg:focus {
  background-color: #3659ba !important;
}

.opera-bg {
  background-color: #cc0f16 !important;
}
.opera-bg:hover, .opera-bg:focus {
  background-color: #b40d13 !important;
}

.profile-right .heading {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}

.awards {
  margin-bottom: 50px;
}
.awards div[class^=col-] {
  text-align: center;
}

.award-item {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: center;
  margin-bottom: 30px;
}
.award-item .hexagon {
  margin: 35px 0;
}

.hexagon {
  width: 100px;
  height: 55px;
  background: #ececec;
  position: relative;
}
.hexagon:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 25px solid #ececec;
}
.hexagon:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid #ececec;
}

.award-icon {
  font-size: 36px;
  line-height: 1.5em;
}

ul.activity-timeline > li {
  margin-bottom: 2.2rem;
  position: relative;
  z-index: 0;
}
ul.activity-timeline > li .activity-icon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 30px;
  float: left;
  width: 34px;
  height: 34px;
  background-color: #00AAFF;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  margin-right: 10px;
}
ul.activity-timeline > li .activity-icon-failed {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 30px;
  float: left;
  width: 34px;
  height: 34px;
  background-color: #ff213b;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  margin-right: 10px;
}
ul.activity-timeline > li .activity-icon-warning {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 30px;
  float: left;
  width: 34px;
  height: 34px;
  background-color: #ff901c;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  margin-right: 10px;
}
ul.activity-timeline > li > p {
  margin-bottom: 0;
  padding-left: 40px;
}
ul.activity-timeline > li .timestamp {
  display: block;
  font-size: 0.85em;
  color: #a0aeba;
}
ul.activity-timeline > li:after {
  content: "";
  display: block;
  border-left: 1px dashed #d2dbe2;
  width: 1px;
  height: 1.5rem;
  position: absolute;
  top: 2.5rem;
  left: 16px;
  z-index: -1;
}
ul.activity-timeline > li:last-child:after {
  display: none;
}

.project-table .progress {
  margin-bottom: 0;
}
.project-table .progress-bar {
  font-size: 1rem;
}
.project-table > tbody > tr > td {
  padding: 12px 8px;
}
.project-table > tbody > tr > td .avatar {
  width: 22px;
  border: 1px solid #CCC;
}

ul.authorised-clients > li {
  margin-top: 0.3rem;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 0;
  /*&:after {
      content: "";
      display: block;
      border-left: 1px dashed #d2dbe2;
      width: 1px;
      height: 25px;
      position: absolute;
      top: 45px;
      left: 16px;
      z-index: -1;
  }*/
}
ul.authorised-clients > li .icon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 30px;
  float: left;
  width: 34px;
  height: 34px;
  background-color: #00AAFF;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  margin-right: 10px;
}
ul.authorised-clients > li > p {
  margin-bottom: 0;
  padding-left: 40px;
  padding-top: 0.3rem;
}
ul.authorised-clients > li .timestamp {
  display: block;
  font-size: 0.85em;
  color: #a0aeba;
}
ul.authorised-clients > li:last-child:after {
  display: none;
}

/*.form-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.form-label {
    line-height:2.2rem;
    position: absolute;
    top: 0;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
}
.form-control:focus + .form-label,
.form-control:not(:empty) + .form-label {
    font-size: 0.75rem;
    transform: translate3d(0, -20%, 0);
    opacity: 1;
    color: $color-accent;
}*/
.float-label-above {
  display: block;
  position: relative;
  margin-top: -2px;
  /* label.prependLabel {
      margin-top: -1px;
      margin-left: 10px;
      font-size: 0.72rem;
      color: $float-label-color;
      background: transparent;
      //background: linear-gradient(90deg, rgba(233,236,239,1) 0%, rgba(233,236,239,1) 22%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 100%);
      text-shadow: 0px 0px 10px #fff;
  }*/
  /* label.prependLabel.ro {
      margin-top: -1px;
      margin-left: 10px;
      font-size: 0.72rem;
      color: $color-accent;
      background: transparent;
      text-shadow: 0px 0px 10px #fff;
  }*/
  /*label.input-group {
      color: $color-accent;
  }*/
  /*select {
      padding-right: 1em;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .5em bottom .25em;
      background-size: 8px 10px;
  }*/
}
.float-label-above label.ro {
  margin-bottom: 0;
  top: -0.5rem;
  margin-left: 0.95rem;
  font-size: 0.72rem;
  color: #5a57f4;
  background: transparent;
  position: absolute;
  cursor: text;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 6;
  font-weight: 400;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: translate(0, 10px) scale(1);
          transform: translate(0, 10px) scale(1);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.float-label-above label.ro:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23999286' class='icon icon-tabler icons-tabler-filled icon-tabler-lock'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2a5 5 0 0 1 5 5v3a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3v-3a5 5 0 0 1 5 -5m0 12a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m0 -10a3 3 0 0 0 -3 3v3h6v-3a3 3 0 0 0 -3 -3' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 1px;
  content: "";
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .float-label-above label.phone, .float-label-above label.currency {
    top: -0.25rem !important;
    margin-left: 0.95rem;
    font-size: 0.72rem;
    color: #5a57f4;
    opacity: 1;
    background-color: transparent;
  }
  .float-label-above label.datelabelend {
    top: -0.25rem !important;
    font-size: 0.72rem;
    color: #5a57f4;
    opacity: 1;
    background-color: transparent;
  }
  .float-label-above label.datelabel {
    top: -0.25rem !important;
    margin-left: 0.95rem !important;
    font-size: 0.72rem !important;
    color: #5a57f4 !important;
    opacity: 1 !important;
    background-color: transparent !important;
    white-space: nowrap;
  }
  .float-label-above label.appendLabel {
    top: 0.4rem !important;
    margin-left: 0.95rem !important;
    font-size: 0.72rem !important;
    color: #5a57f4 !important;
    opacity: 1 !important;
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .float-label-above label.phone, .float-label-above label.currency, .float-label-above label.prependLabel, .float-label-above label.datelabel {
    top: -0.35rem !important;
    margin-left: 3.3rem !important;
    font-size: 0.72rem;
    color: #5a57f4;
    opacity: 1;
    background-color: transparent;
  }
  .float-label-above label.appendLabel {
    top: 0.25rem !important;
    margin-left: 0.95rem !important;
    font-size: 0.72rem !important;
    color: #5a57f4 !important;
    opacity: 1 !important;
    background-color: transparent !important;
  }
  .float-label-above label.datelabelend {
    top: -0.35rem !important;
    font-size: 0.72rem;
    color: #5a57f4;
    opacity: 1;
    background-color: transparent;
  }
}
.float-label-above label:not(.selectlabel):not(.ro) {
  position: absolute;
  top: -0.5rem;
  margin-left: 0.95rem;
  margin-bottom: 0;
  cursor: text;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 6;
  font-weight: 400;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: translate(0, 10px) scale(1);
          transform: translate(0, 10px) scale(1);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.float-label-above label:not(.selectlabel):not(.ro).custom-control-label {
  position: relative;
  font-weight: normal;
  cursor: pointer;
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  background: transparent;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .float-label-above label:not(.selectlabel):not(.ro):not(.radio):not(.ro):not(.offsetLabel):not(.appendLabel):not(.prependLabel):not(.appendLabel):not(.custom-control-label):not(.uploadLabel):not(.phone):not(.input-group-label) {
    top: -0.5rem;
  }
}
.float-label-above label:not(.selectlabel):not(.ro):not(.radio):not(.ro):not(.offsetLabel):not(.prependLabel):not(.appendLabel):not(.custom-control-label):not(.uploadLabel):not(.phone):not(.input-group-label) {
  top: -0.5rem;
  margin-left: 0.95rem;
  font-size: 0.72rem;
  color: #5a57f4;
  opacity: 1;
  background: transparent;
  margin-bottom: 0;
}
.float-label-above label:not(.selectlabel):not(.ro).radio {
  margin-top: -1px;
  margin-left: 10px;
  font-weight: normal;
}
.float-label-above label:not(.selectlabel):not(.ro):not(.ro) {
  /*float: left;*/
  background-color: transparent;
  /*background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(255,255,255,0.64) 71%, rgba(255,255,255,0) 100%);*/ /* ff3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(71%, rgba(255,255,255,1)), color-stop(71%, rgba(255,255,255,0.64)), color-stop(100%, rgba(255,255,255,0)));*/ /* safari4+,chrome */
  /*background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(255,255,255,0.64) 71%, rgba(255,255,255,0) 100%);*/ /* safari5.1+,chrome10+ */
  /*background: -o-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(255,255,255,0.64) 71%, rgba(255,255,255,0) 100%);*/ /* opera 11.10+ */
  /*background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(255,255,255,0.64) 71%, rgba(255,255,255,0) 100%);*/ /* ie10+ */
  /*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(255,255,255,0.64) 71%, rgba(255,255,255,0) 100%);*/ /* w3c */
}
.float-label-above label:not(.selectlabel):not(.ro) .rw {
  background: rgb(255, 255, 255);
}
.float-label-above label:not(.selectlabel):not(.ro) .ro, .float-label-above label:not(.selectlabel):not(.ro) .ro-wide {
  background: transparent;
}
.float-label-above label.input-group-label {
  top: -0.1rem !important;
  margin-left: 3.8rem !important;
  font-size: 0.72rem;
  color: #5a57f4;
  opacity: 1;
  background: transparent;
}
.float-label-above label.certificateOffset {
  -webkit-transform: translate(0, -158px) scale(1);
          transform: translate(0, -158px) scale(1);
}
.float-label-above label.customOffset {
  -webkit-transform: translate(0, -130px) scale(1);
          transform: translate(0, -130px) scale(1);
}
.float-label-above label.uploadLabel {
  margin-top: -25px;
  margin-left: 10px;
  font-size: 0.72rem;
  color: #5a57f4;
}
.float-label-above label.offsetLabel {
  margin-top: -8px;
  margin-left: 10px;
  font-size: 0.72rem;
  color: #5a57f4;
  background: transparent;
}
.float-label-above label.appendLabel {
  margin-top: -0.3rem;
  margin-left: 0.95rem;
  font-size: 0.72rem;
  color: #5a57f4;
  background: transparent;
}
.float-label-above.checklabel {
  position: relative;
  width: 44px;
  height: 44px;
}
.float-label-above.checklabel > div:first-child {
  position: absolute;
  top: -2px;
  left: -16px;
}
.float-label-above.checklabel .rwc {
  position: relative;
  left: -1rem;
  top: -0.05rem;
}
.float-label-above .rwc {
  position: relative;
}
.float-label-above label.rowlabel {
  margin-top: -12px;
  margin-left: 28px;
  color: #5a57f4;
}
.float-label-above .input-group label {
  margin-top: -8px;
  margin-left: 10px;
  font-size: 0.72rem;
  color: #5a57f4;
}
.float-label-above.radio-group > div:first-child label {
  top: -0.2rem !important;
}
.float-label-above.radio-group > .rwc .radio-edit-group {
  padding: 1.75rem 1rem 0.3rem 0.5rem;
}
.float-label-above.check-group > div:first-child label {
  top: 0.2rem !important;
}
.float-label-above.check-group > .rwc .check-edit-group {
  padding: 1.75rem 1rem 0.3rem 0.5rem !important;
  border-radius: 0.3rem;
}
.float-label-above.check-group > .rwc .check-edit-group:not(.border-0) {
  outline: 1px solid #dee2e6;
}
.float-label-above > .rwc .switch-container {
  padding: 1.3rem 1rem 0.5rem 1rem !important;
}
.float-label-above > .rwc .switch-container:focus-within {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.float-label-above:focus-within label:not(.custom-control-label) {
  color: #8b8dfa !important;
}
.float-label-above i.showpass {
  /*top: 2.1rem;*/
  z-index: 10;
}
.float-label-above select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.float-label-above textarea {
  width: 100%;
}
.float-label-above button:not(.iti__selected-country) {
  padding-bottom: 0.7rem;
  padding-left: 12px;
}
.float-label-above input.multiselect-search {
  padding-left: 40px;
}
.float-label-above input[type=date].date-control {
  padding-top: 0.75rem;
  padding-bottom: 1.9rem;
}
@supports (-ms-ime-align: auto) {
  .float-label-above input.date-control {
    padding-top: 0.45rem !important;
  }
}
.float-label-above .urloffset {
  padding-top: 0.85rem !important;
  padding-bottom: 1.75rem !important;
}
.float-label-above UrlButton .select2-container .select2-selection--single {
  padding: 0.4rem 1rem 0 0.5rem !important;
}
.float-label-above .select2-selection--multiple {
  padding: 1rem 1rem 0.5rem 0.5rem !important;
}
.float-label-above .select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 54px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  padding: 1.15rem 1rem 0.425rem 0.7rem;
  border-radius: 0.3rem !important;
}
.float-label-above input:not(.fstQueryInput), .float-label-above input:not(.date-control), .float-label-above select, .float-label-above textarea, .float-label-above .urloffset {
  font-weight: 500;
  font-size: inherit;
  padding-top: 1.4rem;
  padding-bottom: 0.55rem;
  border: 1px solid #e1e3ea;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
}
.float-label-above input:not(.fstQueryInput)::-webkit-input-placeholder:not(:focus), .float-label-above input:not(.date-control)::-webkit-input-placeholder:not(:focus), .float-label-above select::-webkit-input-placeholder:not(:focus), .float-label-above textarea::-webkit-input-placeholder:not(:focus), .float-label-above .urloffset::-webkit-input-placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.float-label-above input:not(.fstQueryInput)::-moz-placeholder:not(:focus), .float-label-above input:not(.date-control)::-moz-placeholder:not(:focus), .float-label-above select::-moz-placeholder:not(:focus), .float-label-above textarea::-moz-placeholder:not(:focus), .float-label-above .urloffset::-moz-placeholder:not(:focus) {
  opacity: 0.8;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.float-label-above input:not(.fstQueryInput):-ms-input-placeholder:not(:focus), .float-label-above input:not(.date-control):-ms-input-placeholder:not(:focus), .float-label-above select:-ms-input-placeholder:not(:focus), .float-label-above textarea:-ms-input-placeholder:not(:focus), .float-label-above .urloffset:-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.float-label-above input:not(.fstQueryInput)::-ms-input-placeholder:not(:focus), .float-label-above input:not(.date-control)::-ms-input-placeholder:not(:focus), .float-label-above select::-ms-input-placeholder:not(:focus), .float-label-above textarea::-ms-input-placeholder:not(:focus), .float-label-above .urloffset::-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.float-label-above input:not(.fstQueryInput)::placeholder:not(:focus), .float-label-above input:not(.date-control)::placeholder:not(:focus), .float-label-above select::placeholder:not(:focus), .float-label-above textarea::placeholder:not(:focus), .float-label-above .urloffset::placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.float-label-above input:not(.fstQueryInput):focus::-webkit-input-placeholder, .float-label-above input:not(.date-control):focus::-webkit-input-placeholder, .float-label-above select:focus::-webkit-input-placeholder, .float-label-above textarea:focus::-webkit-input-placeholder, .float-label-above .urloffset:focus::-webkit-input-placeholder {
  opacity: 0;
}
.float-label-above input:not(.fstQueryInput):focus:-moz-placeholder, .float-label-above input:not(.date-control):focus:-moz-placeholder, .float-label-above select:focus:-moz-placeholder, .float-label-above textarea:focus:-moz-placeholder, .float-label-above .urloffset:focus:-moz-placeholder {
  opacity: 0;
}
.float-label-above input:not(.fstQueryInput):-ms-input-placeholder, .float-label-above input:not(.date-control):-ms-input-placeholder, .float-label-above select:-ms-input-placeholder, .float-label-above textarea:-ms-input-placeholder, .float-label-above .urloffset:-ms-input-placeholder {
  opacity: 0;
}
.float-label-above input:not(.fstQueryInput):focus, .float-label-above input:not(.date-control):focus, .float-label-above select:focus, .float-label-above textarea:focus, .float-label-above .urloffset:focus {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.float-label-above input:not(.fstQueryInput).customlabel, .float-label-above input:not(.date-control).customlabel, .float-label-above select.customlabel, .float-label-above textarea.customlabel, .float-label-above .urloffset.customlabel {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.float-label-above input:not(.fstQueryInput) .input-group-append, .float-label-above input:not(.date-control) .input-group-append, .float-label-above select .input-group-append, .float-label-above textarea .input-group-append, .float-label-above .urloffset .input-group-append {
  margin-top: 0 !important;
  margin-left: -1px !important;
  border-left: none;
  height: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.float-label-above input:not(.fstQueryInput):-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above input:not(.date-control):-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above select:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above textarea:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above .urloffset:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.float-label-above input:not(.fstQueryInput):-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above input:not(.date-control):-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above select:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above textarea:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above .urloffset:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.float-label-above input:not(.fstQueryInput):placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above input:not(.date-control):placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above select:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above textarea:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .float-label-above .urloffset:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.float-label-above input:not(.fstQueryInput) .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above input:not(.date-control) .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above select .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above textarea .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above .urloffset .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.float-label-above input:not(.fstQueryInput) .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above input:not(.date-control) .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above select .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above textarea .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above .urloffset .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.float-label-above input:not(.fstQueryInput) .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above input:not(.date-control) .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above select .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above textarea .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .float-label-above .urloffset .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.float-label-above input:not(.fstQueryInput):focus, .float-label-above input:not(.date-control):focus, .float-label-above select:focus, .float-label-above textarea:focus, .float-label-above .urloffset:focus {
  /*border-color: rgba(0,0,0,.5);*/
}
.float-label-above input:not(.fstQueryInput):focus-within label:not(.custom-control-label), .float-label-above input:not(.date-control):focus-within label:not(.custom-control-label), .float-label-above select:focus-within label:not(.custom-control-label), .float-label-above textarea:focus-within label:not(.custom-control-label), .float-label-above .urloffset:focus-within label:not(.custom-control-label) {
  color: #8b8dfa !important;
}
.float-label-above .forceback {
  margin-left: 0 !important;
  margin-top: 0 !important;
}
.float-label-above .input-group-append {
  margin-top: 0 !important;
  margin-left: -1px !important;
  border-left: none;
  height: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.float-label-above .input-group-append a {
  padding-top: 0.75rem;
}
.float-label-above button:not(.iti__selected-country) {
  padding-top: 0.8rem;
}
.float-label-above div[data-dest] label.selectlabel {
  background: #6366f1;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  color: #fff;
  background-color: #6366f1;
  margin-bottom: 0 !important;
  text-shadow: none !important;
  font-weight: 500;
  padding: 0.3rem 0.78rem 0.3rem 0.8rem !important;
  margin-top: 0.2rem;
}
.float-label-above div[data-dest] .no-selection {
  color: #969ca2;
  font-style: italic;
  display: inline-block;
  padding: 0.2rem 0;
}

.label-above {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.label-above label:not(.selectlabel):not(.appendLabel) {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  font-weight: 500;
  font-size: 0.85rem;
}
.label-above input:not(.fstQueryInput), .label-above input:not(.date-control), .label-above select, .label-above textarea, .label-above .urloffset {
  font-size: inherit;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border: 1px solid #e1e3ea;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
}
.label-above input:not(.fstQueryInput).customlabel, .label-above input:not(.date-control).customlabel, .label-above select.customlabel, .label-above textarea.customlabel, .label-above .urloffset.customlabel {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.label-above input:not(.fstQueryInput) .input-group-append, .label-above input:not(.date-control) .input-group-append, .label-above select .input-group-append, .label-above textarea .input-group-append, .label-above .urloffset .input-group-append {
  margin-top: 0 !important;
  margin-left: -1px !important;
  border-left: none;
  height: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.label-above input:not(.fstQueryInput):-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above input:not(.date-control):-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above select:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above textarea:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above .urloffset:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.label-above input:not(.fstQueryInput):-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above input:not(.date-control):-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above select:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above textarea:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above .urloffset:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.label-above input:not(.fstQueryInput):placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above input:not(.date-control):placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above select:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above textarea:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-above .urloffset:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.label-above input:not(.fstQueryInput) .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above input:not(.date-control) .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above select .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above textarea .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above .urloffset .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.label-above input:not(.fstQueryInput) .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above input:not(.date-control) .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above select .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above textarea .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above .urloffset .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.label-above input:not(.fstQueryInput) .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above input:not(.date-control) .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above select .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above textarea .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-above .urloffset .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.label-above input:not(.fstQueryInput):focus, .label-above input:not(.date-control):focus, .label-above select:focus, .label-above textarea:focus, .label-above .urloffset:focus {
  /*border-color: rgba(0,0,0,.5);*/
}
.label-above input:not(.fstQueryInput):focus-within label:not(.custom-control-label), .label-above input:not(.date-control):focus-within label:not(.custom-control-label), .label-above select:focus-within label:not(.custom-control-label), .label-above textarea:focus-within label:not(.custom-control-label), .label-above .urloffset:focus-within label:not(.custom-control-label) {
  color: #8b8dfa !important;
}
.label-above p.ro {
  padding-top: 0.7rem;
  padding-bottom: 0.55rem;
}
.label-above p.ro:empty {
  padding-bottom: 1.78rem;
}
.label-above::-webkit-input-placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-above::-moz-placeholder:not(:focus) {
  opacity: 0.8;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-above:-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-above::-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-above::placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-above:focus::-webkit-input-placeholder {
  opacity: 0;
}
.label-above:focus:-moz-placeholder {
  opacity: 0;
}
.label-above:-ms-input-placeholder {
  opacity: 0;
}

.reading-time {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding: 0.5rem !important;
}
.reading-time input {
  padding-top: 0.5rem !important;
}

.imageGroup > div > div.label-inline {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 0.725rem;
}

.label-inline {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-left: 0;
  padding-right: 0;
  padding: 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.label-inline label:not(.selectlabel) {
  padding: 0;
  font-weight: 500;
  font-size: 0.85rem;
}
.label-inline div:first-child:not([class]) {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}
.label-inline input:not(.fstQueryInput), .label-inline input:not(.date-control), .label-inline select, .label-inline textarea, .label-inline .urloffset {
  font-size: inherit;
  padding-top: 0.725rem;
  padding-bottom: 0.725rem;
  border: 1px solid #e1e3ea;
  padding-left: 0.9rem;
  border-radius: 0.3rem;
}
.label-inline input:not(.fstQueryInput).customlabel, .label-inline input:not(.date-control).customlabel, .label-inline select.customlabel, .label-inline textarea.customlabel, .label-inline .urloffset.customlabel {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.label-inline input:not(.fstQueryInput) .input-group-append, .label-inline input:not(.date-control) .input-group-append, .label-inline select .input-group-append, .label-inline textarea .input-group-append, .label-inline .urloffset .input-group-append {
  margin-top: 0 !important;
  margin-left: -1px !important;
  border-left: none;
  height: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.label-inline input:not(.fstQueryInput):-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline input:not(.date-control):-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline select:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline textarea:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline .urloffset:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.label-inline input:not(.fstQueryInput):-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline input:not(.date-control):-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline select:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline textarea:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline .urloffset:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.label-inline input:not(.fstQueryInput):placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline input:not(.date-control):placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline select:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline textarea:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass), .label-inline .urloffset:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.label-inline input:not(.fstQueryInput) .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline input:not(.date-control) .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline select .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline textarea .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline .urloffset .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.label-inline input:not(.fstQueryInput) .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline input:not(.date-control) .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline select .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline textarea .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline .urloffset .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.label-inline input:not(.fstQueryInput) .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline input:not(.date-control) .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline select .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline textarea .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + *, .label-inline .urloffset .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.label-inline input:not(.fstQueryInput):focus, .label-inline input:not(.date-control):focus, .label-inline select:focus, .label-inline textarea:focus, .label-inline .urloffset:focus {
  /*border-color: rgba(0,0,0,.5);*/
}
.label-inline input:not(.fstQueryInput):focus-within label:not(.custom-control-label), .label-inline input:not(.date-control):focus-within label:not(.custom-control-label), .label-inline select:focus-within label:not(.custom-control-label), .label-inline textarea:focus-within label:not(.custom-control-label), .label-inline .urloffset:focus-within label:not(.custom-control-label) {
  color: #8b8dfa !important;
}
.label-inline .input-group-append {
  margin-top: 0 !important;
  margin-left: -1px !important;
  border-left: none;
  height: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.label-inline .input-group-append a {
  padding-top: 0.75rem;
}
.label-inline::-webkit-input-placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.label-inline::-moz-placeholder:not(:focus) {
  opacity: 0.8;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.label-inline:-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.label-inline::-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.label-inline::placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
}
.label-inline:focus::-webkit-input-placeholder {
  opacity: 0;
}
.label-inline:focus:-moz-placeholder {
  opacity: 0;
}
.label-inline:-ms-input-placeholder {
  opacity: 0;
}
.label-inline div[data-dest] label.selectlabel {
  border: 1px solid #b5b4f3;
  background-color: rgba(18, 14, 215, 0.08);
  color: #7f7f9c;
  border-radius: 0.25rem;
  color: #5e6773 !important;
  margin-right: 5px !important;
  margin-bottom: 0 !important;
  padding: 2px 5px !important;
  text-shadow: none !important;
  font-weight: 500;
  padding: 0.3rem 0.78rem 0.3rem 0.8rem !important;
  margin-top: 0.2rem;
}
.label-inline div[data-dest] .no-selection {
  color: #969ca2;
  font-style: italic;
  display: inline-block;
  padding: 0.2rem 0;
}

@media screen and (min-width: 769px) {
  p.ro {
    padding-top: 1.4rem;
    padding-bottom: 0.55rem;
    padding-left: 12px;
    font-weight: 600;
    margin-bottom: 0;
    padding-right: 20px;
    /*background-color: #efefef;*/
    white-space: nowrap;
    min-height: 44.39px;
    color: #5e6773;
    padding-left: 0.9rem;
    border: 1px solid #e1e3ea;
    white-space: pre-wrap;
    border-radius: 0.3rem;
  }
  p.ro:empty {
    padding-bottom: 1.78rem;
  }
  .label-inline p.ro {
    padding-top: 0.75rem;
  }
  p.ro-clear {
    padding-top: 1.2rem;
    padding-bottom: 0.55rem;
    padding-left: 12px;
    font-weight: 600;
    margin-bottom: 0;
    padding-right: 20px;
    /*background-color: #efefef;*/
    white-space: nowrap;
    min-height: 44.39px;
    color: #5e6773;
    padding-left: 0.9rem;
    min-width: 180px;
    border: 1px solid #e1e3ea;
    border-radius: 0.3rem;
  }
  p.ro-wide {
    padding-top: 1.2rem;
    padding-bottom: 0.55rem;
    padding-left: 12px;
    font-weight: 600;
    margin-bottom: 0;
    padding-right: 20px;
    /*background-color: #efefef;*/
    white-space: nowrap;
    min-height: 44.39px;
    color: #5e6773;
    padding-left: 0.9rem;
    min-width: 180px;
    border: 1px solid #e1e3ea;
    border-radius: 0.3rem;
  }
}
@media screen and (max-width: 500px) {
  p.ro {
    padding: 1.563rem 1rem 0.7rem 1rem;
    font-weight: 600;
    margin-bottom: 0;
    /*background-color: #efefef;*/
    white-space: prewrap;
    min-height: 44.39px;
    color: #5e6773;
    border: 1px solid #e1e3ea;
    border-radius: 0.3rem;
  }
}
@media screen and (min-width: 501px) and (max-width: 768px) {
  p.ro {
    padding: 0.7rem 1rem 0.7rem 1rem;
    font-weight: 600;
    margin-bottom: 0;
    /*background-color: #efefef;*/
    white-space: prewrap;
    min-height: 44.39px;
    color: #5e6773;
    border: 1px solid #e1e3ea;
    border-radius: 0.3rem;
  }
}
.urloffset {
  font-weight: 500;
  font-size: inherit;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border: 1px solid #e1e3ea;
  padding-left: 1rem;
  border-top-left-radius: 0.3rem !important;
  border-bottom-left-radius: 0.3rem !important;
  border-radius: 0.3rem;
}
.urloffset::-webkit-input-placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.urloffset::-moz-placeholder:not(:focus) {
  opacity: 0.8;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.urloffset:-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.urloffset::-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.urloffset::placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.urloffset:focus::-webkit-input-placeholder {
  opacity: 0;
}
.urloffset:focus:-moz-placeholder {
  opacity: 0;
}
.urloffset:-ms-input-placeholder {
  opacity: 0;
}
.urloffset:focus {
  outline: 1px solid #8b8dfa;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.urloffset .input-group-append {
  margin-top: 0 !important;
  margin-left: -1px !important;
  border-left: none;
  height: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.urloffset:-moz-placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.urloffset:-ms-input-placeholder:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.urloffset:placeholder-shown:not(.input-group):not(:focus):not(.d-none):not(.fstControls):not(i.showpass):not(.forceback):not(.colorpickIro):not(.invalid-icon) + *:not(i.showpass) {
  top: 50% !important;
  height: 20px;
  color: #777;
  top: 0.05rem;
}
.urloffset .input-group:-moz-placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.urloffset .input-group:-ms-input-placeholder:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.urloffset .input-group:placeholder-shown:not(:focus):not(.d-none):not(i.showpass):not(.fstControls) + * {
  margin-top: 9px;
  margin-left: 57px;
  font-size: 0.9rem;
  opacity: 0.8;
  color: #777;
  top: 0.05rem;
}
.urloffset:focus {
  /*border-color: rgba(0,0,0,.5);*/
}

.manual-address-label > label {
  font-size: 0.72rem !important;
  color: #777;
  margin-bottom: 0px;
}

.label-inline input[type=text].date-control {
  padding-top: 1.6rem;
  padding-bottom: 1.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.label-inline input[type=text].date-control.date-end {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.label-inline input[type=text].date-control.date-start {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.label-inline::-webkit-input-placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-inline::-moz-placeholder:not(:focus) {
  opacity: 0.8;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-inline:-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-inline::-ms-input-placeholder:not(:focus) {
  opacity: 0.8;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-inline::placeholder:not(:focus) {
  opacity: 0.8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-style: italic;
  font-weight: 400;
}
.label-inline:focus::-webkit-input-placeholder {
  opacity: 0;
}
.label-inline:focus:-moz-placeholder {
  opacity: 0;
}
.label-inline:-ms-input-placeholder {
  opacity: 0;
}

/********************
 * PAGE ERRORS
 ********************/
.page-error {
  text-align: center;
}
.page-error .vertical-align-middle {
  padding: 30px;
}
.page-error h1, .page-error .h1 {
  margin-top: 0;
}
.page-error .title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: center;
}
.page-error .number {
  font-size: 4em;
}
.page-error .number.left {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
  text-align: right;
  margin-right: 5px;
}
.page-error .text {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.2;
  position: relative;
  top: 12px;
}
@media screen and (max-width: 768px) {
  .page-error .text {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .page-error .number.left,
  .page-error .text {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .page-error .number.left,
  .page-error .text {
    font-size: 1.4em;
  }
}
.page-error .searchbox {
  margin: 50px auto;
  width: 40%;
}
@media screen and (max-width: 640px) {
  .page-error .searchbox {
    width: 100%;
  }
  .page-error .searchbox input[type=search],
  .page-error .searchbox .input-group,
  .page-error .searchbox .input-group-btn,
  .page-error .searchbox .btn,
  .page-error .searchbox .btn-ls {
    display: block;
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 768px) {
  .page-error .searchbox {
    width: 80%;
  }
}