/* TODO: Move fonts, styles and global.css into folder global-assets */
:root {
  /* Variables */
  /* ======================================================== */

  /* Custom Colors */
  /* -------------------------------------------------------- */
  --primary-color: #00b5e2;
  --secondary-color: #005d72;
  --tertiary-color: #002332;
  --success-color: #2dd36f;
  --warning-color: #ffc409;
  --danger-color: #eb445a;
  --light-color: #f4f5f8;
  --gray-color: #868686;
  --dark-color: #222428;

  /* Custom Text Colors */
  /* -------------------------------------------------------- */
  --text-color-value: #000;
  --text-on-color-value: #fff;
  --button-text-color-value: #fff;

  --button-text: var(--button-text-color-value);
  --text-color: var(--text-color-value);
  --text-on-color: var(--text-on-color-value);
  --mdc-theme-on-surface: var(--text-color);

  /* Custom Background Colors */
  /* -------------------------------------------------------- */
  --primary-background-color: #ffffff;
  --secondary-background-color: #ebebeb;
  --surface-color: #ffffff;
  --background-color: #ffffff;

  /* Custom Fonts */
  /* -------------------------------------------------------- */
  --primary-font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica,
    Arial, sans-serif;

  --mdc-typography-font-family: var(--primary-font-family);

  /* Custom Padding and Margin */
  /* -------------------------------------------------------- */
  --padding-small: 1rem;
  --margin-small: 1rem;
  --antrago-course-detail-max-width: 1360px;

  /* Custom Animations */
  /* -------------------------------------------------------- */
  --animation-elements-delay: 0.1s;
}

/* Antrago Design */
/* ======================================================== */

/* Enrollment Grid */
/* -------------------------------------------------------- */

.antrago-personalData .antrago-grid-area {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

  grid-template-areas:
    'salutation firstName firstName lastName lastName'
    'birthday communications1 communications1 communications0 communications0'
    'street street zipcode place place'
    'comments2 comments2 thesauren0specificationId foreignKey1 foreignKey1'
    'comments0 comments0 comments0 comments0 comments0'
    'conditionalcontainercomments2 conditionalcontainerthesauren0specificationId conditionalcontainerforeignKey1 . .';
}

.antrago-sharedData .antrago-grid-area {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

  grid-template-areas:
    'companyConnections0Name1 companyConnections0Name1 companyConnections0Name2 companyConnections0Name2 companyConnections0Name3 companyConnections0Name3'
    'companyConnections0street companyConnections0street companyConnections0zipcode companyConnections0zipcode companyConnections0place companyConnections0place'
    'companyConnections0communications1 companyConnections0communications1 companyConnections0communications1 companyConnections0communications0 companyConnections0communications0 companyConnections0communications0';
}

@media only screen and (max-width: 1300px) {
  .antrago-personalData .antrago-grid-area {
    grid-template-columns: 1fr;

    grid-template-areas:
      'salutation'
      'firstName'
      'lastName'
      'birthday'
      'communications1'
      'communications0'
      'street'
      'zipcode'
      'place'
      'comments2'
      'thesauren0specificationId'
      'foreignKey1'
      'comments0'
      'conditionalcontainercomments2'
      'conditionalcontainerthesauren0specificationId'
      'conditionalcontainerforeignKey1';
  }

  .antrago-sharedData .antrago-grid-area {
    grid-template-columns: 1fr;

    grid-template-areas:
      'companyConnections0Name1'
      'companyConnections0Name2'
      'companyConnections0Name3'
      'companyConnections0street'
      'companyConnections0zipcode'
      'companyConnections0place'
      'companyConnections0communications1'
      'companyConnections0communications0';
  }
}

/* Basis CSS - do not change */
/* ======================================================== */
/* ======================================================== */

/* Compatibility CSS */
/* -------------------------------------------------------- */
.antrago-element-class div::before,
.antrago-element-class p::before {
  /* WordPress compatibility */
  content: none;
}

/* Custom CSS */
/* -------------------------------------------------------- */

.antrago-element-class {
  font-weight: 400;
  font-size: 15px;
  font-family: var(--mdc-typography-font-family);
  line-height: 1.7;
}

.mdc-button--outlined:not(:disabled) {
  border-color: var(--mdc-theme-primary) !important;
}

.antrago-text--raised {
  color: var(--mdc-theme-primary);
}

.antrago-main-component {
  background-color: var(--primary-background-color);
}

.antrago-inner-item {
  background-color: var(--secondary-background-color);
}

.antrago-list-element-title {
  font-size: 1.2em;
  font-weight: bold;
}

.antrago-title {
  font-size: 1.2em;
  font-weight: bold;
}

antrago-checkbox .mdc-checkbox {
  box-sizing: content-box !important;
}

/* Theme classes for color scheme */
/* -------------------------------------------------------- */

.rr-color-primary {
  --mdc-theme-primary: var(--primary-color);
  --mdc-theme-secondary: var(--primary-color);
  --mdc-theme-on-primary: var(--text-on-color);
  --mdc-theme-on-secondary: var(--text-on-color);
}

.rr-color-secondary {
  --mdc-theme-primary: var(--secondary-color);
  --mdc-theme-secondary: var(--secondary-color);
  --mdc-theme-on-primary: var(--text-on-color);
  --mdc-theme-on-secondary: var(--text-on-color);
}

.rr-color-tertiary {
  --mdc-theme-primary: var(--tertiary-color);
  --mdc-theme-secondary: var(--tertiary-color);
  --mdc-theme-on-primary: var(--text-on-color);
  --mdc-theme-on-secondary: var(--text-on-color);
}

.rr-color-success {
  --mdc-theme-primary: var(--success-color);
  --mdc-theme-secondary: var(--success-color);
  --mdc-theme-on-primary: var(--text-on-color);
  --mdc-theme-on-secondary: var(--text-on-color);
}

.rr-color-warning {
  --mdc-theme-primary: var(--warning-color);
  --mdc-theme-secondary: var(--warning-color);
  --mdc-theme-on-primary: var(--dark-color);
  --mdc-theme-on-secondary: var(--dark-color);
}

.rr-color-danger {
  --mdc-theme-primary: var(--danger-color);
  --mdc-theme-secondary: var(--danger-color);
  --mdc-theme-on-primary: var(--text-on-color);
  --mdc-theme-on-secondary: var(--text-on-color);
  --mdc-theme-error: var(--danger-color);
}

.rr-color-light {
  --mdc-theme-primary: var(--light-color);
  --mdc-theme-secondary: var(--light-color);
  --mdc-theme-on-primary: var(--dark-color);
  --mdc-theme-on-secondary: var(--dark-color);
}

.rr-color-dark {
  --mdc-theme-primary: var(--dark-color);
  --mdc-theme-secondary: var(--dark-color);
  --mdc-theme-on-primary: var(--text-on-color);
  --mdc-theme-on-secondary: var(--text-on-color);
}

.rr-color-button-text {
  --mdc-theme-primary: var(--button-text);
  --mdc-theme-secondary: var(--button-text);
}

/* Google Material Icons: https://fonts.googleapis.com/icon?family=Material+Icons */
/* -------------------------------------------------------- */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/materialicons_v84.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* CSS Print Properties */
/* -------------------------------------------------------- */

@media print {
  /* Print `portrait` or `landscape` */
  @page {
    size: A4 portrait;
  }

  /* Print CSS for Course Detail */
  .antrago-cta-button-container {
    display: none;
  }
  .antrago-course-button-container-flex {
    display: none;
  }
  .antrago-course-detail-container {
    text-align: left;
  }
  /* CSS Print line break options */
  /* 
    https://css-tricks.com/almanac/properties/p/page-break/ 
    erklärung zu page-break-before, page-break-after, page-break-inside 
    */
  /* .course-thesaurus-exists {
    page-break-before: always;
  } */

  .antrago-course-instructor-description {
    page-break-before: always;
  }

  /* Print CSS for Wordpress */
  .header-top {
    display: none;
  }
  .header-wrapper {
    display: none;
  }
  .footer {
    display: none;
  }

  /* Print CSS for Cart */
  .mdc-data-table .mdc-button,
  .mdc-data-table .mdc-icon-button {
    display: none;
  }
}

@font-face {
  font-family: 'Roboto';
  src: url(./fonts/roboto-regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url(./fonts/roboto-bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

.antrago-smart {
  font-family: var(--FONT-FAMILY);

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0;
    padding: 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: var(--DARKBLUE);
  }

  h1 {
    font-size: var(--FONT-SIZE-H1) !important;
    line-height: var(--FONT-SIZE-H1) !important;
  }

  h2 {
    font-size: var(--FONT-SIZE-H2) !important;
    line-height: var(--FONT-SIZE-H2) !important;
  }

  h3 {
    font-size: var(--FONT-SIZE-H3) !important;
    line-height: var(--FONT-SIZE-H3) !important;
  }

  h4 {
    font-size: var(--FONT-SIZE-H4) !important;
    line-height: var(--FONT-SIZE4H4) !important;
  }

  h5 {
    font-size: var(--FONT-SIZE-H5) !important;
    line-height: var(--FONT-SIZE-H5) !important;
  }

  h6 {
    font-size: var(--FONT-SIZE-H6) !important;
    line-height: var(--FONT-SIZE-H6) !important;
  }

  p,
  span,
  label {
    font-size: var(--FONT-SIZE-DEFAULT) !important;
    line-height: var(--FONT-SIZE-DEFAULT) !important;
    font-weight: 400;
    color: var(--FONT-100);
  }

  .text--small {
    font-size: var(--FONT-SIZE-SMALL);
  }
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'),
    url(./fonts/material-icons-regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons Outlined'), local('MaterialIcons-Outlined'),
    url(./fonts/material-icons-outlined.otf) format('truetype');
}

.antrago-smart {
  .material-icons,
  .material-icons-outlined {
    color: var(--FONT-100);
  }

  .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. */
    font-feature-settings: 'liga';
  }

  .material-icons-outlined {
    font-family: 'Material Icons Outlined';
    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. */
    font-feature-settings: 'liga';
  }
}

.antrago-smart {
  --mdc-theme-primary: var(--ROYALBLUE);
  --mdc-theme-secondary: var(--ROYALBLUE);
  --mdc-theme-error: var(--CORAL);
  --mdc-theme-on-primary: var(--BG-200);
  --mdc-checkbox-touch-target-size: 48px;

  /* TODO: There's probably a better way */
  .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,
  .mdc-select--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-primary);
  }

  .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error) !important;
  }

  .mdc-button__label {
    color: var(--mdc-theme-on-primary);
  }
}

.antrago-smart {
  /* Change the font-family only here! */
  --FONT-FAMILY: 'Roboto', 'sans-serif';

  /* Change the font size only here! */
  --FONT-SIZE-DEFAULT: 16px;

  /* The rem-Values are based on a default font size of 16px */
  --FONT-SIZE-SMALL: 0.75rem; /* 12px*/
  --FONT-SIZE-PLUS: 1.125rem; /* 18px*/
  --FONT-SIZE-H1: 2rem; /*32px*/
  --FONT-SIZE-H2: 1.5rem; /*24px*/
  --FONT-SIZE-H3: 1.25rem; /* 20px*/
  --FONT-SIZE-H4: 1rem; /*16px*/
  --FONT-SIZE-H5: 0.875rem; /* 14px*/
  --FONT-SIZE-H6: 0.75rem; /* 12px*/

  /* Colors */
  --LILAC: #bfccff;
  --DARKBLUE: #00324a;
  --ROYALBLUE: #4d8bff;
  --CORAL: #ff2f4c;

  /* Background Colors */
  --BG-100: #f8f8f8;
  --BG-200: #fff;
  --BG-300: #f5f5f5;

  /* Font Colors */
  --FONT-100: #212121;
  --FONT-200: #a4a4a4;

  /* Border (Values for spacings and border-radius) */
  --BORDER-05: 0.5px;
  --BORDER-DEFAULT: 1px;
  --BORDER-2: 2px;
  --BORDER-3: 3px;
  --BORDER-4: 4px;

  /* Shadow */
  --SHADOW: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  /* Spacings */
  --SPACING-05: 4px;
  --SPACING-DEFAULT: 8px;
  --SPACING-15: 12px;
  --SPACING-2: 16px;
  --SPACING-225: 20px;
  --SPACING-25: 24px;
  --SPACING-3: 28px;
  --SPACING-4: 32px;
  --SPACING-45: 48px;
  --SPACING-5: 64px;
}

@media (max-width: 544px) {
  .antrago-smart {
    --FONT-SIZE-H1: 1.7rem;
  }
}


.antrago-smart {
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent;

  div::before,
  div::after,
  article::before,
  article::after,
  header::before,
  header::after,
  footer::before,
  footer::before,
  button::before,
  button::after,
  form::before,
  form::after {
    content: none;
  }

  form {
    margin: 0;
    padding: 0;
  }

  fieldset {
    margin: 0;
    padding: 0;
    border: none;
  }

  input {
    border: none;
    border-radius: unset;
    background: transparent;
    margin: 0;
    padding: 0;
  }

  /* Visually hide an element, but leave it available for screen readers */
  .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }

  .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: var(--BORDER-4);
    background: var(--BG-200);
    box-shadow: var(--SHADOW);
    padding: var(--SPACING-DEFAULT);
  }

  .btn:active,
  .btn--active {
    background: var(--LILAC);
    font-weight: bold;
  }
  .btn:focus {
    background: var(--LILAC);
  }
  .btn--primary {
    background: var(--ROYALBLUE);
    color: var(--BG-200);
  }

  .error {
    color: var(--CORAL);
    font-size: var(--FONT-SIZE-SMALL) !important;
  }
}


/* Import external CSS dependencies */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list='checked'] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list='unchecked'] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
    list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
      list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7
      list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list='checked'] > .ql-ui,
.ql-editor li[data-list='unchecked'] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list='bullet'] > .ql-ui:before {
  content: '\2022';
}
.ql-editor li[data-list='checked'] > .ql-ui:before {
  content: '\2611';
}
.ql-editor li[data-list='unchecked'] > .ql-ui:before {
  content: '\2610';
}
@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
      list-9;
  }
}
.ql-editor li[data-list='ordered'] {
  counter-increment: list-0;
}
.ql-editor li[data-list='ordered'] > .ql-ui:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor li[data-list='ordered'].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list='ordered'].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) '. ';
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list='ordered'].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list='ordered'].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) '. ';
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list='ordered'].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list='ordered'].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) '. ';
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list='ordered'].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list='ordered'].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) '. ';
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list='ordered'].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list='ordered'].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) '. ';
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list='ordered'].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list='ordered'].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) '. ';
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list='ordered'].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list='ordered'].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) '. ';
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list='ordered'].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list='ordered'].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) '. ';
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list='ordered'].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list='ordered'].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*# sourceMappingURL=quill.core.css.map*/

.ql-editor ul {
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
}