@charset "UTF-8";

/* node_modules/quill/dist/quill.core.css */
/*!
 * 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: .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: .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: .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;
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * 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: .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: .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: .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;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* src/assets/layout/css/layout-zupit.scss */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("./media/Roboto-Light-webfont-4BI7FVOZ.eot");
  src:
    local("Roboto Light"),
    local("Roboto-Light"),
    url("./media/Roboto-Light-webfont-4BI7FVOZ.eot?#iefix") format("embedded-opentype"),
    url("./media/Roboto-Light-webfont-5NULH2WD.woff") format("woff"),
    url("./media/Roboto-Light-webfont-3QLPKMGV.ttf") format("truetype"),
    url("./media/Roboto-Light-webfont-AUDUWFPG.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./media/Roboto-Regular-webfont-WE5T5LAD.eot");
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url("./media/Roboto-Regular-webfont-WE5T5LAD.eot#iefix") format("embedded-opentype"),
    url("./media/Roboto-Regular-webfont-TYLV3C2Z.woff") format("woff"),
    url("./media/Roboto-Regular-webfont-ZCVS4SKO.ttf") format("truetype"),
    url("./media/Roboto-Regular-webfont-I5TYVNTF.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("./media/Roboto-Bold-webfont-UWBPX3PK.eot");
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url("./media/Roboto-Bold-webfont-UWBPX3PK.eot#iefix") format("embedded-opentype"),
    url("./media/Roboto-Bold-webfont-4JCTKCLB.woff") format("woff"),
    url("./media/Roboto-Bold-webfont-RK5YI3AS.ttf") format("truetype"),
    url("./media/Roboto-Bold-webfont-6DPS2NK7.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("./media/MaterialIcons-Regular-DZIPLQX7.eot");
  src:
    local("Material Icons"),
    local("MaterialIcons-Regular"),
    url("./media/MaterialIcons-Regular-P2RAEPXM.woff2") format("woff2"),
    url("./media/MaterialIcons-Regular-3OCSKOJA.woff") format("woff"),
    url("./media/MaterialIcons-Regular-DFX2JKJN.ttf") format("truetype");
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
*[hidden] {
  display: none;
}
.card,
.customTable {
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  margin-bottom: 1em;
  margin-top: 1em;
  box-sizing: border-box;
}
.card.card-w-title,
.card-w-title.customTable {
  padding-bottom: 2em;
}
.card h1,
.customTable h1 {
  font-size: 1.5em;
  font-weight: 400;
  margin: 1em 0;
}
.card h1:first-child,
.customTable h1:first-child {
  margin-top: 0.667em;
}
.card h2,
.customTable h2 {
  font-size: 1.375em;
  font-weight: 400;
}
.card h3,
.customTable h3 {
  font-size: 1.25em;
  font-weight: 400;
}
.card h4,
.customTable h4 {
  font-size: 1.125em;
  font-weight: 400;
}
.nopad {
  padding: 0;
}
.nopad .p-panel-content {
  padding: 0;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.p-icon-spin {
  -webkit-animation-name: spin;
  animation-name: spin;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.p-shadow-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.p-g.form-group > div {
  padding: 1em;
}
.p-g.form-group-m > div {
  padding: 1em;
}
.ripplelink {
  text-decoration: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
}
.ripplelink:hover {
}
.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.ripple-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.splash-screen {
  background-color: #3F51B5;
  height: 100%;
}
.splash-screen .splash-container {
  padding-top: 250px;
  width: 250px;
  margin: 0 auto;
  text-align: center;
}
.splash-screen .logo {
  display: inline-block;
  vertical-align: middle;
  width: 215px;
  height: 48px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
  background-size: 200px 30px;
}
.splash-screen .load-bar {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 6px;
  background-color: #ffffff;
}
.splash-screen .bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.splash-screen .bar:nth-child(1) {
  background-color: #E91E63;
  animation: loading 3s linear infinite;
}
.splash-screen .bar:nth-child(2) {
  background-color: #8BC34A;
  animation: loading 3s linear 1s infinite;
}
.splash-screen .bar:nth-child(3) {
  background-color: #FFC107;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100;
  }
  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10;
  }
  to {
    left: 0;
    width: 100%;
  }
}
.dashboard .overview {
  padding: 0 !important;
  min-height: 140px;
  position: relative;
  margin-bottom: 0px !important;
}
.dashboard .overview .overview-content {
  padding: 16px;
}
.dashboard .overview .overview-content .overview-title {
  font-size: 18px;
}
.dashboard .overview .overview-content .overview-badge {
  float: right;
  color: #757575;
}
.dashboard .overview .overview-content .overview-detail {
  display: block;
  font-size: 24px;
  margin-top: 5px;
}
.dashboard .overview .overview-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.dashboard .overview .overview-footer img {
  display: block;
}
.dashboard .colorbox {
  padding: 0 !important;
  text-align: center;
  overflow: hidden;
  margin-bottom: 0px !important;
}
.dashboard .colorbox i {
  font-size: 48px;
  margin-top: 10px;
  color: #ffffff;
}
.dashboard .colorbox .colorbox-name {
  font-size: 20px;
  display: inline-block;
  width: 100%;
  margin: 4px 0 10px 0;
  color: #ffffff;
}
.dashboard .colorbox .colorbox-count {
  color: #ffffff;
  font-size: 36px;
}
.dashboard .colorbox .colorbox-count {
  font-weight: bold;
}
.dashboard .colorbox.colorbox-1 {
  background-color: #4CAF50;
}
.dashboard .colorbox.colorbox-1 div:first-child {
  background-color: #2E7D32;
}
.dashboard .colorbox.colorbox-2 {
  background-color: #03A9F4;
}
.dashboard .colorbox.colorbox-2 div:first-child {
  background-color: #0277BD;
}
.dashboard .colorbox.colorbox-3 {
  background-color: #673AB7;
}
.dashboard .colorbox.colorbox-3 div:first-child {
  background-color: #4527A0;
}
.dashboard .colorbox.colorbox-4 {
  background-color: #009688;
}
.dashboard .colorbox.colorbox-4 div:first-child {
  background-color: #00695C;
}
.dashboard .task-list {
  overflow: hidden;
}
.dashboard .task-list > .p-panel {
  min-height: 340px;
}
.dashboard .task-list .p-panel-content {
  padding: 10px 0 !important;
}
.dashboard .task-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dashboard .task-list ul li {
  padding: 0.625em 0.875em;
  border-bottom: 1px solid #dbdbdb;
}
.dashboard .task-list ul li:first-child {
  margin-top: 10px;
}
.dashboard .task-list ul .p-chkbox {
  vertical-align: middle;
  margin-right: 5px;
}
.dashboard .task-list ul .task-name {
  vertical-align: middle;
}
.dashboard .task-list ul i {
  color: #757575;
  float: right;
}
.dashboard .contact-form {
  overflow: hidden;
}
.dashboard .contact-form .p-panel {
  min-height: 340px;
}
.dashboard .contact-form .p-g-12 {
  padding: 16px 10px;
}
.dashboard .contact-form .p-button {
  margin-top: 20px;
}
.dashboard .contacts {
  overflow: hidden;
}
.dashboard .contacts > .p-panel {
  min-height: 340px;
}
.dashboard .contacts .p-panel-content {
  padding: 15px 0 10px 0 !important;
}
.dashboard .contacts ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .contacts ul li {
  border-bottom: 1px solid #d8d8d8;
}
.dashboard .contacts ul li a {
  padding: 9px;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.dashboard .contacts ul li a .name {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
  color: #212121;
}
.dashboard .contacts ul li a .email {
  position: absolute;
  right: 10px;
  top: 30px;
  font-size: 14px;
  color: #757575;
}
.dashboard .contacts ul li a:hover {
  cursor: pointer;
  background-color: #e8e8e8;
}
.dashboard .contacts ul li:last-child {
  border: 0;
}
.dashboard .activity-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .activity-list li {
  border-bottom: 1px solid #bdbdbd;
  padding: 15px 0 9px 9px;
}
.dashboard .activity-list li .count {
  font-size: 24px;
  color: #ffffff;
  background-color: #03A9F4;
  font-weight: bold;
  display: inline-block;
  padding: 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.dashboard .activity-list li:first-child {
  border-top: 1px solid #bdbdbd;
}
.dashboard .activity-list li:last-child {
  border: 0;
}
.dashboard .activity-list li .p-g-6:first-child {
  font-size: 18px;
  padding-left: 0;
}
.dashboard .activity-list li .p-g-6:last-child {
  text-align: right;
  color: #757575;
}
.dashboard .timeline {
  height: 100%;
  box-sizing: border-box;
}
.dashboard .timeline > .p-g .p-g-3 {
  font-size: 14px;
  position: relative;
  border-right: 1px solid #bdbdbd;
}
.dashboard .timeline > .p-g .p-g-3 i {
  background-color: #ffffff;
  font-size: 36px;
  position: absolute;
  top: 0px;
  right: -18px;
}
.dashboard .timeline > .p-g .p-g-9 {
  padding-left: 1.5em;
}
.dashboard .timeline > .p-g .p-g-9 .event-text {
  color: #757575;
  font-size: 14px;
  display: block;
  padding-bottom: 20px;
}
.dashboard .timeline > .p-g .p-g-9 .event-content img {
  width: 100%;
}
.dashboard > div > .p-panel {
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.layout-rightpanel .layout-rightpanel-header {
  background: url("./media/sidebar-image-HFPLSW5K.jpg") no-repeat;
  background-size: cover;
  height: 118px;
  padding: 20px 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-rightpanel .layout-rightpanel-header .weather-day,
.layout-rightpanel .layout-rightpanel-header .weather-date {
  color: #ffffff;
  left: 14px;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 4px;
}
.layout-rightpanel .layout-rightpanel-content {
  padding: 14px;
}
.layout-rightpanel .layout-rightpanel-content h1 {
  font-size: 18px;
  margin: 0 0 4px 0;
}
.layout-rightpanel .layout-rightpanel-content h2 {
  font-size: 16px;
  margin: 0;
  color: #757575;
  font-weight: normal;
}
.layout-rightpanel .layout-rightpanel-content .weather-today {
  text-align: center;
  margin-top: 28px;
}
.layout-rightpanel .layout-rightpanel-content .weather-today .weather-today-value {
  font-size: 36px;
  vertical-align: middle;
  margin-right: 14px;
}
.layout-rightpanel .layout-rightpanel-content .weather-today img {
  vertical-align: middle;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather {
  list-style-type: none;
  margin: 28px 0 0 0;
  padding: 0;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li {
  padding: 8px 14px;
  border-bottom: 1px solid #d8dae2;
  position: relative;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li .weekly-weather-value {
  position: absolute;
  right: 40px;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li img {
  width: 24px;
  position: absolute;
  right: 0px;
  top: 4px;
}
.login-body {
  background: url("./media/login-U65P65LQ.png") top left no-repeat #f7f7f7;
  background-size: 100% auto;
  height: auto;
}
.login-panel {
  text-align: center;
  width: 350px;
  min-height: 440px;
  padding: 50px 20px;
  margin: 100px auto 0 auto;
}
.login-panel .p-g .p-g-12 {
  padding: 25px 40px;
}
.login-panel .p-g .p-g-12 .p-button {
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.login-panel .p-g .p-g-12 .p-button-icon-left {
  position: absolute;
  left: 10px;
}
.login-panel .p-button:hover {
  background-color: #283593;
}
.login-panel .p-button:focus {
  outline: 0 none;
  background-color: adjust(#1e295d, 10%);
}
.login-panel .p-button.secondary:hover {
  background-color: #00ced1;
}
.login-panel .p-button.secondary:focus {
  outline: 0 none;
  background-color: adjust(#afeeee, 10%);
}
.login-panel .p-inputtext {
  color: #1e295d;
}
.login-panel .p-inputtext:focus {
  border-width: 0 0 2px 0;
  border-color: #1e295d;
  padding-bottom: 0px;
  outline: none;
}
.login-footer {
  position: absolute;
  bottom: 10px;
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: #757575;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .login-body {
    background: url("./media/login2x-H6DGULAM.png") top left no-repeat #f7f7f7;
    background-size: 100% auto;
  }
}
@media (max-width: 1024px) {
  .login-panel {
    text-align: center;
    min-height: 440px;
    margin: 100px auto 0 auto;
  }
}
@media (max-width: 640px) {
  .login-panel {
    text-align: center;
    width: 300px;
    min-height: 440px;
    padding: 40px 20px;
    margin: 75px auto 0 auto;
  }
  .login-panel .p-g .p-g-12 {
    padding: 20px 20px;
  }
  .login-panel .p-g .p-g-12 .p-button {
    margin-top: 30px;
  }
}
.login-logo {
  width: 100%;
  margin-bottom: 10px;
}
.exception-body {
  background-color: #f7f7f7;
  height: auto;
}
.exception-body .exception-type {
  width: 100%;
  height: 50%;
  padding: 100px 100px 0 100px;
  box-sizing: border-box;
  text-align: center;
}
.exception-body .exception-panel {
  text-align: center;
  width: 350px;
  padding: 35px;
  margin: -10% auto 0 auto;
  z-index: 100;
}
.exception-body .exception-panel i {
  font-size: 72px;
}
.exception-body .exception-panel h1 {
  font-size: 36px;
  line-height: 36px;
  color: #757575;
}
.exception-body .exception-panel .exception-detail {
  margin: 20px 0px 100px 0px;
  color: #757575;
}
.exception-body .p-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.exception-body .p-button:hover {
  background-color: #00ced1;
}
.exception-body.error-page .exception-type {
  background-color: #e62a10;
}
.exception-body.error-page .exception-type img {
  width: 100%;
}
.exception-body.error-page .exception-panel i {
  color: #f79a84;
}
.exception-body.notfound-page .exception-type {
  background-color: #3f51b5;
}
.exception-body.notfound-page .exception-type img {
  width: 54%;
}
.exception-body.notfound-page .exception-panel i {
  color: #9fa8da;
}
.exception-body.accessdenied-page .exception-type {
  background-color: #e91e63;
}
.exception-body.accessdenied-page .exception-type img {
  width: 50%;
}
.exception-body.accessdenied-page .exception-panel i {
  color: #f48fb1;
}
@media (max-width: 1024px) {
  .exception-body .exception-panel {
    margin-top: -50px;
  }
}
@media (max-width: 640px) {
  .exception-body .exception-panel {
    width: 250px;
    margin-top: -15px;
  }
}
.landing-wrapper .p-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.landing-wrapper .p-button:hover {
  background-color: #00ced1;
}
.landing-wrapper #header {
  width: 100%;
  min-height: 400px;
  background: url("./media/landing-header-VCLHZ3E5.png") top left no-repeat #f7f7f7;
  background-size: 100% auto;
}
.landing-wrapper #header .header-top {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px;
}
.landing-wrapper #header .header-top .logo {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 30px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
}
.landing-wrapper #header .header-top #menu {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.landing-wrapper #header .header-top #menu li {
  float: left;
  display: block;
  margin-left: 30px;
}
.landing-wrapper #header .header-top #menu li a {
  color: #ffffff;
}
.landing-wrapper #header .header-top #menu li i {
  display: none;
}
.landing-wrapper #header .header-top #menu.lmenu-active {
  display: block;
}
.landing-wrapper #header .header-top #menu-button {
  height: 36px;
  margin-top: -2px;
  float: right;
  color: #ffffff;
  display: none;
}
.landing-wrapper #header .header-top #menu-button i {
  font-size: 36px;
}
.landing-wrapper #header .header-content {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
.landing-wrapper #header .header-content h1 {
  margin: 75px 0px 50px 0px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
}
.landing-wrapper #features {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #features h2 {
  font-weight: 400;
  line-height: 28px;
}
.landing-wrapper #features h3 {
  font-weight: 400;
}
.landing-wrapper #features p {
  color: #757575;
}
.landing-wrapper #features .p-g-12 {
  padding: 2em 0.5em;
}
.landing-wrapper #features .feature-icon {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f4f8fc;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  text-align: center;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.landing-wrapper #features .feature-icon i {
  margin-top: 30px;
  font-size: 36px;
}
.landing-wrapper #features .feature-icon:hover {
  background-color: #e91e63;
}
.landing-wrapper #features .feature-icon:hover i {
  color: #ffffff;
}
.landing-wrapper #promotion {
  background: url("./media/promotion-GOZ4UI4U.png") top left no-repeat;
  background-size: 100% auto;
}
.landing-wrapper #promotion .p-lg-8 {
  padding: 150px 0 0 150px;
}
.landing-wrapper #promotion .p-lg-8 h1 {
  font-weight: 48px;
  color: #ffffff;
  font-weight: 400;
}
.landing-wrapper #promotion .p-lg-4 {
  margin: -50px 0 -50px 0;
}
.landing-wrapper #promotion .p-lg-4 .card,
.landing-wrapper #promotion .p-lg-4 .customTable {
  -webkit-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  -moz-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  margin-bottom: 20px;
}
.landing-wrapper #promotion .p-lg-4 .card h3,
.landing-wrapper #promotion .p-lg-4 .customTable h3 {
  font-weight: 400;
}
.landing-wrapper #promotion .p-lg-4 .card p,
.landing-wrapper #promotion .p-lg-4 .customTable p {
  color: #757575;
}
.landing-wrapper #promotion .p-lg-4 .card:last-child,
.landing-wrapper #promotion .p-lg-4 .customTable:last-child {
  margin-bottom: 0;
}
.landing-wrapper #pricing {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #pricing h2 {
  font-weight: 400;
}
.landing-wrapper #pricing p {
  color: #757575;
}
.landing-wrapper #pricing .pricing-box .card,
.landing-wrapper #pricing .pricing-box .customTable {
  height: 100%;
  padding: 0;
}
.landing-wrapper #pricing .pricing-box .pricing-header {
  padding: 40px 0;
  color: #ffffff;
}
.landing-wrapper #pricing .pricing-box .pricing-header span {
  display: block;
  line-height: 48px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.name {
  font-weight: 300;
  font-size: 24px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.fee {
  font-size: 48px;
  font-weight: 700;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.type {
  font-weight: 300;
  font-size: 16px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul {
  margin: 0;
  padding: 30px 20px;
  list-style-type: none;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li {
  font-size: 18px;
  text-align: left;
  padding: 10px 14px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li i {
  margin-right: 20px;
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li span {
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box.pricing-basic .pricing-header {
  background-color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-basic i {
  color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-standard .pricing-header {
  background-color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-standard i {
  color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-professional .pricing-header {
  background-color: #607d8b;
}
.landing-wrapper #pricing .pricing-box.pricing-professional i {
  color: #607d8b;
}
.landing-wrapper #video {
  background-color: #f7f7f7;
  min-width: 400px;
}
.landing-wrapper #video .video-content {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #video .video-content h2 {
  font-weight: 400;
}
.landing-wrapper #video .video-content p {
  color: #757575;
}
.landing-wrapper .footer {
  background-color: #f7f7f7;
  border-top: 1px solid #dddddd;
}
.landing-wrapper .footer .footer-content {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px 50px 0px;
}
.landing-wrapper .footer .footer-content ul {
  float: right;
  list-style-type: none;
}
.landing-wrapper .footer .footer-content ul li a {
  color: #757575;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.landing-wrapper .footer .footer-content ul li a:hover {
  color: #212121;
}
@media (max-width: 1024px) {
  .landing-wrapper #header {
    min-height: 200px;
    background-size: cover;
  }
  .landing-wrapper #header .header-top {
    z-index: 100;
    position: fixed;
    top: 0;
    background: #424242;
    background-size: 100% auto;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .landing-wrapper #header .header-top #menu-button {
    display: inline-block;
  }
  .landing-wrapper #header .header-top #menu {
    z-index: 100;
    position: fixed;
    top: 86px;
    right: 30px;
    float: none;
    display: none;
    margin: 0;
    padding: 0;
    width: 225px;
    list-style: none;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }
  .landing-wrapper #header .header-top #menu li {
    float: none;
    margin-left: 0;
  }
  .landing-wrapper #header .header-top #menu li a {
    font-size: 16px;
    display: block;
    padding: 10px 16px;
    color: #212121;
    width: 100%;
    box-sizing: border-box;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    overflow: hidden;
  }
  .landing-wrapper #header .header-top #menu li a i {
    color: #757575;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 24px;
  }
  .landing-wrapper #header .header-top #menu li a:hover {
    background-color: #e8e8e8;
  }
  .landing-wrapper #header .header-top #menu li a span {
    display: inline-block;
    vertical-align: middle;
  }
  .landing-wrapper #header .header-content {
    width: 100%;
    padding: 100px 30px 60px 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #header .header-content h1 {
    margin: 75px 0px 50px 0px;
    font-weight: 400;
  }
  .landing-wrapper #features,
  .landing-wrapper #promotion,
  .landing-wrapper #pricing,
  .landing-wrapper #video,
  .landing-wrapper .footer .footer-content {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #promotion .p-lg-8 {
    padding: 100px 0 30px;
    text-align: center;
  }
  .landing-wrapper #promotion .p-lg-8 h1 {
    margin-top: -30px;
    font-weight: 48px;
    color: #ffffff;
    font-weight: 400;
  }
  .landing-wrapper #video .video-content {
    width: 100%;
  }
  .landing-wrapper #video .video-content .video-container iframe {
    width: 350px;
    height: 220px;
  }
  .landing-wrapper .footer .footer-content {
    text-align: center;
  }
  .landing-wrapper .footer .footer-content ul {
    float: none;
    margin: 0;
    padding: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .landing-wrapper .header .header-top .logo {
    background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
    background-size: 200px 30px;
  }
}
html {
  height: 100%;
}
body {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #212121;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
  background-color: #f7f7f7;
  height: 100%;
}
body a {
  text-decoration: none;
}
.layout-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #424242;
  top: 0;
  left: 0;
  z-index: 999999997;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.layout-container .topbar {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 75px;
  background-color: #1e295d;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.layout-container .topbar .logo {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 30px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
  background-size: 200px 30px;
}
.layout-container .topbar .topbar-left {
  box-sizing: border-box;
  padding: 20px;
  height: 75px;
  width: 250px;
  background-color: #283593;
  float: left;
}
.layout-container .topbar .topbar-right {
  padding: 15px;
  position: relative;
}
.layout-container .topbar .topbar-right #menu-button {
  color: #000000;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  margin-right: 10px;
  position: relative;
  left: -16px;
  top: 3px;
  background-color: #afeeee;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
}
.layout-container .topbar .topbar-right #menu-button:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.layout-container .topbar .topbar-right #menu-button i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.layout-container .topbar .topbar-right #menu-button i:before {
  content: "chevron_left";
}
.layout-container .topbar .topbar-right #menu-button i {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 36px;
}
.layout-container .topbar .topbar-right #topbar-menu-button,
.layout-container .topbar .topbar-right #rightpanel-menu-button {
  display: none;
  color: #ffffff;
  vertical-align: middle;
  height: 36px;
  margin-top: 4px;
  float: right;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.layout-container .topbar .topbar-right #topbar-menu-button i,
.layout-container .topbar .topbar-right #rightpanel-menu-button i {
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  font-size: 36px;
}
.layout-container .topbar .topbar-right #rightpanel-menu-button {
  display: block;
}
.layout-container .topbar .topbar-right #rightpanel-menu-button:hover {
  color: #e8e8e8;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input {
  position: relative;
  top: -10px;
  font-size: 16px;
  background-color: transparent;
  border-width: 0 0 1px 0;
  padding: 2px 2px 1px 2px;
  border-color: #ffffff;
  color: #ffffff;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input:focus {
  outline: 0 none;
  border-bottom-width: 2px;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input:focus ~ label {
  top: -5px;
  font-size: 12px;
  color: #1e295d;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input.p-state-filled ~ label {
  display: none;
}
.layout-container .topbar .topbar-right .topbar-items .search-item label {
  color: #ffffff;
  top: 8px;
}
.layout-container .layout-menu {
  overflow: auto;
  position: fixed;
  width: 250px;
  z-index: 99;
  top: 75px;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
.layout-container .layout-menu > .nano > .nano-content.menu-scroll-content {
  display: block;
  height: 100%;
  position: relative;
  overflow: scroll;
  overflow-x: hidden;
}
.layout-container .layout-menu > .nano > .nano-content .ultima-menu.ultima-main-menu {
  margin-top: 16px;
  padding-bottom: 120px;
}
.layout-container .layout-menu > .nano .nano-pane {
  background: transparent;
}
.layout-container .layout-menu > .nano .nano-pane .nano-slider {
  background-color: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.layout-container .layout-menu .profile {
  box-sizing: border-box;
  padding-top: 2em;
  width: 250px;
  height: 145px;
  text-align: center;
  background: url("./media/profile-bg-3HRE25MT.png") top left no-repeat;
  background-size: 250px 145px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.layout-container .layout-menu .profile .profile-image {
  width: 60px;
  height: 60px;
  margin: 0 auto 5px auto;
  display: block;
}
.layout-container .layout-menu .profile .profile-name {
  display: inline-block;
  color: #212121;
  vertical-align: middle;
  font-size: 1em;
}
.layout-container .layout-menu .profile i {
  color: #212121;
  vertical-align: middle;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.layout-container .layout-menu .profile.profile-expanded i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-container .layout-menu .profile-menu {
  border-bottom: 1px solid #d6d5d5;
  overflow: hidden;
}
.layout-container .layout-menu .profile-menu li:first-child {
  margin-top: 1em;
}
.layout-container .layout-menu .profile-menu li:last-child {
  margin-bottom: 1em;
}
.layout-container .layout-menu.layout-menu-dark {
  background-color: #424242;
}
.layout-container .layout-menu.layout-menu-dark .profile {
  background-image: url("./media/profile-bg-dark-Y2C2Q57H.png");
}
.layout-container .layout-menu.layout-menu-dark .profile .profile-name {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .profile i {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .profile-menu {
  border-bottom: 1px solid #545454;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a i {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a:hover {
  background-color: #676767;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink {
  color: #9fa8da;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink i {
  color: #9fa8da;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink:hover {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink:hover > i {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li.active-menuitem > a {
  color: #000000;
  background-color: #afeeee;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li.active-menuitem > a.active-menuitem-routerlink {
  color: #000000;
  background-color: #afeeee;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li.active-menuitem > a.active-menuitem-routerlink i {
  color: #212121;
}
.layout-container .layout-menu .menuitem-badge {
  position: absolute;
  right: 2em;
  top: 0.75em;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  text-align: center;
  background-color: #afeeee;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.layout-container .layout-menu .layout-menu-tooltip {
  display: none;
  padding: 0 5px;
  position: absolute;
  left: 76px;
  top: 6px;
  z-index: 101;
  line-height: 1;
}
.layout-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text {
  padding: 6px 8px;
  font-weight: 700;
  background-color: adjust(#424242, -5%);
  color: #ffffff;
  min-width: 75px;
  white-space: nowrap;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.layout-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: adjust(#424242, -5%);
}
.layout-container.menu-layout-overlay .layout-menu {
  margin-left: -250px;
}
.layout-container.menu-layout-overlay .layout-main {
  margin-left: 0px;
}
.layout-container.menu-layout-overlay.layout-menu-overlay-active .layout-menu {
  z-index: 999999999;
  margin-left: 0px;
}
.layout-container.menu-layout-overlay.layout-menu-overlay-active .layout-mask {
  display: block;
}
.layout-container.menu-layout-overlay.layout-menu-overlay-active .topbar .topbar-right #menu-button i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.layout-container.menu-layout-overlay .topbar {
  z-index: 999999998;
}
.layout-container.menu-layout-overlay .topbar .topbar-right #menu-button i {
  font-size: 36px !important;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.layout-container .layout-main {
  padding: 96px 16px 16px 16px;
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
.layout-container .layout-mask {
  display: none;
}
.layout-container .ultima-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.layout-container .ultima-menu li a {
  font-size: 1em;
  display: block;
  padding: 0.5em 1em;
  color: #212121;
  width: 100%;
  box-sizing: border-box;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  overflow: hidden;
}
.layout-container .ultima-menu li a i {
  color: #757575;
}
.layout-container .ultima-menu li a i:first-child {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  font-size: 1.5em;
}
.layout-container .ultima-menu li a i:last-child {
  float: right;
  font-size: 20px;
  margin-top: 0.15em;
  margin-right: -0.15em;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.layout-container .ultima-menu li a:hover {
  background-color: #e8e8e8;
}
.layout-container .ultima-menu li a span {
  display: inline-block;
  vertical-align: middle;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink {
  color: #3F51B5;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink > i {
  color: #3F51B5;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink:hover {
  color: #212121;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink:hover > i {
  color: #757575;
}
.layout-container .ultima-menu li.active-menuitem > a {
  color: #1e295d;
  background-color: #e8e8e8;
}
.layout-container .ultima-menu li.active-menuitem > a i {
  color: #1e295d;
}
.layout-container .ultima-menu li.active-menuitem > a i:last-child {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-container .ultima-menu li ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.layout-container .ultima-menu li ul li a {
  padding: 0.5em 1em 0.5em 2em;
}
.layout-container .ultima-menu li ul li a > span {
  font-size: 15px;
}
.layout-container .ultima-menu li ul li a i:first-child {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.6em;
  font-size: 1.25em;
}
.layout-container .ultima-menu li ul li ul li a {
  padding-left: 3em;
}
.layout-container .ultima-menu li ul li ul ul li a {
  padding-left: 4em;
}
.layout-container .ultima-menu li ul li ul ul ul li a {
  padding-left: 5em;
}
.layout-container .ultima-menu li ul li ul ul ul ul li a {
  padding-left: 6em;
}
.layout-container .ultima-menu li.red-badge > a .menuitem-badge {
  background-color: #F44336;
  color: #ffffff;
}
.layout-container .ultima-menu li.purple-badge > a .menuitem-badge {
  background-color: #4527A0;
  color: #ffffff;
}
.layout-container .ultima-menu li.teal-badge > a .menuitem-badge {
  background-color: #00695C;
  color: #ffffff;
}
.layout-container .footer .footer-text-left {
  float: left;
}
.layout-container .footer .footer-text-right {
  color: #757575;
  float: right;
}
.layout-container .footer .footer-text-right span {
  vertical-align: middle;
  display: inline-block;
}
.layout-container .layout-rightpanel {
  position: fixed;
  top: 64px;
  height: 100%;
  right: -240px;
  width: 240px;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.layout-container .layout-rightpanel.layout-rightpanel-active {
  right: 0;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 10;
}
.layout-container .layout-rightpanel .layout-rightpanel-content {
  padding: 14px;
}
.layout-container .layout-rightpanel .nano .right-panel-scroll-content {
  display: block;
  height: 100%;
  position: relative;
}
.layout-container .layout-rightpanel .nano .right-panel-scroll-content .layout-rightpanel-content {
  padding-bottom: 120px;
}
.layout-container .layout-rightpanel .nano > .nano-pane {
  background: transparent;
}
.layout-container .layout-rightpanel .nano > .nano-pane > .nano-slider {
  background: #aaa;
  opacity: 0.3;
}
.ajax-loader {
  font-size: 2em;
  color: #afeeee;
}
@media (min-width: 1025px) {
  .layout-container .topbar-items {
    float: right;
    margin: 0;
    padding: 5px 0 0 0;
    list-style-type: none;
  }
  .layout-container .topbar-items > li {
    float: right;
    position: relative;
    margin-left: 8px;
  }
  .layout-container .topbar-items > li > a {
    position: relative;
    display: block;
  }
  .layout-container .topbar-items > li > a .topbar-item-name {
    display: none;
  }
  .layout-container .topbar-items > li > a .topbar-badge {
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: #afeeee;
    color: #000000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 4px;
    display: block;
    font-size: 12px;
    line-height: 12px;
  }
  .layout-container .topbar-items > li .topbar-icon {
    font-size: 36px;
    color: #ffffff;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .layout-container .topbar-items > li .topbar-icon:hover {
    color: #e8e8e8;
  }
  .layout-container .topbar-items > li.profile-item .profile-image {
    width: 36px;
    height: 36px;
  }
  .layout-container .topbar-items > li > ul {
    position: absolute;
    top: 55px;
    right: 5px;
    display: none;
    width: 250px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }
  .layout-container .topbar-items > li.active-top-menu > ul {
    display: block;
  }
  .layout-container .topbar-items > li .topbar-message img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
  }
  .layout-container.menu-layout-static .layout-menu {
    margin-left: 0;
  }
  .layout-container.menu-layout-static .layout-main {
    margin-left: 250px;
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .topbar .topbar-right #menu-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .layout-menu {
    margin-left: -250px;
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .layout-main {
    margin-left: 0px;
  }
  .layout-container.menu-layout-static .layout-mask {
    display: none;
  }
  .layout-container.menu-layout-horizontal .topbar {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-container.menu-layout-horizontal .topbar .topbar-left {
    background-color: #1e295d;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-container.menu-layout-horizontal .topbar .topbar-right #menu-button {
    display: none;
  }
  .layout-container.menu-layout-horizontal .layout-menu {
    overflow: visible;
    position: fixed;
    width: 100%;
    top: 75px;
    height: auto;
    background-color: #283593;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .layout-container.menu-layout-horizontal .layout-menu > .nano {
    overflow: visible;
  }
  .layout-container.menu-layout-horizontal .layout-menu > .nano .nano-content.menu-scroll-content {
    display: inherit;
    height: auto;
    position: static;
    overflow: visible;
    overflow-x: visible;
  }
  .layout-container.menu-layout-horizontal .layout-menu > .nano .nano-content .ultima-menu.ultima-main-menu {
    margin-top: 0px;
    padding-bottom: 0px;
  }
  .layout-container.menu-layout-horizontal .layout-menu > .nano .nano-pane {
    display: none !important;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu.ultima-main-menu {
    margin-top: 0;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li {
    float: left;
    position: relative;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a:hover {
    background-color: #e8e8e8;
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a:hover i {
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a.active-menuitem-routerlink {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a.active-menuitem-routerlink > i {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a.active-menuitem-routerlink:hover {
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a.active-menuitem-routerlink:hover i {
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul {
    z-index: 100;
    position: absolute;
    top: 41px;
    left: 0px;
    width: 250px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li a {
    padding: 10px 16px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul {
    position: static;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul li a {
    padding-left: 32px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul ul li a {
    padding-left: 48px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul ul ul li a {
    padding-left: 64px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul ul ul ul li a {
    padding-left: 80px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul ul ul ul ul li a {
    padding-left: 96px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li.active-menuitem > a {
    color: #1e295d;
    background-color: #e8e8e8;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li.active-menuitem > ul {
    display: block;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li.active-menuitem > a {
    color: #000000;
    background-color: #afeeee;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li.active-menuitem > a i {
    color: #000000;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li.active-menuitem > ul {
    display: block;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark {
    background-color: #424242;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a:hover {
    background-color: #676767;
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a:hover i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink i {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink:hover {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink:hover i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li.active-menuitem > a {
    color: #000000;
    background-color: #afeeee;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li ul {
    background-color: #424242;
  }
  .layout-container.menu-layout-horizontal .layout-menu .menuitem-badge {
    left: 32px;
    top: 7px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .active-menuitem .menuitem-badge {
    background-color: #ffffff;
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-main {
    padding-top: 140px;
    margin-left: 0px;
  }
  .layout-container.menu-layout-horizontal .layout-mask {
    display: none;
  }
  .layout-container.menu-layout-slim .topbar {
    left: 75px;
    width: calc(100% - 75px);
  }
  .layout-container.menu-layout-slim .topbar .topbar-left {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-container.menu-layout-slim .topbar .topbar-right #menu-button {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu {
    width: 75px;
    overflow: visible;
    z-index: 100;
    top: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .nano {
    overflow: visible;
  }
  .layout-container.menu-layout-slim .layout-menu .nano .nano-content {
    overflow: visible;
    margin-right: 0px !important;
  }
  .layout-container.menu-layout-slim .layout-menu .nano .nano-pane {
    display: none !important;
  }
  .layout-container.menu-layout-slim .layout-menu .profile {
    width: 100%;
    height: 74px;
    padding-top: 15px;
  }
  .layout-container.menu-layout-slim .layout-menu .profile > a .profile-image {
    width: 45px;
    height: 45px;
  }
  .layout-container.menu-layout-slim .layout-menu .profile > a .profile-name,
  .layout-container.menu-layout-slim .layout-menu .profile > a i {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu {
    padding: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li {
    position: relative;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a i:first-child {
    font-size: 1.75em;
    margin-right: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a span,
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a .submenu-icon {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a:hover + .layout-menu-tooltip {
    display: block;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 75px;
    min-width: 200px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li a {
    padding-left: 16px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul li a {
    padding-left: 32px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul li a {
    padding-left: 48px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul ul li a {
    padding-left: 64px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul ul ul li a {
    padding: 80px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul ul ul ul li a {
    padding: 96px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li.active-menuitem > a:hover + .layout-menu-tooltip {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu.layout-menu-dark .ultima-menu > li > ul {
    background-color: #424242;
  }
  .layout-container.menu-layout-slim .layout-main {
    margin-left: 75px;
  }
  .layout-container.menu-layout-slim .layout-footer {
    margin-left: 75px;
  }
}
@media (max-width: 1024px) {
  .layout-container.menu-layout-static .topbar .topbar-right #menu-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .layout-container.menu-layout-static .layout-menu {
    margin-left: -265px;
  }
  .layout-container.menu-layout-static .layout-main {
    margin-left: 0px;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .layout-menu {
    margin-left: 0;
    z-index: 999999999;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .topbar {
    z-index: 999999998;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .topbar .topbar-right #menu-button i {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .layout-container.menu-layout-static.layout-menu-static-active .layout-main {
    margin-left: 0;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .layout-mask {
    display: block;
  }
  .layout-container .topbar .topbar-right #topbar-menu-button {
    display: block;
  }
  .layout-container .topbar .topbar-right .topbar-items {
    position: absolute;
    top: 75px;
    right: 15px;
    width: 275px;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    display: none;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    padding: 16px 16px;
    color: #212121;
    position: relative;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 24px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a:hover {
    background-color: #e8e8e8;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-item-name {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-badge {
    position: absolute;
    left: 30px;
    top: 10px;
    background-color: #afeeee;
    color: #000000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 4px;
    display: block;
    font-size: 12px;
    line-height: 12px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > ul {
    display: none;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > ul li a span,
  .layout-container .topbar .topbar-right .topbar-items > li > ul li a img,
  .layout-container .topbar .topbar-right .topbar-items > li > ul li a i {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > a {
    color: #1e295d;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > ul {
    display: block;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > ul li a {
    padding-left: 32px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item {
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    padding: 16px 16px;
    position: relative;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input {
    top: 0;
    width: 100%;
    box-sizing: border-box;
    padding-right: 16px;
    border-color: #bdbdbd;
    color: #212121;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input:focus {
    margin-bottom: -1px;
    border-color: #bdbdbd;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input:focus ~ label,
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input.p-state-filled ~ label {
    top: -20px;
    color: #1e295d;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item label {
    top: 1px;
    color: #212121;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item i {
    position: absolute;
    right: 5px;
    top: -2px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.profile-item .profile-image {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url("./media/avatar-JRRDL35S.png") top left no-repeat;
    background-size: 24px 24px;
    margin-right: 14px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.profile-item span {
    vertical-align: middle;
    display: inline-block;
  }
  .layout-container .topbar .topbar-right .topbar-items.topbar-items-visible {
    display: block;
  }
}
@media (max-width: 399px) {
  .layout-container .topbar .topbar-right #topbar-menu-button {
    right: 15px;
  }
}
body .layout-wrapper.layout-compact {
  font-size: 14px;
  line-height: 18px;
}
body .layout-wrapper.layout-compact .layout-container .ultima-menu li a i:last-child {
  font-size: 18px;
}
body .layout-wrapper.layout-compact .layout-container .ultima-menu li ul li a span {
  font-size: 14px;
}
body .layout-wrapper.layout-compact .p-radiobutton .p-radiobutton-box {
  width: 18px;
  height: 18px;
}
body .layout-wrapper.layout-compact .p-datepicker tbody td a,
body .layout-wrapper.layout-compact .p-datepicker body .p-datepicker tbody td span {
  padding-top: 0.25em;
}
@media (min-width: 1025px) {
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul {
    top: 35px;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li span {
    font-size: 14px;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-main {
    padding-top: 130px;
  }
}
.auth-panel {
  text-align: center;
  width: 800px;
  min-height: 300px;
  padding: 50px 20px;
  margin: 40px auto 40px auto;
  max-width: 95%;
}
.auth-panel .p-g .p-g-12 {
  padding: 25px 40px;
}
.auth-panel .p-g .p-g-12 .p-button {
  margin-bottom: 20px;
}
.auth-panel .auth-info {
  font-weight: 600;
  font-size: 18px;
  float: left;
}
.auth-panel .auth-label {
  font-weight: 400;
  font-size: 18px;
  float: right;
}
.auth-panel table {
  width: 100%;
}
.auth-panel td.label-td {
  width: 40%;
}
.auth-panel td.info-td {
  width: 60%;
}
.auth-panel tr {
  height: 25px;
}
.auth-panel .auth-caption {
  margin-bottom: 12px;
}
.auth-panel .p-button:hover {
  background-color: #A91B0d;
}
.auth-panel .p-button:focus {
  outline: 0 none;
  background-color: adjust(#767676, 10%);
}
.auth-panel .p-button.secondary:hover {
  background-color: #00ced1;
}
.auth-panel .p-button.secondary:focus {
  outline: 0 none;
  background-color: adjust(#fefaf1, 10%);
}
.auth-panel .p-button {
  max-width: 180px;
}
.auth-panel .p-inputtext:focus {
  border-width: 0 0 2px 0;
  border-color: #767676;
  padding-bottom: 0px;
}
@media (max-width: 35em) {
  .customTable .p-toolbar-group-left,
  .customTable .p-toolbar-group-right {
    float: none;
    text-align: center;
  }
  .customTable .p-toolbar-group-left > *,
  .customTable .p-toolbar-group-right > * {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .p-datatable-reflow .p-datatable-data td.col-button .p-column-title {
    display: none;
  }
}
@media (max-width: 40em) {
  .layout-container.menu-layout-static .layout-menu {
    width: 100%;
    margin-left: -100%;
  }
}
.layout-container .topbar .logo,
.splash-screen .logo {
  width: 164px;
  height: 45px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
  background-size: 164px 45px;
}
.layout-container .footer {
  text-align: center;
}
.layout-container .footer .footer-text-right {
  font-size: 10px;
  line-height: 15px;
  float: none;
}
.layout-container .footer .logo-footer {
  width: 72px;
  height: 48px;
  background: url("./media/logo-footer-R7O2ITPS.png") top left no-repeat;
  background-size: 72px 48px;
  margin: 15px auto;
}
.layout-container .footer .footer-logo-zupit {
  width: 183px;
  height: 48px;
  background: url("./media/logo-right-E5HAO5VY.png") top left no-repeat;
  background-size: 183px 48px;
  margin: auto;
}
.layout-container .footer .footer-text-left {
  width: 215px;
  height: 48px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
  background-size: 215px 48px;
  background-position-x: right;
  margin: 15px auto;
  padding-left: 10px;
}
.layout-container .footer .logo-footer-right {
  width: 183px;
  height: 48px;
  background: url("./media/logo-right-E5HAO5VY.png") top left no-repeat;
  background-size: 183px 48px;
  float: right;
  display: block;
  margin: 15px auto;
  padding-right: 10px;
  background-position-x: left;
}
@media only screen and (max-width: 768px) {
  .footer-logo-zupit {
    display: none;
  }
  .layout-container .footer .logo-footer-right {
    float: none !important;
    background-position-x: center !important;
  }
  .login-container-nias {
    padding-left: 0px !important;
  }
  .layout-container .footer .footer-text-left {
    float: none !important;
  }
  .footer .card.clearfix,
  .footer .clearfix.customTable {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .layout-container .footer {
    margin-top: 30px;
  }
  .layout-container .topbar .topbar-left {
    max-width: 80%;
    padding-left: 10px !important;
    padding-right: 5px !important;
    padding-top: 25px !important;
    padding-bottom: 20px !important;
  }
  .layout-container .topbar .nias-service {
    padding: 0px !important;
  }
  .slider-outer-div[_ngcontent-c8] {
    flex-direction: column;
  }
  .slider-labels-div.left[_ngcontent-c8] {
    margin-bottom: 10px;
  }
  .slider-labels-div.right[_ngcontent-c8] {
    margin-top: 10px;
  }
}
.layout-container .logout-invisible-md {
  display: none;
}
.p-dialog-titlebar {
  padding: 0.625em 0.1em 0em !important;
  line-height: 2em;
}
.p-dialog-titlebar .p-g-12 {
  padding: 0.25em 0.625em !important;
}
body .p-datatable .p-datatable-data tr.p-datatable-even.related-row,
body .p-datatable .p-datatable-data tr.p-datatable-odd.related-row {
  background-color: #9fa8da;
}
.customTable,
.login-panel {
  margin-top: 0;
}
.customTable p-toolbar .p-toolbar {
  padding: 0;
}
.customTable p-toolbar .p-toolbar h3 {
  display: inline-block;
  text-transform: none;
  margin: 1em 0.625em 1em 0.625em;
  padding: 0px;
}
.customTable p-toolbar .p-toolbar .p-toolbar-group-right p-paginator .p-paginator {
  border: none;
  display: inline-block;
}
.customTable p-toolbar .p-toolbar .p-toolbar-group-right p-paginator .p-paginator .p-paginator-first,
.customTable p-toolbar .p-toolbar .p-toolbar-group-right p-paginator .p-paginator .p-paginator-last,
.customTable p-toolbar .p-toolbar .p-toolbar-group-right p-paginator .p-paginator .p-paginator-pages {
  display: none;
}
.customTable .p-datatable table {
  table-layout: auto;
}
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-first,
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-prev,
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-next,
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-last,
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-pages {
  display: none;
}
.customTable .classicPageingHidden p-paginator .p-paginator-bottom {
  padding: 1.5em 0em;
}
p-toolbar .p-toolbar .header {
  background-color: #283593 !important;
}
p-toolbar .p-toolbar .footer {
  background-color: #283593 !important;
}
.login-panel {
  min-height: auto;
}
.login-panel .p-g .p-g-12 {
  padding-bottom: 5px;
}
.layout-container .topbar {
  background-color: #ffffff;
}
.layout-container .topbar .topbar-left {
  background-color: #ffffff;
  padding: 13px 25px 13px 15px;
  width: auto;
}
.layout-container .topbar .topbar-right .logo-right {
  display: none;
}
.layout-container .topbar .topbar-right #topbar-menu-button i {
  color: #1e295d;
}
.layout-container .topbar .nias-service {
  padding: 17px 0px 0px 10px;
  color: #283593;
  font-size: 2.1em;
  text-shadow: 0.5px 0.5px #bdbdbd;
}
body .layout-wrapper.layout-compact .p-datepicker tbody td a {
  padding: 0;
}
#help-page h1.topbar-center {
  text-align: center;
  margin: -13px auto;
}
#help-page h2 {
  color: #ffffff;
  background-color: #1e295d;
}
#help-page .help-item {
  margin: auto 1em;
}
@media (min-width: 1025px) {
  #help-page.layout-container.menu-layout-horizontal .layout-main {
    padding-top: 96px;
  }
}
@media (min-width: 40.063em) {
  .layout-container .topbar .logo,
  .splash-screen .logo {
    width: 200px;
    height: 55px;
    background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
    background-size: 200px 55px;
  }
  .layout-container .topbar .topbar-right {
    padding: 13px 15px;
  }
  .layout-container .topbar .topbar-right .logo-right {
    width: 183px;
    height: 48px;
    background: url("./media/logo-right-E5HAO5VY.png") top left no-repeat;
    background-size: 183px 48px;
    float: right;
    margin-left: 0;
    display: block;
  }
  .footer-logo-zupit {
    display: none;
  }
  .layout-container .footer .footer-text-right,
  .layout-container .footer .logo-footer {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-container .footer .footer-text-right {
    text-align: left;
  }
  .customTable p-toolbar .p-toolbar .p-toolbar-group-right {
    line-height: 2.5em;
  }
}
@media (max-width: 64em) {
  .layout-container .topbar .topbar-right .topbar-items > li > span {
    display: block;
    padding: 16px;
  }
}
@media (min-width: 1025px) {
  .layout-container .p-md-visible {
    display: none;
  }
  .layout-container .topbar-items > li {
    float: none;
  }
  .layout-container .topbar .topbar-right {
    color: #1e295d;
  }
  .layout-container .topbar .topbar-right .logo-right {
    margin-left: 1em;
  }
  .layout-container .topbar .topbar-right .material-icons {
    font-size: 2.3em;
    color: #1e295d;
  }
  .layout-container.menu-layout-horizontal .topbar .topbar-left {
    background-color: #ffffff;
  }
  .layout-container .layout-menu .ultima-menu .item-invisible-md {
    display: none;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-main {
    padding-top: 130px;
    min-height: calc(100vh - 110px - 16px);
  }
}
@media (max-width: 1024px) {
  .layout-container .item-invisible-md {
    display: none;
  }
  .layout-container .logout-invisible-md {
    display: block;
  }
  .layout-container .p-md-invisible {
    display: none;
  }
  .layout-container .topbar .topbar-right .topbar-items {
    position: fixed;
    overflow: auto;
    height: calc(100% - 75px);
    right: 0px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a {
    padding: 0.5em 1em;
    font-size: 1em;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a i {
    font-size: 1.5em;
    color: #757575;
  }
  .layout-container.menu-layout-static .layout-menu {
    display: none;
  }
  .layout-container .ultima-menu li a i:first-child {
    font-size: 1.8em;
  }
  .layout-container .ultima-menu li ul li a i:first-child {
    font-size: 1.6em;
  }
  .p-datatable-reflow thead th,
  .p-datatable-reflow tfoot td {
    display: none;
  }
  .p-datatable .p-datatable-data tr td {
    border-style: none;
  }
  .p-datatable .p-datatable-data tr td > span {
    float: left;
    text-align: left;
    box-sizing: border-box;
    width: 50%;
  }
  .p-datatable .p-datatable-data tr td.col-button {
    padding-bottom: 0.5em;
  }
  .p-datatable .p-datatable-data tr td.col-button span {
    width: 100%;
  }
  .p-datatable .p-datatable-data tr td.checkboxColumn {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .p-datatable .p-datatable-data tr td:first-child {
    padding-top: 0.5em;
  }
  .p-datatable .p-datatable-data tr td.p-datatable-emptymessage span {
    float: none;
  }
  .p-datatable-reflow .p-datatable-data td {
    border: 0px none;
    width: 100%;
    float: left;
    clear: left;
  }
  .p-datatable-reflow .p-datatable-data td .p-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 0em -0.4em -0.4em;
    font-weight: bold;
  }
  .p-datatable-reflow .p-datatable-data td.col-button .p-column-title {
    display: none;
  }
  .p-datatable-reflow .p-datatable-data.p-widget-content {
    border: 0px none;
  }
  .p-datatable-reflow .p-datatable-data tr.p-widget-content {
    border-left: 0px none;
    border-right: 0px none;
  }
}

/* src/assets/theme/theme-zupit.scss */
.fa-sort:before {
  content: "sort";
}
.fa-sort-asc:before {
  content: "keyboard_arrow_up";
}
.fa-sort-desc:before {
  content: "keyboard_arrow_down";
}
.fa-angle-up:before {
  content: "play_arrow";
}
.fa-angle-up {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.fa-angle-double-up:before {
  content: "skip_next";
}
.fa-angle-double-up {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.fa-angle-down:before {
  content: "play_arrow";
}
.fa-angle-down {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-angle-double-down:before {
  content: "skip_previous";
}
.fa-angle-double-down {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.fa-angle-right:before {
  content: "play_arrow";
}
.fa-angle-double-right:before {
  content: "fast_forward";
}
.fa-angle-left:before {
  content: "play_arrow";
}
.fa-angle-left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-angle-double-left:before {
  content: "fast_rewind";
}
.fa-check:before {
  content: "check";
}
.fa-caret-up:before {
  content: "keyboard_arrow_up";
}
.fa-caret-down:before {
  content: "keyboard_arrow_down";
}
.fa-caret-right:before {
  content: "keyboard_arrow_right";
}
.fa-caret-left:before {
  content: "keyboard_arrow_left";
}
.fa-search:before {
  content: "search";
}
.fa-close:before {
  content: "close";
}
.fa-minus:before {
  content: "remove";
}
.fa-plus:before {
  content: "add";
}
.fa-check:before {
  content: "check";
}
.fa-info-circle:before {
  content: "info";
}
.fa-upload:before {
  content: "file_upload";
}
.fa-chevron-circle-left:before {
  content: "keyboard_arrow_left";
}
.fa-chevron-circle-right:before {
  content: "keyboard_arrow_right";
}
.fa-chevron-circle-down:before {
  content: "keyboard_arrow_down";
}
.fa-chevron-circle-up:before {
  content: "keyboard_arrow_up";
}
.fa-home:before {
  content: "home";
}
.fa-chevron-right:before {
  content: "chevron_right";
}
.fa-chevron-left:before {
  content: "chevron_left";
}
.fa-circle-o:before {
  content: "radio_button_unchecked";
}
.fa-dot-circle-o:before {
  content: "radio_button_checked";
}
.fa-arrow-circle-right:before {
  content: "play_circle_outline";
}
.fa-arrow-circle-left:before {
  content: "play_circle_outline";
}
.fa-arrow-circle-left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-calendar:before {
  content: "date_range";
}
.fa-arrow-down:before {
  content: "arrow_downward";
}
.fa-arrow-up:before {
  content: "arrow_upward";
}
.p-icon-carat-2-n-s:before {
  content: "sort";
}
.p-icon-triangle-1-n:before {
  content: "keyboard_arrow_up";
}
.p-icon-triangle-1-e:before {
  content: "keyboard_arrow_right";
}
.p-icon-triangle-1-s:before {
  content: "keyboard_arrow_down";
}
.p-icon-triangle-1-w:before {
  content: "keyboard_arrow_left";
}
.p-icon-carat-1-n:before {
  content: "keyboard_arrow_up";
}
.p-icon-carat-1-e:before {
  content: "keyboard_arrow_right";
}
.p-icon-carat-1-s:before {
  content: "keyboard_arrow_down";
}
.p-icon-carat-1-w:before {
  content: "keyboard_arrow_left";
}
.p-icon-arrow-1-n:before {
  content: "play_arrow";
}
.p-icon-arrow-1-n {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.p-icon-arrowstop-1-n:before {
  content: "skip_next";
}
.p-icon-arrowstop-1-n {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.p-icon-arrow-1-s:before {
  content: "play_arrow";
}
.p-icon-arrow-1-s {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.p-icon-arrowstop-1-s:before {
  content: "skip_previous";
}
.p-icon-arrowstop-1-s {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.p-icon-arrow-1-w:before {
  content: "play_arrow";
}
.p-icon-arrow-1-w {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.p-icon-arrowstop-1-w:before {
  content: "fast_rewind";
}
.p-icon-arrow-1-e:before {
  content: "play_arrow";
}
.p-icon-arrowstop-1-e:before {
  content: "fast_forward";
}
.p-icon-arrowthick-1-s:before {
  content: "play_arrow";
}
.p-icon-arrowthick-1-s {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.p-icon-arrowthick-1-n:before {
  content: "play_arrow";
}
.p-icon-arrowthick-1-n {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.p-icon-circle-triangle-e:before {
  content: "play_circle_outline";
}
.p-icon-circle-triangle-w:before {
  content: "play_circle_outline";
}
.p-icon-circle-triangle-w {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.p-icon-circle-triangle-s:before {
  content: "play_circle_outline";
}
.p-icon-circle-triangle-s {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.p-icon-radio-off:before {
  content: "radio_button_unchecked";
}
.p-icon-radio-on:before {
  content: "radio_button_checked";
}
.p-icon-folder-collapsed:before {
  content: "folder";
}
.p-icon-document:before {
  content: "content_paste";
}
.p-icon-video:before {
  content: "movie";
}
.p-icon-music:before {
  content: "music_note";
}
.p-icon-plus:before {
  content: "add";
}
.p-icon-minus:before {
  content: "remove";
}
.p-icon-plusthick:before {
  content: "add";
}
.p-icon-minusthick:before {
  content: "remove";
}
.p-icon-pencil:before {
  content: "edit";
}
.p-icon-closethick:before {
  content: "close";
}
.p-icon-circle-close:before {
  content: "cancel";
}
.p-icon-gear:before {
  content: "settings";
}
.p-icon-calendar:before {
  content: "date_range";
}
.p-icon-trash:before {
  content: "delete_forever";
}
.p-icon-notice:before {
  content: "error_outline";
}
.p-icon-alert:before {
  content: "warning";
}
.p-icon-circle-zoomin:before {
  content: "zoom_in";
}
.p-icon-circle-zoomout:before {
  content: "zoom_out";
}
.p-icon-circle-arrow-e:before {
  content: "play_circle_outline";
}
.p-icon-circle-arrow-w:before {
  content: "play_circle_outline";
}
.p-icon-circle-arrow-w {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.p-icon-3d-rotation:before {
  content: "3d_rotation";
}
.p-icon-ac-unit:before {
  content: "ac_unit";
}
.p-icon-access-alarm:before {
  content: "access_alarm";
}
.p-icon-access-alarms:before {
  content: "access_alarms";
}
.p-icon-access-time:before {
  content: "access_time";
}
.p-icon-accessibility:before {
  content: "accessibility";
}
.p-icon-accessible:before {
  content: "accessible";
}
.p-icon-account-balance:before {
  content: "account_balance";
}
.p-icon-account-balance-wallet:before {
  content: "account_balance_wallet";
}
.p-icon-account-box:before {
  content: "account_box";
}
.p-icon-account-circle:before {
  content: "account_circle";
}
.p-icon-add:before {
  content: "add";
}
.p-icon-add-a-photo:before {
  content: "add_a_photo";
}
.p-icon-add-alarm:before {
  content: "add_alarm";
}
.p-icon-add-alert:before {
  content: "add_alert";
}
.p-icon-add-box:before {
  content: "add_box";
}
.p-icon-add-circle:before {
  content: "add_circle";
}
.p-icon-add-circle-outline:before {
  content: "add_circle_outline";
}
.p-icon-add-location:before {
  content: "add_location";
}
.p-icon-add-shopping-cart:before {
  content: "add_shopping_cart";
}
.p-icon-add-to-photos:before {
  content: "add_to_photos";
}
.p-icon-add-to-queue:before {
  content: "add_to_queue";
}
.p-icon-adjust:before {
  content: "adjust";
}
.p-icon-airline-seat-flat:before {
  content: "airline_seat_flat";
}
.p-icon-airline-seat-flat-angled:before {
  content: "airline_seat_flat_angled";
}
.p-icon-airline-seat-individual-suite:before {
  content: "airline_seat_individual_suite";
}
.p-icon-airline-seat-legroom-extra:before {
  content: "airline_seat_legroom_extra";
}
.p-icon-airline-seat-legroom-normal:before {
  content: "airline_seat_legroom_normal";
}
.p-icon-airline-seat-legroom-reduced:before {
  content: "airline_seat_legroom_reduced";
}
.p-icon-airline-seat-recline-extra:before {
  content: "airline_seat_recline_extra";
}
.p-icon-airline-seat-recline-normal:before {
  content: "airline_seat_recline_normal";
}
.p-icon-airplanemode-active:before {
  content: "airplanemode_active";
}
.p-icon-airplanemode-inactive:before {
  content: "airplanemode_inactive";
}
.p-icon-airplay:before {
  content: "airplay";
}
.p-icon-airport-shuttle:before {
  content: "airport_shuttle";
}
.p-icon-alarm:before {
  content: "alarm";
}
.p-icon-alarm-add:before {
  content: "alarm_add";
}
.p-icon-alarm-off:before {
  content: "alarm_off";
}
.p-icon-alarm-on:before {
  content: "alarm_on";
}
.p-icon-album:before {
  content: "album";
}
.p-icon-all-inclusive:before {
  content: "all_inclusive";
}
.p-icon-all-out:before {
  content: "all_out";
}
.p-icon-android:before {
  content: "android";
}
.p-icon-announcement:before {
  content: "announcement";
}
.p-icon-apps:before {
  content: "apps";
}
.p-icon-archive:before {
  content: "archive";
}
.p-icon-arrow-back:before {
  content: "arrow_back";
}
.p-icon-arrow-downward:before {
  content: "arrow_downward";
}
.p-icon-arrow-drop-down:before {
  content: "arrow_drop_down";
}
.p-icon-arrow-drop-down-circle:before {
  content: "arrow_drop_down_circle";
}
.p-icon-arrow-drop-up:before {
  content: "arrow_drop_up";
}
.p-icon-arrow-forward:before {
  content: "arrow_forward";
}
.p-icon-arrow-upward:before {
  content: "arrow_upward";
}
.p-icon-art-track:before {
  content: "art_track";
}
.p-icon-aspect-ratio:before {
  content: "aspect_ratio";
}
.p-icon-assessment:before {
  content: "assessment";
}
.p-icon-assignment:before {
  content: "assignment";
}
.p-icon-assignment-ind:before {
  content: "assignment_ind";
}
.p-icon-assignment-late:before {
  content: "assignment_late";
}
.p-icon-assignment-return:before {
  content: "assignment_return";
}
.p-icon-assignment-returned:before {
  content: "assignment_returned";
}
.p-icon-assignment-turned-in:before {
  content: "assignment_turned_in";
}
.p-icon-assistant:before {
  content: "assistant";
}
.p-icon-assistant-photo:before {
  content: "assistant_photo";
}
.p-icon-attach-file:before {
  content: "attach_file";
}
.p-icon-attach-money:before {
  content: "attach_money";
}
.p-icon-attachment:before {
  content: "attachment";
}
.p-icon-audiotrack:before {
  content: "audiotrack";
}
.p-icon-autorenew:before {
  content: "autorenew";
}
.p-icon-av-timer:before {
  content: "av_timer";
}
.p-icon-backspace:before {
  content: "backspace";
}
.p-icon-backup:before {
  content: "backup";
}
.p-icon-battery-alert:before {
  content: "battery_alert";
}
.p-icon-battery-charging-full:before {
  content: "battery_charging_full";
}
.p-icon-battery-full:before {
  content: "battery_full";
}
.p-icon-battery-std:before {
  content: "battery_std";
}
.p-icon-battery-unknown:before {
  content: "battery_unknown";
}
.p-icon-beach-access:before {
  content: "beach_access";
}
.p-icon-beenhere:before {
  content: "beenhere";
}
.p-icon-block:before {
  content: "block";
}
.p-icon-bluetooth:before {
  content: "bluetooth";
}
.p-icon-bluetooth-audio:before {
  content: "bluetooth_audio";
}
.p-icon-bluetooth-connected:before {
  content: "bluetooth_connected";
}
.p-icon-bluetooth-disabled:before {
  content: "bluetooth_disabled";
}
.p-icon-bluetooth-searching:before {
  content: "bluetooth_searching";
}
.p-icon-blur-circular:before {
  content: "blur_circular";
}
.p-icon-blur-linear:before {
  content: "blur_linear";
}
.p-icon-blur-off:before {
  content: "blur_off";
}
.p-icon-blur-on:before {
  content: "blur_on";
}
.p-icon-book:before {
  content: "book";
}
.p-icon-bookmark:before {
  content: "bookmark";
}
.p-icon-bookmark-border:before {
  content: "bookmark_border";
}
.p-icon-border-all:before {
  content: "border_all";
}
.p-icon-border-bottom:before {
  content: "border_bottom";
}
.p-icon-border-clear:before {
  content: "border_clear";
}
.p-icon-border-color:before {
  content: "border_color";
}
.p-icon-border-horizontal:before {
  content: "border_horizontal";
}
.p-icon-border-inner:before {
  content: "border_inner";
}
.p-icon-border-left:before {
  content: "border_left";
}
.p-icon-border-outer:before {
  content: "border_outer";
}
.p-icon-border-right:before {
  content: "border_right";
}
.p-icon-border-style:before {
  content: "border_style";
}
.p-icon-border-top:before {
  content: "border_top";
}
.p-icon-border-vertical:before {
  content: "border_vertical";
}
.p-icon-branding-watermark:before {
  content: "branding_watermark";
}
.p-icon-brightness-1:before {
  content: "brightness_1";
}
.p-icon-brightness-2:before {
  content: "brightness_2";
}
.p-icon-brightness-3:before {
  content: "brightness_3";
}
.p-icon-brightness-4:before {
  content: "brightness_4";
}
.p-icon-brightness-5:before {
  content: "brightness_5";
}
.p-icon-brightness-6:before {
  content: "brightness_6";
}
.p-icon-brightness-7:before {
  content: "brightness_7";
}
.p-icon-brightness-auto:before {
  content: "brightness_auto";
}
.p-icon-brightness-high:before {
  content: "brightness_high";
}
.p-icon-brightness-low:before {
  content: "brightness_low";
}
.p-icon-brightness-medium:before {
  content: "brightness_medium";
}
.p-icon-broken-image:before {
  content: "broken_image";
}
.p-icon-brush:before {
  content: "brush";
}
.p-icon-bubble-chart:before {
  content: "bubble_chart";
}
.p-icon-bug-report:before {
  content: "bug_report";
}
.p-icon-build:before {
  content: "build";
}
.p-icon-burst-mode:before {
  content: "burst_mode";
}
.p-icon-business:before {
  content: "business";
}
.p-icon-business-center:before {
  content: "business_center";
}
.p-icon-cached:before {
  content: "cached";
}
.p-icon-cake:before {
  content: "cake";
}
.p-icon-call:before {
  content: "call";
}
.p-icon-call-end:before {
  content: "call_end";
}
.p-icon-call-made:before {
  content: "call_made";
}
.p-icon-call-merge:before {
  content: "call_merge";
}
.p-icon-call-missed:before {
  content: "call_missed";
}
.p-icon-call-missed-outgoing:before {
  content: "call_missed_outgoing";
}
.p-icon-call-received:before {
  content: "call_received";
}
.p-icon-call-split:before {
  content: "call_split";
}
.p-icon-call-to-action:before {
  content: "call_to_action";
}
.p-icon-camera:before {
  content: "camera";
}
.p-icon-camera-alt:before {
  content: "camera_alt";
}
.p-icon-camera-enhance:before {
  content: "camera_enhance";
}
.p-icon-camera-front:before {
  content: "camera_front";
}
.p-icon-camera-rear:before {
  content: "camera_rear";
}
.p-icon-camera-roll:before {
  content: "camera_roll";
}
.p-icon-cancel:before {
  content: "cancel";
}
.p-icon-card-giftcard:before {
  content: "card_giftcard";
}
.p-icon-card-membership:before {
  content: "card_membership";
}
.p-icon-card-travel:before {
  content: "card_travel";
}
.p-icon-casino:before {
  content: "casino";
}
.p-icon-cast:before {
  content: "cast";
}
.p-icon-cast-connected:before {
  content: "cast_connected";
}
.p-icon-center-focus-strong:before {
  content: "center_focus_strong";
}
.p-icon-center-focus-weak:before {
  content: "center_focus_weak";
}
.p-icon-change-history:before {
  content: "change_history";
}
.p-icon-chat:before {
  content: "chat";
}
.p-icon-chat-bubble:before {
  content: "chat_bubble";
}
.p-icon-chat-bubble-outline:before {
  content: "chat_bubble_outline";
}
.p-icon-check:before {
  content: "check";
}
.p-icon-check-box:before {
  content: "check_box";
}
.p-icon-check-box-outline-blank:before {
  content: "check_box_outline_blank";
}
.p-icon-check-circle:before {
  content: "check_circle";
}
.p-icon-chevron-left:before {
  content: "chevron_left";
}
.p-icon-chevron-right:before {
  content: "chevron_right";
}
.p-icon-child-care:before {
  content: "child_care";
}
.p-icon-child-friendly:before {
  content: "child_friendly";
}
.p-icon-chrome-reader-mode:before {
  content: "chrome_reader_mode";
}
.p-icon-class:before {
  content: "class";
}
.p-icon-clear:before {
  content: "clear";
}
.p-icon-clear-all:before {
  content: "clear_all";
}
.p-icon-close:before {
  content: "close";
}
.p-icon-closed-caption:before {
  content: "closed_caption";
}
.p-icon-cloud:before {
  content: "cloud";
}
.p-icon-cloud-circle:before {
  content: "cloud_circle";
}
.p-icon-cloud-done:before {
  content: "cloud_done";
}
.p-icon-cloud-download:before {
  content: "cloud_download";
}
.p-icon-cloud-off:before {
  content: "cloud_off";
}
.p-icon-cloud-queue:before {
  content: "cloud_queue";
}
.p-icon-cloud-upload:before {
  content: "cloud_upload";
}
.p-icon-code:before {
  content: "code";
}
.p-icon-collections:before {
  content: "collections";
}
.p-icon-collections-bookmark:before {
  content: "collections_bookmark";
}
.p-icon-color-lens:before {
  content: "color_lens";
}
.p-icon-colorize:before {
  content: "colorize";
}
.p-icon-comment:before {
  content: "comment";
}
.p-icon-compare:before {
  content: "compare";
}
.p-icon-compare-arrows:before {
  content: "compare_arrows";
}
.p-icon-computer:before {
  content: "computer";
}
.p-icon-confirmation-number:before {
  content: "confirmation_number";
}
.p-icon-contact-mail:before {
  content: "contact_mail";
}
.p-icon-contact-phone:before {
  content: "contact_phone";
}
.p-icon-contacts:before {
  content: "contacts";
}
.p-icon-content-copy:before {
  content: "content_copy";
}
.p-icon-content-cut:before {
  content: "content_cut";
}
.p-icon-content-paste:before {
  content: "content_paste";
}
.p-icon-control-point:before {
  content: "control_point";
}
.p-icon-control-point-duplicate:before {
  content: "control_point_duplicate";
}
.p-icon-copyright:before {
  content: "copyright";
}
.p-icon-create:before {
  content: "create";
}
.p-icon-create-new-folder:before {
  content: "create_new_folder";
}
.p-icon-credit-card:before {
  content: "credit_card";
}
.p-icon-crop:before {
  content: "crop";
}
.p-icon-crop-16-9:before {
  content: "crop_16_9";
}
.p-icon-crop-3-2:before {
  content: "crop_3_2";
}
.p-icon-crop-5-4:before {
  content: "crop_5_4";
}
.p-icon-crop-7-5:before {
  content: "crop_7_5";
}
.p-icon-crop-din:before {
  content: "crop_din";
}
.p-icon-crop-free:before {
  content: "crop_free";
}
.p-icon-crop-landscape:before {
  content: "crop_landscape";
}
.p-icon-crop-original:before {
  content: "crop_original";
}
.p-icon-crop-portrait:before {
  content: "crop_portrait";
}
.p-icon-crop-rotate:before {
  content: "crop_rotate";
}
.p-icon-crop-square:before {
  content: "crop_square";
}
.p-icon-dashboard:before {
  content: "dashboard";
}
.p-icon-data-usage:before {
  content: "data_usage";
}
.p-icon-date-range:before {
  content: "date_range";
}
.p-icon-dehaze:before {
  content: "dehaze";
}
.p-icon-delete:before {
  content: "delete";
}
.p-icon-delete-forever:before {
  content: "delete_forever";
}
.p-icon-delete-sweep:before {
  content: "delete_sweep";
}
.p-icon-description:before {
  content: "description";
}
.p-icon-desktop-mac:before {
  content: "desktop_mac";
}
.p-icon-desktop-windows:before {
  content: "desktop_windows";
}
.p-icon-details:before {
  content: "details";
}
.p-icon-developer-board:before {
  content: "developer_board";
}
.p-icon-developer-mode:before {
  content: "developer_mode";
}
.p-icon-device-hub:before {
  content: "device_hub";
}
.p-icon-devices:before {
  content: "devices";
}
.p-icon-devices-other:before {
  content: "devices_other";
}
.p-icon-dialer-sip:before {
  content: "dialer_sip";
}
.p-icon-dialpad:before {
  content: "dialpad";
}
.p-icon-directions:before {
  content: "directions";
}
.p-icon-directions-bike:before {
  content: "directions_bike";
}
.p-icon-directions-boat:before {
  content: "directions_boat";
}
.p-icon-directions-bus:before {
  content: "directions_bus";
}
.p-icon-directions-car:before {
  content: "directions_car";
}
.p-icon-directions-railway:before {
  content: "directions_railway";
}
.p-icon-directions-run:before {
  content: "directions_run";
}
.p-icon-directions-subway:before {
  content: "directions_subway";
}
.p-icon-directions-transit:before {
  content: "directions_transit";
}
.p-icon-directions-walk:before {
  content: "directions_walk";
}
.p-icon-disc-full:before {
  content: "disc_full";
}
.p-icon-dns:before {
  content: "dns";
}
.p-icon-do-not-disturb:before {
  content: "do_not_disturb";
}
.p-icon-do-not-disturb-alt:before {
  content: "do_not_disturb_alt";
}
.p-icon-do-not-disturb-off:before {
  content: "do_not_disturb_off";
}
.p-icon-do-not-disturb-on:before {
  content: "do_not_disturb_on";
}
.p-icon-dock:before {
  content: "dock";
}
.p-icon-domain:before {
  content: "domain";
}
.p-icon-done:before {
  content: "done";
}
.p-icon-done-all:before {
  content: "done_all";
}
.p-icon-donut-large:before {
  content: "donut_large";
}
.p-icon-donut-small:before {
  content: "donut_small";
}
.p-icon-drafts:before {
  content: "drafts";
}
.p-icon-drag-handle:before {
  content: "drag_handle";
}
.p-icon-drive-eta:before {
  content: "drive_eta";
}
.p-icon-dvr:before {
  content: "dvr";
}
.p-icon-edit:before {
  content: "edit";
}
.p-icon-edit-location:before {
  content: "edit_location";
}
.p-icon-eject:before {
  content: "eject";
}
.p-icon-email:before {
  content: "email";
}
.p-icon-enhanced-encryption:before {
  content: "enhanced_encryption";
}
.p-icon-equalizer:before {
  content: "equalizer";
}
.p-icon-error:before {
  content: "error";
}
.p-icon-error-outline:before {
  content: "error_outline";
}
.p-icon-euro-symbol:before {
  content: "euro_symbol";
}
.p-icon-ev-station:before {
  content: "ev_station";
}
.p-icon-event:before {
  content: "event";
}
.p-icon-event-available:before {
  content: "event_available";
}
.p-icon-event-busy:before {
  content: "event_busy";
}
.p-icon-event-note:before {
  content: "event_note";
}
.p-icon-event-seat:before {
  content: "event_seat";
}
.p-icon-exit-to-app:before {
  content: "exit_to_app";
}
.p-icon-expand-less:before {
  content: "expand_less";
}
.p-icon-expand-more:before {
  content: "expand_more";
}
.p-icon-explicit:before {
  content: "explicit";
}
.p-icon-explore:before {
  content: "explore";
}
.p-icon-exposure:before {
  content: "exposure";
}
.p-icon-exposure-neg-1:before {
  content: "exposure_neg_1";
}
.p-icon-exposure-neg-2:before {
  content: "exposure_neg_2";
}
.p-icon-exposure-plus-1:before {
  content: "exposure_plus_1";
}
.p-icon-exposure-plus-2:before {
  content: "exposure_plus_2";
}
.p-icon-exposure-zero:before {
  content: "exposure_zero";
}
.p-icon-extension:before {
  content: "extension";
}
.p-icon-face:before {
  content: "face";
}
.p-icon-fast-forward:before {
  content: "fast_forward";
}
.p-icon-fast-rewind:before {
  content: "fast_rewind";
}
.p-icon-favorite:before {
  content: "favorite";
}
.p-icon-favorite-border:before {
  content: "favorite_border";
}
.p-icon-featured-play-list:before {
  content: "featured_play_list";
}
.p-icon-featured-video:before {
  content: "featured_video";
}
.p-icon-feedback:before {
  content: "feedback";
}
.p-icon-fiber-dvr:before {
  content: "fiber_dvr";
}
.p-icon-fiber-manual-record:before {
  content: "fiber_manual_record";
}
.p-icon-fiber-new:before {
  content: "fiber_new";
}
.p-icon-fiber-pin:before {
  content: "fiber_pin";
}
.p-icon-fiber-smart-record:before {
  content: "fiber_smart_record";
}
.p-icon-file-download:before {
  content: "file_download";
}
.p-icon-file-upload:before {
  content: "file_upload";
}
.p-icon-filter:before {
  content: "filter";
}
.p-icon-filter-1:before {
  content: "filter_1";
}
.p-icon-filter-2:before {
  content: "filter_2";
}
.p-icon-filter-3:before {
  content: "filter_3";
}
.p-icon-filter-4:before {
  content: "filter_4";
}
.p-icon-filter-5:before {
  content: "filter_5";
}
.p-icon-filter-6:before {
  content: "filter_6";
}
.p-icon-filter-7:before {
  content: "filter_7";
}
.p-icon-filter-8:before {
  content: "filter_8";
}
.p-icon-filter-9:before {
  content: "filter_9";
}
.p-icon-filter-9-plus:before {
  content: "filter_9_plus";
}
.p-icon-filter-b-and-w:before {
  content: "filter_b_and_w";
}
.p-icon-filter-center-focus:before {
  content: "filter_center_focus";
}
.p-icon-filter-drama:before {
  content: "filter_drama";
}
.p-icon-filter-frames:before {
  content: "filter_frames";
}
.p-icon-filter-hdr:before {
  content: "filter_hdr";
}
.p-icon-filter-list:before {
  content: "filter_list";
}
.p-icon-filter-none:before {
  content: "filter_none";
}
.p-icon-filter-tilt-shift:before {
  content: "filter_tilt_shift";
}
.p-icon-filter-vintage:before {
  content: "filter_vintage";
}
.p-icon-find-in-page:before {
  content: "find_in_page";
}
.p-icon-find-replace:before {
  content: "find_replace";
}
.p-icon-fingerprint:before {
  content: "fingerprint";
}
.p-icon-first-page:before {
  content: "first_page";
}
.p-icon-fitness-center:before {
  content: "fitness_center";
}
.p-icon-flag:before {
  content: "flag";
}
.p-icon-flare:before {
  content: "flare";
}
.p-icon-flash-auto:before {
  content: "flash_auto";
}
.p-icon-flash-off:before {
  content: "flash_off";
}
.p-icon-flash-on:before {
  content: "flash_on";
}
.p-icon-flight:before {
  content: "flight";
}
.p-icon-flight-land:before {
  content: "flight_land";
}
.p-icon-flight-takeoff:before {
  content: "flight_takeoff";
}
.p-icon-flip:before {
  content: "flip";
}
.p-icon-flip-to-back:before {
  content: "flip_to_back";
}
.p-icon-flip-to-front:before {
  content: "flip_to_front";
}
.p-icon-folder:before {
  content: "folder";
}
.p-icon-folder-open:before {
  content: "folder_open";
}
.p-icon-folder-shared:before {
  content: "folder_shared";
}
.p-icon-folder-special:before {
  content: "folder_special";
}
.p-icon-font-download:before {
  content: "font_download";
}
.p-icon-format-align-center:before {
  content: "format_align_center";
}
.p-icon-format-align-justify:before {
  content: "format_align_justify";
}
.p-icon-format-align-left:before {
  content: "format_align_left";
}
.p-icon-format-align-right:before {
  content: "format_align_right";
}
.p-icon-format-bold:before {
  content: "format_bold";
}
.p-icon-format-clear:before {
  content: "format_clear";
}
.p-icon-format-color-fill:before {
  content: "format_color_fill";
}
.p-icon-format-color-reset:before {
  content: "format_color_reset";
}
.p-icon-format-color-text:before {
  content: "format_color_text";
}
.p-icon-format-indent-decrease:before {
  content: "format_indent_decrease";
}
.p-icon-format-indent-increase:before {
  content: "format_indent_increase";
}
.p-icon-format-italic:before {
  content: "format_italic";
}
.p-icon-format-line-spacing:before {
  content: "format_line_spacing";
}
.p-icon-format-list-bulleted:before {
  content: "format_list_bulleted";
}
.p-icon-format-list-numbered:before {
  content: "format_list_numbered";
}
.p-icon-format-paint:before {
  content: "format_paint";
}
.p-icon-format-quote:before {
  content: "format_quote";
}
.p-icon-format-shapes:before {
  content: "format_shapes";
}
.p-icon-format-size:before {
  content: "format_size";
}
.p-icon-format-strikethrough:before {
  content: "format_strikethrough";
}
.p-icon-format-textdirection-l-to-r:before {
  content: "format_textdirection_l_to_r";
}
.p-icon-format-textdirection-r-to-l:before {
  content: "format_textdirection_r_to_l";
}
.p-icon-format-underlined:before {
  content: "format_underlined";
}
.p-icon-forum:before {
  content: "forum";
}
.p-icon-forward:before {
  content: "forward";
}
.p-icon-forward-10:before {
  content: "forward_10";
}
.p-icon-forward-30:before {
  content: "forward_30";
}
.p-icon-forward-5:before {
  content: "forward_5";
}
.p-icon-free-breakfast:before {
  content: "free_breakfast";
}
.p-icon-fullscreen:before {
  content: "fullscreen";
}
.p-icon-fullscreen-exit:before {
  content: "fullscreen_exit";
}
.p-icon-functions:before {
  content: "functions";
}
.p-icon-g-translate:before {
  content: "g_translate";
}
.p-icon-gamepad:before {
  content: "gamepad";
}
.p-icon-games:before {
  content: "games";
}
.p-icon-gavel:before {
  content: "gavel";
}
.p-icon-gesture:before {
  content: "gesture";
}
.p-icon-get-app:before {
  content: "get_app";
}
.p-icon-gif:before {
  content: "gif";
}
.p-icon-golf-course:before {
  content: "golf_course";
}
.p-icon-gps-fixed:before {
  content: "gps_fixed";
}
.p-icon-gps-not-fixed:before {
  content: "gps_not_fixed";
}
.p-icon-gps-off:before {
  content: "gps_off";
}
.p-icon-grade:before {
  content: "grade";
}
.p-icon-gradient:before {
  content: "gradient";
}
.p-icon-grain:before {
  content: "grain";
}
.p-icon-graphic-eq:before {
  content: "graphic_eq";
}
.p-icon-grid-off:before {
  content: "grid_off";
}
.p-icon-grid-on:before {
  content: "grid_on";
}
.p-icon-group:before {
  content: "group";
}
.p-icon-group-add:before {
  content: "group_add";
}
.p-icon-group-work:before {
  content: "group_work";
}
.p-icon-hd:before {
  content: "hd";
}
.p-icon-hdr-off:before {
  content: "hdr_off";
}
.p-icon-hdr-on:before {
  content: "hdr_on";
}
.p-icon-hdr-strong:before {
  content: "hdr_strong";
}
.p-icon-hdr-weak:before {
  content: "hdr_weak";
}
.p-icon-headset:before {
  content: "headset";
}
.p-icon-headset-mic:before {
  content: "headset_mic";
}
.p-icon-healing:before {
  content: "healing";
}
.p-icon-hearing:before {
  content: "hearing";
}
.p-icon-help:before {
  content: "help";
}
.p-icon-help-outline:before {
  content: "help_outline";
}
.p-icon-high-quality:before {
  content: "high_quality";
}
.p-icon-highlight:before {
  content: "highlight";
}
.p-icon-highlight-off:before {
  content: "highlight_off";
}
.p-icon-history:before {
  content: "history";
}
.p-icon-home:before {
  content: "home";
}
.p-icon-hot-tub:before {
  content: "hot_tub";
}
.p-icon-hotel:before {
  content: "hotel";
}
.p-icon-hourglass-empty:before {
  content: "hourglass_empty";
}
.p-icon-hourglass-full:before {
  content: "hourglass_full";
}
.p-icon-http:before {
  content: "http";
}
.p-icon-https:before {
  content: "https";
}
.p-icon-image:before {
  content: "image";
}
.p-icon-image-aspect-ratio:before {
  content: "image_aspect_ratio";
}
.p-icon-import-contacts:before {
  content: "import_contacts";
}
.p-icon-import-export:before {
  content: "import_export";
}
.p-icon-important-devices:before {
  content: "important_devices";
}
.p-icon-inbox:before {
  content: "inbox";
}
.p-icon-indeterminate-check-box:before {
  content: "indeterminate_check_box";
}
.p-icon-info:before {
  content: "info";
}
.p-icon-info-outline:before {
  content: "info_outline";
}
.p-icon-input:before {
  content: "input";
}
.p-icon-insert-chart:before {
  content: "insert_chart";
}
.p-icon-insert-comment:before {
  content: "insert_comment";
}
.p-icon-insert-drive-file:before {
  content: "insert_drive_file";
}
.p-icon-insert-emoticon:before {
  content: "insert_emoticon";
}
.p-icon-insert-invitation:before {
  content: "insert_invitation";
}
.p-icon-insert-link:before {
  content: "insert_link";
}
.p-icon-insert-photo:before {
  content: "insert_photo";
}
.p-icon-invert-colors:before {
  content: "invert_colors";
}
.p-icon-invert-colors-off:before {
  content: "invert_colors_off";
}
.p-icon-iso:before {
  content: "iso";
}
.p-icon-keyboard:before {
  content: "keyboard";
}
.p-icon-keyboard-arrow-down:before {
  content: "keyboard_arrow_down";
}
.p-icon-keyboard-arrow-left:before {
  content: "keyboard_arrow_left";
}
.p-icon-keyboard-arrow-right:before {
  content: "keyboard_arrow_right";
}
.p-icon-keyboard-arrow-up:before {
  content: "keyboard_arrow_up";
}
.p-icon-keyboard-backspace:before {
  content: "keyboard_backspace";
}
.p-icon-keyboard-capslock:before {
  content: "keyboard_capslock";
}
.p-icon-keyboard-hide:before {
  content: "keyboard_hide";
}
.p-icon-keyboard-return:before {
  content: "keyboard_return";
}
.p-icon-keyboard-tab:before {
  content: "keyboard_tab";
}
.p-icon-keyboard-voice:before {
  content: "keyboard_voice";
}
.p-icon-kitchen:before {
  content: "kitchen";
}
.p-icon-label:before {
  content: "label";
}
.p-icon-label-outline:before {
  content: "label_outline";
}
.p-icon-landscape:before {
  content: "landscape";
}
.p-icon-language:before {
  content: "language";
}
.p-icon-laptop:before {
  content: "laptop";
}
.p-icon-laptop-chromebook:before {
  content: "laptop_chromebook";
}
.p-icon-laptop-mac:before {
  content: "laptop_mac";
}
.p-icon-laptop-windows:before {
  content: "laptop_windows";
}
.p-icon-last-page:before {
  content: "last_page";
}
.p-icon-launch:before {
  content: "launch";
}
.p-icon-layers:before {
  content: "layers";
}
.p-icon-layers-clear:before {
  content: "layers_clear";
}
.p-icon-leak-add:before {
  content: "leak_add";
}
.p-icon-leak-remove:before {
  content: "leak_remove";
}
.p-icon-lens:before {
  content: "lens";
}
.p-icon-library-add:before {
  content: "library_add";
}
.p-icon-library-books:before {
  content: "library_books";
}
.p-icon-library-music:before {
  content: "library_music";
}
.p-icon-lightbulb-outline:before {
  content: "lightbulb_outline";
}
.p-icon-line-style:before {
  content: "line_style";
}
.p-icon-line-weight:before {
  content: "line_weight";
}
.p-icon-linear-scale:before {
  content: "linear_scale";
}
.p-icon-link:before {
  content: "link";
}
.p-icon-linked-camera:before {
  content: "linked_camera";
}
.p-icon-list:before {
  content: "list";
}
.p-icon-live-help:before {
  content: "live_help";
}
.p-icon-live-tv:before {
  content: "live_tv";
}
.p-icon-local-activity:before {
  content: "local_activity";
}
.p-icon-local-airport:before {
  content: "local_airport";
}
.p-icon-local-atm:before {
  content: "local_atm";
}
.p-icon-local-bar:before {
  content: "local_bar";
}
.p-icon-local-cafe:before {
  content: "local_cafe";
}
.p-icon-local-car-wash:before {
  content: "local_car_wash";
}
.p-icon-local-convenience-store:before {
  content: "local_convenience_store";
}
.p-icon-local-dining:before {
  content: "local_dining";
}
.p-icon-local-drink:before {
  content: "local_drink";
}
.p-icon-local-florist:before {
  content: "local_florist";
}
.p-icon-local-gas-station:before {
  content: "local_gas_station";
}
.p-icon-local-grocery-store:before {
  content: "local_grocery_store";
}
.p-icon-local-hospital:before {
  content: "local_hospital";
}
.p-icon-local-hotel:before {
  content: "local_hotel";
}
.p-icon-local-laundry-service:before {
  content: "local_laundry_service";
}
.p-icon-local-library:before {
  content: "local_library";
}
.p-icon-local-mall:before {
  content: "local_mall";
}
.p-icon-local-movies:before {
  content: "local_movies";
}
.p-icon-local-offer:before {
  content: "local_offer";
}
.p-icon-local-parking:before {
  content: "local_parking";
}
.p-icon-local-pharmacy:before {
  content: "local_pharmacy";
}
.p-icon-local-phone:before {
  content: "local_phone";
}
.p-icon-local-pizza:before {
  content: "local_pizza";
}
.p-icon-local-play:before {
  content: "local_play";
}
.p-icon-local-post-office:before {
  content: "local_post_office";
}
.p-icon-local-printshop:before {
  content: "local_printshop";
}
.p-icon-local-see:before {
  content: "local_see";
}
.p-icon-local-shipping:before {
  content: "local_shipping";
}
.p-icon-local-taxi:before {
  content: "local_taxi";
}
.p-icon-location-city:before {
  content: "location_city";
}
.p-icon-location-disabled:before {
  content: "location_disabled";
}
.p-icon-location-off:before {
  content: "location_off";
}
.p-icon-location-on:before {
  content: "location_on";
}
.p-icon-location-searching:before {
  content: "location_searching";
}
.p-icon-lock:before {
  content: "lock";
}
.p-icon-lock-open:before {
  content: "lock_open";
}
.p-icon-lock-outline:before {
  content: "lock_outline";
}
.p-icon-looks:before {
  content: "looks";
}
.p-icon-looks-3:before {
  content: "looks_3";
}
.p-icon-looks-4:before {
  content: "looks_4";
}
.p-icon-looks-5:before {
  content: "looks_5";
}
.p-icon-looks-6:before {
  content: "looks_6";
}
.p-icon-looks-one:before {
  content: "looks_one";
}
.p-icon-looks-two:before {
  content: "looks_two";
}
.p-icon-loop:before {
  content: "loop";
}
.p-icon-loupe:before {
  content: "loupe";
}
.p-icon-low-priority:before {
  content: "low_priority";
}
.p-icon-loyalty:before {
  content: "loyalty";
}
.p-icon-mail:before {
  content: "mail";
}
.p-icon-mail-outline:before {
  content: "mail_outline";
}
.p-icon-map:before {
  content: "map";
}
.p-icon-markunread:before {
  content: "markunread";
}
.p-icon-markunread-mailbox:before {
  content: "markunread_mailbox";
}
.p-icon-memory:before {
  content: "memory";
}
.p-icon-menu:before {
  content: "menu";
}
.p-icon-merge-type:before {
  content: "merge_type";
}
.p-icon-message:before {
  content: "message";
}
.p-icon-mic:before {
  content: "mic";
}
.p-icon-mic-none:before {
  content: "mic_none";
}
.p-icon-mic-off:before {
  content: "mic_off";
}
.p-icon-mms:before {
  content: "mms";
}
.p-icon-mode-comment:before {
  content: "mode_comment";
}
.p-icon-mode-edit:before {
  content: "mode_edit";
}
.p-icon-monetization-on:before {
  content: "monetization_on";
}
.p-icon-money-off:before {
  content: "money_off";
}
.p-icon-monochrome-photos:before {
  content: "monochrome_photos";
}
.p-icon-mood:before {
  content: "mood";
}
.p-icon-mood-bad:before {
  content: "mood_bad";
}
.p-icon-more:before {
  content: "more";
}
.p-icon-more-horiz:before {
  content: "more_horiz";
}
.p-icon-more-vert:before {
  content: "more_vert";
}
.p-icon-motorcycle:before {
  content: "motorcycle";
}
.p-icon-mouse:before {
  content: "mouse";
}
.p-icon-move-to-inbox:before {
  content: "move_to_inbox";
}
.p-icon-movie:before {
  content: "movie";
}
.p-icon-movie-creation:before {
  content: "movie_creation";
}
.p-icon-movie-filter:before {
  content: "movie_filter";
}
.p-icon-multiline-chart:before {
  content: "multiline_chart";
}
.p-icon-music-note:before {
  content: "music_note";
}
.p-icon-music-video:before {
  content: "music_video";
}
.p-icon-my-location:before {
  content: "my_location";
}
.p-icon-nature:before {
  content: "nature";
}
.p-icon-nature-people:before {
  content: "nature_people";
}
.p-icon-navigate-before:before {
  content: "navigate_before";
}
.p-icon-navigate-next:before {
  content: "navigate_next";
}
.p-icon-navigation:before {
  content: "navigation";
}
.p-icon-near-me:before {
  content: "near_me";
}
.p-icon-network-cell:before {
  content: "network_cell";
}
.p-icon-network-check:before {
  content: "network_check";
}
.p-icon-network-locked:before {
  content: "network_locked";
}
.p-icon-network-wifi:before {
  content: "network_wifi";
}
.p-icon-new-releases:before {
  content: "new_releases";
}
.p-icon-next-week:before {
  content: "next_week";
}
.p-icon-nfc:before {
  content: "nfc";
}
.p-icon-no-encryption:before {
  content: "no_encryption";
}
.p-icon-no-sim:before {
  content: "no_sim";
}
.p-icon-not-interested:before {
  content: "not_interested";
}
.p-icon-note:before {
  content: "note";
}
.p-icon-note-add:before {
  content: "note_add";
}
.p-icon-notifications:before {
  content: "notifications";
}
.p-icon-notifications-active:before {
  content: "notifications_active";
}
.p-icon-notifications-none:before {
  content: "notifications_none";
}
.p-icon-notifications-off:before {
  content: "notifications_off";
}
.p-icon-notifications-paused:before {
  content: "notifications_paused";
}
.p-icon-offline-pin:before {
  content: "offline_pin";
}
.p-icon-ondemand-video:before {
  content: "ondemand_video";
}
.p-icon-opacity:before {
  content: "opacity";
}
.p-icon-open-in-browser:before {
  content: "open_in_browser";
}
.p-icon-open-in-new:before {
  content: "open_in_new";
}
.p-icon-open-with:before {
  content: "open_with";
}
.p-icon-pages:before {
  content: "pages";
}
.p-icon-pageview:before {
  content: "pageview";
}
.p-icon-palette:before {
  content: "palette";
}
.p-icon-pan-tool:before {
  content: "pan_tool";
}
.p-icon-panorama:before {
  content: "panorama";
}
.p-icon-panorama-fish-eye:before {
  content: "panorama_fish_eye";
}
.p-icon-panorama-horizontal:before {
  content: "panorama_horizontal";
}
.p-icon-panorama-vertical:before {
  content: "panorama_vertical";
}
.p-icon-panorama-wide-angle:before {
  content: "panorama_wide_angle";
}
.p-icon-party-mode:before {
  content: "party_mode";
}
.p-icon-pause:before {
  content: "pause";
}
.p-icon-pause-circle-filled:before {
  content: "pause_circle_filled";
}
.p-icon-pause-circle-outline:before {
  content: "pause_circle_outline";
}
.p-icon-payment:before {
  content: "payment";
}
.p-icon-people:before {
  content: "people";
}
.p-icon-people-outline:before {
  content: "people_outline";
}
.p-icon-perm-camera-mic:before {
  content: "perm_camera_mic";
}
.p-icon-perm-contact-calendar:before {
  content: "perm_contact_calendar";
}
.p-icon-perm-data-setting:before {
  content: "perm_data_setting";
}
.p-icon-perm-device-information:before {
  content: "perm_device_information";
}
.p-icon-perm-identity:before {
  content: "perm_identity";
}
.p-icon-perm-media:before {
  content: "perm_media";
}
.p-icon-perm-phone-msg:before {
  content: "perm_phone_msg";
}
.p-icon-perm-scan-wifi:before {
  content: "perm_scan_wifi";
}
.p-icon-person:before {
  content: "person";
}
.p-icon-person-add:before {
  content: "person_add";
}
.p-icon-person-outline:before {
  content: "person_outline";
}
.p-icon-person-pin:before {
  content: "person_pin";
}
.p-icon-person-pin-circle:before {
  content: "person_pin_circle";
}
.p-icon-personal-video:before {
  content: "personal_video";
}
.p-icon-pets:before {
  content: "pets";
}
.p-icon-phone:before {
  content: "phone";
}
.p-icon-phone-android:before {
  content: "phone_android";
}
.p-icon-phone-bluetooth-speaker:before {
  content: "phone_bluetooth_speaker";
}
.p-icon-phone-forwarded:before {
  content: "phone_forwarded";
}
.p-icon-phone-in-talk:before {
  content: "phone_in_talk";
}
.p-icon-phone-iphone:before {
  content: "phone_iphone";
}
.p-icon-phone-locked:before {
  content: "phone_locked";
}
.p-icon-phone-missed:before {
  content: "phone_missed";
}
.p-icon-phone-paused:before {
  content: "phone_paused";
}
.p-icon-phonelink:before {
  content: "phonelink";
}
.p-icon-phonelink-erase:before {
  content: "phonelink_erase";
}
.p-icon-phonelink-lock:before {
  content: "phonelink_lock";
}
.p-icon-phonelink-off:before {
  content: "phonelink_off";
}
.p-icon-phonelink-ring:before {
  content: "phonelink_ring";
}
.p-icon-phonelink-setup:before {
  content: "phonelink_setup";
}
.p-icon-photo:before {
  content: "photo";
}
.p-icon-photo-album:before {
  content: "photo_album";
}
.p-icon-photo-camera:before {
  content: "photo_camera";
}
.p-icon-photo-filter:before {
  content: "photo_filter";
}
.p-icon-photo-library:before {
  content: "photo_library";
}
.p-icon-photo-size-select-actual:before {
  content: "photo_size_select_actual";
}
.p-icon-photo-size-select-large:before {
  content: "photo_size_select_large";
}
.p-icon-photo-size-select-small:before {
  content: "photo_size_select_small";
}
.p-icon-picture-as-pdf:before {
  content: "picture_as_pdf";
}
.p-icon-picture-in-picture:before {
  content: "picture_in_picture";
}
.p-icon-picture-in-picture-alt:before {
  content: "picture_in_picture_alt";
}
.p-icon-pie-chart:before {
  content: "pie_chart";
}
.p-icon-pie-chart-outlined:before {
  content: "pie_chart_outlined";
}
.p-icon-pin-drop:before {
  content: "pin_drop";
}
.p-icon-place:before {
  content: "place";
}
.p-icon-play-arrow:before {
  content: "play_arrow";
}
.p-icon-play-circle-filled:before {
  content: "play_circle_filled";
}
.p-icon-play-circle-outline:before {
  content: "play_circle_outline";
}
.p-icon-play-for-work:before {
  content: "play_for_work";
}
.p-icon-playlist-add:before {
  content: "playlist_add";
}
.p-icon-playlist-add-check:before {
  content: "playlist_add_check";
}
.p-icon-playlist-play:before {
  content: "playlist_play";
}
.p-icon-plus-one:before {
  content: "plus_one";
}
.p-icon-poll:before {
  content: "poll";
}
.p-icon-polymer:before {
  content: "polymer";
}
.p-icon-pool:before {
  content: "pool";
}
.p-icon-portable-wifi-off:before {
  content: "portable_wifi_off";
}
.p-icon-portrait:before {
  content: "portrait";
}
.p-icon-power:before {
  content: "power";
}
.p-icon-power-input:before {
  content: "power_input";
}
.p-icon-power-settings-new:before {
  content: "power_settings_new";
}
.p-icon-pregnant-woman:before {
  content: "pregnant_woman";
}
.p-icon-present-to-all:before {
  content: "present_to_all";
}
.p-icon-print:before {
  content: "print";
}
.p-icon-priority-high:before {
  content: "priority_high";
}
.p-icon-public:before {
  content: "public";
}
.p-icon-publish:before {
  content: "publish";
}
.p-icon-query-builder:before {
  content: "query_builder";
}
.p-icon-question-answer:before {
  content: "question_answer";
}
.p-icon-queue:before {
  content: "queue";
}
.p-icon-queue-music:before {
  content: "queue_music";
}
.p-icon-queue-play-next:before {
  content: "queue_play_next";
}
.p-icon-radio:before {
  content: "radio";
}
.p-icon-radio-button-checked:before {
  content: "radio_button_checked";
}
.p-icon-radio-button-unchecked:before {
  content: "radio_button_unchecked";
}
.p-icon-rate-review:before {
  content: "rate_review";
}
.p-icon-receipt:before {
  content: "receipt";
}
.p-icon-recent-actors:before {
  content: "recent_actors";
}
.p-icon-record-voice-over:before {
  content: "record_voice_over";
}
.p-icon-redeem:before {
  content: "redeem";
}
.p-icon-redo:before {
  content: "redo";
}
.p-icon-refresh:before {
  content: "refresh";
}
.p-icon-remove:before {
  content: "remove";
}
.p-icon-remove-circle:before {
  content: "remove_circle";
}
.p-icon-remove-circle-outline:before {
  content: "remove_circle_outline";
}
.p-icon-remove-from-queue:before {
  content: "remove_from_queue";
}
.p-icon-remove-red-eye:before {
  content: "remove_red_eye";
}
.p-icon-remove-shopping-cart:before {
  content: "remove_shopping_cart";
}
.p-icon-reorder:before {
  content: "reorder";
}
.p-icon-repeat:before {
  content: "repeat";
}
.p-icon-repeat-one:before {
  content: "repeat_one";
}
.p-icon-replay:before {
  content: "replay";
}
.p-icon-replay-10:before {
  content: "replay_10";
}
.p-icon-replay-30:before {
  content: "replay_30";
}
.p-icon-replay-5:before {
  content: "replay_5";
}
.p-icon-reply:before {
  content: "reply";
}
.p-icon-reply-all:before {
  content: "reply_all";
}
.p-icon-report:before {
  content: "report";
}
.p-icon-report-problem:before {
  content: "report_problem";
}
.p-icon-restaurant:before {
  content: "restaurant";
}
.p-icon-restaurant-menu:before {
  content: "restaurant_menu";
}
.p-icon-restore:before {
  content: "restore";
}
.p-icon-restore-page:before {
  content: "restore_page";
}
.p-icon-ring-volume:before {
  content: "ring_volume";
}
.p-icon-room:before {
  content: "room";
}
.p-icon-room-service:before {
  content: "room_service";
}
.p-icon-rotate-90-degrees-ccw:before {
  content: "rotate_90_degrees_ccw";
}
.p-icon-rotate-left:before {
  content: "rotate_left";
}
.p-icon-rotate-right:before {
  content: "rotate_right";
}
.p-icon-rounded-corner:before {
  content: "rounded_corner";
}
.p-icon-router:before {
  content: "router";
}
.p-icon-rowing:before {
  content: "rowing";
}
.p-icon-rss-feed:before {
  content: "rss_feed";
}
.p-icon-rv-hookup:before {
  content: "rv_hookup";
}
.p-icon-satellite:before {
  content: "satellite";
}
.p-icon-save:before {
  content: "save";
}
.p-icon-scanner:before {
  content: "scanner";
}
.p-icon-schedule:before {
  content: "schedule";
}
.p-icon-school:before {
  content: "school";
}
.p-icon-screen-lock-landscape:before {
  content: "screen_lock_landscape";
}
.p-icon-screen-lock-portrait:before {
  content: "screen_lock_portrait";
}
.p-icon-screen-lock-rotation:before {
  content: "screen_lock_rotation";
}
.p-icon-screen-rotation:before {
  content: "screen_rotation";
}
.p-icon-screen-share:before {
  content: "screen_share";
}
.p-icon-sd-card:before {
  content: "sd_card";
}
.p-icon-sd-storage:before {
  content: "sd_storage";
}
.p-icon-search:before {
  content: "search";
}
.p-icon-security:before {
  content: "security";
}
.p-icon-select-all:before {
  content: "select_all";
}
.p-icon-send:before {
  content: "send";
}
.p-icon-sentiment-dissatisfied:before {
  content: "sentiment_dissatisfied";
}
.p-icon-sentiment-neutral:before {
  content: "sentiment_neutral";
}
.p-icon-sentiment-satisfied:before {
  content: "sentiment_satisfied";
}
.p-icon-sentiment-very-dissatisfied:before {
  content: "sentiment_very_dissatisfied";
}
.p-icon-sentiment-very-satisfied:before {
  content: "sentiment_very_satisfied";
}
.p-icon-settings:before {
  content: "settings";
}
.p-icon-settings-applications:before {
  content: "settings_applications";
}
.p-icon-settings-backup-restore:before {
  content: "settings_backup_restore";
}
.p-icon-settings-bluetooth:before {
  content: "settings_bluetooth";
}
.p-icon-settings-brightness:before {
  content: "settings_brightness";
}
.p-icon-settings-cell:before {
  content: "settings_cell";
}
.p-icon-settings-ethernet:before {
  content: "settings_ethernet";
}
.p-icon-settings-input-antenna:before {
  content: "settings_input_antenna";
}
.p-icon-settings-input-component:before {
  content: "settings_input_component";
}
.p-icon-settings-input-composite:before {
  content: "settings_input_composite";
}
.p-icon-settings-input-hdmi:before {
  content: "settings_input_hdmi";
}
.p-icon-settings-input-svideo:before {
  content: "settings_input_svideo";
}
.p-icon-settings-overscan:before {
  content: "settings_overscan";
}
.p-icon-settings-phone:before {
  content: "settings_phone";
}
.p-icon-settings-power:before {
  content: "settings_power";
}
.p-icon-settings-remote:before {
  content: "settings_remote";
}
.p-icon-settings-system-daydream:before {
  content: "settings_system_daydream";
}
.p-icon-settings-voice:before {
  content: "settings_voice";
}
.p-icon-share:before {
  content: "share";
}
.p-icon-shop:before {
  content: "shop";
}
.p-icon-shop-two:before {
  content: "shop_two";
}
.p-icon-shopping-basket:before {
  content: "shopping_basket";
}
.p-icon-shopping-cart:before {
  content: "shopping_cart";
}
.p-icon-short-text:before {
  content: "short_text";
}
.p-icon-show-chart:before {
  content: "show_chart";
}
.p-icon-shuffle:before {
  content: "shuffle";
}
.p-icon-signal-cellular-4-bar:before {
  content: "signal_cellular_4_bar";
}
.p-icon-signal-cellular-connected-no-internet-4-bar:before {
  content: "signal_cellular_connected_no_internet_4_bar";
}
.p-icon-signal-cellular-no-sim:before {
  content: "signal_cellular_no_sim";
}
.p-icon-signal-cellular-null:before {
  content: "signal_cellular_null";
}
.p-icon-signal-cellular-off:before {
  content: "signal_cellular_off";
}
.p-icon-signal-wifi-4-bar:before {
  content: "signal_wifi_4_bar";
}
.p-icon-signal-wifi-4-bar-lock:before {
  content: "signal_wifi_4_bar_lock";
}
.p-icon-signal-wifi-off:before {
  content: "signal_wifi_off";
}
.p-icon-sim-card:before {
  content: "sim_card";
}
.p-icon-sim-card-alert:before {
  content: "sim_card_alert";
}
.p-icon-skip-next:before {
  content: "skip_next";
}
.p-icon-skip-previous:before {
  content: "skip_previous";
}
.p-icon-slideshow:before {
  content: "slideshow";
}
.p-icon-slow-motion-video:before {
  content: "slow_motion_video";
}
.p-icon-smartphone:before {
  content: "smartphone";
}
.p-icon-smoke-free:before {
  content: "smoke_free";
}
.p-icon-smoking-rooms:before {
  content: "smoking_rooms";
}
.p-icon-sms:before {
  content: "sms";
}
.p-icon-sms-failed:before {
  content: "sms_failed";
}
.p-icon-snooze:before {
  content: "snooze";
}
.p-icon-sort:before {
  content: "sort";
}
.p-icon-sort-by-alpha:before {
  content: "sort_by_alpha";
}
.p-icon-spa:before {
  content: "spa";
}
.p-icon-space-bar:before {
  content: "space_bar";
}
.p-icon-speaker:before {
  content: "speaker";
}
.p-icon-speaker-group:before {
  content: "speaker_group";
}
.p-icon-speaker-notes:before {
  content: "speaker_notes";
}
.p-icon-speaker-notes-off:before {
  content: "speaker_notes_off";
}
.p-icon-speaker-phone:before {
  content: "speaker_phone";
}
.p-icon-spellcheck:before {
  content: "spellcheck";
}
.p-icon-star:before {
  content: "star";
}
.p-icon-star-border:before {
  content: "star_border";
}
.p-icon-star-half:before {
  content: "star_half";
}
.p-icon-stars:before {
  content: "stars";
}
.p-icon-stay-current-landscape:before {
  content: "stay_current_landscape";
}
.p-icon-stay-current-portrait:before {
  content: "stay_current_portrait";
}
.p-icon-stay-primary-landscape:before {
  content: "stay_primary_landscape";
}
.p-icon-stay-primary-portrait:before {
  content: "stay_primary_portrait";
}
.p-icon-stop:before {
  content: "stop";
}
.p-icon-stop-screen-share:before {
  content: "stop_screen_share";
}
.p-icon-storage:before {
  content: "storage";
}
.p-icon-store:before {
  content: "store";
}
.p-icon-store-mall-directory:before {
  content: "store_mall_directory";
}
.p-icon-straighten:before {
  content: "straighten";
}
.p-icon-streetview:before {
  content: "streetview";
}
.p-icon-strikethrough-s:before {
  content: "strikethrough_s";
}
.p-icon-style:before {
  content: "style";
}
.p-icon-subdirectory-arrow-left:before {
  content: "subdirectory_arrow_left";
}
.p-icon-subdirectory-arrow-right:before {
  content: "subdirectory_arrow_right";
}
.p-icon-subject:before {
  content: "subject";
}
.p-icon-subscriptions:before {
  content: "subscriptions";
}
.p-icon-subtitles:before {
  content: "subtitles";
}
.p-icon-subway:before {
  content: "subway";
}
.p-icon-supervisor-account:before {
  content: "supervisor_account";
}
.p-icon-surround-sound:before {
  content: "surround_sound";
}
.p-icon-swap-calls:before {
  content: "swap_calls";
}
.p-icon-swap-horiz:before {
  content: "swap_horiz";
}
.p-icon-swap-vert:before {
  content: "swap_vert";
}
.p-icon-swap-vertical-circle:before {
  content: "swap_vertical_circle";
}
.p-icon-switch-camera:before {
  content: "switch_camera";
}
.p-icon-switch-video:before {
  content: "switch_video";
}
.p-icon-sync:before {
  content: "sync";
}
.p-icon-sync-disabled:before {
  content: "sync_disabled";
}
.p-icon-sync-problem:before {
  content: "sync_problem";
}
.p-icon-system-update:before {
  content: "system_update";
}
.p-icon-system-update-alt:before {
  content: "system_update_alt";
}
.p-icon-tab:before {
  content: "tab";
}
.p-icon-tab-unselected:before {
  content: "tab_unselected";
}
.p-icon-tablet:before {
  content: "tablet";
}
.p-icon-tablet-android:before {
  content: "tablet_android";
}
.p-icon-tablet-mac:before {
  content: "tablet_mac";
}
.p-icon-tag-faces:before {
  content: "tag_faces";
}
.p-icon-tap-and-play:before {
  content: "tap_and_play";
}
.p-icon-terrain:before {
  content: "terrain";
}
.p-icon-text-fields:before {
  content: "text_fields";
}
.p-icon-text-format:before {
  content: "text_format";
}
.p-icon-textsms:before {
  content: "textsms";
}
.p-icon-texture:before {
  content: "texture";
}
.p-icon-theaters:before {
  content: "theaters";
}
.p-icon-thumb-down:before {
  content: "thumb_down";
}
.p-icon-thumb-up:before {
  content: "thumb_up";
}
.p-icon-thumbs-up-down:before {
  content: "thumbs_up_down";
}
.p-icon-time-to-leave:before {
  content: "time_to_leave";
}
.p-icon-timelapse:before {
  content: "timelapse";
}
.p-icon-timeline:before {
  content: "timeline";
}
.p-icon-timer:before {
  content: "timer";
}
.p-icon-timer-10:before {
  content: "timer_10";
}
.p-icon-timer-3:before {
  content: "timer_3";
}
.p-icon-timer-off:before {
  content: "timer_off";
}
.p-icon-title:before {
  content: "title";
}
.p-icon-toc:before {
  content: "toc";
}
.p-icon-today:before {
  content: "today";
}
.p-icon-toll:before {
  content: "toll";
}
.p-icon-tonality:before {
  content: "tonality";
}
.p-icon-touch-app:before {
  content: "touch_app";
}
.p-icon-toys:before {
  content: "toys";
}
.p-icon-track-changes:before {
  content: "track_changes";
}
.p-icon-traffic:before {
  content: "traffic";
}
.p-icon-train:before {
  content: "train";
}
.p-icon-tram:before {
  content: "tram";
}
.p-icon-transfer-within-a-station:before {
  content: "transfer_within_a_station";
}
.p-icon-transform:before {
  content: "transform";
}
.p-icon-translate:before {
  content: "translate";
}
.p-icon-trending-down:before {
  content: "trending_down";
}
.p-icon-trending-flat:before {
  content: "trending_flat";
}
.p-icon-trending-up:before {
  content: "trending_up";
}
.p-icon-tune:before {
  content: "tune";
}
.p-icon-turned-in:before {
  content: "turned_in";
}
.p-icon-turned-in-not:before {
  content: "turned_in_not";
}
.p-icon-tv:before {
  content: "tv";
}
.p-icon-unarchive:before {
  content: "unarchive";
}
.p-icon-undo:before {
  content: "undo";
}
.p-icon-unfold-less:before {
  content: "unfold_less";
}
.p-icon-unfold-more:before {
  content: "unfold_more";
}
.p-icon-update:before {
  content: "update";
}
.p-icon-usb:before {
  content: "usb";
}
.p-icon-verified-user:before {
  content: "verified_user";
}
.p-icon-vertical-align-bottom:before {
  content: "vertical_align_bottom";
}
.p-icon-vertical-align-center:before {
  content: "vertical_align_center";
}
.p-icon-vertical-align-top:before {
  content: "vertical_align_top";
}
.p-icon-vibration:before {
  content: "vibration";
}
.p-icon-video-call:before {
  content: "video_call";
}
.p-icon-video-label:before {
  content: "video_label";
}
.p-icon-video-library:before {
  content: "video_library";
}
.p-icon-videocam:before {
  content: "videocam";
}
.p-icon-videocam-off:before {
  content: "videocam_off";
}
.p-icon-videogame-asset:before {
  content: "videogame_asset";
}
.p-icon-view-agenda:before {
  content: "view_agenda";
}
.p-icon-view-array:before {
  content: "view_array";
}
.p-icon-view-carousel:before {
  content: "view_carousel";
}
.p-icon-view-column:before {
  content: "view_column";
}
.p-icon-view-comfy:before {
  content: "view_comfy";
}
.p-icon-view-compact:before {
  content: "view_compact";
}
.p-icon-view-day:before {
  content: "view_day";
}
.p-icon-view-headline:before {
  content: "view_headline";
}
.p-icon-view-list:before {
  content: "view_list";
}
.p-icon-view-module:before {
  content: "view_module";
}
.p-icon-view-quilt:before {
  content: "view_quilt";
}
.p-icon-view-stream:before {
  content: "view_stream";
}
.p-icon-view-week:before {
  content: "view_week";
}
.p-icon-vignette:before {
  content: "vignette";
}
.p-icon-visibility:before {
  content: "visibility";
}
.p-icon-visibility-off:before {
  content: "visibility_off";
}
.p-icon-voice-chat:before {
  content: "voice_chat";
}
.p-icon-voicemail:before {
  content: "voicemail";
}
.p-icon-volume-down:before {
  content: "volume_down";
}
.p-icon-volume-mute:before {
  content: "volume_mute";
}
.p-icon-volume-off:before {
  content: "volume_off";
}
.p-icon-volume-up:before {
  content: "volume_up";
}
.p-icon-vpn-key:before {
  content: "vpn_key";
}
.p-icon-vpn-lock:before {
  content: "vpn_lock";
}
.p-icon-wallpaper:before {
  content: "wallpaper";
}
.p-icon-warning:before {
  content: "warning";
}
.p-icon-watch:before {
  content: "watch";
}
.p-icon-watch-later:before {
  content: "watch_later";
}
.p-icon-wb-auto:before {
  content: "wb_auto";
}
.p-icon-wb-cloudy:before {
  content: "wb_cloudy";
}
.p-icon-wb-incandescent:before {
  content: "wb_incandescent";
}
.p-icon-wb-iridescent:before {
  content: "wb_iridescent";
}
.p-icon-wb-sunny:before {
  content: "wb_sunny";
}
.p-icon-wc:before {
  content: "wc";
}
.p-icon-web:before {
  content: "web";
}
.p-icon-web-asset:before {
  content: "web_asset";
}
.p-icon-weekend:before {
  content: "weekend";
}
.p-icon-whatshot:before {
  content: "whatshot";
}
.p-icon-widgets:before {
  content: "widgets";
}
.p-icon-wifi:before {
  content: "wifi";
}
.p-icon-wifi-lock:before {
  content: "wifi_lock";
}
.p-icon-wifi-tethering:before {
  content: "wifi_tethering";
}
.p-icon-work:before {
  content: "work";
}
.p-icon-wrap-text:before {
  content: "wrap_text";
}
.p-icon-youtube-searched-for:before {
  content: "youtube_searched_for";
}
.p-icon-zoom-in:before {
  content: "zoom_in";
}
.p-icon-zoom-out:before {
  content: "zoom_out";
}
.p-icon-zoom-out-map:before {
  content: "zoom_out_map";
}
.material-icons,
.fa {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body {
  font-family:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
  text-decoration: none;
}
body .p-widget-content {
  background-color: #ffffff;
  font-size: 1em;
  border: 1px solid #bdbdbd;
}
body .p-widget-content .fa {
  color: #757575;
}
body .p-widget-header {
  background-color: #1e295d;
  color: #ffffff;
  font-size: 1em;
  border: 1px solid #bdbdbd;
}
body .p-widget-header .fa {
  color: #ffffff;
}
body .p-button {
  font-family: inherit !important;
}
body .p-state-active,
body .p-state-highlight {
  background-color: #afeeee;
  color: #000000;
}
body .p-state-active .fa,
body .p-state-highlight .fa {
  color: #ffffff;
}
body .p-widget:disabled,
body .p-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
  cursor: auto !important;
}
body .p-corner-all {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
body .p-corner-top {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
body .p-corner-bottom {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .p-corner-left {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .p-corner-right {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .p-widget-overlay {
  background-color: #58575c;
  opacity: 0.8;
}
body .p-inputtext {
  width: 100%;
  background: transparent;
  border-width: 0 0 1px 0;
  padding: 2px 2px 1px 2px;
  font-size: 1em;
  border-color: #bdbdbd;
  border-style: solid;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
body .p-inputtext:focus,
body .p-inputtext.p-state-focus {
  border-width: 0 0 2px 0;
  border-color: #1e295d;
  padding-bottom: 0px;
}
body .p-inputtext:disabled {
  border-bottom: 1px dotted;
}
body .p-inputtext.p-widget-content {
  border-width: 1px;
}
body .p-inputtext.p-state-error {
  border-color: #e62a10;
}
body .md-inputfield {
  display: block;
  position: relative;
}
body .md-inputfield label {
  color: #999;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 1px;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}
body .md-inputfield input:focus ~ label,
body .md-inputfield input.p-state-filled ~ label,
body .md-inputfield .p-inputwrapper-focus ~ label,
body .md-inputfield .p-inputwrapper-filled ~ label {
  top: -20px;
  font-size: 12px;
  color: #1e295d;
}
body .md-inputfield .input:-webkit-autofill ~ label {
  top: -20px;
  font-size: 12px;
  color: #1e295d;
}
body .md-inputfield input.ng-dirty.ng-invalid ~ label {
  color: #e62a10;
}
body .md-inputfield .p-message.p-messages-error {
  background-color: transparent;
  border: 0 none;
  margin: 0px;
  color: #e62a10;
  font-size: 0.75em;
}
body .p-material-message.p-message.p-messages-error {
  background-color: transparent;
  border: 0 none;
  margin: 0px;
  color: #e62a10;
  font-size: 0.75em;
}
body .p-listbox {
  min-width: 12.5em;
  background-color: #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
body .p-listbox.p-inputtext {
  padding: 0;
}
body .p-listbox .p-listbox-list {
  padding: 0;
}
body .p-listbox .p-listbox-item {
  overflow: hidden;
  font-size: 1em;
  padding: 0.625em 0.875em;
  margin: 0;
  color: #212121;
  position: relative;
  overflow: hidden;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-listbox .p-listbox-item.p-state-highlight {
  background-color: #afeeee;
  color: #000000;
}
body .p-listbox:not(.p-state-disabled) .p-listbox-item:not(.p-state-highlight):hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-listbox .p-listbox-header {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0.625em 1em;
}
body .p-listbox .p-listbox-header .p-chkbox .p-chkbox-box {
  border-color: #ffffff;
}
body .p-listbox .p-listbox-header .p-listbox-filter-container .p-inputtext {
  color: #ffffff;
  padding: 2px 2px 1px 2px;
  padding-left: 1.5em;
  width: 100%;
}
body .p-listbox .p-listbox-header .p-listbox-filter-container .p-inputtext:focus {
  padding-bottom: 0;
}
body .p-listbox .p-listbox-header .p-listbox-filter-container .fa {
  top: 0;
  left: 0;
}
body .p-button,
body .p-datepicker-buttonpane > button {
  overflow: hidden;
  background-color: #1e295d;
  color: #ffffff;
  font-size: 1em;
  height: 2.25em;
  padding: 0 1em;
  border: 0 none;
  -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body .p-button:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button:enabled:not(:focus):hover {
  background-color: #283593;
}
body .p-button:focus,
body .p-datepicker-buttonpane > button:focus {
  outline: 0 none;
  background-color: adjust(#1e295d, 10%);
}
body .p-button .p-button-text,
body .p-datepicker-buttonpane > button .p-button-text {
  padding: 0;
  line-height: 2.25em;
}
body .p-button .fa,
body .p-datepicker-buttonpane > button .fa {
  color: #ffffff;
}
body .p-button.p-button-icon-only,
body .p-datepicker-buttonpane > button.p-button-icon-only {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
}
body .p-button.p-button-icon-only .fa,
body .p-datepicker-buttonpane > button.p-button-icon-only .fa {
  margin-left: -0.5em;
}
body .p-button.p-button-text-icon-left,
body .p-datepicker-buttonpane > button.p-button-text-icon-left {
  padding-left: 2.5em;
}
body .p-button.p-button-text-icon-right,
body .p-datepicker-buttonpane > button.p-button-text-icon-right {
  padding-right: 2.5em;
}
body .p-button.secondary,
body .p-datepicker-buttonpane > button.secondary {
  background-color: #afeeee;
  color: #000000;
}
body .p-button.secondary:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.secondary:enabled:not(:focus):hover {
  background-color: #00ced1;
}
body .p-button.secondary:focus,
body .p-datepicker-buttonpane > button.secondary:focus {
  outline: 0 none;
  background-color: adjust(#afeeee, 10%);
}
body .p-button.blue-grey-btn,
body .p-datepicker-buttonpane > button.blue-grey-btn {
  background-color: #607D8B;
}
body .p-button.blue-grey-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.blue-grey-btn:enabled:not(:focus):hover {
  background-color: #37474F;
}
body .p-button.blue-grey-btn:focus,
body .p-datepicker-buttonpane > button.blue-grey-btn:focus {
  outline: 0 none;
  background-color: adjust(#607D8B, 10%);
}
body .p-button.cyan-btn,
body .p-datepicker-buttonpane > button.cyan-btn {
  background-color: #00BCD4;
}
body .p-button.cyan-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.cyan-btn:enabled:not(:focus):hover {
  background-color: #00838F;
}
body .p-button.cyan-btn:focus,
body .p-datepicker-buttonpane > button.cyan-btn:focus {
  outline: 0 none;
  background-color: adjust(#00BCD4, 10%);
}
body .p-button.teal-btn,
body .p-datepicker-buttonpane > button.teal-btn {
  background-color: #009688;
}
body .p-button.teal-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.teal-btn:enabled:not(:focus):hover {
  background-color: #00695C;
}
body .p-button.teal-btn:focus,
body .p-datepicker-buttonpane > button.teal-btn:focus {
  outline: 0 none;
  background-color: adjust(#009688, 10%);
}
body .p-button.red-btn,
body .p-datepicker-buttonpane > button.red-btn {
  background-color: #F44336;
}
body .p-button.red-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.red-btn:enabled:not(:focus):hover {
  background-color: #C62828;
}
body .p-button.red-btn:focus,
body .p-datepicker-buttonpane > button.red-btn:focus {
  outline: 0 none;
  background-color: adjust(#F44336, 10%);
}
body .p-button.green-btn,
body .p-datepicker-buttonpane > button.green-btn {
  background-color: #4CAF50;
}
body .p-button.green-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.green-btn:enabled:not(:focus):hover {
  background-color: #2E7D32;
}
body .p-button.green-btn:focus,
body .p-datepicker-buttonpane > button.green-btn:focus {
  outline: 0 none;
  background-color: adjust(#4CAF50, 10%);
}
body .p-button.deep-orange-btn,
body .p-datepicker-buttonpane > button.deep-orange-btn {
  background-color: #FF5722;
}
body .p-button.deep-orange-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.deep-orange-btn:enabled:not(:focus):hover {
  background-color: #D84315;
}
body .p-button.deep-orange-btn:focus,
body .p-datepicker-buttonpane > button.deep-orange-btn:focus {
  outline: 0 none;
  background-color: adjust(#FF5722, 10%);
}
body .p-button.purple-btn,
body .p-datepicker-buttonpane > button.purple-btn {
  background-color: #673AB7;
}
body .p-button.purple-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.purple-btn:enabled:not(:focus):hover {
  background-color: #4527A0;
}
body .p-button.purple-btn:focus,
body .p-datepicker-buttonpane > button.purple-btn:focus {
  outline: 0 none;
  background-color: adjust(#673AB7, 10%);
}
body .p-button.pink-btn,
body .p-datepicker-buttonpane > button.pink-btn {
  background-color: #E91E63;
}
body .p-button.pink-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.pink-btn:enabled:not(:focus):hover {
  background-color: #AD1457;
}
body .p-button.pink-btn:focus,
body .p-datepicker-buttonpane > button.pink-btn:focus {
  outline: 0 none;
  background-color: adjust(#E91E63, 10%);
}
body .p-button.amber-btn,
body .p-datepicker-buttonpane > button.amber-btn {
  background-color: #FFC107;
  color: #212121;
}
body .p-button.amber-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.amber-btn:enabled:not(:focus):hover {
  background-color: #FF8F00;
}
body .p-button.amber-btn:focus,
body .p-datepicker-buttonpane > button.amber-btn:focus {
  outline: 0 none;
  background-color: adjust(#FFC107, 10%);
}
body .p-button.orange-btn,
body .p-datepicker-buttonpane > button.orange-btn {
  background-color: #FF9800;
}
body .p-button.orange-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.orange-btn:enabled:not(:focus):hover {
  background-color: #EF6C00;
}
body .p-button.orange-btn:focus,
body .p-datepicker-buttonpane > button.orange-btn:focus {
  outline: 0 none;
  background-color: adjust(#FF9800, 10%);
}
body .p-button.brown-btn,
body .p-datepicker-buttonpane > button.brown-btn {
  background-color: #795548;
}
body .p-button.brown-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.brown-btn:enabled:not(:focus):hover {
  background-color: #4E342E;
}
body .p-button.brown-btn:focus,
body .p-datepicker-buttonpane > button.brown-btn:focus {
  outline: 0 none;
  background-color: adjust(#795548, 10%);
}
body .p-button.indigo-btn,
body .p-datepicker-buttonpane > button.indigo-btn {
  background-color: #3F51B5;
}
body .p-button.indigo-btn:enabled:not(:focus):hover,
body .p-datepicker-buttonpane > button.indigo-btn:enabled:not(:focus):hover {
  background-color: #283593;
}
body .p-button.indigo-btn:focus,
body .p-datepicker-buttonpane > button.indigo-btn:focus {
  outline: 0 none;
  background-color: adjust(#3F51B5, 10%);
}
body .p-button.flat,
body .p-datepicker-buttonpane > button.flat {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
body .p-buttonset .p-button:not(.p-state-disabled):not(.p-state-active):hover {
  background-color: #283593;
}
body .p-buttonset .p-button.p-state-active {
  background-color: #afeeee;
  color: #000000;
}
body .p-togglebutton:not(.p-state-active):not(.p-state-disabled):hover {
  background-color: #283593;
}
body .p-togglebutton.p-state-active {
  background-color: #afeeee;
  color: #000000;
}
body .p-splitbutton {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
}
body .p-splitbutton > .p-button {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
body .p-splitbutton > .p-button:active {
  background-color: adjust(#1e295d, 10%);
}
body .p-splitbutton .p-splitbutton-menubutton {
  height: 2.25em;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .p-fluid .p-splitbutton .p-button:first-child {
  width: calc(100% - 2em);
}
body .p-chkbox {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.25em;
  width: 1.25em;
  height: 1.25em;
  cursor: default;
}
body .p-chkbox .p-chkbox-box {
  width: 1.25em;
  height: 1.25em;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body .p-chkbox .p-chkbox-box .p-chkbox-icon {
  font-size: 1.25em;
  margin-left: -2px;
  margin-top: -1px;
  color: #1e295d;
}
body .p-chkbox .p-chkbox-box.p-state-active {
  border-color: #1e295d;
  background-color: #1e295d;
}
body .p-chkbox .p-chkbox-box.p-state-focus {
  border-color: #1e295d;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s, background-color 0.3s;
  -o-transition: box-shadow 0.3s, background-color 0.3s;
  -webkit-transition: box-shadow 0.3s, background-color 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s;
}
body .p-radiobutton {
  position: relative;
  margin: 0 0.25em 0 0;
  vertical-align: middle;
}
body .p-radiobutton .p-radiobutton-box {
  border: 2px solid #757575;
  width: 1.25em;
  height: 1.25em;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
body .p-radiobutton .p-radiobutton-box.p-state-focus {
  border-color: #1e295d;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-transition: box-shadow 0.3s, background-color 0.3s;
  -o-transition: box-shadow 0.3s, background-color 0.3s;
  -webkit-transition: box-shadow 0.3s, background-color 0.3s;
  transition: box-shadow 0.3s, background-color 0.3s;
}
body .p-radiobutton .p-radiobutton-box.p-state-active {
  border-color: #1e295d;
  background-color: transparent;
}
body .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  display: block;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 1em;
  transition: -webkit-transform ease 0.28s;
  transition: transform ease 0.28s;
  -webkit-transform: scale(0);
  transform: scale(0);
  margin: 0;
}
body .p-radiobutton .p-radiobutton-box .fa-circle {
  background-color: #1e295d;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
body .p-autocomplete-panel {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-autocomplete-panel.p-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
body .p-autocomplete-panel .p-autocomplete-list {
  padding: 0;
}
body .p-autocomplete-panel .p-autocomplete-list .p-autocomplete-list-item {
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-size: 1em;
  padding: 0.625em 0.875em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #212121;
}
body .p-autocomplete-panel .p-autocomplete-list .p-autocomplete-list-item .p-autocomplete-query {
  font-weight: 700;
}
body .p-autocomplete-panel .p-autocomplete-list .p-autocomplete-list-item.p-state-highlight {
  color: #000000;
}
body .p-autocomplete-panel .p-autocomplete-list .p-autocomplete-group {
  padding: 0.625em 0.875em;
}
body .p-autocomplete .p-autocomplete-dropdown.p-button.p-button-icon-only {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  height: 1.5em;
  width: 1.5em;
  padding: 0;
  right: 0;
  bottom: 0;
  margin-right: 0;
  position: absolute;
}
body .p-autocomplete .p-autocomplete-dropdown.p-button.p-button-icon-only .p-button-text {
  display: none;
}
body .p-autocomplete .p-autocomplete-dropdown.p-button.p-button-icon-only .fa {
  color: #757575;
}
body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-inputtext {
  box-sizing: border-box;
  padding: 2px 2px 1px 2px;
}
body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-state-focus {
  padding-bottom: 0;
}
body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-state-disabled {
  border-bottom: 1px dotted;
}
body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-input-token {
  float: none;
  display: inline-block;
  margin: 0 1px;
  vertical-align: middle;
}
body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-input-token > input {
  padding: 0;
  font-size: 16px;
  margin: 0;
  vertical-align: bottom;
}
body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-token {
  display: inline-block;
  float: none;
  vertical-align: middle;
  font-size: 1em;
}
body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-token .p-autocomplete-token-label {
  display: inline-block;
  vertical-align: middle;
}
body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-dropdown {
  top: 0.75em;
}
body .p-fluid .p-autocomplete.p-autocomplete-dd > .p-inputtext {
  width: 100%;
}
body .p-dropdown {
  border-bottom: 1px solid #bdbdbd;
  box-sizing: border-box;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
body .p-dropdown .p-dropdown-trigger {
  height: 1.5em;
  width: 1.5em;
  margin-top: 0;
  padding: 0;
  top: 0;
  margin-right: 0;
}
body .p-dropdown .p-dropdown-trigger .fa {
  color: #757575;
  margin-top: 0;
  margin-left: 0;
}
body .p-dropdown .p-dropdown-label.p-inputtext {
  font:
    1em "Roboto",
    "Helvetica Neue",
    sans-serif;
}
body .p-dropdown.p-state-focus {
  border-bottom: 2px solid #1e295d;
}
body .p-dropdown.p-state-focus .p-dropdown-label {
  padding-bottom: 0;
}
body .p-dropdown-panel {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-dropdown-panel .p-dropdown-list {
  padding: 0;
}
body .p-dropdown-panel .p-dropdown-item {
  margin: 0;
  font-size: 1em;
  padding: 0.625em 0.875em;
  color: #212121;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-dropdown-panel .p-dropdown-item:hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-dropdown-panel .p-dropdown-item.p-state-highlight {
  background-color: #afeeee;
  color: #000000;
}
body .p-dropdown-panel.p-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
body .p-dropdown-panel .p-dropdown-filter-container {
  display: block;
  border-bottom: 1px solid #bdbdbd;
  background-color: #1e295d;
  padding: 0.625em 1em;
}
body .p-dropdown-panel .p-dropdown-filter-container input {
  color: #ffffff;
}
body .p-dropdown-panel .p-dropdown-filter-container input:focus {
  border-bottom-color: #ffffff;
}
body .p-dropdown-panel .p-dropdown-filter-container .fa {
  top: 0.325em;
  right: 0.75em;
  color: #ffffff;
}
body .p-multiselect {
  border-bottom: 1px solid #bdbdbd;
  box-sizing: border-box;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
body .p-multiselect .p-multiselect-label-container {
  padding-right: 1.5em;
}
body .p-multiselect .p-multiselect-label-container .p-multiselect-label {
  padding: 0px 2px 0px 2px;
}
body .p-multiselect .p-multiselect-trigger {
  height: 1.5em;
  width: 1.5em;
  margin-top: 0;
  padding: 0;
  top: 0.063em;
}
body .p-multiselect .p-multiselect-trigger .fa {
  color: #757575;
  margin-top: auto;
  margin-left: auto;
}
body .p-multiselect.p-state-focus {
  border-bottom: 2px solid #1e295d;
}
body .p-multiselect-panel.p-widget {
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  min-width: 12.5em;
}
body .p-multiselect-panel.p-widget .p-multiselect-header {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0.625em 1em;
  position: relative;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-chkbox {
  float: none;
  margin: 0 0.5em 0 -0.125em;
  position: static;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-chkbox .p-chkbox-box {
  border-color: #ffffff;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-chkbox .p-chkbox-box .p-chkbox-icon {
  border-color: #ffffff;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-chkbox .p-chkbox-box.p-state-active .p-chkbox-icon {
  border-color: #ffffff;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-chkbox .p-chkbox-box.p-state-focus {
  background-color: #9fa8da;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-multiselect-filter-container {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-left: 0;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-multiselect-filter-container .fa {
  top: 0;
  left: 0;
  color: #ffffff;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  color: #ffffff;
  padding-left: 1.5em;
  width: 100%;
  box-sizing: border-box;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus {
  border-bottom-color: #ffffff;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-multiselect-close {
  position: absolute;
  right: 0.5em;
  top: 0.625em;
  height: 1.5em;
  width: 1.5em;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-multiselect-close span {
  color: #ffffff;
}
body .p-multiselect-panel.p-widget .p-multiselect-header .p-multiselect-close:hover {
  background-color: #9fa8da;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body .p-multiselect-panel.p-widget .p-multiselect-item {
  font-size: 1em;
  padding: 0.625em 0.875em;
  color: #212121;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-multiselect-panel.p-widget .p-multiselect-item:not(.p-state-highlight):hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-multiselect-panel.p-widget .p-multiselect-item.p-state-highlight {
  color: #000000;
}
body .p-spinner .p-spinner-button {
  width: 1em;
  height: 0.75em;
  padding: 0;
  margin-right: 0.25em;
  background-color: transparent;
  color: #212121;
  z-index: auto;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
body .p-spinner .p-spinner-button .fa-triangle-1-n {
  color: #212121;
}
body .p-spinner .p-spinner-button .fa-triangle-1-s {
  color: #212121;
}
body .p-spinner .p-spinner-button .fa {
  top: 0px;
  height: 0.5em;
  color: #757575;
}
body .p-spinner .p-spinner-button:enabled:hover,
body .p-spinner .p-spinner-button:active {
  background-color: transparent;
}
body .p-spinner .p-spinner-up .fa {
  top: 0.25em;
}
body .p-spinner .p-spinner-down .fa {
  top: 0.167em;
}
body .p-spinner .p-spinner-input {
  padding-right: 30px;
}
body .p-fluid .p-spinner .p-spinner-button {
  width: 1em;
  height: 0.75em;
}
body .p-fluid .p-spinner .p-spinner-button .fa {
  left: auto;
}
body .p-inputswitch {
  height: 14px;
  width: 34px !important;
  overflow: visible;
  background-color: rgb(158, 158, 158);
  border-color: rgb(158, 158, 158);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
body .p-inputswitch .p-inputswitch-handle {
  top: -4px;
  background-color: #ffffff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  width: 20px !important;
  height: 20px !important;
  -webkit-box-shadow:
    rgba(0, 0, 0, 0.2) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px,
    rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px;
  -moz-box-shadow:
    rgba(0, 0, 0, 0.2) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px,
    rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px;
  box-shadow:
    rgba(0, 0, 0, 0.2) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px,
    rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px;
}
body .p-inputswitch .p-inputswitch-on {
  visibility: hidden;
}
body .p-inputswitch .p-inputswitch-off span,
body .p-inputswitch .p-inputswitch-on span {
  visibility: hidden;
}
body .p-inputswitch.p-inputswitch-checked {
  background-color: #bbffff;
  border-color: #bbffff;
}
body .p-inputswitch.p-inputswitch-checked .p-inputswitch-handle {
  background-color: #afeeee;
  color: #000000;
}
body .p-slider .p-slider-handle {
  background-color: #afeeee;
  color: #000000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  transform: scale(0.7);
  -moz-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
body .p-slider .p-slider-handle.p-state-focus {
  transform: scale(1);
}
body .p-slider .p-slider-handle:focus {
  outline: 0 none;
}
body .p-slider.p-slider-horizontal {
  height: 4px;
  width: 174px;
  border: 0 none;
  background-color: #bdbdbd;
}
body .p-slider.p-slider-horizontal .p-slider-handle {
  top: -0.85em;
}
body .p-slider.p-slider-vertical {
  width: 2px;
  border: 0 none;
  background-color: #bdbdbd;
}
body .p-slider.p-slider-vertical .p-slider-handle {
  left: -0.55em;
}
body .p-slider .p-slider-range {
  background-color: #afeeee;
  color: #000000;
}
body .p-slider:not(.p-state-disabled) .p-slider-handle:hover {
  transform: scale(1);
}
body .p-calendar .p-datepicker-trigger {
  bottom: 2px;
  right: 0;
  background-color: transparent;
  color: #212121;
  height: 1.5em;
  width: 1.5em;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-calendar .p-datepicker-trigger .fa {
  color: #757575;
}
body .p-calendar .p-datepicker-trigger:enabled:hover {
  background-color: transparent;
}
body .p-fluid .p-calendar.p-calendar-w-btn .p-inputtext {
  width: 100%;
}
body .p-datepicker-title {
  gap: 10px !important;
}
body .p-datepicker {
  padding: 0;
  width: 17.5em !important;
}
body .p-datepicker.p-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
body .p-datepicker .p-datepicker-header {
  padding: 0.625em 1em;
  font-size: 1em;
  background: #283593;
  border-color: #283593;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .p-datepicker .p-datepicker-header .p-datepicker-prev {
  cursor: pointer;
  top: 0.4em;
  left: 0.2em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-datepicker .p-datepicker-header .p-datepicker-prev:before {
  content: "keyboard_arrow_left";
}
body .p-datepicker .p-datepicker-header .p-datepicker-prev {
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #ffffff;
}
body .p-datepicker .p-datepicker-header .p-datepicker-prev .fa {
  display: none;
}
body .p-datepicker .p-datepicker-header .p-datepicker-prev:hover {
  background-color: #9fa8da;
}
body .p-datepicker .p-datepicker-header .p-datepicker-next {
  cursor: pointer;
  top: 0.4em;
  right: 0.2em;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-datepicker .p-datepicker-header .p-datepicker-next:before {
  content: "keyboard_arrow_right";
}
body .p-datepicker .p-datepicker-header .p-datepicker-next {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #ffffff;
}
body .p-datepicker .p-datepicker-header .p-datepicker-next .fa {
  display: none;
}
body .p-datepicker .p-datepicker-header .p-datepicker-next:hover {
  background-color: #9fa8da;
}
body .p-datepicker .p-datepicker-header select.p-datepicker-month,
body .p-datepicker .p-datepicker-header select.p-datepicker-year {
  font-size: 14px;
}
body .p-datepicker table {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 14px;
}
body .p-datepicker thead tr {
  color: #ffffff;
  background: #1e295d;
}
body .p-datepicker tbody td {
  padding: 0.25em 0.125em;
  box-sizing: border-box;
}
body .p-datepicker tbody td.p-datepicker-today a,
body .p-datepicker tbody td.p-datepicker-today span {
  color: #ffffff;
  background: adjust(#1e295d, 20%);
}
body .p-datepicker tbody td.p-datepicker-today a.p-state-active,
body .p-datepicker tbody td.p-datepicker-today span.p-state-active {
  color: #ffffff;
  background-color: #afeeee;
  color: #000000;
}
body .p-datepicker tbody td a,
body .p-datepicker tbody td span {
  padding: 0.25em;
  margin: 0;
  text-align: center;
  color: #212121;
  display: inline-block;
  height: 2.25em;
  width: 2.25em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 1.8em;
}
body .p-datepicker tbody td a.p-state-active,
body .p-datepicker tbody td span.p-state-active {
  color: #ffffff;
  background-color: #afeeee;
  color: #000000;
}
body .p-datepicker tbody td a:not(.p-state-active):not(.p-state-highlight):hover,
body .p-datepicker tbody td span:not(.p-state-active):not(.p-state-highlight):hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-datepicker .p-timepicker {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-datepicker .p-timepicker > div a {
  height: 1.5em;
}
body .p-datepicker .p-timepicker > div a > span {
  display: inline-block;
  margin-bottom: 0.25em;
}
body .p-datepicker .p-timepicker > div a .fa.fa-angle-up {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-datepicker .p-timepicker > div a .fa.fa-angle-up:before {
  content: "keyboard_arrow_up";
}
body .p-datepicker .p-timepicker > div a .fa.fa-angle-down {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-datepicker .p-timepicker > div a .fa.fa-angle-down:before {
  content: "keyboard_arrow_down";
}
body #p-datepicker-div {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
body .p-rating {
  min-height: 1.5em;
}
body .p-rating .fa-ban {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-rating .fa-ban:before {
  content: "cancel";
}
body .p-rating .fa-ban {
  color: #757575;
}
body .p-rating .fa-star {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-rating .fa-star:before {
  content: "star";
}
body .p-rating .fa-star {
  color: #757575;
}
body .p-rating .fa-star-o {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-rating .fa-star-o:before {
  content: "star_border";
}
body .p-rating .fa-star-o {
  color: #757575;
}
body .p-chips > ul.p-inputtext {
  padding: 2px 2px 1px 2px;
}
body .p-chips > ul.p-inputtext.p-state-disabled {
  border-bottom: 1px dotted;
}
body .p-chips > ul.p-inputtext.p-state-focus {
  padding-bottom: 0;
}
body .p-chips > ul.p-inputtext .p-chips-input-token {
  padding-bottom: 2px;
}
body .p-chips > ul.p-inputtext .p-chips-input-token > input {
  padding: 0;
  font-size: 16px;
  margin: 0;
  vertical-align: bottom;
}
body .p-chips > ul.p-inputtext .p-chips-input-token input:disabled {
  width: 0;
}
body .p-chips > ul.p-inputtext .p-chips-token {
  display: inline-block;
  float: none;
  vertical-align: middle;
  font-size: 1em;
}
body .p-chips > ul.p-inputtext .p-chips-token .p-chips-token-label {
  display: inline-block;
  vertical-align: middle;
}
body .p-password-panel.p-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
body .p-fileupload .p-fileupload-buttonbar {
  padding: 0.625em 0.1em;
}
body .p-fileupload .p-fileupload-buttonbar .fa-arrowreturnthick-1-n:before {
  content: "file_upload";
}
body .p-fileupload .p-fileupload-buttonbar .p-button {
  background-color: #afeeee;
}
body .p-fileupload .p-fileupload-buttonbar .p-button:enabled:hover {
  background-color: #00ced1;
}
body .p-fileupload .p-fileupload-content .p-messages-error .fa {
  color: #ffffff;
}
body .p-fileupload-choose:not(.p-state-disabled):hover.p-button,
body .p-fileupload-choose.p-state-focus.p-button {
  background-color: adjust(#afeeee, -5%);
}
body .p-fileupload-choose:not(.p-state-disabled):active.p-button {
  background-color: adjust(#afeeee, -10%);
}
body .p-editor-container .p-editor-toolbar {
  background-color: #e8e8e8;
  stroke: #444 !important;
}
body .p-editor-container .p-editor-toolbar .ql-formats span:hover,
body .p-editor-container .p-editor-toolbar .ql-formats button:hover {
  stroke: #06c;
  color: #06c;
}
body .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
  color: #444444;
}
body {
}
body .p-inputgroup .p-inputgroup-addon {
  border-width: 0 0 1px 0;
  border-color: #bdbdbd;
  color: #757575;
  padding: 2px 2px 1px 2px;
  align-self: flex-end;
}
body .p-inputgroup .p-inputgroup-addon > i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-self: flex-end;
}
body .p-inputgroup .p-inputtext {
  align-self: flex-end;
}
body .p-inputgroup .md-inputfield {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  display: inherit;
}
body .p-inputgroup .md-inputfield label {
  top: 5px;
}
body .p-inputgroup .p-chkbox,
body .p-inputgroup .p-radiobutton {
  margin-bottom: 0.125em;
}
body .p-editor-content {
  height: 320px !important;
}
body .p-fluid .p-inputgroup .p-button-icon-only {
  width: 1.643em;
  height: 1.643em;
  padding: 0;
}
body .p-fluid .p-inputgroup .p-button-icon-only .p-button-icon-left {
  margin-left: -0.45em;
}
body {
}
body .p-inputtext.ng-dirty.ng-invalid,
body p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
body p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
body p-calendar.ng-dirty.ng-invalid > .p-inputtext,
body p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
body p-checkbox.ng-dirty.ng-invalid .p-chkbox-box,
body p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-box,
body p-inputswitch.ng-dirty.ng-invalid .p-inputswitch,
body p-listbox.ng-dirty.ng-invalid .p-inputtext,
body p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
body p-spinner.ng-dirty.ng-invalid > .p-inputtext,
body p-selectbutton.ng-dirty.ng-invalid .p-button,
body p-togglebutton.ng-dirty.ng-invalid .p-button {
  border-bottom-color: #e62a10;
}
@media (max-width: 640px) {
  body .p-buttonset > .p-button {
    display: block;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  body .p-buttonset > .p-button:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
  }
  body .p-buttonset > .p-button:last-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  body .p-splitbutton > .p-button {
    display: inline-block;
  }
  body .p-splitbutton > .p-button:first-child {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }
  body .p-splitbutton > .p-button:last-child {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.p-editor-toolbar {
  background-color: #e8e8e8 !important;
  border: 1px solid #ccc !important;
}
.ql-toolbar {
  color: #444;
}
.ql-toolbar button,
.ql-toolbar span {
  color: #444;
}
.ql-toolbar button:hover,
.ql-toolbar span:hover {
  color: #06c;
}
.ql-toolbar svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}
.ql-picker-options {
  background: #fff !important;
  border: 1px solid #ddd !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000 !important;
  width: max-content !important;
  padding: 10px !important;
}
.ql-picker-item {
  color: #444 !important;
  cursor: pointer !important;
  display: block !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}
.ql-picker-item:hover {
  color: #06c !important;
}
body .p-panel {
  padding: 0;
  background-color: #1e295d;
}
body .p-panel .p-panel-titlebar {
  border: 0 none;
  border-bottom: 1px solid #1e295d;
  padding: 0.625em 0.1em;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .p-panel .p-panel-titlebar .p-panel-title {
  line-height: 1.5em;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
  position: relative;
  width: 1.5em;
  height: 1.5em;
  color: #ffffff;
  margin: 0;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
  background-color: #9fa8da;
}
body .p-panel .p-panel-content {
  height: 100%;
  box-sizing: border-box;
  padding: 0.625em 1em;
}
body .p-panel .p-panel-footer {
  padding: 0.625em 0.1em;
  border: 0 none;
  border-top: 1px solid #bdbdbd;
  margin: 0;
}
body .p-fieldset {
  padding: 0.625em 1em;
}
body .p-fieldset .p-fieldset-legend {
  padding: 0.625em 0.1em;
  padding-left: 0.125em;
  padding-right: 0.5em;
  color: #1e295d;
}
body .p-fieldset .p-fieldset-legend .p-fieldset-toggler {
  padding: 0.5em;
  height: 2em;
  width: 2em;
  background-color: #1e295d;
  color: #ffffff;
  font-size: 1.5em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  margin-right: 0.5em;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body .p-fieldset .p-fieldset-legend .p-fieldset-toggler:hover {
  background-color: #283593;
}
body .p-fieldset .p-fieldset-legend.p-state-focus {
  background-color: transparent;
}
body .p-accordion .p-accordion-header {
  background-color: #1e295d;
  padding: 0;
  color: #ffffff;
  font-size: 1em;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body .p-accordion .p-accordion-header > a {
  padding: 0.625em 0.1em;
  padding-left: 2.5em;
  color: #ffffff;
}
body .p-accordion .p-accordion-header:not(.p-state-active):not(.p-state-disabled):hover {
  background-color: #283593;
}
body .p-accordion .p-accordion-header.p-state-active {
  background-color: #afeeee;
  color: #000000;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .p-accordion .p-accordion-header.p-state-active > a {
  color: #000000;
}
body .p-accordion .p-accordion-header .fa-caret-right {
  margin-top: -0.5em;
  font-size: 1.5em;
}
body .p-accordion .p-accordion-header .fa-caret-down {
  margin-top: -0.5em;
  font-size: 1.5em;
}
body .p-accordion .p-accordion-content {
  padding: 0.625em 1em;
  line-height: 1.5em;
}
body .p-toolbar {
  background-color: #283593;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 0.625em;
}
body .custom-view .p-toolbar {
  background-color: #283593;
}
body .p-tabview {
  padding: 0;
}
body .p-tabview .p-tabview-nav {
  background-color: #ffffff;
  border: 0 none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-tabview .p-tabview-nav > li {
  padding: 0;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
body .p-tabview .p-tabview-nav > li > a {
  padding: 0.625em 0.1em;
  padding-left: 1em;
}
body .p-tabview .p-tabview-nav > li > a:focus {
  outline: 0 none;
}
body .p-tabview .p-tabview-nav > li > .fa-close {
  margin: 0.325em 0 0 0;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #757575;
}
body .p-tabview .p-tabview-nav > li .p-tabview-left-icon,
body .p-tabview .p-tabview-nav > li .p-tabview-right-icon {
  color: #757575;
  display: inline-block;
  vertical-align: middle;
}
body .p-tabview .p-tabview-nav > li .p-tabview-title {
  line-height: 1.5em;
  vertical-align: middle;
}
body .p-tabview .p-tabview-nav > li.p-state-default a {
  color: #757575;
}
body .p-tabview .p-tabview-nav > li:not(.p-state-active):not(.p-state-disabled):hover {
  background-color: #ffffff;
}
body .p-tabview .p-tabview-nav > li.p-state-active {
  background-color: #ffffff;
  border-color: #afeeee;
  border-style: solid;
}
body .p-tabview .p-tabview-nav > li.p-state-active a {
  color: #1e295d;
}
body .p-tabview .p-tabview-nav > li.p-state-active > .fa-close {
  color: #afeeee;
}
body .p-tabview .p-tabview-nav > li.p-tabview-outline {
  outline: 0 none;
  border-color: #bbffff;
}
body .p-tabview .p-tabview-panel {
  padding: 0.625em 1em;
}
body .p-tabview.p-tabview-top > .p-tabview-nav {
  padding: 0;
  margin: 0;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid #bdbdbd;
}
body .p-tabview.p-tabview-top > .p-tabview-nav > li {
  border-style: solid;
  border-width: 0 0 2px 0;
}
body .p-tabview.p-tabview-bottom > .p-tabview-nav {
  padding: 0;
  margin: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #bdbdbd;
}
body .p-tabview.p-tabview-bottom > .p-tabview-nav > li {
  border-width: 2px 0 0 0;
}
body .p-tabview.p-tabview-left > .p-tabview-nav {
  padding: 0;
  margin: 0;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #bdbdbd;
}
body .p-tabview.p-tabview-left > .p-tabview-nav > li {
  box-sizing: border-box;
  border-width: 0 2px 0 0;
}
body .p-tabview.p-tabview-left > .p-tabview-nav > li > a {
  width: 100%;
  box-sizing: border-box;
}
body .p-tabview.p-tabview-right > .p-tabview-nav {
  padding: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #bdbdbd;
}
body .p-tabview.p-tabview-right > .p-tabview-nav > li {
  box-sizing: border-box;
  border-width: 0 0 0 2px;
}
body .p-tabview.p-tabview-right > .p-tabview-nav > li > a {
  width: 100%;
  box-sizing: border-box;
}
body .p-tabview.p-tabview-right > .p-tabview-nav > li.p-state-active > a {
  padding-left: 0.875em;
}
@media (max-width: 640px) {
  body .p-toolbar .p-toolbar-group-right {
    margin-top: 1em;
  }
}
body .p-picklist .p-picklist-caption {
  font-size: 1em;
  padding: 0.625em 1em;
}
body .p-picklist .p-picklist-list {
  padding: 0;
}
body .p-picklist .p-picklist-filter {
  padding-left: 20px;
}
body .p-picklist li.p-picklist-item {
  font-size: 1em;
  padding: 0.625em 0.875em;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #212121;
}
body .p-picklist li.p-picklist-item:not(.p-state-highlight):hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-picklist li.p-picklist-item.p-state-highlight {
  background-color: #afeeee;
  color: #000000;
}
body .p-picklist .p-picklist-buttons {
  width: 3em;
}
body .p-picklist .p-picklist-buttons .p-button.p-button-icon-only {
  width: 2.5em;
  margin-right: 0;
  display: inline-block;
  margin-bottom: 0.5em;
}
body .p-picklist .p-picklist-buttons-cell {
  text-align: center;
}
body .p-picklist.p-picklist-responsive .p-picklist-buttons .p-button.p-button-icon-only {
  margin: 0 auto;
  display: block;
  margin-bottom: 0.5em;
}
body .p-picklist.p-picklist-responsive .p-picklist-list .p-picklist-item .p-chkbox {
  margin-right: 0.5em;
  vertical-align: top;
}
body .p-picklist.p-picklist-responsive .p-picklist-list .p-picklist-item .p-chkbox,
body .p-picklist.p-picklist-responsive .p-picklist-list .p-picklist-item .p-chkbox * {
  box-sizing: content-box;
}
body .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-state-highlight):hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-organizationchart .p-organizationchart-node-content.p-state-highlight .p-node-toggler i {
  color: adjust(#afeeee, -25%);
}
body .p-organizationchart .p-organizationchart-line-down {
  background-color: #bdbdbd;
}
body .p-organizationchart .p-organizationchart-line-left {
  border-right: 1px solid #bdbdbd;
}
body .p-organizationchart .p-organizationchart-line-top {
  border-top: 1px solid #bdbdbd;
}
body .p-organizationchart .p-organizationchart-node-content {
  border-color: #bdbdbd;
}
body .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  bottom: -1.3em;
  margin-left: -0.75em;
  color: #bdbdbd;
}
body .p-organizationchart .p-organizationchart-node-content .p-node-toggler .fa-chevron-down {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-organizationchart .p-organizationchart-node-content .p-node-toggler .fa-chevron-down:before {
  content: "keyboard_arrow_down";
}
body .p-organizationchart .p-organizationchart-node-content .p-node-toggler .fa-chevron-up {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-organizationchart .p-organizationchart-node-content .p-node-toggler .fa-chevron-up:before {
  content: "keyboard_arrow_up";
}
body .p-orderlist .p-orderlist-caption {
  font-size: 1em;
  padding: 0.625em 1em;
  box-sizing: border-box;
}
body .p-orderlist .p-orderlist-list {
  padding: 0;
  box-sizing: border-box;
}
body .p-orderlist .p-orderlist-list li.p-orderlist-item {
  font-size: 1em;
  padding: 0.625em 0.875em;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #212121;
}
body .p-orderlist .p-orderlist-list li.p-orderlist-item:not(.p-state-highlight):hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-orderlist .p-orderlist-list li.p-orderlist-item.p-state-highlight {
  background-color: #afeeee;
  color: #000000;
}
body .p-orderlist.p-orderlist-responsive .p-orderlist-controls {
  width: 3.75em;
}
body .p-orderlist .p-orderlist-controls {
  width: 3.75em;
  text-align: center;
}
body .p-orderlist .p-orderlist-controls .p-button.p-button-icon-only {
  width: 2.5em;
  margin-bottom: 0.5em;
  margin-right: 0;
}
body .p-paginator {
  background-color: #283593;
  padding: 0.625em 0.1em;
}
body .p-paginator > a {
  box-sizing: border-box;
  color: #ffffff;
}
body .p-paginator > a .fa {
  display: none;
}
body .p-paginator > a:not(.p-state-disabled):not(.p-state-active):hover {
  background-color: #9fa8da;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body .p-paginator .p-paginator-next {
  padding: 0;
  vertical-align: middle;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-paginator .p-paginator-next:before {
  content: "navigate_next";
}
body .p-paginator .p-paginator-last {
  padding: 0;
  vertical-align: middle;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-paginator .p-paginator-last:before {
  content: "last_page";
}
body .p-paginator .p-paginator-prev {
  padding: 0;
  vertical-align: middle;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-paginator .p-paginator-prev:before {
  content: "navigate_before";
}
body .p-paginator .p-paginator-first {
  padding: 0;
  vertical-align: middle;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-paginator .p-paginator-first:before {
  content: "first_page";
}
body .p-paginator .p-paginator-pages {
  vertical-align: middle;
  margin: 0 0.375em 0 0.375em;
}
body .p-paginator .p-paginator-pages a {
  padding: 0;
  color: #ffffff;
  min-width: 1.5em;
  min-height: 1.5em;
  line-height: 1.5em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body .p-paginator .p-paginator-pages a:not(.p-state-active):hover {
  background-color: #9fa8da;
}
body .p-paginator .p-paginator-pages a.p-state-active {
  background-color: #afeeee;
  color: #000000;
}
body .p-datagrid .p-datagrid-header {
  padding: 0.625em 0.1em;
}
body .p-datagrid .p-panel .p-panel-titlebar {
  background-color: #ffffff;
  color: #212121;
  border-color: #bdbdbd;
}
body .p-datalist .p-datalist-header {
  padding: 0.625em 0.1em;
}
body .p-datatable .p-datatable-header,
body .p-datatable .p-datatable-footer {
  padding: 0.625em 0.1em;
}
body .p-datatable .p-datatable-header .p-inputtext,
body .p-datatable .p-datatable-footer .p-inputtext {
  color: #ffffff;
}
body .p-datatable .p-datatable-header .p-inputtext:focus,
body .p-datatable .p-datatable-footer .p-inputtext:focus {
  border-color: #ffffff;
}
body .p-datatable .p-paginator {
  padding: 0.625em 0.1em;
}
body .p-datatable .p-datatable-thead > tr {
  border-color: #cacaca;
}
body .p-datatable .p-datatable-thead > tr th {
  padding: 0.625em 0.875em;
  background-color: #ffffff;
}
body .p-datatable .p-datatable-thead > tr th.p-sortable-column:not(.p-state-active):hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-datatable .p-datatable-thead > tr th .p-column-title {
  display: inline-block;
  vertical-align: middle;
}
body .p-datatable .p-datatable-thead > tr th .p-sortable-column-icon {
  vertical-align: middle;
  color: #757575;
}
body .p-datatable .p-datatable-thead > tr th.p-state-active,
body .p-datatable .p-datatable-thead > tr th.p-state-highlight {
  background-color: #afeeee;
  color: #000000;
  border-top-color: #afeeee;
}
body .p-datatable .p-datatable-thead > tr th.p-state-active .fa,
body .p-datatable .p-datatable-thead > tr th.p-state-highlight .fa {
  color: #000000;
}
body .p-datatable .p-datatable-thead > tr th.p-state-active .p-inputtext,
body .p-datatable .p-datatable-thead > tr th.p-state-highlight .p-inputtext {
  color: #000000;
}
body .p-datatable .p-datatable-thead > tr th.p-state-active .p-inputtext.p-state-focus,
body .p-datatable .p-datatable-thead > tr th.p-state-highlight .p-inputtext.p-state-focus {
  border-color: #000000;
}
body .p-datatable .p-datatable-thead > tr th.p-selection-column .p-chkbox-box {
  box-sizing: content-box;
}
body .p-datatable tfoot th {
  padding: 0.625em 0.875em;
  border: 1px solid #bdbdbd;
  background-color: #ffffff;
}
body .p-datatable .p-datatable-data tr.p-datatable-even {
  background-color: #f4f4f4;
}
body .p-datatable .p-datatable-data tr.p-datatable-even.p-state-highlight {
  background-color: #afeeee;
  color: #000000;
}
body .p-datatable .p-datatable-data tr {
  border: 1px solid #cacaca;
}
body .p-datatable .p-datatable-data tr td {
  padding: 0.625em 0.875em;
}
body .p-datatable .p-datatable-data tr td .p-row-toggler {
  display: inherit;
}
body .p-datatable .p-datatable-data tr td.p-state-highlight .p-inputtext {
  color: #ffffff;
  border-color: #ffffff;
}
body .p-datatable .p-datatable-data tr td.p-state-highlight .p-inputtext:focus {
  border-color: #ffffff;
}
body .p-datatable .p-datatable-data tr td.p-state-error {
  background-color: #e62a10;
  border-color: #e62a10;
  color: #ffffff;
}
body .p-datatable .p-datatable-data tr td input.p-cell-editor {
  padding: 2px 2px 1px 2px;
  font-size: 1em;
}
body .p-datatable .p-datatable-data tr td.p-selection-column .p-chkbox-box,
body .p-datatable .p-datatable-data tr td.p-selection-column .p-radiobutton-box {
  box-sizing: content-box;
}
body .p-datatable .p-datatable-data tr.p-state-highlight {
  background-color: #afeeee;
  border-color: \a0  #afeeee;
  color: #000000;
}
body .p-datatable .p-datatable-data tr .p-cell-editor-input input {
  color: #000000;
}
body .p-datatable .p-datatable-data tr.p-state-error {
  background-color: #e62a10;
  border-color: #e62a10;
  color: #ffffff;
}
body .p-datatable .p-datatable-data tr.p-state-error .p-inputtext,
body .p-datatable .p-datatable-data tr.p-state-error .p-inputtext.p-state-error {
  border-color: #ffffff;
}
body .p-datatable .p-datatable-data tr.p-state-highlight td.p-selection-column .p-radiobutton-box {
  border-color: #ffffff;
}
body .p-datatable .p-datatable-data tr.p-state-highlight td.p-selection-column .p-radiobutton-box .p-radiobutton-icon {
  background-color: #ffffff;
}
body .p-datatable .p-datatable-data tr.p-state-highlight td.p-selection-column .p-chkbox-box {
  border-color: #ffffff;
  background-color: #ffffff;
}
body .p-datatable .p-datatable-data tr.p-state-highlight td.p-selection-column .p-chkbox-box .p-chkbox-icon {
  color: #757575;
}
body .p-datatable .p-datatable-data tr.p-state-highlight .p-inputtext {
  color: #ffffff;
  border-color: #ffffff;
}
body .p-datatable .p-datatable-data tr.p-state-highlight .p-inputtext:focus {
  border-color: #ffffff;
}
body .p-datatable .p-datatable-data tr.p-rowgroup-header td a {
  height: 1.5em;
  vertical-align: top;
  display: inline-block;
}
body .p-datatable .p-datatable-data.p-datatable-hoverable-rows > tr.p-widget-content:not(.p-state-highlight):hover {
  cursor: pointer;
  background-color: #e8e8e8;
  color: #000000;
}
body .p-datatable.p-datatable-scrollable .p-datatable-scrollable-header,
body .p-datatable.p-datatable-scrollable .p-datatable-scrollable-footer {
  border: 0 none;
  background-color: transparent;
}
body .p-datatable.p-datatable-scrollable .p-datatable-scrollable-header .p-datatable-data td,
body .p-datatable.p-datatable-scrollable .p-datatable-scrollable-footer .p-datatable-data td {
  color: #212121;
}
body .p-datatable.p-datatable-scrollable thead tr th {
  color: #212121;
  font-size: 16px;
}
body .p-datatable.p-datatable-scrollable tfoot tr td {
  color: #212121;
  font-size: 16px;
}
body .p-datatable .p-datatable-loading {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
body .p-datatable .p-datatable-loading-content {
  top: 35%;
}
body .p-datatable .p-datatable-loading-content .fa {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-datatable .p-datatable-loading-content .fa:before {
  content: "refresh";
}
body .p-datatable .p-datatable-loading-content .fa {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-name: spin;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-delay: 0;
  -moz-animation-duration: 1000ms;
  -moz-animation-name: spin;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-delay: 0;
  animation-duration: 1000ms;
  animation-name: spin;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  font-size: 2em;
}
body .p-carousel {
  padding: 0;
}
body .p-carousel .p-carousel-header {
  padding: 0.625em 0.1em;
  font-size: 1em;
  overflow: visible;
}
body .p-carousel .p-carousel-header .p-carousel-header-title {
  overflow: visible;
}
body .p-carousel .p-carousel-header .fa {
  color: #ffffff;
}
body .p-carousel .p-carousel-header .p-carousel-button {
  margin: -1px 0 0 0;
}
body .p-carousel .p-carousel-header .p-carousel-page-links {
  margin: -1px 0 0 0;
}
body .p-tree {
  padding: 0.625em 1em/2;
}
body .p-tree .p-treenode-children {
  padding-left: 1.75em;
}
body .p-tree .p-treenode-content .p-chkbox {
  margin-right: 0.5em;
}
body .p-tree .p-treenode-content .p-chkbox .fa {
  color: #757575;
}
body .p-tree .p-treenode-content .p-tree-toggler {
  vertical-align: middle;
  margin: 0 0 0 0.25em;
}
body .p-tree .p-treenode-content .p-treenode-icon {
  vertical-align: middle;
  margin: 0 0.25em;
}
body .p-tree .p-treenode-content .p-chkbox {
  margin: 0 0.25em;
}
body .p-tree .p-treenode-content .p-treenode-label {
  margin: 0;
  vertical-align: middle;
}
body .p-tree .p-treenode-content.p-treenode-selectable .p-treenode-label:not(.p-state-highlight):hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-tree.p-tree-horizontal {
  padding-left: 0;
  padding-right: 0;
}
body .p-tree.p-tree-horizontal .p-treenode-content {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
}
body .p-tree.p-tree-horizontal .p-treenode-content .p-tree-toggler {
  vertical-align: top;
}
body .p-tree.p-tree-horizontal .p-treenode-content .p-treenode-icon {
  vertical-align: top;
  margin-right: 0.25em;
}
body .p-tree.p-tree-horizontal .p-treenode-content.p-treenode-selectable:hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-tree.p-tree-horizontal .p-treenode-content.p-state-highlight {
  background-color: #afeeee;
  color: #000000;
}
body .p-tree-draghelper {
  border: 1px solid #1e295d;
}
body .fc .fc-button-group .p-icon-circle-triangle-e {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .fc .fc-button-group .p-icon-circle-triangle-e:before {
  content: "play_circle_outline";
}
body .fc .fc-button-group .p-icon-circle-triangle-e {
  margin-top: 0.25em;
}
body .fc .fc-button-group .p-icon-circle-triangle-w {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .fc .fc-button-group .p-icon-circle-triangle-w:before {
  content: "play_circle_outline";
}
body .fc .fc-button-group .p-icon-circle-triangle-w {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: 0.25em;
}
body .fc .fc-button-group .p-state-active {
  background-color: #afeeee;
}
body .fc .fc-event {
  background-color: #9fa8da;
  color: #ffffff;
}
body .fc table {
  box-sizing: border-box;
}
body .p-treetable .p-treetable-header {
  padding: 0.625em 0.1em;
  font-size: 1em;
}
body .p-treetable thead tr {
  border-bottom: 1px solid #bdbdbd;
}
body .p-treetable thead tr th {
  background-color: #ffffff;
  padding: 0.625em 0.875em;
  border: 0 none;
}
body .p-treetable thead tr th .fa {
  color: #757575;
}
body .p-treetable thead tr th:first-child {
  border-left: 1px solid #bdbdbd;
}
body .p-treetable thead tr th:last-child {
  border-right: 1px solid #bdbdbd;
}
body .p-treetable thead tr th .p-sortable-column-icon {
  vertical-align: middle;
  margin: -0.25em 0 0 0;
}
body .p-treetable thead tr th.p-state-active {
  background-color: #afeeee;
  color: #000000;
}
body .p-treetable thead tr th.p-state-active .fa {
  color: #000000;
}
body .p-treetable thead tr th .p-column-resizer {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-treetable thead tr th .p-column-resizer:before {
  content: "code";
}
body .p-treetable thead tr th .p-column-resizer {
  font-size: 1em;
  color: #757575;
}
body .p-treetable tfoot td {
  border: 0 none;
  padding: 0.625em 0.875em;
}
body .p-treetable tbody .p-treetable-row {
  background-color: #ffffff;
}
body .p-treetable tbody .p-treetable-row td {
  border: 0 none;
  padding: 0.625em 0.875em;
}
body .p-treetable tbody .p-treetable-row td .p-treetable-toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.167em;
  float: none;
}
body .p-treetable tbody .p-treetable-row td .p-chkbox {
  margin-right: 0.5em;
}
body .p-treetable tbody .p-treetable-row td.p-treetable-child-table-container {
  padding: 0;
}
body .p-treetable tbody .p-treetable-row.p-treetable-row-selectable:not(.p-state-highlight):hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-treetable tbody .p-treetable-row.p-state-highlight {
  background-color: #afeeee;
  color: #000000;
}
body .p-treetable tbody .p-treetable-row.p-state-highlight .p-chkbox .p-chkbox-box {
  border-color: #000000;
}
body .p-treetable.p-treetable-scrollable .p-treetable-scrollable-header,
body .p-treetable.p-treetable-scrollable .p-treetable-scrollable-footer {
  background-color: transparent;
  border: 0 none;
}
body .p-treetable.p-treetable-scrollable thead th {
  background-color: #ffffff;
  color: #212121;
}
@media (max-width: 40em) {
  body .p-orderlist.p-orderlist-responsive .p-orderlist-controls {
    width: 100%;
  }
}
@media (max-width: 640px) {
  body .p-picklist.p-picklist-responsive .p-picklist-list-wrapper {
    margin-bottom: 0.5em;
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons {
    padding: 0.5em 0;
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons .p-button.p-button-icon-only {
    display: inline-block;
    margin-right: 0.25em;
    margin-bottom: 0;
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons .fa-angle-right:before {
    content: "play_arrow";
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons .fa-angle-right {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons .fa-angle-double-right:before {
    content: "skip_previous";
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons .fa-angle-double-right {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons .fa-angle-left:before {
    content: "play_arrow";
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons .fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons .fa-angle-double-left:before {
    content: "skip_next";
  }
  body .p-picklist.p-picklist-responsive .p-picklist-buttons .fa-angle-double-left {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  body .p-orderlist.p-grid-responsive .p-orderlist-controls {
    text-align: center;
    width: auto;
  }
  body .p-orderlist.p-grid-responsive .p-orderlist-controls .p-button {
    margin-right: 0.25em;
  }
}
body .p-breadcrumb {
  padding: 0.625em 1em;
}
body .p-breadcrumb ul li a {
  color: #ffffff;
  font-size: 1em;
}
body .p-steps {
  position: relative;
}
body .p-steps .p-steps-item {
  background-color: transparent;
}
body .p-steps .p-steps-item.p-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
body .p-steps .p-steps-item .p-menuitem-link {
  display: inline-block;
  text-align: left;
  background-color: #ffffff;
  overflow: hidden;
}
body .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  display: inline-block;
  background-color: #757575;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 0.25em 0.75em;
  font-size: 1em;
  color: #ffffff;
}
body .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  display: inline;
  margin-left: 0.625em;
  color: #757575;
}
body .p-steps .p-steps-item.p-state-highlight .p-steps-number {
  background-color: #afeeee;
}
body .p-steps .p-steps-item.p-state-highlight .p-steps-title {
  font-weight: 700;
  color: #212121;
}
body .p-steps .p-steps-item:last-child .p-menuitem-link {
  display: block;
}
body .p-steps:before {
  content: " ";
  border: 1px solid #bdbdbd;
  width: 90%;
  top: 45%;
  left: 0;
  display: block;
  position: absolute;
}
body .p-menu {
  padding: 0.5em 0;
}
body .p-menu .p-shadow,
body .p-menu.p-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
body .p-menu .p-menu-list {
  padding: 0;
  margin: 0;
}
body .p-menu .p-menu-list li.p-widget-header {
  margin: 0 0 1px 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 none;
  width: 100%;
  box-sizing: border-box;
  padding: 0.625em 1em;
}
body .p-menu .p-menu-list li.p-widget-header h3 {
  display: block;
  float: none;
  font-size: 16px;
  padding: 0;
  font-weight: 400;
}
body .p-menu .p-menu-list li.p-menuitem {
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-menu .p-menu-list li.p-menuitem .p-menuitem-link {
  border: 0 none;
  padding: 0.625em 1em;
  width: 100%;
  min-height: 2.75em;
  box-sizing: border-box;
  color: #212121;
  line-height: 1.5em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  position: relative;
}
body .p-menu .p-menu-list li.p-menuitem .p-menuitem-link:hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-menu .p-menu-list li.p-menuitem .p-menuitem-link .p-menuitem-icon {
  margin-right: 0.417em;
  display: inline-block;
  vertical-align: middle;
  float: none;
  color: #757575;
}
body .p-menu .p-menu-list li.p-menuitem .p-menuitem-link .p-menuitem-text {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
body .p-menu .p-menu-list li.p-menuitem.p-menuitem-active > .p-menuitem-link {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-menu .p-menu-list .p-separator {
  height: 1px;
  background-color: #bdbdbd;
  width: 100%;
  box-sizing: border-box;
}
body .p-menu.p-menu-toggleable .p-menu-list li.p-widget-header {
  padding-left: 2.25em;
}
body .p-menu.p-menu-toggleable .p-menu-list li.p-widget-header .fa {
  color: #ffffff;
}
body .p-menu.p-menu-toggleable .p-menu-list li.p-widget-header .fa.fa-triangle-1-s {
  margin-top: -0.75em;
}
body .p-menu.p-menu-toggleable .p-menu-list li.p-widget-header .fa.fa-triangle-1-e {
  margin-top: -0.75em;
}
body .p-menu.p-tieredmenu .p-menu-child {
  padding: 0.5em 0;
}
body .p-menu.p-menubar {
  padding: 0;
}
body .p-menu.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  margin-right: 0;
}
body .p-menu.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > span {
  display: inline-block;
  vertical-align: middle;
}
body .p-menu.p-menubar .p-menu-child {
  padding: 0.5em 0;
}
body .p-menu.p-menubar .p-menubar-options {
  padding: 0.625em 1em;
}
body .p-menu.p-slidemenu .p-menu-parent .p-menu-child {
  padding: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
body .p-menu.p-slidemenu .p-slidemenu-backward {
  width: 100%;
  box-sizing: border-box;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-tabmenu {
  padding: 0;
}
body .p-tabmenu .p-tabmenu-nav {
  padding: 0;
  background-color: #ffffff;
  border: 0 none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem {
  top: auto;
  margin: 0 0.25em 0 0;
  padding: 0;
  border-style: solid;
  border-width: 0 0 2px 0;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem > a {
  padding: 0.625em 0.1em;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem > a:focus {
  outline: 0 none;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem > a .p-menuitem-icon,
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem > a .p-menuitem-text {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem > a .p-menuitem-icon {
  font-weight: 1em;
  margin-right: 0.5em;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem.p-state-default a {
  color: #757575;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem.p-state-default a .fa {
  color: #757575;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem:not(.p-state-active):hover {
  background-color: #ffffff;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem.p-state-active {
  background-color: #ffffff;
  border-color: #afeeee;
  border-style: solid;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem.p-state-active a {
  color: #1e295d;
}
body .p-tabmenu .p-tabmenu-nav > .p-tabmenuitem.p-state-active a .fa {
  color: #1e295d;
}
body .p-panelmenu .p-panelmenu-header {
  background-color: #1e295d;
  margin-bottom: 1px;
}
body .p-panelmenu .p-panelmenu-header a {
  padding: 0.625em 1em;
  color: #ffffff;
  font-size: 16px;
  border-bottom: 1px solid #ffffff;
}
body .p-panelmenu .p-panelmenu-header .fa {
  color: #ffffff;
}
body .p-panelmenu .p-panelmenu-header.p-state-active {
  background-color: #afeeee;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .p-panelmenu .p-panelmenu-header.p-state-active a,
body .p-panelmenu .p-panelmenu-header.p-state-active .fa {
  color: #000000;
}
body .p-panelmenu .p-panelmenu-content {
  padding: 0;
}
body .p-panelmenu .p-panelmenu-content .p-menuitem {
  margin: 0;
}
body .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  border: 0 none;
  padding: 0.625em 1em;
  width: 100%;
  min-height: 2.75em;
  box-sizing: border-box;
  color: #212121;
  line-height: 1.5em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  position: relative;
}
body .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
body .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .fa {
  position: static;
  display: inline-block;
  vertical-align: middle;
}
body .p-panelmenu .p-menu-parent .p-menu-list {
  margin-left: 28px;
}
@media (max-width: 640px) {
  body .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    display: none;
  }
}
body {
}
body .p-messages {
  width: 100px !important;
  height: 100px !important;
  padding: 0.625em 0.1em;
}
body .p-messages ul {
  display: inline-block;
  margin-left: 0;
}
body .p-messages.p-messages-info {
  background-color: #2196F3;
  border-color: #2196F3;
  color: #ffffff;
}
body .p-messages.p-messages-warn {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #ffffff;
}
body .p-messages.p-messages-error {
  background-color: #e62a10;
  border-color: #e62a10;
  color: #ffffff;
}
body .p-messages.p-messages-fatal {
  background-color: #212121;
  border-color: #212121;
  color: #ffffff;
}
body .p-messages.p-messages-success {
  background-color: #8BC34A;
  border-color: #8BC34A;
  color: #ffffff;
}
body .p-messages .p-messages-close {
  text-decoration: none;
  color: #fff;
  right: 0.25em;
}
body .p-messages .p-messages-icon {
  background: none;
  color: #fff;
  margin-top: -2px;
}
body .p-messages .p-messages-icon.fa-info-circle {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-messages .p-messages-icon.fa-info-circle:before {
  content: "info";
}
body .p-messages .p-messages-icon.fa-info-circle {
  font-size: 1.75em;
}
body .p-messages .p-messages-icon.fa-warning {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-messages .p-messages-icon.fa-warning:before {
  content: "warning";
}
body .p-messages .p-messages-icon.fa-warning {
  font-size: 1.75em;
}
body .p-messages .p-messages-icon.fa-close {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-messages .p-messages-icon.fa-close:before {
  content: "error_outline";
}
body .p-messages .p-messages-icon.fa-close {
  font-size: 1.75em;
}
body .p-messages .p-messages-icon.fa-check {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-messages .p-messages-icon.fa-check:before {
  content: "check_circle";
}
body .p-messages .p-messages-icon.fa-check {
  font-size: 1.75em;
}
body .p-growl {
  top: 90px;
}
body .p-growl > .p-growl-item-container {
  opacity: 1;
}
body .p-growl > .p-growl-item-container.p-growl-message-info {
  background-color: #064b6e;
}
body .p-growl > .p-growl-item-container.p-growl-message-warn {
  background-color: #ffc107;
}
body .p-growl > .p-growl-item-container.p-growl-message-error {
  background-color: #e62a10;
}
body .p-growl > .p-growl-item-container.p-growl-message-fatal {
  background-color: #212121;
}
body .p-growl > .p-growl-item-container.p-growl-message-success {
  background-color: #8BC34A;
}
body .p-growl > .p-growl-item-container.p-shadow {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
body .p-growl .p-growl-item .p-growl-image {
  background: none;
  color: #ffffff;
  font-size: 36px;
}
body .p-growl .p-growl-item .p-growl-image.fa-info-circle {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-growl .p-growl-item .p-growl-image.fa-info-circle:before {
  content: "info";
}
body .p-growl .p-growl-item .p-growl-image.fa-info-circle {
  font-size: 1.75em;
}
body .p-growl .p-growl-item .p-growl-image.fa-exclamation-circle {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-growl .p-growl-item .p-growl-image.fa-exclamation-circle:before {
  content: "warning";
}
body .p-growl .p-growl-item .p-growl-image.fa-exclamation-circle {
  font-size: 1.75em;
}
body .p-growl .p-growl-item .p-growl-image.fa-close {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-growl .p-growl-item .p-growl-image.fa-close:before {
  content: "error_outline";
}
body .p-growl .p-growl-item .p-growl-image.fa-close {
  font-size: 1.75em;
}
body .p-growl .p-growl-item .p-growl-image.fa-check {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-growl .p-growl-item .p-growl-image.fa-check:before {
  content: "check_circle";
}
body .p-growl .p-growl-item .p-growl-image.fa-check {
  font-size: 1.75em;
}
body .p-growl .p-growl-item .p-growl-message {
  color: #ffffff;
}
body .p-growl .p-growl-item .p-growl-icon-close {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
body .p-growl .p-growl-item .p-growl-icon-close:before {
  content: "close";
}
body .p-growl .p-growl-item .p-growl-icon-close {
  font-size: 24px;
  color: #ffffff;
}
body .p-dialog.p-shadow {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
body .p-dialog .p-dialog-titlebar {
  background-color: #ffffff;
  color: #212121;
  padding: 0.625em 0.1em;
}
body .p-dialog .p-dialog-titlebar .p-dialog-title {
  font-size: 1.25em;
  letter-spacing: 0.005em;
  margin-top: 0.25em;
  line-height: 2em;
}
body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon {
  border: 0 none;
  padding: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  margin-top: 0.5em;
}
body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:hover,
body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon:focus {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon .fa {
  color: #757575;
  display: inline-block;
}
body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon .fa-extlink:before {
  content: "fullscreen";
}
body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon .fa-newwin:before {
  content: "fullscreen_exit";
}
body .p-dialog .p-dialog-content {
  padding: 0.625em 1em;
}
body .p-dialog .p-dialog-footer {
  text-align: right;
  border: 0 none;
  border-top: 1px solid #bdbdbd;
}
body .p-dialog .p-dialog-footer .p-button {
  background-color: #ffffff;
  color: #000000;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  width: auto;
}
body .p-dialog .p-dialog-footer .p-button .fa {
  color: #757575;
}
body .p-dialog .p-dialog-footer .p-button:hover {
  background-color: #e8e8e8;
  color: #000000;
}
body .p-dialog .p-confirm-dialog-severity {
  margin: 0px 0.75em;
}
body .p-lightbox.p-shadow {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
body .p-lightbox .p-lightbox-caption {
  padding: 0.625em 0.1em;
}
body .p-lightbox .p-lightbox-caption .p-lightbox-caption-text {
  margin: 0;
}
body .p-lightbox .p-lightbox-caption .p-lightbox-close {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  padding: 0;
  margin: 0;
  width: 1.5em;
  height: 1.5em;
}
body .p-lightbox .p-lightbox-caption .p-lightbox-close:hover {
  background-color: #9fa8da;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-right,
body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-left {
  top: 40%;
}
body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-right .fa,
body .p-lightbox .p-lightbox-content-wrapper .p-lightbox-nav-left .fa {
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 3em;
  color: #9fa8da;
}
body .p-overlaypanel.p-shadow {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
body .p-overlaypanel .p-overlaypanel-close {
  background-color: #afeeee;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  right: -16px;
  top: -16px;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body .p-overlaypanel .p-overlaypanel-close span {
  color: #000000;
  line-height: inherit;
}
body .p-overlaypanel .p-overlaypanel-close:hover {
  background-color: #00ced1;
}
body .p-tooltip {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
body .p-tooltip .p-tooltip-text {
  background-color: #323232;
}
body .p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: #323232;
}
body .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: #323232;
}
body .p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: #323232;
}
body .p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: #323232;
}
body .p-draggable-dragging.p-state-default {
  padding: 0.625em 0.1em !important;
  background-color: #1e295d;
}
body .jqplot-target {
  font-family:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
body .p-progressbar {
  height: 0.5em;
  background-color: #9fa8da;
  overflow: hidden;
  border: 0 none;
}
body .p-progressbar .p-progressbar-value {
  height: 0.5em;
}
body .p-progressbar .p-progressbar-label {
  color: #ffffff;
  display: none !important;
}
body .p-galleria .p-galleria-nav-prev {
  left: 0;
}
body .p-galleria .p-galleria-nav-next {
  right: 0;
}
body .p-inplace .p-inplace-display {
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
body .p-inplace .p-inplace-display:hover {
  background-color: #e8e8e8;
}
body .p-terminal .p-terminal-input {
  font-size: 16px;
}
p-panel p-checkbox,
p-dialog p-checkbox {
  display: block;
  text-indent: -15px;
  padding-left: 20px;
}
p-panel p-checkbox .p-chkbox-box,
p-dialog p-checkbox .p-chkbox-box {
  text-align: right;
  visibility: hidden;
}
.listViewFilter .p-panel-titlebar {
  cursor: pointer;
}
.listViewFilter .p-panel-titlebar i {
  float: right;
}
.p-growl {
  z-index: 10000 !important;
}
body .p-datatable td.checkboxColumn,
body .p-datatable th.checkboxColumn {
  width: 50px;
}
body .p-dialog:not(.p-confirmdialog) {
  max-width: 100%;
}
body p-fileupload p-button button {
  gap: 10px !important;
}
body p-fileupload button[icon=fa-upload] {
  display: none;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("./media/Roboto-Light-webfont-4BI7FVOZ.eot");
  src:
    local("Roboto Light"),
    local("Roboto-Light"),
    url("./media/Roboto-Light-webfont-4BI7FVOZ.eot?#iefix") format("embedded-opentype"),
    url("./media/Roboto-Light-webfont-5NULH2WD.woff") format("woff"),
    url("./media/Roboto-Light-webfont-3QLPKMGV.ttf") format("truetype"),
    url("./media/Roboto-Light-webfont-AUDUWFPG.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./media/Roboto-Regular-webfont-WE5T5LAD.eot");
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url("./media/Roboto-Regular-webfont-WE5T5LAD.eot#iefix") format("embedded-opentype"),
    url("./media/Roboto-Regular-webfont-TYLV3C2Z.woff") format("woff"),
    url("./media/Roboto-Regular-webfont-ZCVS4SKO.ttf") format("truetype"),
    url("./media/Roboto-Regular-webfont-I5TYVNTF.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("./media/Roboto-Bold-webfont-UWBPX3PK.eot");
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url("./media/Roboto-Bold-webfont-UWBPX3PK.eot#iefix") format("embedded-opentype"),
    url("./media/Roboto-Bold-webfont-4JCTKCLB.woff") format("woff"),
    url("./media/Roboto-Bold-webfont-RK5YI3AS.ttf") format("truetype"),
    url("./media/Roboto-Bold-webfont-6DPS2NK7.svg#Roboto") format("svg");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("./media/MaterialIcons-Regular-DZIPLQX7.eot");
  src:
    local("Material Icons"),
    local("MaterialIcons-Regular"),
    url("./media/MaterialIcons-Regular-P2RAEPXM.woff2") format("woff2"),
    url("./media/MaterialIcons-Regular-3OCSKOJA.woff") format("woff"),
    url("./media/MaterialIcons-Regular-DFX2JKJN.ttf") format("truetype");
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
*[hidden] {
  display: none;
}
.card,
.customTable {
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  margin-bottom: 1em;
  margin-top: 1em;
  box-sizing: border-box;
}
.card.card-w-title,
.card-w-title.customTable {
  padding-bottom: 2em;
}
.card h1,
.customTable h1 {
  font-size: 1.5em;
  font-weight: 400;
  margin: 1em 0;
}
.card h1:first-child,
.customTable h1:first-child {
  margin-top: 0.667em;
}
.card h2,
.customTable h2 {
  font-size: 1.375em;
  font-weight: 400;
}
.card h3,
.customTable h3 {
  font-size: 1.25em;
  font-weight: 400;
}
.card h4,
.customTable h4 {
  font-size: 1.125em;
  font-weight: 400;
}
.nopad {
  padding: 0;
}
.nopad .p-panel-content {
  padding: 0;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.p-icon-spin {
  -webkit-animation-name: spin;
  animation-name: spin;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.p-shadow-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.p-g.form-group > div {
  padding: 1em;
}
.p-g.form-group-m > div {
  padding: 1em;
}
.ripplelink {
  text-decoration: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
}
.ripplelink:hover {
}
.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.ripple-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.splash-screen {
  background-color: #3F51B5;
  height: 100%;
}
.splash-screen .splash-container {
  padding-top: 250px;
  width: 250px;
  margin: 0 auto;
  text-align: center;
}
.splash-screen .logo {
  display: inline-block;
  vertical-align: middle;
  width: 215px;
  height: 48px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
  background-size: 200px 30px;
}
.splash-screen .load-bar {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 6px;
  background-color: #ffffff;
}
.splash-screen .bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.splash-screen .bar:nth-child(1) {
  background-color: #E91E63;
  animation: loading 3s linear infinite;
}
.splash-screen .bar:nth-child(2) {
  background-color: #8BC34A;
  animation: loading 3s linear 1s infinite;
}
.splash-screen .bar:nth-child(3) {
  background-color: #FFC107;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100;
  }
  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10;
  }
  to {
    left: 0;
    width: 100%;
  }
}
.dashboard .overview {
  padding: 0 !important;
  min-height: 140px;
  position: relative;
  margin-bottom: 0px !important;
}
.dashboard .overview .overview-content {
  padding: 16px;
}
.dashboard .overview .overview-content .overview-title {
  font-size: 18px;
}
.dashboard .overview .overview-content .overview-badge {
  float: right;
  color: #757575;
}
.dashboard .overview .overview-content .overview-detail {
  display: block;
  font-size: 24px;
  margin-top: 5px;
}
.dashboard .overview .overview-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.dashboard .overview .overview-footer img {
  display: block;
}
.dashboard .colorbox {
  padding: 0 !important;
  text-align: center;
  overflow: hidden;
  margin-bottom: 0px !important;
}
.dashboard .colorbox i {
  font-size: 48px;
  margin-top: 10px;
  color: #ffffff;
}
.dashboard .colorbox .colorbox-name {
  font-size: 20px;
  display: inline-block;
  width: 100%;
  margin: 4px 0 10px 0;
  color: #ffffff;
}
.dashboard .colorbox .colorbox-count {
  color: #ffffff;
  font-size: 36px;
}
.dashboard .colorbox .colorbox-count {
  font-weight: bold;
}
.dashboard .colorbox.colorbox-1 {
  background-color: #4CAF50;
}
.dashboard .colorbox.colorbox-1 div:first-child {
  background-color: #2E7D32;
}
.dashboard .colorbox.colorbox-2 {
  background-color: #03A9F4;
}
.dashboard .colorbox.colorbox-2 div:first-child {
  background-color: #0277BD;
}
.dashboard .colorbox.colorbox-3 {
  background-color: #673AB7;
}
.dashboard .colorbox.colorbox-3 div:first-child {
  background-color: #4527A0;
}
.dashboard .colorbox.colorbox-4 {
  background-color: #009688;
}
.dashboard .colorbox.colorbox-4 div:first-child {
  background-color: #00695C;
}
.dashboard .task-list {
  overflow: hidden;
}
.dashboard .task-list > .p-panel {
  min-height: 340px;
}
.dashboard .task-list .p-panel-content {
  padding: 10px 0 !important;
}
.dashboard .task-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dashboard .task-list ul li {
  padding: 0.625em 0.875em;
  border-bottom: 1px solid #dbdbdb;
}
.dashboard .task-list ul li:first-child {
  margin-top: 10px;
}
.dashboard .task-list ul .p-chkbox {
  vertical-align: middle;
  margin-right: 5px;
}
.dashboard .task-list ul .task-name {
  vertical-align: middle;
}
.dashboard .task-list ul i {
  color: #757575;
  float: right;
}
.dashboard .contact-form {
  overflow: hidden;
}
.dashboard .contact-form .p-panel {
  min-height: 340px;
}
.dashboard .contact-form .p-g-12 {
  padding: 16px 10px;
}
.dashboard .contact-form .p-button {
  margin-top: 20px;
}
.dashboard .contacts {
  overflow: hidden;
}
.dashboard .contacts > .p-panel {
  min-height: 340px;
}
.dashboard .contacts .p-panel-content {
  padding: 15px 0 10px 0 !important;
}
.dashboard .contacts ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .contacts ul li {
  border-bottom: 1px solid #d8d8d8;
}
.dashboard .contacts ul li a {
  padding: 9px;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.dashboard .contacts ul li a .name {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
  color: #212121;
}
.dashboard .contacts ul li a .email {
  position: absolute;
  right: 10px;
  top: 30px;
  font-size: 14px;
  color: #757575;
}
.dashboard .contacts ul li a:hover {
  cursor: pointer;
  background-color: #e8e8e8;
}
.dashboard .contacts ul li:last-child {
  border: 0;
}
.dashboard .activity-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dashboard .activity-list li {
  border-bottom: 1px solid #bdbdbd;
  padding: 15px 0 9px 9px;
}
.dashboard .activity-list li .count {
  font-size: 24px;
  color: #ffffff;
  background-color: #03A9F4;
  font-weight: bold;
  display: inline-block;
  padding: 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.dashboard .activity-list li:first-child {
  border-top: 1px solid #bdbdbd;
}
.dashboard .activity-list li:last-child {
  border: 0;
}
.dashboard .activity-list li .p-g-6:first-child {
  font-size: 18px;
  padding-left: 0;
}
.dashboard .activity-list li .p-g-6:last-child {
  text-align: right;
  color: #757575;
}
.dashboard .timeline {
  height: 100%;
  box-sizing: border-box;
}
.dashboard .timeline > .p-g .p-g-3 {
  font-size: 14px;
  position: relative;
  border-right: 1px solid #bdbdbd;
}
.dashboard .timeline > .p-g .p-g-3 i {
  background-color: #ffffff;
  font-size: 36px;
  position: absolute;
  top: 0px;
  right: -18px;
}
.dashboard .timeline > .p-g .p-g-9 {
  padding-left: 1.5em;
}
.dashboard .timeline > .p-g .p-g-9 .event-text {
  color: #757575;
  font-size: 14px;
  display: block;
  padding-bottom: 20px;
}
.dashboard .timeline > .p-g .p-g-9 .event-content img {
  width: 100%;
}
.dashboard > div > .p-panel {
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.layout-rightpanel .layout-rightpanel-header {
  background: url("./media/sidebar-image-HFPLSW5K.jpg") no-repeat;
  background-size: cover;
  height: 118px;
  padding: 20px 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-rightpanel .layout-rightpanel-header .weather-day,
.layout-rightpanel .layout-rightpanel-header .weather-date {
  color: #ffffff;
  left: 14px;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 4px;
}
.layout-rightpanel .layout-rightpanel-content {
  padding: 14px;
}
.layout-rightpanel .layout-rightpanel-content h1 {
  font-size: 18px;
  margin: 0 0 4px 0;
}
.layout-rightpanel .layout-rightpanel-content h2 {
  font-size: 16px;
  margin: 0;
  color: #757575;
  font-weight: normal;
}
.layout-rightpanel .layout-rightpanel-content .weather-today {
  text-align: center;
  margin-top: 28px;
}
.layout-rightpanel .layout-rightpanel-content .weather-today .weather-today-value {
  font-size: 36px;
  vertical-align: middle;
  margin-right: 14px;
}
.layout-rightpanel .layout-rightpanel-content .weather-today img {
  vertical-align: middle;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather {
  list-style-type: none;
  margin: 28px 0 0 0;
  padding: 0;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li {
  padding: 8px 14px;
  border-bottom: 1px solid #d8dae2;
  position: relative;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li .weekly-weather-value {
  position: absolute;
  right: 40px;
}
.layout-rightpanel .layout-rightpanel-content .weekly-weather li img {
  width: 24px;
  position: absolute;
  right: 0px;
  top: 4px;
}
.login-body {
  background: url("./media/login-U65P65LQ.png") top left no-repeat #f7f7f7;
  background-size: 100% auto;
  height: auto;
}
.login-panel {
  text-align: center;
  width: 350px;
  min-height: 440px;
  padding: 50px 20px;
  margin: 100px auto 0 auto;
}
.login-panel .p-g .p-g-12 {
  padding: 25px 40px;
}
.login-panel .p-g .p-g-12 .p-button {
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.login-panel .p-g .p-g-12 .p-button-icon-left {
  position: absolute;
  left: 10px;
}
.login-panel .p-button:hover {
  background-color: #283593;
}
.login-panel .p-button:focus {
  outline: 0 none;
  background-color: adjust(#1e295d, 10%);
}
.login-panel .p-button.secondary:hover {
  background-color: #00ced1;
}
.login-panel .p-button.secondary:focus {
  outline: 0 none;
  background-color: adjust(#afeeee, 10%);
}
.login-panel .p-inputtext {
  color: #1e295d;
}
.login-panel .p-inputtext:focus {
  border-width: 0 0 2px 0;
  border-color: #1e295d;
  padding-bottom: 0px;
  outline: none;
}
.login-footer {
  position: absolute;
  bottom: 10px;
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: #757575;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .login-body {
    background: url("./media/login2x-H6DGULAM.png") top left no-repeat #f7f7f7;
    background-size: 100% auto;
  }
}
@media (max-width: 1024px) {
  .login-panel {
    text-align: center;
    min-height: 440px;
    margin: 100px auto 0 auto;
  }
}
@media (max-width: 640px) {
  .login-panel {
    text-align: center;
    width: 300px;
    min-height: 440px;
    padding: 40px 20px;
    margin: 75px auto 0 auto;
  }
  .login-panel .p-g .p-g-12 {
    padding: 20px 20px;
  }
  .login-panel .p-g .p-g-12 .p-button {
    margin-top: 30px;
  }
}
.login-logo {
  width: 100%;
  margin-bottom: 10px;
}
.exception-body {
  background-color: #f7f7f7;
  height: auto;
}
.exception-body .exception-type {
  width: 100%;
  height: 50%;
  padding: 100px 100px 0 100px;
  box-sizing: border-box;
  text-align: center;
}
.exception-body .exception-panel {
  text-align: center;
  width: 350px;
  padding: 35px;
  margin: -10% auto 0 auto;
  z-index: 100;
}
.exception-body .exception-panel i {
  font-size: 72px;
}
.exception-body .exception-panel h1 {
  font-size: 36px;
  line-height: 36px;
  color: #757575;
}
.exception-body .exception-panel .exception-detail {
  margin: 20px 0px 100px 0px;
  color: #757575;
}
.exception-body .p-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.exception-body .p-button:hover {
  background-color: #00ced1;
}
.exception-body.error-page .exception-type {
  background-color: #e62a10;
}
.exception-body.error-page .exception-type img {
  width: 100%;
}
.exception-body.error-page .exception-panel i {
  color: #f79a84;
}
.exception-body.notfound-page .exception-type {
  background-color: #3f51b5;
}
.exception-body.notfound-page .exception-type img {
  width: 54%;
}
.exception-body.notfound-page .exception-panel i {
  color: #9fa8da;
}
.exception-body.accessdenied-page .exception-type {
  background-color: #e91e63;
}
.exception-body.accessdenied-page .exception-type img {
  width: 50%;
}
.exception-body.accessdenied-page .exception-panel i {
  color: #f48fb1;
}
@media (max-width: 1024px) {
  .exception-body .exception-panel {
    margin-top: -50px;
  }
}
@media (max-width: 640px) {
  .exception-body .exception-panel {
    width: 250px;
    margin-top: -15px;
  }
}
.landing-wrapper .p-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.landing-wrapper .p-button:hover {
  background-color: #00ced1;
}
.landing-wrapper #header {
  width: 100%;
  min-height: 400px;
  background: url("./media/landing-header-VCLHZ3E5.png") top left no-repeat #f7f7f7;
  background-size: 100% auto;
}
.landing-wrapper #header .header-top {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px;
}
.landing-wrapper #header .header-top .logo {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 30px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
}
.landing-wrapper #header .header-top #menu {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.landing-wrapper #header .header-top #menu li {
  float: left;
  display: block;
  margin-left: 30px;
}
.landing-wrapper #header .header-top #menu li a {
  color: #ffffff;
}
.landing-wrapper #header .header-top #menu li i {
  display: none;
}
.landing-wrapper #header .header-top #menu.lmenu-active {
  display: block;
}
.landing-wrapper #header .header-top #menu-button {
  height: 36px;
  margin-top: -2px;
  float: right;
  color: #ffffff;
  display: none;
}
.landing-wrapper #header .header-top #menu-button i {
  font-size: 36px;
}
.landing-wrapper #header .header-content {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
.landing-wrapper #header .header-content h1 {
  margin: 75px 0px 50px 0px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
}
.landing-wrapper #features {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #features h2 {
  font-weight: 400;
  line-height: 28px;
}
.landing-wrapper #features h3 {
  font-weight: 400;
}
.landing-wrapper #features p {
  color: #757575;
}
.landing-wrapper #features .p-g-12 {
  padding: 2em 0.5em;
}
.landing-wrapper #features .feature-icon {
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f4f8fc;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  text-align: center;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.landing-wrapper #features .feature-icon i {
  margin-top: 30px;
  font-size: 36px;
}
.landing-wrapper #features .feature-icon:hover {
  background-color: #e91e63;
}
.landing-wrapper #features .feature-icon:hover i {
  color: #ffffff;
}
.landing-wrapper #promotion {
  background: url("./media/promotion-GOZ4UI4U.png") top left no-repeat;
  background-size: 100% auto;
}
.landing-wrapper #promotion .p-lg-8 {
  padding: 150px 0 0 150px;
}
.landing-wrapper #promotion .p-lg-8 h1 {
  font-weight: 48px;
  color: #ffffff;
  font-weight: 400;
}
.landing-wrapper #promotion .p-lg-4 {
  margin: -50px 0 -50px 0;
}
.landing-wrapper #promotion .p-lg-4 .card,
.landing-wrapper #promotion .p-lg-4 .customTable {
  -webkit-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  -moz-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
  margin-bottom: 20px;
}
.landing-wrapper #promotion .p-lg-4 .card h3,
.landing-wrapper #promotion .p-lg-4 .customTable h3 {
  font-weight: 400;
}
.landing-wrapper #promotion .p-lg-4 .card p,
.landing-wrapper #promotion .p-lg-4 .customTable p {
  color: #757575;
}
.landing-wrapper #promotion .p-lg-4 .card:last-child,
.landing-wrapper #promotion .p-lg-4 .customTable:last-child {
  margin-bottom: 0;
}
.landing-wrapper #pricing {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #pricing h2 {
  font-weight: 400;
}
.landing-wrapper #pricing p {
  color: #757575;
}
.landing-wrapper #pricing .pricing-box .card,
.landing-wrapper #pricing .pricing-box .customTable {
  height: 100%;
  padding: 0;
}
.landing-wrapper #pricing .pricing-box .pricing-header {
  padding: 40px 0;
  color: #ffffff;
}
.landing-wrapper #pricing .pricing-box .pricing-header span {
  display: block;
  line-height: 48px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.name {
  font-weight: 300;
  font-size: 24px;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.fee {
  font-size: 48px;
  font-weight: 700;
}
.landing-wrapper #pricing .pricing-box .pricing-header span.type {
  font-weight: 300;
  font-size: 16px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul {
  margin: 0;
  padding: 30px 20px;
  list-style-type: none;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li {
  font-size: 18px;
  text-align: left;
  padding: 10px 14px;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li i {
  margin-right: 20px;
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box .pricing-content ul li span {
  vertical-align: middle;
}
.landing-wrapper #pricing .pricing-box.pricing-basic .pricing-header {
  background-color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-basic i {
  color: #3f51b5;
}
.landing-wrapper #pricing .pricing-box.pricing-standard .pricing-header {
  background-color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-standard i {
  color: #e91e63;
}
.landing-wrapper #pricing .pricing-box.pricing-professional .pricing-header {
  background-color: #607d8b;
}
.landing-wrapper #pricing .pricing-box.pricing-professional i {
  color: #607d8b;
}
.landing-wrapper #video {
  background-color: #f7f7f7;
  min-width: 400px;
}
.landing-wrapper #video .video-content {
  width: 960px;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
}
.landing-wrapper #video .video-content h2 {
  font-weight: 400;
}
.landing-wrapper #video .video-content p {
  color: #757575;
}
.landing-wrapper .footer {
  background-color: #f7f7f7;
  border-top: 1px solid #dddddd;
}
.landing-wrapper .footer .footer-content {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0px 50px 0px;
}
.landing-wrapper .footer .footer-content ul {
  float: right;
  list-style-type: none;
}
.landing-wrapper .footer .footer-content ul li a {
  color: #757575;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.landing-wrapper .footer .footer-content ul li a:hover {
  color: #212121;
}
@media (max-width: 1024px) {
  .landing-wrapper #header {
    min-height: 200px;
    background-size: cover;
  }
  .landing-wrapper #header .header-top {
    z-index: 100;
    position: fixed;
    top: 0;
    background: #424242;
    background-size: 100% auto;
    padding: 30px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .landing-wrapper #header .header-top #menu-button {
    display: inline-block;
  }
  .landing-wrapper #header .header-top #menu {
    z-index: 100;
    position: fixed;
    top: 86px;
    right: 30px;
    float: none;
    display: none;
    margin: 0;
    padding: 0;
    width: 225px;
    list-style: none;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }
  .landing-wrapper #header .header-top #menu li {
    float: none;
    margin-left: 0;
  }
  .landing-wrapper #header .header-top #menu li a {
    font-size: 16px;
    display: block;
    padding: 10px 16px;
    color: #212121;
    width: 100%;
    box-sizing: border-box;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    overflow: hidden;
  }
  .landing-wrapper #header .header-top #menu li a i {
    color: #757575;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 24px;
  }
  .landing-wrapper #header .header-top #menu li a:hover {
    background-color: #e8e8e8;
  }
  .landing-wrapper #header .header-top #menu li a span {
    display: inline-block;
    vertical-align: middle;
  }
  .landing-wrapper #header .header-content {
    width: 100%;
    padding: 100px 30px 60px 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #header .header-content h1 {
    margin: 75px 0px 50px 0px;
    font-weight: 400;
  }
  .landing-wrapper #features,
  .landing-wrapper #promotion,
  .landing-wrapper #pricing,
  .landing-wrapper #video,
  .landing-wrapper .footer .footer-content {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
  }
  .landing-wrapper #promotion .p-lg-8 {
    padding: 100px 0 30px;
    text-align: center;
  }
  .landing-wrapper #promotion .p-lg-8 h1 {
    margin-top: -30px;
    font-weight: 48px;
    color: #ffffff;
    font-weight: 400;
  }
  .landing-wrapper #video .video-content {
    width: 100%;
  }
  .landing-wrapper #video .video-content .video-container iframe {
    width: 350px;
    height: 220px;
  }
  .landing-wrapper .footer .footer-content {
    text-align: center;
  }
  .landing-wrapper .footer .footer-content ul {
    float: none;
    margin: 0;
    padding: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .landing-wrapper .header .header-top .logo {
    background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
    background-size: 200px 30px;
  }
}
html {
  height: 100%;
}
body {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #212121;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
  background-color: #f7f7f7;
  height: 100%;
}
body a {
  text-decoration: none;
}
.layout-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #424242;
  top: 0;
  left: 0;
  z-index: 999999997;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.layout-container .topbar {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 75px;
  background-color: #1e295d;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.layout-container .topbar .logo {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 30px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
  background-size: 200px 30px;
}
.layout-container .topbar .topbar-left {
  box-sizing: border-box;
  padding: 20px;
  height: 75px;
  width: 250px;
  background-color: #283593;
  float: left;
}
.layout-container .topbar .topbar-right {
  padding: 15px;
  position: relative;
}
.layout-container .topbar .topbar-right #menu-button {
  color: #000000;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  margin-right: 10px;
  position: relative;
  left: -16px;
  top: 3px;
  background-color: #afeeee;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
}
.layout-container .topbar .topbar-right #menu-button:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.layout-container .topbar .topbar-right #menu-button i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.layout-container .topbar .topbar-right #menu-button i:before {
  content: "chevron_left";
}
.layout-container .topbar .topbar-right #menu-button i {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 36px;
}
.layout-container .topbar .topbar-right #topbar-menu-button,
.layout-container .topbar .topbar-right #rightpanel-menu-button {
  display: none;
  color: #ffffff;
  vertical-align: middle;
  height: 36px;
  margin-top: 4px;
  float: right;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.layout-container .topbar .topbar-right #topbar-menu-button i,
.layout-container .topbar .topbar-right #rightpanel-menu-button i {
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  font-size: 36px;
}
.layout-container .topbar .topbar-right #rightpanel-menu-button {
  display: block;
}
.layout-container .topbar .topbar-right #rightpanel-menu-button:hover {
  color: #e8e8e8;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input {
  position: relative;
  top: -10px;
  font-size: 16px;
  background-color: transparent;
  border-width: 0 0 1px 0;
  padding: 2px 2px 1px 2px;
  border-color: #ffffff;
  color: #ffffff;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input:focus {
  outline: 0 none;
  border-bottom-width: 2px;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input:focus ~ label {
  top: -5px;
  font-size: 12px;
  color: #1e295d;
}
.layout-container .topbar .topbar-right .topbar-items .search-item input.p-state-filled ~ label {
  display: none;
}
.layout-container .topbar .topbar-right .topbar-items .search-item label {
  color: #ffffff;
  top: 8px;
}
.layout-container .layout-menu {
  overflow: auto;
  position: fixed;
  width: 250px;
  z-index: 99;
  top: 75px;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
.layout-container .layout-menu > .nano > .nano-content.menu-scroll-content {
  display: block;
  height: 100%;
  position: relative;
  overflow: scroll;
  overflow-x: hidden;
}
.layout-container .layout-menu > .nano > .nano-content .ultima-menu.ultima-main-menu {
  margin-top: 16px;
  padding-bottom: 120px;
}
.layout-container .layout-menu > .nano .nano-pane {
  background: transparent;
}
.layout-container .layout-menu > .nano .nano-pane .nano-slider {
  background-color: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.layout-container .layout-menu .profile {
  box-sizing: border-box;
  padding-top: 2em;
  width: 250px;
  height: 145px;
  text-align: center;
  background: url("./media/profile-bg-3HRE25MT.png") top left no-repeat;
  background-size: 250px 145px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.layout-container .layout-menu .profile .profile-image {
  width: 60px;
  height: 60px;
  margin: 0 auto 5px auto;
  display: block;
}
.layout-container .layout-menu .profile .profile-name {
  display: inline-block;
  color: #212121;
  vertical-align: middle;
  font-size: 1em;
}
.layout-container .layout-menu .profile i {
  color: #212121;
  vertical-align: middle;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.layout-container .layout-menu .profile.profile-expanded i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-container .layout-menu .profile-menu {
  border-bottom: 1px solid #d6d5d5;
  overflow: hidden;
}
.layout-container .layout-menu .profile-menu li:first-child {
  margin-top: 1em;
}
.layout-container .layout-menu .profile-menu li:last-child {
  margin-bottom: 1em;
}
.layout-container .layout-menu.layout-menu-dark {
  background-color: #424242;
}
.layout-container .layout-menu.layout-menu-dark .profile {
  background-image: url("./media/profile-bg-dark-Y2C2Q57H.png");
}
.layout-container .layout-menu.layout-menu-dark .profile .profile-name {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .profile i {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .profile-menu {
  border-bottom: 1px solid #545454;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a i {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a:hover {
  background-color: #676767;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink {
  color: #9fa8da;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink i {
  color: #9fa8da;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink:hover {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink:hover > i {
  color: #ffffff;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li.active-menuitem > a {
  color: #000000;
  background-color: #afeeee;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li.active-menuitem > a.active-menuitem-routerlink {
  color: #000000;
  background-color: #afeeee;
}
.layout-container .layout-menu.layout-menu-dark .ultima-menu li.active-menuitem > a.active-menuitem-routerlink i {
  color: #212121;
}
.layout-container .layout-menu .menuitem-badge {
  position: absolute;
  right: 2em;
  top: 0.75em;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  text-align: center;
  background-color: #afeeee;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.layout-container .layout-menu .layout-menu-tooltip {
  display: none;
  padding: 0 5px;
  position: absolute;
  left: 76px;
  top: 6px;
  z-index: 101;
  line-height: 1;
}
.layout-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text {
  padding: 6px 8px;
  font-weight: 700;
  background-color: adjust(#424242, -5%);
  color: #ffffff;
  min-width: 75px;
  white-space: nowrap;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.layout-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: adjust(#424242, -5%);
}
.layout-container.menu-layout-overlay .layout-menu {
  margin-left: -250px;
}
.layout-container.menu-layout-overlay .layout-main {
  margin-left: 0px;
}
.layout-container.menu-layout-overlay.layout-menu-overlay-active .layout-menu {
  z-index: 999999999;
  margin-left: 0px;
}
.layout-container.menu-layout-overlay.layout-menu-overlay-active .layout-mask {
  display: block;
}
.layout-container.menu-layout-overlay.layout-menu-overlay-active .topbar .topbar-right #menu-button i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.layout-container.menu-layout-overlay .topbar {
  z-index: 999999998;
}
.layout-container.menu-layout-overlay .topbar .topbar-right #menu-button i {
  font-size: 36px !important;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.layout-container .layout-main {
  padding: 96px 16px 16px 16px;
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
.layout-container .layout-mask {
  display: none;
}
.layout-container .ultima-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.layout-container .ultima-menu li a {
  font-size: 1em;
  display: block;
  padding: 0.5em 1em;
  color: #212121;
  width: 100%;
  box-sizing: border-box;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  overflow: hidden;
}
.layout-container .ultima-menu li a i {
  color: #757575;
}
.layout-container .ultima-menu li a i:first-child {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  font-size: 1.5em;
}
.layout-container .ultima-menu li a i:last-child {
  float: right;
  font-size: 20px;
  margin-top: 0.15em;
  margin-right: -0.15em;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.layout-container .ultima-menu li a:hover {
  background-color: #e8e8e8;
}
.layout-container .ultima-menu li a span {
  display: inline-block;
  vertical-align: middle;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink {
  color: #3F51B5;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink > i {
  color: #3F51B5;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink:hover {
  color: #212121;
}
.layout-container .ultima-menu li a.active-menuitem-routerlink:hover > i {
  color: #757575;
}
.layout-container .ultima-menu li.active-menuitem > a {
  color: #1e295d;
  background-color: #e8e8e8;
}
.layout-container .ultima-menu li.active-menuitem > a i {
  color: #1e295d;
}
.layout-container .ultima-menu li.active-menuitem > a i:last-child {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-container .ultima-menu li ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.layout-container .ultima-menu li ul li a {
  padding: 0.5em 1em 0.5em 2em;
}
.layout-container .ultima-menu li ul li a > span {
  font-size: 15px;
}
.layout-container .ultima-menu li ul li a i:first-child {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.6em;
  font-size: 1.25em;
}
.layout-container .ultima-menu li ul li ul li a {
  padding-left: 3em;
}
.layout-container .ultima-menu li ul li ul ul li a {
  padding-left: 4em;
}
.layout-container .ultima-menu li ul li ul ul ul li a {
  padding-left: 5em;
}
.layout-container .ultima-menu li ul li ul ul ul ul li a {
  padding-left: 6em;
}
.layout-container .ultima-menu li.red-badge > a .menuitem-badge {
  background-color: #F44336;
  color: #ffffff;
}
.layout-container .ultima-menu li.purple-badge > a .menuitem-badge {
  background-color: #4527A0;
  color: #ffffff;
}
.layout-container .ultima-menu li.teal-badge > a .menuitem-badge {
  background-color: #00695C;
  color: #ffffff;
}
.layout-container .footer .footer-text-left {
  float: left;
}
.layout-container .footer .footer-text-right {
  color: #757575;
  float: right;
}
.layout-container .footer .footer-text-right span {
  vertical-align: middle;
  display: inline-block;
}
.layout-container .layout-rightpanel {
  position: fixed;
  top: 64px;
  height: 100%;
  right: -240px;
  width: 240px;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.layout-container .layout-rightpanel.layout-rightpanel-active {
  right: 0;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 10;
}
.layout-container .layout-rightpanel .layout-rightpanel-content {
  padding: 14px;
}
.layout-container .layout-rightpanel .nano .right-panel-scroll-content {
  display: block;
  height: 100%;
  position: relative;
}
.layout-container .layout-rightpanel .nano .right-panel-scroll-content .layout-rightpanel-content {
  padding-bottom: 120px;
}
.layout-container .layout-rightpanel .nano > .nano-pane {
  background: transparent;
}
.layout-container .layout-rightpanel .nano > .nano-pane > .nano-slider {
  background: #aaa;
  opacity: 0.3;
}
.ajax-loader {
  font-size: 2em;
  color: #afeeee;
}
@media (min-width: 1025px) {
  .layout-container .topbar-items {
    float: right;
    margin: 0;
    padding: 5px 0 0 0;
    list-style-type: none;
  }
  .layout-container .topbar-items > li {
    float: right;
    position: relative;
    margin-left: 8px;
  }
  .layout-container .topbar-items > li > a {
    position: relative;
    display: block;
  }
  .layout-container .topbar-items > li > a .topbar-item-name {
    display: none;
  }
  .layout-container .topbar-items > li > a .topbar-badge {
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: #afeeee;
    color: #000000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 4px;
    display: block;
    font-size: 12px;
    line-height: 12px;
  }
  .layout-container .topbar-items > li .topbar-icon {
    font-size: 36px;
    color: #ffffff;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .layout-container .topbar-items > li .topbar-icon:hover {
    color: #e8e8e8;
  }
  .layout-container .topbar-items > li.profile-item .profile-image {
    width: 36px;
    height: 36px;
  }
  .layout-container .topbar-items > li > ul {
    position: absolute;
    top: 55px;
    right: 5px;
    display: none;
    width: 250px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }
  .layout-container .topbar-items > li.active-top-menu > ul {
    display: block;
  }
  .layout-container .topbar-items > li .topbar-message img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
  }
  .layout-container.menu-layout-static .layout-menu {
    margin-left: 0;
  }
  .layout-container.menu-layout-static .layout-main {
    margin-left: 250px;
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .topbar .topbar-right #menu-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .layout-menu {
    margin-left: -250px;
  }
  .layout-container.menu-layout-static.layout-menu-static-inactive .layout-main {
    margin-left: 0px;
  }
  .layout-container.menu-layout-static .layout-mask {
    display: none;
  }
  .layout-container.menu-layout-horizontal .topbar {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-container.menu-layout-horizontal .topbar .topbar-left {
    background-color: #1e295d;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-container.menu-layout-horizontal .topbar .topbar-right #menu-button {
    display: none;
  }
  .layout-container.menu-layout-horizontal .layout-menu {
    overflow: visible;
    position: fixed;
    width: 100%;
    top: 75px;
    height: auto;
    background-color: #283593;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .layout-container.menu-layout-horizontal .layout-menu > .nano {
    overflow: visible;
  }
  .layout-container.menu-layout-horizontal .layout-menu > .nano .nano-content.menu-scroll-content {
    display: inherit;
    height: auto;
    position: static;
    overflow: visible;
    overflow-x: visible;
  }
  .layout-container.menu-layout-horizontal .layout-menu > .nano .nano-content .ultima-menu.ultima-main-menu {
    margin-top: 0px;
    padding-bottom: 0px;
  }
  .layout-container.menu-layout-horizontal .layout-menu > .nano .nano-pane {
    display: none !important;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu.ultima-main-menu {
    margin-top: 0;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li {
    float: left;
    position: relative;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a:hover {
    background-color: #e8e8e8;
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a:hover i {
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a.active-menuitem-routerlink {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a.active-menuitem-routerlink > i {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a.active-menuitem-routerlink:hover {
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > a.active-menuitem-routerlink:hover i {
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul {
    z-index: 100;
    position: absolute;
    top: 41px;
    left: 0px;
    width: 250px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li a {
    padding: 10px 16px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul {
    position: static;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul li a {
    padding-left: 32px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul ul li a {
    padding-left: 48px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul ul ul li a {
    padding-left: 64px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul ul ul ul li a {
    padding-left: 80px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li ul ul ul ul ul li a {
    padding-left: 96px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li.active-menuitem > a {
    color: #1e295d;
    background-color: #e8e8e8;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li > ul li.active-menuitem > ul {
    display: block;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li.active-menuitem > a {
    color: #000000;
    background-color: #afeeee;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li.active-menuitem > a i {
    color: #000000;
  }
  .layout-container.menu-layout-horizontal .layout-menu .ultima-menu > li.active-menuitem > ul {
    display: block;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark {
    background-color: #424242;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a:hover {
    background-color: #676767;
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a:hover i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink i {
    color: #9fa8da;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink:hover {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li a.active-menuitem-routerlink:hover i {
    color: #ffffff;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li.active-menuitem > a {
    color: #000000;
    background-color: #afeeee;
  }
  .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark .ultima-menu li ul {
    background-color: #424242;
  }
  .layout-container.menu-layout-horizontal .layout-menu .menuitem-badge {
    left: 32px;
    top: 7px;
  }
  .layout-container.menu-layout-horizontal .layout-menu .active-menuitem .menuitem-badge {
    background-color: #ffffff;
    color: #212121;
  }
  .layout-container.menu-layout-horizontal .layout-main {
    padding-top: 140px;
    margin-left: 0px;
  }
  .layout-container.menu-layout-horizontal .layout-mask {
    display: none;
  }
  .layout-container.menu-layout-slim .topbar {
    left: 75px;
    width: calc(100% - 75px);
  }
  .layout-container.menu-layout-slim .topbar .topbar-left {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .layout-container.menu-layout-slim .topbar .topbar-right #menu-button {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu {
    width: 75px;
    overflow: visible;
    z-index: 100;
    top: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .nano {
    overflow: visible;
  }
  .layout-container.menu-layout-slim .layout-menu .nano .nano-content {
    overflow: visible;
    margin-right: 0px !important;
  }
  .layout-container.menu-layout-slim .layout-menu .nano .nano-pane {
    display: none !important;
  }
  .layout-container.menu-layout-slim .layout-menu .profile {
    width: 100%;
    height: 74px;
    padding-top: 15px;
  }
  .layout-container.menu-layout-slim .layout-menu .profile > a .profile-image {
    width: 45px;
    height: 45px;
  }
  .layout-container.menu-layout-slim .layout-menu .profile > a .profile-name,
  .layout-container.menu-layout-slim .layout-menu .profile > a i {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu {
    padding: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li {
    position: relative;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a i:first-child {
    font-size: 1.75em;
    margin-right: 0;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a span,
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a .submenu-icon {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > a:hover + .layout-menu-tooltip {
    display: block;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 75px;
    min-width: 200px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li a {
    padding-left: 16px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul li a {
    padding-left: 32px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul li a {
    padding-left: 48px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul ul li a {
    padding-left: 64px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul ul ul li a {
    padding: 80px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li > ul li ul ul ul ul ul li a {
    padding: 96px;
  }
  .layout-container.menu-layout-slim .layout-menu .ultima-menu > li.active-menuitem > a:hover + .layout-menu-tooltip {
    display: none;
  }
  .layout-container.menu-layout-slim .layout-menu.layout-menu-dark .ultima-menu > li > ul {
    background-color: #424242;
  }
  .layout-container.menu-layout-slim .layout-main {
    margin-left: 75px;
  }
  .layout-container.menu-layout-slim .layout-footer {
    margin-left: 75px;
  }
}
@media (max-width: 1024px) {
  .layout-container.menu-layout-static .topbar .topbar-right #menu-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .layout-container.menu-layout-static .layout-menu {
    margin-left: -265px;
  }
  .layout-container.menu-layout-static .layout-main {
    margin-left: 0px;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .layout-menu {
    margin-left: 0;
    z-index: 999999999;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .topbar {
    z-index: 999999998;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .topbar .topbar-right #menu-button i {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .layout-container.menu-layout-static.layout-menu-static-active .layout-main {
    margin-left: 0;
  }
  .layout-container.menu-layout-static.layout-menu-static-active .layout-mask {
    display: block;
  }
  .layout-container .topbar .topbar-right #topbar-menu-button {
    display: block;
  }
  .layout-container .topbar .topbar-right .topbar-items {
    position: absolute;
    top: 75px;
    right: 15px;
    width: 275px;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    display: none;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    padding: 16px 16px;
    color: #212121;
    position: relative;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    font-size: 24px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a:hover {
    background-color: #e8e8e8;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-item-name {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-badge {
    position: absolute;
    left: 30px;
    top: 10px;
    background-color: #afeeee;
    color: #000000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 4px;
    display: block;
    font-size: 12px;
    line-height: 12px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > ul {
    display: none;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > ul li a span,
  .layout-container .topbar .topbar-right .topbar-items > li > ul li a img,
  .layout-container .topbar .topbar-right .topbar-items > li > ul li a i {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > a {
    color: #1e295d;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > ul {
    display: block;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > ul li a {
    padding-left: 32px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item {
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    padding: 16px 16px;
    position: relative;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input {
    top: 0;
    width: 100%;
    box-sizing: border-box;
    padding-right: 16px;
    border-color: #bdbdbd;
    color: #212121;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input:focus {
    margin-bottom: -1px;
    border-color: #bdbdbd;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input:focus ~ label,
  .layout-container .topbar .topbar-right .topbar-items > li.search-item input.p-state-filled ~ label {
    top: -20px;
    color: #1e295d;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item label {
    top: 1px;
    color: #212121;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.search-item i {
    position: absolute;
    right: 5px;
    top: -2px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.profile-item .profile-image {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url("./media/avatar-JRRDL35S.png") top left no-repeat;
    background-size: 24px 24px;
    margin-right: 14px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li.profile-item span {
    vertical-align: middle;
    display: inline-block;
  }
  .layout-container .topbar .topbar-right .topbar-items.topbar-items-visible {
    display: block;
  }
}
@media (max-width: 399px) {
  .layout-container .topbar .topbar-right #topbar-menu-button {
    right: 15px;
  }
}
body .layout-wrapper.layout-compact {
  font-size: 14px;
  line-height: 18px;
}
body .layout-wrapper.layout-compact .layout-container .ultima-menu li a i:last-child {
  font-size: 18px;
}
body .layout-wrapper.layout-compact .layout-container .ultima-menu li ul li a span {
  font-size: 14px;
}
body .layout-wrapper.layout-compact .p-radiobutton .p-radiobutton-box {
  width: 18px;
  height: 18px;
}
body .layout-wrapper.layout-compact .p-datepicker tbody td a,
body .layout-wrapper.layout-compact .p-datepicker body .p-datepicker tbody td span {
  padding-top: 0.25em;
}
@media (min-width: 1025px) {
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul {
    top: 35px;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li span {
    font-size: 14px;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-main {
    padding-top: 130px;
  }
}
.auth-panel {
  text-align: center;
  width: 800px;
  min-height: 300px;
  padding: 50px 20px;
  margin: 40px auto 40px auto;
  max-width: 95%;
}
.auth-panel .p-g .p-g-12 {
  padding: 25px 40px;
}
.auth-panel .p-g .p-g-12 .p-button {
  margin-bottom: 20px;
}
.auth-panel .auth-info {
  font-weight: 600;
  font-size: 18px;
  float: left;
}
.auth-panel .auth-label {
  font-weight: 400;
  font-size: 18px;
  float: right;
}
.auth-panel table {
  width: 100%;
}
.auth-panel td.label-td {
  width: 40%;
}
.auth-panel td.info-td {
  width: 60%;
}
.auth-panel tr {
  height: 25px;
}
.auth-panel .auth-caption {
  margin-bottom: 12px;
}
.auth-panel .p-button:hover {
  background-color: #A91B0d;
}
.auth-panel .p-button:focus {
  outline: 0 none;
  background-color: adjust(#767676, 10%);
}
.auth-panel .p-button.secondary:hover {
  background-color: #00ced1;
}
.auth-panel .p-button.secondary:focus {
  outline: 0 none;
  background-color: adjust(#fefaf1, 10%);
}
.auth-panel .p-button {
  max-width: 180px;
}
.auth-panel .p-inputtext:focus {
  border-width: 0 0 2px 0;
  border-color: #767676;
  padding-bottom: 0px;
}
@media (max-width: 35em) {
  .customTable .p-toolbar-group-left,
  .customTable .p-toolbar-group-right {
    float: none;
    text-align: center;
  }
  .customTable .p-toolbar-group-left > *,
  .customTable .p-toolbar-group-right > * {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .p-datatable-reflow .p-datatable-data td.col-button .p-column-title {
    display: none;
  }
}
@media (max-width: 40em) {
  .layout-container.menu-layout-static .layout-menu {
    width: 100%;
    margin-left: -100%;
  }
}
.layout-container .topbar .logo,
.splash-screen .logo {
  width: 164px;
  height: 45px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
  background-size: 164px 45px;
}
.layout-container .footer {
  text-align: center;
}
.layout-container .footer .footer-text-right {
  font-size: 10px;
  line-height: 15px;
  float: none;
}
.layout-container .footer .logo-footer {
  width: 72px;
  height: 48px;
  background: url("./media/logo-footer-R7O2ITPS.png") top left no-repeat;
  background-size: 72px 48px;
  margin: 15px auto;
}
.layout-container .footer .footer-logo-zupit {
  width: 183px;
  height: 48px;
  background: url("./media/logo-right-E5HAO5VY.png") top left no-repeat;
  background-size: 183px 48px;
  margin: auto;
}
.layout-container .footer .footer-text-left {
  width: 215px;
  height: 48px;
  background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
  background-size: 215px 48px;
  background-position-x: right;
  margin: 15px auto;
  padding-left: 10px;
}
.layout-container .footer .logo-footer-right {
  width: 183px;
  height: 48px;
  background: url("./media/logo-right-E5HAO5VY.png") top left no-repeat;
  background-size: 183px 48px;
  float: right;
  display: block;
  margin: 15px auto;
  padding-right: 10px;
  background-position-x: left;
}
@media only screen and (max-width: 768px) {
  .footer-logo-zupit {
    display: none;
  }
  .layout-container .footer .logo-footer-right {
    float: none !important;
    background-position-x: center !important;
  }
  .login-container-nias {
    padding-left: 0px !important;
  }
  .layout-container .footer .footer-text-left {
    float: none !important;
  }
  .footer .card.clearfix,
  .footer .clearfix.customTable {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .layout-container .footer {
    margin-top: 30px;
  }
  .layout-container .topbar .topbar-left {
    max-width: 80%;
    padding-left: 10px !important;
    padding-right: 5px !important;
    padding-top: 25px !important;
    padding-bottom: 20px !important;
  }
  .layout-container .topbar .nias-service {
    padding: 0px !important;
  }
  .slider-outer-div[_ngcontent-c8] {
    flex-direction: column;
  }
  .slider-labels-div.left[_ngcontent-c8] {
    margin-bottom: 10px;
  }
  .slider-labels-div.right[_ngcontent-c8] {
    margin-top: 10px;
  }
}
.layout-container .logout-invisible-md {
  display: none;
}
.p-dialog-titlebar {
  padding: 0.625em 0.1em 0em !important;
  line-height: 2em;
}
.p-dialog-titlebar .p-g-12 {
  padding: 0.25em 0.625em !important;
}
body .p-datatable .p-datatable-data tr.p-datatable-even.related-row,
body .p-datatable .p-datatable-data tr.p-datatable-odd.related-row {
  background-color: #9fa8da;
}
.customTable,
.login-panel {
  margin-top: 0;
}
.customTable p-toolbar .p-toolbar {
  padding: 0;
}
.customTable p-toolbar .p-toolbar h3 {
  display: inline-block;
  text-transform: none;
  margin: 1em 0.625em 1em 0.625em;
  padding: 0px;
}
.customTable p-toolbar .p-toolbar .p-toolbar-group-right p-paginator .p-paginator {
  border: none;
  display: inline-block;
}
.customTable p-toolbar .p-toolbar .p-toolbar-group-right p-paginator .p-paginator .p-paginator-first,
.customTable p-toolbar .p-toolbar .p-toolbar-group-right p-paginator .p-paginator .p-paginator-last,
.customTable p-toolbar .p-toolbar .p-toolbar-group-right p-paginator .p-paginator .p-paginator-pages {
  display: none;
}
.customTable .p-datatable table {
  table-layout: auto;
}
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-first,
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-prev,
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-next,
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-last,
.customTable .classicPageingHidden p-paginator .p-paginator-bottom .p-paginator-pages {
  display: none;
}
.customTable .classicPageingHidden p-paginator .p-paginator-bottom {
  padding: 1.5em 0em;
}
p-toolbar .p-toolbar .header {
  background-color: #283593 !important;
}
p-toolbar .p-toolbar .footer {
  background-color: #283593 !important;
}
.login-panel {
  min-height: auto;
}
.login-panel .p-g .p-g-12 {
  padding-bottom: 5px;
}
.layout-container .topbar {
  background-color: #ffffff;
}
.layout-container .topbar .topbar-left {
  background-color: #ffffff;
  padding: 13px 25px 13px 15px;
  width: auto;
}
.layout-container .topbar .topbar-right .logo-right {
  display: none;
}
.layout-container .topbar .topbar-right #topbar-menu-button i {
  color: #1e295d;
}
.layout-container .topbar .nias-service {
  padding: 17px 0px 0px 10px;
  color: #283593;
  font-size: 2.1em;
  text-shadow: 0.5px 0.5px #bdbdbd;
}
body .layout-wrapper.layout-compact .p-datepicker tbody td a {
  padding: 0;
}
#help-page h1.topbar-center {
  text-align: center;
  margin: -13px auto;
}
#help-page h2 {
  color: #ffffff;
  background-color: #1e295d;
}
#help-page .help-item {
  margin: auto 1em;
}
@media (min-width: 1025px) {
  #help-page.layout-container.menu-layout-horizontal .layout-main {
    padding-top: 96px;
  }
}
@media (min-width: 40.063em) {
  .layout-container .topbar .logo,
  .splash-screen .logo {
    width: 200px;
    height: 55px;
    background: url("./media/logo-YF6OOVTV.png") top left no-repeat;
    background-size: 200px 55px;
  }
  .layout-container .topbar .topbar-right {
    padding: 13px 15px;
  }
  .layout-container .topbar .topbar-right .logo-right {
    width: 183px;
    height: 48px;
    background: url("./media/logo-right-E5HAO5VY.png") top left no-repeat;
    background-size: 183px 48px;
    float: right;
    margin-left: 0;
    display: block;
  }
  .footer-logo-zupit {
    display: none;
  }
  .layout-container .footer .footer-text-right,
  .layout-container .footer .logo-footer {
    display: inline-block;
    vertical-align: middle;
  }
  .layout-container .footer .footer-text-right {
    text-align: left;
  }
  .customTable p-toolbar .p-toolbar .p-toolbar-group-right {
    line-height: 2.5em;
  }
}
@media (max-width: 64em) {
  .layout-container .topbar .topbar-right .topbar-items > li > span {
    display: block;
    padding: 16px;
  }
}
@media (min-width: 1025px) {
  .layout-container .p-md-visible {
    display: none;
  }
  .layout-container .topbar-items > li {
    float: none;
  }
  .layout-container .topbar .topbar-right {
    color: #1e295d;
  }
  .layout-container .topbar .topbar-right .logo-right {
    margin-left: 1em;
  }
  .layout-container .topbar .topbar-right .material-icons {
    font-size: 2.3em;
    color: #1e295d;
  }
  .layout-container.menu-layout-horizontal .topbar .topbar-left {
    background-color: #ffffff;
  }
  .layout-container .layout-menu .ultima-menu .item-invisible-md {
    display: none;
  }
  .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-main {
    padding-top: 130px;
    min-height: calc(100vh - 110px - 16px);
  }
}
@media (max-width: 1024px) {
  .layout-container .item-invisible-md {
    display: none;
  }
  .layout-container .logout-invisible-md {
    display: block;
  }
  .layout-container .p-md-invisible {
    display: none;
  }
  .layout-container .topbar .topbar-right .topbar-items {
    position: fixed;
    overflow: auto;
    height: calc(100% - 75px);
    right: 0px;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a {
    padding: 0.5em 1em;
    font-size: 1em;
  }
  .layout-container .topbar .topbar-right .topbar-items > li > a i {
    font-size: 1.5em;
    color: #757575;
  }
  .layout-container.menu-layout-static .layout-menu {
    display: none;
  }
  .layout-container .ultima-menu li a i:first-child {
    font-size: 1.8em;
  }
  .layout-container .ultima-menu li ul li a i:first-child {
    font-size: 1.6em;
  }
  .p-datatable-reflow thead th,
  .p-datatable-reflow tfoot td {
    display: none;
  }
  .p-datatable .p-datatable-data tr td {
    border-style: none;
  }
  .p-datatable .p-datatable-data tr td > span {
    float: left;
    text-align: left;
    box-sizing: border-box;
    width: 50%;
  }
  .p-datatable .p-datatable-data tr td.col-button {
    padding-bottom: 0.5em;
  }
  .p-datatable .p-datatable-data tr td.col-button span {
    width: 100%;
  }
  .p-datatable .p-datatable-data tr td.checkboxColumn {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .p-datatable .p-datatable-data tr td:first-child {
    padding-top: 0.5em;
  }
  .p-datatable .p-datatable-data tr td.p-datatable-emptymessage span {
    float: none;
  }
  .p-datatable-reflow .p-datatable-data td {
    border: 0px none;
    width: 100%;
    float: left;
    clear: left;
  }
  .p-datatable-reflow .p-datatable-data td .p-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 0em -0.4em -0.4em;
    font-weight: bold;
  }
  .p-datatable-reflow .p-datatable-data td.col-button .p-column-title {
    display: none;
  }
  .p-datatable-reflow .p-datatable-data.p-widget-content {
    border: 0px none;
  }
  .p-datatable-reflow .p-datatable-data tr.p-widget-content {
    border-left: 0px none;
    border-right: 0px none;
  }
}
app-menu ul ul a span {
  max-width: 180px;
}
p-panel .errorMessage,
p-panel label span,
p-dialog .errorMessage,
p-dialog label span {
  color: #00ced1;
}
.listViewFilter .p-widget-content {
  background-color: #1e295d;
  color: #ffffff;
}
.listViewFilter .p-widget-content .p-button-text-only {
  background-color: #ffffff;
  color: #000000;
}
.listViewFilter .p-widget-content .p-button-text-only:enabled:not(:focus):hover {
  background-color: #283593;
  color: #ffffff;
}
.listViewFilter .p-widget-content .p-calendar .fa {
  color: #ffffff;
}
.listViewFilter .p-widget-content .p-dropdown-label.p-inputtext {
  font-size: 1em;
  background-color: #ffffff;
  color: #000000;
  font-family: inherit;
}
.listViewFilter .p-widget-content .p-dropdown-item {
  background-color: #ffffff;
}
.listViewFilter .p-widget-content .p-chkbox .p-chkbox-box {
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.listViewFilter .p-widget-content .p-chkbox .p-chkbox-box.p-state-focus {
  border-color: #757575;
}
.listViewFilter .p-widget-content .p-inputtext {
  width: 100%;
  color: #ffffff;
}
.listViewFilter .p-widget-content .p-datepicker table {
  background-color: #ffffff;
}
.no-header .p-panel-titlebar {
  display: none !important;
}
.no-header .p-panel-content {
  background-color: #a91b0d !important;
  color: #eeeeee;
  padding: 0.25em 1em !important;
}
body .checkbox-container {
  padding-left: 5px;
}
body .checkbox-container span {
  margin: -3px;
}
body .checkbox-container span:before {
  margin-left: 23px;
}
body .multidate-container .table-no-header {
  width: 50%;
}
body .multidate-container .table-no-header thead {
  display: none;
}
body .multidate-container .table-no-header .column-btn {
  width: 20%;
}
body .multidate-container .table-no-header .p-button.btn-remove {
  height: 2.5em;
}
body .p-picklist.p-picklist-responsive .p-picklist-source-controls.p-picklist-buttons {
  display: none;
}
body .p-picklist.p-picklist-responsive .p-picklist-listwrapper {
  width: 40%;
}
body .p-picklist.p-picklist-responsive .p-picklist-listwrapper .p-picklist-caption {
  padding: 0.3em 1.6em;
  line-height: 1.2em;
}
body .p-picklist.p-picklist-responsive .p-picklist-buttons .p-picklist-buttons-cell .p-button-icon-only {
  background-color: #ffffff;
  border: 1px solid #1e295d;
}
body .p-picklist.p-picklist-responsive .p-picklist-buttons .p-picklist-buttons-cell .p-button-icon-only:enabled:not(:focus):hover {
  background-color: #1e295d;
}
body .p-picklist.p-picklist-responsive .p-picklist-buttons .p-picklist-buttons-cell .p-button-icon-only:enabled:not(:focus):hover .fa {
  color: #ffffff;
}
body .p-picklist.p-picklist-responsive .p-picklist-buttons .p-picklist-buttons-cell .p-button-icon-only .fa {
  color: #1e295d;
}
body .p-picklist.p-picklist-responsive .p-picklist-list {
  height: 15em;
}
body .p-picklist.p-picklist-responsive .p-picklist-list .p-picklist-droppoint {
  display: none !important;
}
body .p-datatable .p-datatable-loading-overlay {
  background: rgba(120, 120, 120, 0.35) !important;
  z-index: 1000;
}
body .p-datatable .p-datatable-loading-icon {
  width: 25px !important;
  height: 25px !important;
  color: black;
  font-weight: bolder;
}
body .p-datatable .p-datatable-loading-icon .p-progress-spinner-svg {
  width: 25px;
  height: 25px;
}
body .p-datatable .p-datatable-loading-icon .p-progress-spinner-circle {
  stroke: black !important;
  stroke-width: 6 !important;
}
body .p-datatable .p-datatable-thead > tr th {
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: top;
}
body .p-datatable .p-datatable-data tr td {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}
body .p-datatable .p-button {
  height: auto;
  padding: 0 0.5em;
  margin-bottom: 4px;
  margin-top: 4px;
}
body .p-dialog:not(.p-confirmdialog) .p-dialog-titlebar h2,
body .p-dialog:not(.p-confirmdialog) .p-dialog-titlebar h3 {
  margin: 0;
}
body .p-dialog:not(.p-confirmdialog) .p-dialog-titlebar .p-g-12 {
  padding-bottom: 0;
}
body .p-dialog:not(.p-confirmdialog) .p-dialog-footer {
  padding: 0px;
}
body .p-dialog:not(.p-confirmdialog) .p-dialog-footer .logo {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 40px;
  background: url("./media/logo-YF6OOVTV.png");
  background-repeat: no-repeat;
  background-size: 150px;
}
body .p-dialog:not(.p-confirmdialog) .p-dialog-footer .p-toolbar {
  background-color: #283593;
}
body .p-dialog:not(.p-confirmdialog) .p-dialog-footer .material-icons {
  color: #ffffff;
  font-size: 2.3em;
  margin-left: 0.5em;
}
body .p-dialog:not(.p-confirmdialog) .p-dialog-footer button {
  margin-left: 0em;
  margin-right: 0.1em;
}
body .p-dialog:not(.p-confirmdialog) .p-dialog-footer button:enabled:not(:focus):hover {
  background-color: #283593;
  color: #ffffff;
}
body .footer-text {
  padding-left: 0.625em;
  color: #a91b0d;
  padding-top: 5px;
  text-shadow: 0.5px 0.5px #bdbdbd;
  font-size: 1.25em;
}
body .p-confirmdialog.p-dialog .p-dialog-content {
  padding: 0 2em 2em 2em;
}
body .p-accordion .p-accordion-header {
  background-color: transparent;
  border: 1px solid #bdbdbd;
}
body .p-accordion .p-accordion-header > a {
  color: #212121;
}
body .p-accordion .p-accordion-header:not(.p-state-active):not(.p-state-disabled):hover {
  background-color: transparent;
}
body .p-accordion .p-accordion-header.p-state-active {
  background-color: transparent;
  border-bottom: none;
  color: #212121;
}
body .p-accordion .p-accordion-header.p-state-active > a {
  color: #212121;
}
body .p-accordion .p-accordion-header .fa-caret-down {
  color: #212121;
  position: absolute;
  left: 0.5em;
  top: 50%;
}
body .p-accordion .p-accordion-header .fa-caret-right {
  margin-top: -0.5em;
  font-size: 1.5em;
  position: absolute;
  left: 0.5em;
  top: 50%;
}
body .p-dropdown {
  border: 1px solid #bdbdbd;
  width: 100%;
}
body .p-dropdown .p-dropdown-trigger {
  background-color: #ffffff;
}
body .p-messages.p-messages-error {
  background-color: #00ced1;
  border-color: #00ced1;
}
body .p-growl > .p-growl-item-container.p-growl-message-error {
  background-color: #00ced1;
}
body .p-inputtext.ng-dirty.ng-invalid,
body p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
body p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext,
body p-calendar.ng-dirty.ng-invalid .p-inputtext,
body p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
body p-checkbox.ng-dirty.ng-invalid .p-chkbox-box,
body p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-box,
body p-inputswitch.ng-dirty.ng-invalid .p-inputswitch,
body p-listbox.ng-dirty.ng-invalid .p-inputtext,
body p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
body p-spinner.ng-dirty.ng-invalid .p-inputtext,
body p-selectbutton.ng-dirty.ng-invalid .p-button,
body p-togglebutton.ng-dirty.ng-invalid .p-button {
  border-color: #00ced1;
}
body app-ntap-dynamic-input .actions .p-button {
  font-size: calc(1.5em / 2.5);
  padding-top: 0.5em;
  margin-left: -1.25em;
  margin-right: 1.75em;
}
body app-ntap-dynamic-input .actions .p-button.dropdown-reset {
  background-color: #ffffff;
}
body app-ntap-dynamic-input .actions .p-button.dropdown-reset:enabled:not(:focus):hover {
  background-color: #9fa8da;
}
body app-ntap-dynamic-input .actions .p-button.dropdown-reset:focus {
  background-color: adjust(#9fa8da, 10%);
}
body app-ntap-dynamic-input .actions .p-button.dropdown-reset .fa {
  color: #000000;
}
body app-ntap-dynamic-input .p-fileupload .p-fileupload-content .p-messages-error {
  display: none !important;
}
body app-ntap-popup-view p-dialog .p-dialog-content.p-widget-content {
  position: static;
}
body app-ntap-popup-view p-dialog p-accordion .p-accordion.p-widget.p-helper-reset {
  overflow: auto;
  height: 55vh;
}
@media (min-width: 1025px) {
  body .p-dialog:not(.p-confirmdialog) {
    max-width: 80%;
    min-width: 80%;
    width: 80%;
  }
  body .p-datatable-data tr td.first {
    text-align: left;
    width: 40%;
  }
  body .p-datatable-data td.col-button {
    width: 1%;
    white-space: nowrap;
  }
  body .listViewFilter .p-widget-content form {
    position: relative;
  }
  body .listViewFilter .p-widget-content form .filterButtons {
    position: absolute;
    top: -0.5em;
    right: 0.5em;
  }
  body .p-picklist.p-picklist-responsive .p-picklist-list li.p-picklist-item {
    padding: 0.3em 1.6em;
    line-height: 1.2em;
  }
  body .p-dropdown-panel .p-dropdown-item {
    padding: 0.3em 1.6em;
    line-height: 1.2em;
  }
}
@media (max-width: 1024px) {
  .multidate-container .table-no-header {
    width: 100% !important;
  }
}
body .p-dropdown .p-dropdown-trigger {
  background-color: transparent !important;
}
.impaired .p-widget-header {
  background-color: #000 !important;
}
.impaired .p-dialog-titlebar {
  background-color: white !important;
  color: #000 !important;
}
.impaired .p-panel-content {
  background-color: #404040 !important;
}
.impaired .p-toolbar {
  background-color: #000 !important;
}
.impaired .layout-menu {
  background-color: #000 !important;
}
.impaired .p-button {
  background-color: #404040 !important;
  color: white !important;
}
.impaired .p-button .fa {
  color: white !important;
}
.impaired .p-button:hover {
  background-color: #666666 !important;
  color: white !important;
}
.impaired .active-menuitem-routerlink {
  color: white !important;
  font-weight: 900 !important;
}
.impaired .p-state-active {
  background-color: #d3d3d2 !important;
}
.impaired .active-menuitem > a {
  background-color: white !important;
  color: #000 !important;
}
.impaired a.active-menuitem-routerlink > i {
  color: #000 !important;
}
.impaired .p-state-highlight {
  background-color: #d3d3d2 !important;
}
.impaired p-dialog label span {
  color: #404040 !important;
}
.impaired li.p-state-active {
  border-color: #000 !important;
}
.impaired .footer-text-left,
.impaired .logo-footer,
.impaired .logo-footer-right,
.impaired .logo {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.impaired .layout-container .topbar .nias-service {
  color: #000 !important;
}
.impaired .footer-text {
  color: #000 !important;
}
.impaired p-footer .p-toolbar {
  background-color: rgba(102, 102, 102, 0.467) !important;
}
.impaired .login-container-nias-button {
  background-color: #000 !important;
}
.impaired a.active-menuitem-routerlink {
  background-color: white !important;
  color: #000 !important;
}
.impaired .p-dialog-title {
  color: black !important;
}
.pcColumnfilterClearButton {
  visibility: hidden !important;
}

/* src/styles.scss */
.p-dropdown-panel {
  background-color: white !important;
}
.p-dropdown-items-wrapper {
  max-height: 200px !important;
  overflow: auto;
}
.p-dropdown-item:hover {
  background-color: #e8e8e8 !important;
}
.p-dropdown-clear-icon:hover {
  background-color: #9fa8da;
}
.p-dropdown-label {
  color: black !important;
  background-color: white !important;
}
.p-datatable-column-filter-button {
  visibility: hidden !important;
}
.p-select-list-container {
  background: white;
  line-height: 1.2em;
  max-height: 200px !important;
  overflow: auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-select-list-container p-selectitem .p-select-option {
  padding: 0.3em 1.6em;
}
.p-select-list-container p-selectitem .p-select-option:hover {
  background-color: #e8e8e8 !important;
  transition: 0.3s;
}
.p-select-list-container p-selectitem .p-select-option-selected {
  background-color: #afeeee !important;
}
.p-slider .p-slider-handle {
  border: 2px solid #afeeee;
  background-color: #1e295d !important;
  cursor: grab !important;
  margin-left: -1em !important;
  background-color: #bdbdbd;
  color: black;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  transform: scale(0.7);
  transform-origin: center;
}
.p-slider .p-slider-handle.p-state-focus {
  transform: scale(1);
}
.p-slider .p-slider-handle:focus {
  outline: 0 none;
}
.p-slider .p-slider-handle[data-pc-section=starthandler] {
  z-index: 2;
}
.p-slider .p-slider-handle[data-pc-section=endhandler] {
  z-index: 1;
}
.p-slider .p-slider-handle-active {
  border: 2px solid #afeeee !important;
}
.p-slider.p-slider-horizontal {
  height: 2px !important;
  width: 174px;
  border: 0 none;
  background-color: #bdbdbd;
}
.p-slider.p-slider-horizontal .p-slider-handle {
  top: -0.85em;
}
.p-slider.p-slider-vertical {
  width: 2px;
  border: 0 none;
  background-color: #bdbdbd;
}
.p-slider.p-slider-vertical .p-slider-handle {
  left: -0.55em;
}
.p-slider .p-slider-range {
  background-color: #afeeee;
  color: black;
}
.p-slider:not(.p-state-disabled) .p-slider-handle:hover {
  transform: scale(1);
}
.p-datatable-inline-filter p-columnfilterformelement {
  width: 100% !important;
}
.p-panel .p-panel-header .p-panel-header-icon {
  display: none;
}
.p-checkbox {
  width: 20px !important;
  height: 20px !important;
}
.p-breadcrumb-item-icon {
  height: 21px !important;
  width: 21px !important;
}
.p-breadcrumb-list {
  padding: 0.625em 1em !important;
  background-color: #1e295d;
  font-size: 1em;
  font-weight: 400 !important;
  color: white;
}
.p-breadcrumb-list ul li a {
  color: #ffffff;
}
.p-datepicker-header {
  padding: 0.625em 1em !important;
  font-size: 1em !important;
  background: #283593 !important;
  border-color: #283593 !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  color: white !important;
}
.p-datepicker-day-view {
  background-color: white !important;
  color: black !important;
}
.p-datepicker-day-view thead tr th {
  padding: 0.7em 0.3em !important;
  text-align: center !important;
  font-weight: 700 !important;
  border: 0 !important;
}
.p-datepicker-day-view thead {
  color: #fff !important;
  background: #1e295d !important;
}
.p-datepicker-day-view tbody tr td {
  height: 31px !important;
  width: 31px !important;
  font-size: 14px;
}
.p-datepicker-day-view tbody tr td:hover {
  border-radius: 50% !important;
  background-color: #E8E8E8 !important;
}
.p-datepicker-day-view tbody tr .p-datepicker-other-month {
  color: #212121 !important;
  opacity: 0.4 !important;
}
.p-datepicker-day-view tbody tr .p-datepicker-today {
  border-radius: 50% !important;
  background-color: #283593 !important;
  color: white !important;
}
.p-datepicker-day-view tbody tr .p-datepicker-day-selected {
  border-radius: 50% !important;
  background-color: #afeeee !important;
}
.p-datepicker-year-view,
.p-datepicker-month-view {
  background-color: white !important;
  color: black !important;
}
.p-datepicker-panel {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
  border: 1px solid #bdbdbd !important;
}
.p-datepicker-time-picker {
  background-color: #1e295d !important;
  color: #fff !important;
  font-size: 1em !important;
  border: 1px solid #bdbdbd !important;
  padding: 0.5em 0 !important;
}
.p-datepicker-time-picker .p-datepicker-separator {
  padding: 0 12px;
}
p-toastitem {
  width: 100px !important;
  height: 100px !important;
}
.p-inputtext:disabled {
  opacity: 0.35 !important;
}
.confirmation-dialog.p-component.p-confirmdialog.p-dialog.ng-star-inserted {
  width: 425px !important;
}
.confirmation-dialog.p-component.p-confirmdialog.p-dialog.ng-star-inserted .p-dialog-header {
  padding: 0 !important;
}
.confirmation-dialog.p-component.p-confirmdialog.p-dialog.ng-star-inserted .p-confirmdialog.p-dialog .p-dialog-content {
  padding: 0 2em 2em 2em;
}
.confirmation-dialog.p-component.p-confirmdialog.p-dialog.ng-star-inserted .p-dialog-footer.ng-star-inserted {
  display: flex !important;
  flex-direction: row-reverse !important;
  float: right;
  border-top: none !important;
  padding: 13px;
  justify-content: end;
}
textarea {
  width: 75%;
  height: 150px;
  margin-left: 20px;
}

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons-RSSEDYLY.eot");
  src:
    url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-4GST5W3O.woff2") format("woff2"),
    url("./media/primeicons-P53SE5CV.woff") format("woff"),
    url("./media/primeicons-GEFHGEHP.ttf") format("truetype"),
    url("./media/primeicons-DHQU4SEP.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* node_modules/primeflex/primeflex.css */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}
.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}
.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}
.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}
.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}
.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}
.col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}
.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}
.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}
.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}
.col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}
.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}
.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}
.col-offset-1 {
  margin-left: 8.3333% !important;
}
.col-offset-2 {
  margin-left: 16.6667% !important;
}
.col-offset-3 {
  margin-left: 25% !important;
}
.col-offset-4 {
  margin-left: 33.3333% !important;
}
.col-offset-5 {
  margin-left: 41.6667% !important;
}
.col-offset-6 {
  margin-left: 50% !important;
}
.col-offset-7 {
  margin-left: 58.3333% !important;
}
.col-offset-8 {
  margin-left: 66.6667% !important;
}
.col-offset-9 {
  margin-left: 75% !important;
}
.col-offset-10 {
  margin-left: 83.3333% !important;
}
.col-offset-11 {
  margin-left: 91.6667% !important;
}
.col-offset-12 {
  margin-left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.text-0 {
  color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.text-50 {
  color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.text-100 {
  color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.text-200 {
  color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.text-300 {
  color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.text-400 {
  color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.text-500 {
  color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.text-600 {
  color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.text-700 {
  color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.text-800 {
  color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.text-900 {
  color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.focus\:text-0:focus {
  color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.hover\:text-0:hover {
  color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.active\:text-0:active {
  color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.focus\:text-50:focus {
  color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.hover\:text-50:hover {
  color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.active\:text-50:active {
  color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.focus\:text-100:focus {
  color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.hover\:text-100:hover {
  color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.active\:text-100:active {
  color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.focus\:text-200:focus {
  color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.hover\:text-200:hover {
  color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.active\:text-200:active {
  color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.focus\:text-300:focus {
  color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.hover\:text-300:hover {
  color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.active\:text-300:active {
  color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.focus\:text-400:focus {
  color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.hover\:text-400:hover {
  color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.active\:text-400:active {
  color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.focus\:text-500:focus {
  color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.hover\:text-500:hover {
  color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.active\:text-500:active {
  color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.focus\:text-600:focus {
  color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.hover\:text-600:hover {
  color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.active\:text-600:active {
  color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.focus\:text-700:focus {
  color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.hover\:text-700:hover {
  color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.active\:text-700:active {
  color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.focus\:text-800:focus {
  color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.hover\:text-800:hover {
  color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.active\:text-800:active {
  color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.focus\:text-900:focus {
  color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.hover\:text-900:hover {
  color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.active\:text-900:active {
  color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.surface-0 {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.surface-50 {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.surface-100 {
  background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.surface-200 {
  background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.surface-300 {
  background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.surface-400 {
  background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.surface-500 {
  background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.surface-600 {
  background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.surface-700 {
  background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.surface-800 {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.surface-900 {
  background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.focus\:surface-0:focus {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.hover\:surface-0:hover {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.active\:surface-0:active {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.focus\:surface-50:focus {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.hover\:surface-50:hover {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.active\:surface-50:active {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.focus\:surface-100:focus {
  background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.hover\:surface-100:hover {
  background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.active\:surface-100:active {
  background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.focus\:surface-200:focus {
  background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.hover\:surface-200:hover {
  background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.active\:surface-200:active {
  background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.focus\:surface-300:focus {
  background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.hover\:surface-300:hover {
  background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.active\:surface-300:active {
  background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.focus\:surface-400:focus {
  background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.hover\:surface-400:hover {
  background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.active\:surface-400:active {
  background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.focus\:surface-500:focus {
  background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.hover\:surface-500:hover {
  background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.active\:surface-500:active {
  background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.focus\:surface-600:focus {
  background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.hover\:surface-600:hover {
  background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.active\:surface-600:active {
  background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.focus\:surface-700:focus {
  background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.hover\:surface-700:hover {
  background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.active\:surface-700:active {
  background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.focus\:surface-800:focus {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.hover\:surface-800:hover {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.active\:surface-800:active {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.focus\:surface-900:focus {
  background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.hover\:surface-900:hover {
  background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.active\:surface-900:active {
  background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.border-0 {
  border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.border-50 {
  border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.border-100 {
  border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.border-200 {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.border-300 {
  border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.border-400 {
  border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.border-500 {
  border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.border-600 {
  border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.border-700 {
  border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.border-800 {
  border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.border-900 {
  border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.focus\:border-0:focus {
  border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.hover\:border-0:hover {
  border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.active\:border-0:active {
  border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.focus\:border-50:focus {
  border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.hover\:border-50:hover {
  border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.active\:border-50:active {
  border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}
.focus\:border-100:focus {
  border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.hover\:border-100:hover {
  border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.active\:border-100:active {
  border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}
.focus\:border-200:focus {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.hover\:border-200:hover {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.active\:border-200:active {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}
.focus\:border-300:focus {
  border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.hover\:border-300:hover {
  border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.active\:border-300:active {
  border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}
.focus\:border-400:focus {
  border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.hover\:border-400:hover {
  border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.active\:border-400:active {
  border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}
.focus\:border-500:focus {
  border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.hover\:border-500:hover {
  border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.active\:border-500:active {
  border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}
.focus\:border-600:focus {
  border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.hover\:border-600:hover {
  border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.active\:border-600:active {
  border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}
.focus\:border-700:focus {
  border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.hover\:border-700:hover {
  border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.active\:border-700:active {
  border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}
.focus\:border-800:focus {
  border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.hover\:border-800:hover {
  border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.active\:border-800:active {
  border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}
.focus\:border-900:focus {
  border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.hover\:border-900:hover {
  border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.active\:border-900:active {
  border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-transparent {
    background-color: transparent !important;
  }
}
.border-transparent {
  border-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-transparent {
    border-color: transparent !important;
  }
}
.text-blue-50 {
  color: var(--p-blue-50) !important;
}
.text-blue-100 {
  color: var(--p-blue-100) !important;
}
.text-blue-200 {
  color: var(--p-blue-200) !important;
}
.text-blue-300 {
  color: var(--p-blue-300) !important;
}
.text-blue-400 {
  color: var(--p-blue-400) !important;
}
.text-blue-500 {
  color: var(--p-blue-500) !important;
}
.text-blue-600 {
  color: var(--p-blue-600) !important;
}
.text-blue-700 {
  color: var(--p-blue-700) !important;
}
.text-blue-800 {
  color: var(--p-blue-800) !important;
}
.text-blue-900 {
  color: var(--p-blue-900) !important;
}
.focus\:text-blue-50:focus {
  color: var(--p-blue-50) !important;
}
.focus\:text-blue-100:focus {
  color: var(--p-blue-100) !important;
}
.focus\:text-blue-200:focus {
  color: var(--p-blue-200) !important;
}
.focus\:text-blue-300:focus {
  color: var(--p-blue-300) !important;
}
.focus\:text-blue-400:focus {
  color: var(--p-blue-400) !important;
}
.focus\:text-blue-500:focus {
  color: var(--p-blue-500) !important;
}
.focus\:text-blue-600:focus {
  color: var(--p-blue-600) !important;
}
.focus\:text-blue-700:focus {
  color: var(--p-blue-700) !important;
}
.focus\:text-blue-800:focus {
  color: var(--p-blue-800) !important;
}
.focus\:text-blue-900:focus {
  color: var(--p-blue-900) !important;
}
.hover\:text-blue-50:hover {
  color: var(--p-blue-50) !important;
}
.hover\:text-blue-100:hover {
  color: var(--p-blue-100) !important;
}
.hover\:text-blue-200:hover {
  color: var(--p-blue-200) !important;
}
.hover\:text-blue-300:hover {
  color: var(--p-blue-300) !important;
}
.hover\:text-blue-400:hover {
  color: var(--p-blue-400) !important;
}
.hover\:text-blue-500:hover {
  color: var(--p-blue-500) !important;
}
.hover\:text-blue-600:hover {
  color: var(--p-blue-600) !important;
}
.hover\:text-blue-700:hover {
  color: var(--p-blue-700) !important;
}
.hover\:text-blue-800:hover {
  color: var(--p-blue-800) !important;
}
.hover\:text-blue-900:hover {
  color: var(--p-blue-900) !important;
}
.active\:text-blue-50:active {
  color: var(--p-blue-50) !important;
}
.active\:text-blue-100:active {
  color: var(--p-blue-100) !important;
}
.active\:text-blue-200:active {
  color: var(--p-blue-200) !important;
}
.active\:text-blue-300:active {
  color: var(--p-blue-300) !important;
}
.active\:text-blue-400:active {
  color: var(--p-blue-400) !important;
}
.active\:text-blue-500:active {
  color: var(--p-blue-500) !important;
}
.active\:text-blue-600:active {
  color: var(--p-blue-600) !important;
}
.active\:text-blue-700:active {
  color: var(--p-blue-700) !important;
}
.active\:text-blue-800:active {
  color: var(--p-blue-800) !important;
}
.active\:text-blue-900:active {
  color: var(--p-blue-900) !important;
}
.text-green-50 {
  color: var(--p-green-50) !important;
}
.text-green-100 {
  color: var(--p-green-100) !important;
}
.text-green-200 {
  color: var(--p-green-200) !important;
}
.text-green-300 {
  color: var(--p-green-300) !important;
}
.text-green-400 {
  color: var(--p-green-400) !important;
}
.text-green-500 {
  color: var(--p-green-500) !important;
}
.text-green-600 {
  color: var(--p-green-600) !important;
}
.text-green-700 {
  color: var(--p-green-700) !important;
}
.text-green-800 {
  color: var(--p-green-800) !important;
}
.text-green-900 {
  color: var(--p-green-900) !important;
}
.focus\:text-green-50:focus {
  color: var(--p-green-50) !important;
}
.focus\:text-green-100:focus {
  color: var(--p-green-100) !important;
}
.focus\:text-green-200:focus {
  color: var(--p-green-200) !important;
}
.focus\:text-green-300:focus {
  color: var(--p-green-300) !important;
}
.focus\:text-green-400:focus {
  color: var(--p-green-400) !important;
}
.focus\:text-green-500:focus {
  color: var(--p-green-500) !important;
}
.focus\:text-green-600:focus {
  color: var(--p-green-600) !important;
}
.focus\:text-green-700:focus {
  color: var(--p-green-700) !important;
}
.focus\:text-green-800:focus {
  color: var(--p-green-800) !important;
}
.focus\:text-green-900:focus {
  color: var(--p-green-900) !important;
}
.hover\:text-green-50:hover {
  color: var(--p-green-50) !important;
}
.hover\:text-green-100:hover {
  color: var(--p-green-100) !important;
}
.hover\:text-green-200:hover {
  color: var(--p-green-200) !important;
}
.hover\:text-green-300:hover {
  color: var(--p-green-300) !important;
}
.hover\:text-green-400:hover {
  color: var(--p-green-400) !important;
}
.hover\:text-green-500:hover {
  color: var(--p-green-500) !important;
}
.hover\:text-green-600:hover {
  color: var(--p-green-600) !important;
}
.hover\:text-green-700:hover {
  color: var(--p-green-700) !important;
}
.hover\:text-green-800:hover {
  color: var(--p-green-800) !important;
}
.hover\:text-green-900:hover {
  color: var(--p-green-900) !important;
}
.active\:text-green-50:active {
  color: var(--p-green-50) !important;
}
.active\:text-green-100:active {
  color: var(--p-green-100) !important;
}
.active\:text-green-200:active {
  color: var(--p-green-200) !important;
}
.active\:text-green-300:active {
  color: var(--p-green-300) !important;
}
.active\:text-green-400:active {
  color: var(--p-green-400) !important;
}
.active\:text-green-500:active {
  color: var(--p-green-500) !important;
}
.active\:text-green-600:active {
  color: var(--p-green-600) !important;
}
.active\:text-green-700:active {
  color: var(--p-green-700) !important;
}
.active\:text-green-800:active {
  color: var(--p-green-800) !important;
}
.active\:text-green-900:active {
  color: var(--p-green-900) !important;
}
.text-yellow-50 {
  color: var(--p-yellow-50) !important;
}
.text-yellow-100 {
  color: var(--p-yellow-100) !important;
}
.text-yellow-200 {
  color: var(--p-yellow-200) !important;
}
.text-yellow-300 {
  color: var(--p-yellow-300) !important;
}
.text-yellow-400 {
  color: var(--p-yellow-400) !important;
}
.text-yellow-500 {
  color: var(--p-yellow-500) !important;
}
.text-yellow-600 {
  color: var(--p-yellow-600) !important;
}
.text-yellow-700 {
  color: var(--p-yellow-700) !important;
}
.text-yellow-800 {
  color: var(--p-yellow-800) !important;
}
.text-yellow-900 {
  color: var(--p-yellow-900) !important;
}
.focus\:text-yellow-50:focus {
  color: var(--p-yellow-50) !important;
}
.focus\:text-yellow-100:focus {
  color: var(--p-yellow-100) !important;
}
.focus\:text-yellow-200:focus {
  color: var(--p-yellow-200) !important;
}
.focus\:text-yellow-300:focus {
  color: var(--p-yellow-300) !important;
}
.focus\:text-yellow-400:focus {
  color: var(--p-yellow-400) !important;
}
.focus\:text-yellow-500:focus {
  color: var(--p-yellow-500) !important;
}
.focus\:text-yellow-600:focus {
  color: var(--p-yellow-600) !important;
}
.focus\:text-yellow-700:focus {
  color: var(--p-yellow-700) !important;
}
.focus\:text-yellow-800:focus {
  color: var(--p-yellow-800) !important;
}
.focus\:text-yellow-900:focus {
  color: var(--p-yellow-900) !important;
}
.hover\:text-yellow-50:hover {
  color: var(--p-yellow-50) !important;
}
.hover\:text-yellow-100:hover {
  color: var(--p-yellow-100) !important;
}
.hover\:text-yellow-200:hover {
  color: var(--p-yellow-200) !important;
}
.hover\:text-yellow-300:hover {
  color: var(--p-yellow-300) !important;
}
.hover\:text-yellow-400:hover {
  color: var(--p-yellow-400) !important;
}
.hover\:text-yellow-500:hover {
  color: var(--p-yellow-500) !important;
}
.hover\:text-yellow-600:hover {
  color: var(--p-yellow-600) !important;
}
.hover\:text-yellow-700:hover {
  color: var(--p-yellow-700) !important;
}
.hover\:text-yellow-800:hover {
  color: var(--p-yellow-800) !important;
}
.hover\:text-yellow-900:hover {
  color: var(--p-yellow-900) !important;
}
.active\:text-yellow-50:active {
  color: var(--p-yellow-50) !important;
}
.active\:text-yellow-100:active {
  color: var(--p-yellow-100) !important;
}
.active\:text-yellow-200:active {
  color: var(--p-yellow-200) !important;
}
.active\:text-yellow-300:active {
  color: var(--p-yellow-300) !important;
}
.active\:text-yellow-400:active {
  color: var(--p-yellow-400) !important;
}
.active\:text-yellow-500:active {
  color: var(--p-yellow-500) !important;
}
.active\:text-yellow-600:active {
  color: var(--p-yellow-600) !important;
}
.active\:text-yellow-700:active {
  color: var(--p-yellow-700) !important;
}
.active\:text-yellow-800:active {
  color: var(--p-yellow-800) !important;
}
.active\:text-yellow-900:active {
  color: var(--p-yellow-900) !important;
}
.text-cyan-50 {
  color: var(--p-cyan-50) !important;
}
.text-cyan-100 {
  color: var(--p-cyan-100) !important;
}
.text-cyan-200 {
  color: var(--p-cyan-200) !important;
}
.text-cyan-300 {
  color: var(--p-cyan-300) !important;
}
.text-cyan-400 {
  color: var(--p-cyan-400) !important;
}
.text-cyan-500 {
  color: var(--p-cyan-500) !important;
}
.text-cyan-600 {
  color: var(--p-cyan-600) !important;
}
.text-cyan-700 {
  color: var(--p-cyan-700) !important;
}
.text-cyan-800 {
  color: var(--p-cyan-800) !important;
}
.text-cyan-900 {
  color: var(--p-cyan-900) !important;
}
.focus\:text-cyan-50:focus {
  color: var(--p-cyan-50) !important;
}
.focus\:text-cyan-100:focus {
  color: var(--p-cyan-100) !important;
}
.focus\:text-cyan-200:focus {
  color: var(--p-cyan-200) !important;
}
.focus\:text-cyan-300:focus {
  color: var(--p-cyan-300) !important;
}
.focus\:text-cyan-400:focus {
  color: var(--p-cyan-400) !important;
}
.focus\:text-cyan-500:focus {
  color: var(--p-cyan-500) !important;
}
.focus\:text-cyan-600:focus {
  color: var(--p-cyan-600) !important;
}
.focus\:text-cyan-700:focus {
  color: var(--p-cyan-700) !important;
}
.focus\:text-cyan-800:focus {
  color: var(--p-cyan-800) !important;
}
.focus\:text-cyan-900:focus {
  color: var(--p-cyan-900) !important;
}
.hover\:text-cyan-50:hover {
  color: var(--p-cyan-50) !important;
}
.hover\:text-cyan-100:hover {
  color: var(--p-cyan-100) !important;
}
.hover\:text-cyan-200:hover {
  color: var(--p-cyan-200) !important;
}
.hover\:text-cyan-300:hover {
  color: var(--p-cyan-300) !important;
}
.hover\:text-cyan-400:hover {
  color: var(--p-cyan-400) !important;
}
.hover\:text-cyan-500:hover {
  color: var(--p-cyan-500) !important;
}
.hover\:text-cyan-600:hover {
  color: var(--p-cyan-600) !important;
}
.hover\:text-cyan-700:hover {
  color: var(--p-cyan-700) !important;
}
.hover\:text-cyan-800:hover {
  color: var(--p-cyan-800) !important;
}
.hover\:text-cyan-900:hover {
  color: var(--p-cyan-900) !important;
}
.active\:text-cyan-50:active {
  color: var(--p-cyan-50) !important;
}
.active\:text-cyan-100:active {
  color: var(--p-cyan-100) !important;
}
.active\:text-cyan-200:active {
  color: var(--p-cyan-200) !important;
}
.active\:text-cyan-300:active {
  color: var(--p-cyan-300) !important;
}
.active\:text-cyan-400:active {
  color: var(--p-cyan-400) !important;
}
.active\:text-cyan-500:active {
  color: var(--p-cyan-500) !important;
}
.active\:text-cyan-600:active {
  color: var(--p-cyan-600) !important;
}
.active\:text-cyan-700:active {
  color: var(--p-cyan-700) !important;
}
.active\:text-cyan-800:active {
  color: var(--p-cyan-800) !important;
}
.active\:text-cyan-900:active {
  color: var(--p-cyan-900) !important;
}
.text-pink-50 {
  color: var(--p-pink-50) !important;
}
.text-pink-100 {
  color: var(--p-pink-100) !important;
}
.text-pink-200 {
  color: var(--p-pink-200) !important;
}
.text-pink-300 {
  color: var(--p-pink-300) !important;
}
.text-pink-400 {
  color: var(--p-pink-400) !important;
}
.text-pink-500 {
  color: var(--p-pink-500) !important;
}
.text-pink-600 {
  color: var(--p-pink-600) !important;
}
.text-pink-700 {
  color: var(--p-pink-700) !important;
}
.text-pink-800 {
  color: var(--p-pink-800) !important;
}
.text-pink-900 {
  color: var(--p-pink-900) !important;
}
.focus\:text-pink-50:focus {
  color: var(--p-pink-50) !important;
}
.focus\:text-pink-100:focus {
  color: var(--p-pink-100) !important;
}
.focus\:text-pink-200:focus {
  color: var(--p-pink-200) !important;
}
.focus\:text-pink-300:focus {
  color: var(--p-pink-300) !important;
}
.focus\:text-pink-400:focus {
  color: var(--p-pink-400) !important;
}
.focus\:text-pink-500:focus {
  color: var(--p-pink-500) !important;
}
.focus\:text-pink-600:focus {
  color: var(--p-pink-600) !important;
}
.focus\:text-pink-700:focus {
  color: var(--p-pink-700) !important;
}
.focus\:text-pink-800:focus {
  color: var(--p-pink-800) !important;
}
.focus\:text-pink-900:focus {
  color: var(--p-pink-900) !important;
}
.hover\:text-pink-50:hover {
  color: var(--p-pink-50) !important;
}
.hover\:text-pink-100:hover {
  color: var(--p-pink-100) !important;
}
.hover\:text-pink-200:hover {
  color: var(--p-pink-200) !important;
}
.hover\:text-pink-300:hover {
  color: var(--p-pink-300) !important;
}
.hover\:text-pink-400:hover {
  color: var(--p-pink-400) !important;
}
.hover\:text-pink-500:hover {
  color: var(--p-pink-500) !important;
}
.hover\:text-pink-600:hover {
  color: var(--p-pink-600) !important;
}
.hover\:text-pink-700:hover {
  color: var(--p-pink-700) !important;
}
.hover\:text-pink-800:hover {
  color: var(--p-pink-800) !important;
}
.hover\:text-pink-900:hover {
  color: var(--p-pink-900) !important;
}
.active\:text-pink-50:active {
  color: var(--p-pink-50) !important;
}
.active\:text-pink-100:active {
  color: var(--p-pink-100) !important;
}
.active\:text-pink-200:active {
  color: var(--p-pink-200) !important;
}
.active\:text-pink-300:active {
  color: var(--p-pink-300) !important;
}
.active\:text-pink-400:active {
  color: var(--p-pink-400) !important;
}
.active\:text-pink-500:active {
  color: var(--p-pink-500) !important;
}
.active\:text-pink-600:active {
  color: var(--p-pink-600) !important;
}
.active\:text-pink-700:active {
  color: var(--p-pink-700) !important;
}
.active\:text-pink-800:active {
  color: var(--p-pink-800) !important;
}
.active\:text-pink-900:active {
  color: var(--p-pink-900) !important;
}
.text-indigo-50 {
  color: var(--p-indigo-50) !important;
}
.text-indigo-100 {
  color: var(--p-indigo-100) !important;
}
.text-indigo-200 {
  color: var(--p-indigo-200) !important;
}
.text-indigo-300 {
  color: var(--p-indigo-300) !important;
}
.text-indigo-400 {
  color: var(--p-indigo-400) !important;
}
.text-indigo-500 {
  color: var(--p-indigo-500) !important;
}
.text-indigo-600 {
  color: var(--p-indigo-600) !important;
}
.text-indigo-700 {
  color: var(--p-indigo-700) !important;
}
.text-indigo-800 {
  color: var(--p-indigo-800) !important;
}
.text-indigo-900 {
  color: var(--p-indigo-900) !important;
}
.focus\:text-indigo-50:focus {
  color: var(--p-indigo-50) !important;
}
.focus\:text-indigo-100:focus {
  color: var(--p-indigo-100) !important;
}
.focus\:text-indigo-200:focus {
  color: var(--p-indigo-200) !important;
}
.focus\:text-indigo-300:focus {
  color: var(--p-indigo-300) !important;
}
.focus\:text-indigo-400:focus {
  color: var(--p-indigo-400) !important;
}
.focus\:text-indigo-500:focus {
  color: var(--p-indigo-500) !important;
}
.focus\:text-indigo-600:focus {
  color: var(--p-indigo-600) !important;
}
.focus\:text-indigo-700:focus {
  color: var(--p-indigo-700) !important;
}
.focus\:text-indigo-800:focus {
  color: var(--p-indigo-800) !important;
}
.focus\:text-indigo-900:focus {
  color: var(--p-indigo-900) !important;
}
.hover\:text-indigo-50:hover {
  color: var(--p-indigo-50) !important;
}
.hover\:text-indigo-100:hover {
  color: var(--p-indigo-100) !important;
}
.hover\:text-indigo-200:hover {
  color: var(--p-indigo-200) !important;
}
.hover\:text-indigo-300:hover {
  color: var(--p-indigo-300) !important;
}
.hover\:text-indigo-400:hover {
  color: var(--p-indigo-400) !important;
}
.hover\:text-indigo-500:hover {
  color: var(--p-indigo-500) !important;
}
.hover\:text-indigo-600:hover {
  color: var(--p-indigo-600) !important;
}
.hover\:text-indigo-700:hover {
  color: var(--p-indigo-700) !important;
}
.hover\:text-indigo-800:hover {
  color: var(--p-indigo-800) !important;
}
.hover\:text-indigo-900:hover {
  color: var(--p-indigo-900) !important;
}
.active\:text-indigo-50:active {
  color: var(--p-indigo-50) !important;
}
.active\:text-indigo-100:active {
  color: var(--p-indigo-100) !important;
}
.active\:text-indigo-200:active {
  color: var(--p-indigo-200) !important;
}
.active\:text-indigo-300:active {
  color: var(--p-indigo-300) !important;
}
.active\:text-indigo-400:active {
  color: var(--p-indigo-400) !important;
}
.active\:text-indigo-500:active {
  color: var(--p-indigo-500) !important;
}
.active\:text-indigo-600:active {
  color: var(--p-indigo-600) !important;
}
.active\:text-indigo-700:active {
  color: var(--p-indigo-700) !important;
}
.active\:text-indigo-800:active {
  color: var(--p-indigo-800) !important;
}
.active\:text-indigo-900:active {
  color: var(--p-indigo-900) !important;
}
.text-teal-50 {
  color: var(--p-teal-50) !important;
}
.text-teal-100 {
  color: var(--p-teal-100) !important;
}
.text-teal-200 {
  color: var(--p-teal-200) !important;
}
.text-teal-300 {
  color: var(--p-teal-300) !important;
}
.text-teal-400 {
  color: var(--p-teal-400) !important;
}
.text-teal-500 {
  color: var(--p-teal-500) !important;
}
.text-teal-600 {
  color: var(--p-teal-600) !important;
}
.text-teal-700 {
  color: var(--p-teal-700) !important;
}
.text-teal-800 {
  color: var(--p-teal-800) !important;
}
.text-teal-900 {
  color: var(--p-teal-900) !important;
}
.focus\:text-teal-50:focus {
  color: var(--p-teal-50) !important;
}
.focus\:text-teal-100:focus {
  color: var(--p-teal-100) !important;
}
.focus\:text-teal-200:focus {
  color: var(--p-teal-200) !important;
}
.focus\:text-teal-300:focus {
  color: var(--p-teal-300) !important;
}
.focus\:text-teal-400:focus {
  color: var(--p-teal-400) !important;
}
.focus\:text-teal-500:focus {
  color: var(--p-teal-500) !important;
}
.focus\:text-teal-600:focus {
  color: var(--p-teal-600) !important;
}
.focus\:text-teal-700:focus {
  color: var(--p-teal-700) !important;
}
.focus\:text-teal-800:focus {
  color: var(--p-teal-800) !important;
}
.focus\:text-teal-900:focus {
  color: var(--p-teal-900) !important;
}
.hover\:text-teal-50:hover {
  color: var(--p-teal-50) !important;
}
.hover\:text-teal-100:hover {
  color: var(--p-teal-100) !important;
}
.hover\:text-teal-200:hover {
  color: var(--p-teal-200) !important;
}
.hover\:text-teal-300:hover {
  color: var(--p-teal-300) !important;
}
.hover\:text-teal-400:hover {
  color: var(--p-teal-400) !important;
}
.hover\:text-teal-500:hover {
  color: var(--p-teal-500) !important;
}
.hover\:text-teal-600:hover {
  color: var(--p-teal-600) !important;
}
.hover\:text-teal-700:hover {
  color: var(--p-teal-700) !important;
}
.hover\:text-teal-800:hover {
  color: var(--p-teal-800) !important;
}
.hover\:text-teal-900:hover {
  color: var(--p-teal-900) !important;
}
.active\:text-teal-50:active {
  color: var(--p-teal-50) !important;
}
.active\:text-teal-100:active {
  color: var(--p-teal-100) !important;
}
.active\:text-teal-200:active {
  color: var(--p-teal-200) !important;
}
.active\:text-teal-300:active {
  color: var(--p-teal-300) !important;
}
.active\:text-teal-400:active {
  color: var(--p-teal-400) !important;
}
.active\:text-teal-500:active {
  color: var(--p-teal-500) !important;
}
.active\:text-teal-600:active {
  color: var(--p-teal-600) !important;
}
.active\:text-teal-700:active {
  color: var(--p-teal-700) !important;
}
.active\:text-teal-800:active {
  color: var(--p-teal-800) !important;
}
.active\:text-teal-900:active {
  color: var(--p-teal-900) !important;
}
.text-orange-50 {
  color: var(--p-orange-50) !important;
}
.text-orange-100 {
  color: var(--p-orange-100) !important;
}
.text-orange-200 {
  color: var(--p-orange-200) !important;
}
.text-orange-300 {
  color: var(--p-orange-300) !important;
}
.text-orange-400 {
  color: var(--p-orange-400) !important;
}
.text-orange-500 {
  color: var(--p-orange-500) !important;
}
.text-orange-600 {
  color: var(--p-orange-600) !important;
}
.text-orange-700 {
  color: var(--p-orange-700) !important;
}
.text-orange-800 {
  color: var(--p-orange-800) !important;
}
.text-orange-900 {
  color: var(--p-orange-900) !important;
}
.focus\:text-orange-50:focus {
  color: var(--p-orange-50) !important;
}
.focus\:text-orange-100:focus {
  color: var(--p-orange-100) !important;
}
.focus\:text-orange-200:focus {
  color: var(--p-orange-200) !important;
}
.focus\:text-orange-300:focus {
  color: var(--p-orange-300) !important;
}
.focus\:text-orange-400:focus {
  color: var(--p-orange-400) !important;
}
.focus\:text-orange-500:focus {
  color: var(--p-orange-500) !important;
}
.focus\:text-orange-600:focus {
  color: var(--p-orange-600) !important;
}
.focus\:text-orange-700:focus {
  color: var(--p-orange-700) !important;
}
.focus\:text-orange-800:focus {
  color: var(--p-orange-800) !important;
}
.focus\:text-orange-900:focus {
  color: var(--p-orange-900) !important;
}
.hover\:text-orange-50:hover {
  color: var(--p-orange-50) !important;
}
.hover\:text-orange-100:hover {
  color: var(--p-orange-100) !important;
}
.hover\:text-orange-200:hover {
  color: var(--p-orange-200) !important;
}
.hover\:text-orange-300:hover {
  color: var(--p-orange-300) !important;
}
.hover\:text-orange-400:hover {
  color: var(--p-orange-400) !important;
}
.hover\:text-orange-500:hover {
  color: var(--p-orange-500) !important;
}
.hover\:text-orange-600:hover {
  color: var(--p-orange-600) !important;
}
.hover\:text-orange-700:hover {
  color: var(--p-orange-700) !important;
}
.hover\:text-orange-800:hover {
  color: var(--p-orange-800) !important;
}
.hover\:text-orange-900:hover {
  color: var(--p-orange-900) !important;
}
.active\:text-orange-50:active {
  color: var(--p-orange-50) !important;
}
.active\:text-orange-100:active {
  color: var(--p-orange-100) !important;
}
.active\:text-orange-200:active {
  color: var(--p-orange-200) !important;
}
.active\:text-orange-300:active {
  color: var(--p-orange-300) !important;
}
.active\:text-orange-400:active {
  color: var(--p-orange-400) !important;
}
.active\:text-orange-500:active {
  color: var(--p-orange-500) !important;
}
.active\:text-orange-600:active {
  color: var(--p-orange-600) !important;
}
.active\:text-orange-700:active {
  color: var(--p-orange-700) !important;
}
.active\:text-orange-800:active {
  color: var(--p-orange-800) !important;
}
.active\:text-orange-900:active {
  color: var(--p-orange-900) !important;
}
.text-bluegray-50 {
  color: var(--p-bluegray-50) !important;
}
.text-bluegray-100 {
  color: var(--p-bluegray-100) !important;
}
.text-bluegray-200 {
  color: var(--p-bluegray-200) !important;
}
.text-bluegray-300 {
  color: var(--p-bluegray-300) !important;
}
.text-bluegray-400 {
  color: var(--p-bluegray-400) !important;
}
.text-bluegray-500 {
  color: var(--p-bluegray-500) !important;
}
.text-bluegray-600 {
  color: var(--p-bluegray-600) !important;
}
.text-bluegray-700 {
  color: var(--p-bluegray-700) !important;
}
.text-bluegray-800 {
  color: var(--p-bluegray-800) !important;
}
.text-bluegray-900 {
  color: var(--p-bluegray-900) !important;
}
.focus\:text-bluegray-50:focus {
  color: var(--p-bluegray-50) !important;
}
.focus\:text-bluegray-100:focus {
  color: var(--p-bluegray-100) !important;
}
.focus\:text-bluegray-200:focus {
  color: var(--p-bluegray-200) !important;
}
.focus\:text-bluegray-300:focus {
  color: var(--p-bluegray-300) !important;
}
.focus\:text-bluegray-400:focus {
  color: var(--p-bluegray-400) !important;
}
.focus\:text-bluegray-500:focus {
  color: var(--p-bluegray-500) !important;
}
.focus\:text-bluegray-600:focus {
  color: var(--p-bluegray-600) !important;
}
.focus\:text-bluegray-700:focus {
  color: var(--p-bluegray-700) !important;
}
.focus\:text-bluegray-800:focus {
  color: var(--p-bluegray-800) !important;
}
.focus\:text-bluegray-900:focus {
  color: var(--p-bluegray-900) !important;
}
.hover\:text-bluegray-50:hover {
  color: var(--p-bluegray-50) !important;
}
.hover\:text-bluegray-100:hover {
  color: var(--p-bluegray-100) !important;
}
.hover\:text-bluegray-200:hover {
  color: var(--p-bluegray-200) !important;
}
.hover\:text-bluegray-300:hover {
  color: var(--p-bluegray-300) !important;
}
.hover\:text-bluegray-400:hover {
  color: var(--p-bluegray-400) !important;
}
.hover\:text-bluegray-500:hover {
  color: var(--p-bluegray-500) !important;
}
.hover\:text-bluegray-600:hover {
  color: var(--p-bluegray-600) !important;
}
.hover\:text-bluegray-700:hover {
  color: var(--p-bluegray-700) !important;
}
.hover\:text-bluegray-800:hover {
  color: var(--p-bluegray-800) !important;
}
.hover\:text-bluegray-900:hover {
  color: var(--p-bluegray-900) !important;
}
.active\:text-bluegray-50:active {
  color: var(--p-bluegray-50) !important;
}
.active\:text-bluegray-100:active {
  color: var(--p-bluegray-100) !important;
}
.active\:text-bluegray-200:active {
  color: var(--p-bluegray-200) !important;
}
.active\:text-bluegray-300:active {
  color: var(--p-bluegray-300) !important;
}
.active\:text-bluegray-400:active {
  color: var(--p-bluegray-400) !important;
}
.active\:text-bluegray-500:active {
  color: var(--p-bluegray-500) !important;
}
.active\:text-bluegray-600:active {
  color: var(--p-bluegray-600) !important;
}
.active\:text-bluegray-700:active {
  color: var(--p-bluegray-700) !important;
}
.active\:text-bluegray-800:active {
  color: var(--p-bluegray-800) !important;
}
.active\:text-bluegray-900:active {
  color: var(--p-bluegray-900) !important;
}
.text-purple-50 {
  color: var(--p-purple-50) !important;
}
.text-purple-100 {
  color: var(--p-purple-100) !important;
}
.text-purple-200 {
  color: var(--p-purple-200) !important;
}
.text-purple-300 {
  color: var(--p-purple-300) !important;
}
.text-purple-400 {
  color: var(--p-purple-400) !important;
}
.text-purple-500 {
  color: var(--p-purple-500) !important;
}
.text-purple-600 {
  color: var(--p-purple-600) !important;
}
.text-purple-700 {
  color: var(--p-purple-700) !important;
}
.text-purple-800 {
  color: var(--p-purple-800) !important;
}
.text-purple-900 {
  color: var(--p-purple-900) !important;
}
.focus\:text-purple-50:focus {
  color: var(--p-purple-50) !important;
}
.focus\:text-purple-100:focus {
  color: var(--p-purple-100) !important;
}
.focus\:text-purple-200:focus {
  color: var(--p-purple-200) !important;
}
.focus\:text-purple-300:focus {
  color: var(--p-purple-300) !important;
}
.focus\:text-purple-400:focus {
  color: var(--p-purple-400) !important;
}
.focus\:text-purple-500:focus {
  color: var(--p-purple-500) !important;
}
.focus\:text-purple-600:focus {
  color: var(--p-purple-600) !important;
}
.focus\:text-purple-700:focus {
  color: var(--p-purple-700) !important;
}
.focus\:text-purple-800:focus {
  color: var(--p-purple-800) !important;
}
.focus\:text-purple-900:focus {
  color: var(--p-purple-900) !important;
}
.hover\:text-purple-50:hover {
  color: var(--p-purple-50) !important;
}
.hover\:text-purple-100:hover {
  color: var(--p-purple-100) !important;
}
.hover\:text-purple-200:hover {
  color: var(--p-purple-200) !important;
}
.hover\:text-purple-300:hover {
  color: var(--p-purple-300) !important;
}
.hover\:text-purple-400:hover {
  color: var(--p-purple-400) !important;
}
.hover\:text-purple-500:hover {
  color: var(--p-purple-500) !important;
}
.hover\:text-purple-600:hover {
  color: var(--p-purple-600) !important;
}
.hover\:text-purple-700:hover {
  color: var(--p-purple-700) !important;
}
.hover\:text-purple-800:hover {
  color: var(--p-purple-800) !important;
}
.hover\:text-purple-900:hover {
  color: var(--p-purple-900) !important;
}
.active\:text-purple-50:active {
  color: var(--p-purple-50) !important;
}
.active\:text-purple-100:active {
  color: var(--p-purple-100) !important;
}
.active\:text-purple-200:active {
  color: var(--p-purple-200) !important;
}
.active\:text-purple-300:active {
  color: var(--p-purple-300) !important;
}
.active\:text-purple-400:active {
  color: var(--p-purple-400) !important;
}
.active\:text-purple-500:active {
  color: var(--p-purple-500) !important;
}
.active\:text-purple-600:active {
  color: var(--p-purple-600) !important;
}
.active\:text-purple-700:active {
  color: var(--p-purple-700) !important;
}
.active\:text-purple-800:active {
  color: var(--p-purple-800) !important;
}
.active\:text-purple-900:active {
  color: var(--p-purple-900) !important;
}
.text-gray-50 {
  color: var(--p-gray-50) !important;
}
.text-gray-100 {
  color: var(--p-gray-100) !important;
}
.text-gray-200 {
  color: var(--p-gray-200) !important;
}
.text-gray-300 {
  color: var(--p-gray-300) !important;
}
.text-gray-400 {
  color: var(--p-gray-400) !important;
}
.text-gray-500 {
  color: var(--p-gray-500) !important;
}
.text-gray-600 {
  color: var(--p-gray-600) !important;
}
.text-gray-700 {
  color: var(--p-gray-700) !important;
}
.text-gray-800 {
  color: var(--p-gray-800) !important;
}
.text-gray-900 {
  color: var(--p-gray-900) !important;
}
.focus\:text-gray-50:focus {
  color: var(--p-gray-50) !important;
}
.focus\:text-gray-100:focus {
  color: var(--p-gray-100) !important;
}
.focus\:text-gray-200:focus {
  color: var(--p-gray-200) !important;
}
.focus\:text-gray-300:focus {
  color: var(--p-gray-300) !important;
}
.focus\:text-gray-400:focus {
  color: var(--p-gray-400) !important;
}
.focus\:text-gray-500:focus {
  color: var(--p-gray-500) !important;
}
.focus\:text-gray-600:focus {
  color: var(--p-gray-600) !important;
}
.focus\:text-gray-700:focus {
  color: var(--p-gray-700) !important;
}
.focus\:text-gray-800:focus {
  color: var(--p-gray-800) !important;
}
.focus\:text-gray-900:focus {
  color: var(--p-gray-900) !important;
}
.hover\:text-gray-50:hover {
  color: var(--p-gray-50) !important;
}
.hover\:text-gray-100:hover {
  color: var(--p-gray-100) !important;
}
.hover\:text-gray-200:hover {
  color: var(--p-gray-200) !important;
}
.hover\:text-gray-300:hover {
  color: var(--p-gray-300) !important;
}
.hover\:text-gray-400:hover {
  color: var(--p-gray-400) !important;
}
.hover\:text-gray-500:hover {
  color: var(--p-gray-500) !important;
}
.hover\:text-gray-600:hover {
  color: var(--p-gray-600) !important;
}
.hover\:text-gray-700:hover {
  color: var(--p-gray-700) !important;
}
.hover\:text-gray-800:hover {
  color: var(--p-gray-800) !important;
}
.hover\:text-gray-900:hover {
  color: var(--p-gray-900) !important;
}
.active\:text-gray-50:active {
  color: var(--p-gray-50) !important;
}
.active\:text-gray-100:active {
  color: var(--p-gray-100) !important;
}
.active\:text-gray-200:active {
  color: var(--p-gray-200) !important;
}
.active\:text-gray-300:active {
  color: var(--p-gray-300) !important;
}
.active\:text-gray-400:active {
  color: var(--p-gray-400) !important;
}
.active\:text-gray-500:active {
  color: var(--p-gray-500) !important;
}
.active\:text-gray-600:active {
  color: var(--p-gray-600) !important;
}
.active\:text-gray-700:active {
  color: var(--p-gray-700) !important;
}
.active\:text-gray-800:active {
  color: var(--p-gray-800) !important;
}
.active\:text-gray-900:active {
  color: var(--p-gray-900) !important;
}
.text-red-50 {
  color: var(--p-red-50) !important;
}
.text-red-100 {
  color: var(--p-red-100) !important;
}
.text-red-200 {
  color: var(--p-red-200) !important;
}
.text-red-300 {
  color: var(--p-red-300) !important;
}
.text-red-400 {
  color: var(--p-red-400) !important;
}
.text-red-500 {
  color: var(--p-red-500) !important;
}
.text-red-600 {
  color: var(--p-red-600) !important;
}
.text-red-700 {
  color: var(--p-red-700) !important;
}
.text-red-800 {
  color: var(--p-red-800) !important;
}
.text-red-900 {
  color: var(--p-red-900) !important;
}
.focus\:text-red-50:focus {
  color: var(--p-red-50) !important;
}
.focus\:text-red-100:focus {
  color: var(--p-red-100) !important;
}
.focus\:text-red-200:focus {
  color: var(--p-red-200) !important;
}
.focus\:text-red-300:focus {
  color: var(--p-red-300) !important;
}
.focus\:text-red-400:focus {
  color: var(--p-red-400) !important;
}
.focus\:text-red-500:focus {
  color: var(--p-red-500) !important;
}
.focus\:text-red-600:focus {
  color: var(--p-red-600) !important;
}
.focus\:text-red-700:focus {
  color: var(--p-red-700) !important;
}
.focus\:text-red-800:focus {
  color: var(--p-red-800) !important;
}
.focus\:text-red-900:focus {
  color: var(--p-red-900) !important;
}
.hover\:text-red-50:hover {
  color: var(--p-red-50) !important;
}
.hover\:text-red-100:hover {
  color: var(--p-red-100) !important;
}
.hover\:text-red-200:hover {
  color: var(--p-red-200) !important;
}
.hover\:text-red-300:hover {
  color: var(--p-red-300) !important;
}
.hover\:text-red-400:hover {
  color: var(--p-red-400) !important;
}
.hover\:text-red-500:hover {
  color: var(--p-red-500) !important;
}
.hover\:text-red-600:hover {
  color: var(--p-red-600) !important;
}
.hover\:text-red-700:hover {
  color: var(--p-red-700) !important;
}
.hover\:text-red-800:hover {
  color: var(--p-red-800) !important;
}
.hover\:text-red-900:hover {
  color: var(--p-red-900) !important;
}
.active\:text-red-50:active {
  color: var(--p-red-50) !important;
}
.active\:text-red-100:active {
  color: var(--p-red-100) !important;
}
.active\:text-red-200:active {
  color: var(--p-red-200) !important;
}
.active\:text-red-300:active {
  color: var(--p-red-300) !important;
}
.active\:text-red-400:active {
  color: var(--p-red-400) !important;
}
.active\:text-red-500:active {
  color: var(--p-red-500) !important;
}
.active\:text-red-600:active {
  color: var(--p-red-600) !important;
}
.active\:text-red-700:active {
  color: var(--p-red-700) !important;
}
.active\:text-red-800:active {
  color: var(--p-red-800) !important;
}
.active\:text-red-900:active {
  color: var(--p-red-900) !important;
}
.text-primary-50 {
  color: var(--p-primary-50) !important;
}
.text-primary-100 {
  color: var(--p-primary-100) !important;
}
.text-primary-200 {
  color: var(--p-primary-200) !important;
}
.text-primary-300 {
  color: var(--p-primary-300) !important;
}
.text-primary-400 {
  color: var(--p-primary-400) !important;
}
.text-primary-500 {
  color: var(--p-primary-500) !important;
}
.text-primary-600 {
  color: var(--p-primary-600) !important;
}
.text-primary-700 {
  color: var(--p-primary-700) !important;
}
.text-primary-800 {
  color: var(--p-primary-800) !important;
}
.text-primary-900 {
  color: var(--p-primary-900) !important;
}
.focus\:text-primary-50:focus {
  color: var(--p-primary-50) !important;
}
.focus\:text-primary-100:focus {
  color: var(--p-primary-100) !important;
}
.focus\:text-primary-200:focus {
  color: var(--p-primary-200) !important;
}
.focus\:text-primary-300:focus {
  color: var(--p-primary-300) !important;
}
.focus\:text-primary-400:focus {
  color: var(--p-primary-400) !important;
}
.focus\:text-primary-500:focus {
  color: var(--p-primary-500) !important;
}
.focus\:text-primary-600:focus {
  color: var(--p-primary-600) !important;
}
.focus\:text-primary-700:focus {
  color: var(--p-primary-700) !important;
}
.focus\:text-primary-800:focus {
  color: var(--p-primary-800) !important;
}
.focus\:text-primary-900:focus {
  color: var(--p-primary-900) !important;
}
.hover\:text-primary-50:hover {
  color: var(--p-primary-50) !important;
}
.hover\:text-primary-100:hover {
  color: var(--p-primary-100) !important;
}
.hover\:text-primary-200:hover {
  color: var(--p-primary-200) !important;
}
.hover\:text-primary-300:hover {
  color: var(--p-primary-300) !important;
}
.hover\:text-primary-400:hover {
  color: var(--p-primary-400) !important;
}
.hover\:text-primary-500:hover {
  color: var(--p-primary-500) !important;
}
.hover\:text-primary-600:hover {
  color: var(--p-primary-600) !important;
}
.hover\:text-primary-700:hover {
  color: var(--p-primary-700) !important;
}
.hover\:text-primary-800:hover {
  color: var(--p-primary-800) !important;
}
.hover\:text-primary-900:hover {
  color: var(--p-primary-900) !important;
}
.active\:text-primary-50:active {
  color: var(--p-primary-50) !important;
}
.active\:text-primary-100:active {
  color: var(--p-primary-100) !important;
}
.active\:text-primary-200:active {
  color: var(--p-primary-200) !important;
}
.active\:text-primary-300:active {
  color: var(--p-primary-300) !important;
}
.active\:text-primary-400:active {
  color: var(--p-primary-400) !important;
}
.active\:text-primary-500:active {
  color: var(--p-primary-500) !important;
}
.active\:text-primary-600:active {
  color: var(--p-primary-600) !important;
}
.active\:text-primary-700:active {
  color: var(--p-primary-700) !important;
}
.active\:text-primary-800:active {
  color: var(--p-primary-800) !important;
}
.active\:text-primary-900:active {
  color: var(--p-primary-900) !important;
}
.bg-blue-50 {
  background-color: var(--p-blue-50) !important;
}
.bg-blue-100 {
  background-color: var(--p-blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--p-blue-200) !important;
}
.bg-blue-300 {
  background-color: var(--p-blue-300) !important;
}
.bg-blue-400 {
  background-color: var(--p-blue-400) !important;
}
.bg-blue-500 {
  background-color: var(--p-blue-500) !important;
}
.bg-blue-600 {
  background-color: var(--p-blue-600) !important;
}
.bg-blue-700 {
  background-color: var(--p-blue-700) !important;
}
.bg-blue-800 {
  background-color: var(--p-blue-800) !important;
}
.bg-blue-900 {
  background-color: var(--p-blue-900) !important;
}
.focus\:bg-blue-50:focus {
  background-color: var(--p-blue-50) !important;
}
.focus\:bg-blue-100:focus {
  background-color: var(--p-blue-100) !important;
}
.focus\:bg-blue-200:focus {
  background-color: var(--p-blue-200) !important;
}
.focus\:bg-blue-300:focus {
  background-color: var(--p-blue-300) !important;
}
.focus\:bg-blue-400:focus {
  background-color: var(--p-blue-400) !important;
}
.focus\:bg-blue-500:focus {
  background-color: var(--p-blue-500) !important;
}
.focus\:bg-blue-600:focus {
  background-color: var(--p-blue-600) !important;
}
.focus\:bg-blue-700:focus {
  background-color: var(--p-blue-700) !important;
}
.focus\:bg-blue-800:focus {
  background-color: var(--p-blue-800) !important;
}
.focus\:bg-blue-900:focus {
  background-color: var(--p-blue-900) !important;
}
.hover\:bg-blue-50:hover {
  background-color: var(--p-blue-50) !important;
}
.hover\:bg-blue-100:hover {
  background-color: var(--p-blue-100) !important;
}
.hover\:bg-blue-200:hover {
  background-color: var(--p-blue-200) !important;
}
.hover\:bg-blue-300:hover {
  background-color: var(--p-blue-300) !important;
}
.hover\:bg-blue-400:hover {
  background-color: var(--p-blue-400) !important;
}
.hover\:bg-blue-500:hover {
  background-color: var(--p-blue-500) !important;
}
.hover\:bg-blue-600:hover {
  background-color: var(--p-blue-600) !important;
}
.hover\:bg-blue-700:hover {
  background-color: var(--p-blue-700) !important;
}
.hover\:bg-blue-800:hover {
  background-color: var(--p-blue-800) !important;
}
.hover\:bg-blue-900:hover {
  background-color: var(--p-blue-900) !important;
}
.active\:bg-blue-50:active {
  background-color: var(--p-blue-50) !important;
}
.active\:bg-blue-100:active {
  background-color: var(--p-blue-100) !important;
}
.active\:bg-blue-200:active {
  background-color: var(--p-blue-200) !important;
}
.active\:bg-blue-300:active {
  background-color: var(--p-blue-300) !important;
}
.active\:bg-blue-400:active {
  background-color: var(--p-blue-400) !important;
}
.active\:bg-blue-500:active {
  background-color: var(--p-blue-500) !important;
}
.active\:bg-blue-600:active {
  background-color: var(--p-blue-600) !important;
}
.active\:bg-blue-700:active {
  background-color: var(--p-blue-700) !important;
}
.active\:bg-blue-800:active {
  background-color: var(--p-blue-800) !important;
}
.active\:bg-blue-900:active {
  background-color: var(--p-blue-900) !important;
}
.bg-green-50 {
  background-color: var(--p-green-50) !important;
}
.bg-green-100 {
  background-color: var(--p-green-100) !important;
}
.bg-green-200 {
  background-color: var(--p-green-200) !important;
}
.bg-green-300 {
  background-color: var(--p-green-300) !important;
}
.bg-green-400 {
  background-color: var(--p-green-400) !important;
}
.bg-green-500 {
  background-color: var(--p-green-500) !important;
}
.bg-green-600 {
  background-color: var(--p-green-600) !important;
}
.bg-green-700 {
  background-color: var(--p-green-700) !important;
}
.bg-green-800 {
  background-color: var(--p-green-800) !important;
}
.bg-green-900 {
  background-color: var(--p-green-900) !important;
}
.focus\:bg-green-50:focus {
  background-color: var(--p-green-50) !important;
}
.focus\:bg-green-100:focus {
  background-color: var(--p-green-100) !important;
}
.focus\:bg-green-200:focus {
  background-color: var(--p-green-200) !important;
}
.focus\:bg-green-300:focus {
  background-color: var(--p-green-300) !important;
}
.focus\:bg-green-400:focus {
  background-color: var(--p-green-400) !important;
}
.focus\:bg-green-500:focus {
  background-color: var(--p-green-500) !important;
}
.focus\:bg-green-600:focus {
  background-color: var(--p-green-600) !important;
}
.focus\:bg-green-700:focus {
  background-color: var(--p-green-700) !important;
}
.focus\:bg-green-800:focus {
  background-color: var(--p-green-800) !important;
}
.focus\:bg-green-900:focus {
  background-color: var(--p-green-900) !important;
}
.hover\:bg-green-50:hover {
  background-color: var(--p-green-50) !important;
}
.hover\:bg-green-100:hover {
  background-color: var(--p-green-100) !important;
}
.hover\:bg-green-200:hover {
  background-color: var(--p-green-200) !important;
}
.hover\:bg-green-300:hover {
  background-color: var(--p-green-300) !important;
}
.hover\:bg-green-400:hover {
  background-color: var(--p-green-400) !important;
}
.hover\:bg-green-500:hover {
  background-color: var(--p-green-500) !important;
}
.hover\:bg-green-600:hover {
  background-color: var(--p-green-600) !important;
}
.hover\:bg-green-700:hover {
  background-color: var(--p-green-700) !important;
}
.hover\:bg-green-800:hover {
  background-color: var(--p-green-800) !important;
}
.hover\:bg-green-900:hover {
  background-color: var(--p-green-900) !important;
}
.active\:bg-green-50:active {
  background-color: var(--p-green-50) !important;
}
.active\:bg-green-100:active {
  background-color: var(--p-green-100) !important;
}
.active\:bg-green-200:active {
  background-color: var(--p-green-200) !important;
}
.active\:bg-green-300:active {
  background-color: var(--p-green-300) !important;
}
.active\:bg-green-400:active {
  background-color: var(--p-green-400) !important;
}
.active\:bg-green-500:active {
  background-color: var(--p-green-500) !important;
}
.active\:bg-green-600:active {
  background-color: var(--p-green-600) !important;
}
.active\:bg-green-700:active {
  background-color: var(--p-green-700) !important;
}
.active\:bg-green-800:active {
  background-color: var(--p-green-800) !important;
}
.active\:bg-green-900:active {
  background-color: var(--p-green-900) !important;
}
.bg-yellow-50 {
  background-color: var(--p-yellow-50) !important;
}
.bg-yellow-100 {
  background-color: var(--p-yellow-100) !important;
}
.bg-yellow-200 {
  background-color: var(--p-yellow-200) !important;
}
.bg-yellow-300 {
  background-color: var(--p-yellow-300) !important;
}
.bg-yellow-400 {
  background-color: var(--p-yellow-400) !important;
}
.bg-yellow-500 {
  background-color: var(--p-yellow-500) !important;
}
.bg-yellow-600 {
  background-color: var(--p-yellow-600) !important;
}
.bg-yellow-700 {
  background-color: var(--p-yellow-700) !important;
}
.bg-yellow-800 {
  background-color: var(--p-yellow-800) !important;
}
.bg-yellow-900 {
  background-color: var(--p-yellow-900) !important;
}
.focus\:bg-yellow-50:focus {
  background-color: var(--p-yellow-50) !important;
}
.focus\:bg-yellow-100:focus {
  background-color: var(--p-yellow-100) !important;
}
.focus\:bg-yellow-200:focus {
  background-color: var(--p-yellow-200) !important;
}
.focus\:bg-yellow-300:focus {
  background-color: var(--p-yellow-300) !important;
}
.focus\:bg-yellow-400:focus {
  background-color: var(--p-yellow-400) !important;
}
.focus\:bg-yellow-500:focus {
  background-color: var(--p-yellow-500) !important;
}
.focus\:bg-yellow-600:focus {
  background-color: var(--p-yellow-600) !important;
}
.focus\:bg-yellow-700:focus {
  background-color: var(--p-yellow-700) !important;
}
.focus\:bg-yellow-800:focus {
  background-color: var(--p-yellow-800) !important;
}
.focus\:bg-yellow-900:focus {
  background-color: var(--p-yellow-900) !important;
}
.hover\:bg-yellow-50:hover {
  background-color: var(--p-yellow-50) !important;
}
.hover\:bg-yellow-100:hover {
  background-color: var(--p-yellow-100) !important;
}
.hover\:bg-yellow-200:hover {
  background-color: var(--p-yellow-200) !important;
}
.hover\:bg-yellow-300:hover {
  background-color: var(--p-yellow-300) !important;
}
.hover\:bg-yellow-400:hover {
  background-color: var(--p-yellow-400) !important;
}
.hover\:bg-yellow-500:hover {
  background-color: var(--p-yellow-500) !important;
}
.hover\:bg-yellow-600:hover {
  background-color: var(--p-yellow-600) !important;
}
.hover\:bg-yellow-700:hover {
  background-color: var(--p-yellow-700) !important;
}
.hover\:bg-yellow-800:hover {
  background-color: var(--p-yellow-800) !important;
}
.hover\:bg-yellow-900:hover {
  background-color: var(--p-yellow-900) !important;
}
.active\:bg-yellow-50:active {
  background-color: var(--p-yellow-50) !important;
}
.active\:bg-yellow-100:active {
  background-color: var(--p-yellow-100) !important;
}
.active\:bg-yellow-200:active {
  background-color: var(--p-yellow-200) !important;
}
.active\:bg-yellow-300:active {
  background-color: var(--p-yellow-300) !important;
}
.active\:bg-yellow-400:active {
  background-color: var(--p-yellow-400) !important;
}
.active\:bg-yellow-500:active {
  background-color: var(--p-yellow-500) !important;
}
.active\:bg-yellow-600:active {
  background-color: var(--p-yellow-600) !important;
}
.active\:bg-yellow-700:active {
  background-color: var(--p-yellow-700) !important;
}
.active\:bg-yellow-800:active {
  background-color: var(--p-yellow-800) !important;
}
.active\:bg-yellow-900:active {
  background-color: var(--p-yellow-900) !important;
}
.bg-cyan-50 {
  background-color: var(--p-cyan-50) !important;
}
.bg-cyan-100 {
  background-color: var(--p-cyan-100) !important;
}
.bg-cyan-200 {
  background-color: var(--p-cyan-200) !important;
}
.bg-cyan-300 {
  background-color: var(--p-cyan-300) !important;
}
.bg-cyan-400 {
  background-color: var(--p-cyan-400) !important;
}
.bg-cyan-500 {
  background-color: var(--p-cyan-500) !important;
}
.bg-cyan-600 {
  background-color: var(--p-cyan-600) !important;
}
.bg-cyan-700 {
  background-color: var(--p-cyan-700) !important;
}
.bg-cyan-800 {
  background-color: var(--p-cyan-800) !important;
}
.bg-cyan-900 {
  background-color: var(--p-cyan-900) !important;
}
.focus\:bg-cyan-50:focus {
  background-color: var(--p-cyan-50) !important;
}
.focus\:bg-cyan-100:focus {
  background-color: var(--p-cyan-100) !important;
}
.focus\:bg-cyan-200:focus {
  background-color: var(--p-cyan-200) !important;
}
.focus\:bg-cyan-300:focus {
  background-color: var(--p-cyan-300) !important;
}
.focus\:bg-cyan-400:focus {
  background-color: var(--p-cyan-400) !important;
}
.focus\:bg-cyan-500:focus {
  background-color: var(--p-cyan-500) !important;
}
.focus\:bg-cyan-600:focus {
  background-color: var(--p-cyan-600) !important;
}
.focus\:bg-cyan-700:focus {
  background-color: var(--p-cyan-700) !important;
}
.focus\:bg-cyan-800:focus {
  background-color: var(--p-cyan-800) !important;
}
.focus\:bg-cyan-900:focus {
  background-color: var(--p-cyan-900) !important;
}
.hover\:bg-cyan-50:hover {
  background-color: var(--p-cyan-50) !important;
}
.hover\:bg-cyan-100:hover {
  background-color: var(--p-cyan-100) !important;
}
.hover\:bg-cyan-200:hover {
  background-color: var(--p-cyan-200) !important;
}
.hover\:bg-cyan-300:hover {
  background-color: var(--p-cyan-300) !important;
}
.hover\:bg-cyan-400:hover {
  background-color: var(--p-cyan-400) !important;
}
.hover\:bg-cyan-500:hover {
  background-color: var(--p-cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
  background-color: var(--p-cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
  background-color: var(--p-cyan-700) !important;
}
.hover\:bg-cyan-800:hover {
  background-color: var(--p-cyan-800) !important;
}
.hover\:bg-cyan-900:hover {
  background-color: var(--p-cyan-900) !important;
}
.active\:bg-cyan-50:active {
  background-color: var(--p-cyan-50) !important;
}
.active\:bg-cyan-100:active {
  background-color: var(--p-cyan-100) !important;
}
.active\:bg-cyan-200:active {
  background-color: var(--p-cyan-200) !important;
}
.active\:bg-cyan-300:active {
  background-color: var(--p-cyan-300) !important;
}
.active\:bg-cyan-400:active {
  background-color: var(--p-cyan-400) !important;
}
.active\:bg-cyan-500:active {
  background-color: var(--p-cyan-500) !important;
}
.active\:bg-cyan-600:active {
  background-color: var(--p-cyan-600) !important;
}
.active\:bg-cyan-700:active {
  background-color: var(--p-cyan-700) !important;
}
.active\:bg-cyan-800:active {
  background-color: var(--p-cyan-800) !important;
}
.active\:bg-cyan-900:active {
  background-color: var(--p-cyan-900) !important;
}
.bg-pink-50 {
  background-color: var(--p-pink-50) !important;
}
.bg-pink-100 {
  background-color: var(--p-pink-100) !important;
}
.bg-pink-200 {
  background-color: var(--p-pink-200) !important;
}
.bg-pink-300 {
  background-color: var(--p-pink-300) !important;
}
.bg-pink-400 {
  background-color: var(--p-pink-400) !important;
}
.bg-pink-500 {
  background-color: var(--p-pink-500) !important;
}
.bg-pink-600 {
  background-color: var(--p-pink-600) !important;
}
.bg-pink-700 {
  background-color: var(--p-pink-700) !important;
}
.bg-pink-800 {
  background-color: var(--p-pink-800) !important;
}
.bg-pink-900 {
  background-color: var(--p-pink-900) !important;
}
.focus\:bg-pink-50:focus {
  background-color: var(--p-pink-50) !important;
}
.focus\:bg-pink-100:focus {
  background-color: var(--p-pink-100) !important;
}
.focus\:bg-pink-200:focus {
  background-color: var(--p-pink-200) !important;
}
.focus\:bg-pink-300:focus {
  background-color: var(--p-pink-300) !important;
}
.focus\:bg-pink-400:focus {
  background-color: var(--p-pink-400) !important;
}
.focus\:bg-pink-500:focus {
  background-color: var(--p-pink-500) !important;
}
.focus\:bg-pink-600:focus {
  background-color: var(--p-pink-600) !important;
}
.focus\:bg-pink-700:focus {
  background-color: var(--p-pink-700) !important;
}
.focus\:bg-pink-800:focus {
  background-color: var(--p-pink-800) !important;
}
.focus\:bg-pink-900:focus {
  background-color: var(--p-pink-900) !important;
}
.hover\:bg-pink-50:hover {
  background-color: var(--p-pink-50) !important;
}
.hover\:bg-pink-100:hover {
  background-color: var(--p-pink-100) !important;
}
.hover\:bg-pink-200:hover {
  background-color: var(--p-pink-200) !important;
}
.hover\:bg-pink-300:hover {
  background-color: var(--p-pink-300) !important;
}
.hover\:bg-pink-400:hover {
  background-color: var(--p-pink-400) !important;
}
.hover\:bg-pink-500:hover {
  background-color: var(--p-pink-500) !important;
}
.hover\:bg-pink-600:hover {
  background-color: var(--p-pink-600) !important;
}
.hover\:bg-pink-700:hover {
  background-color: var(--p-pink-700) !important;
}
.hover\:bg-pink-800:hover {
  background-color: var(--p-pink-800) !important;
}
.hover\:bg-pink-900:hover {
  background-color: var(--p-pink-900) !important;
}
.active\:bg-pink-50:active {
  background-color: var(--p-pink-50) !important;
}
.active\:bg-pink-100:active {
  background-color: var(--p-pink-100) !important;
}
.active\:bg-pink-200:active {
  background-color: var(--p-pink-200) !important;
}
.active\:bg-pink-300:active {
  background-color: var(--p-pink-300) !important;
}
.active\:bg-pink-400:active {
  background-color: var(--p-pink-400) !important;
}
.active\:bg-pink-500:active {
  background-color: var(--p-pink-500) !important;
}
.active\:bg-pink-600:active {
  background-color: var(--p-pink-600) !important;
}
.active\:bg-pink-700:active {
  background-color: var(--p-pink-700) !important;
}
.active\:bg-pink-800:active {
  background-color: var(--p-pink-800) !important;
}
.active\:bg-pink-900:active {
  background-color: var(--p-pink-900) !important;
}
.bg-indigo-50 {
  background-color: var(--p-indigo-50) !important;
}
.bg-indigo-100 {
  background-color: var(--p-indigo-100) !important;
}
.bg-indigo-200 {
  background-color: var(--p-indigo-200) !important;
}
.bg-indigo-300 {
  background-color: var(--p-indigo-300) !important;
}
.bg-indigo-400 {
  background-color: var(--p-indigo-400) !important;
}
.bg-indigo-500 {
  background-color: var(--p-indigo-500) !important;
}
.bg-indigo-600 {
  background-color: var(--p-indigo-600) !important;
}
.bg-indigo-700 {
  background-color: var(--p-indigo-700) !important;
}
.bg-indigo-800 {
  background-color: var(--p-indigo-800) !important;
}
.bg-indigo-900 {
  background-color: var(--p-indigo-900) !important;
}
.focus\:bg-indigo-50:focus {
  background-color: var(--p-indigo-50) !important;
}
.focus\:bg-indigo-100:focus {
  background-color: var(--p-indigo-100) !important;
}
.focus\:bg-indigo-200:focus {
  background-color: var(--p-indigo-200) !important;
}
.focus\:bg-indigo-300:focus {
  background-color: var(--p-indigo-300) !important;
}
.focus\:bg-indigo-400:focus {
  background-color: var(--p-indigo-400) !important;
}
.focus\:bg-indigo-500:focus {
  background-color: var(--p-indigo-500) !important;
}
.focus\:bg-indigo-600:focus {
  background-color: var(--p-indigo-600) !important;
}
.focus\:bg-indigo-700:focus {
  background-color: var(--p-indigo-700) !important;
}
.focus\:bg-indigo-800:focus {
  background-color: var(--p-indigo-800) !important;
}
.focus\:bg-indigo-900:focus {
  background-color: var(--p-indigo-900) !important;
}
.hover\:bg-indigo-50:hover {
  background-color: var(--p-indigo-50) !important;
}
.hover\:bg-indigo-100:hover {
  background-color: var(--p-indigo-100) !important;
}
.hover\:bg-indigo-200:hover {
  background-color: var(--p-indigo-200) !important;
}
.hover\:bg-indigo-300:hover {
  background-color: var(--p-indigo-300) !important;
}
.hover\:bg-indigo-400:hover {
  background-color: var(--p-indigo-400) !important;
}
.hover\:bg-indigo-500:hover {
  background-color: var(--p-indigo-500) !important;
}
.hover\:bg-indigo-600:hover {
  background-color: var(--p-indigo-600) !important;
}
.hover\:bg-indigo-700:hover {
  background-color: var(--p-indigo-700) !important;
}
.hover\:bg-indigo-800:hover {
  background-color: var(--p-indigo-800) !important;
}
.hover\:bg-indigo-900:hover {
  background-color: var(--p-indigo-900) !important;
}
.active\:bg-indigo-50:active {
  background-color: var(--p-indigo-50) !important;
}
.active\:bg-indigo-100:active {
  background-color: var(--p-indigo-100) !important;
}
.active\:bg-indigo-200:active {
  background-color: var(--p-indigo-200) !important;
}
.active\:bg-indigo-300:active {
  background-color: var(--p-indigo-300) !important;
}
.active\:bg-indigo-400:active {
  background-color: var(--p-indigo-400) !important;
}
.active\:bg-indigo-500:active {
  background-color: var(--p-indigo-500) !important;
}
.active\:bg-indigo-600:active {
  background-color: var(--p-indigo-600) !important;
}
.active\:bg-indigo-700:active {
  background-color: var(--p-indigo-700) !important;
}
.active\:bg-indigo-800:active {
  background-color: var(--p-indigo-800) !important;
}
.active\:bg-indigo-900:active {
  background-color: var(--p-indigo-900) !important;
}
.bg-teal-50 {
  background-color: var(--p-teal-50) !important;
}
.bg-teal-100 {
  background-color: var(--p-teal-100) !important;
}
.bg-teal-200 {
  background-color: var(--p-teal-200) !important;
}
.bg-teal-300 {
  background-color: var(--p-teal-300) !important;
}
.bg-teal-400 {
  background-color: var(--p-teal-400) !important;
}
.bg-teal-500 {
  background-color: var(--p-teal-500) !important;
}
.bg-teal-600 {
  background-color: var(--p-teal-600) !important;
}
.bg-teal-700 {
  background-color: var(--p-teal-700) !important;
}
.bg-teal-800 {
  background-color: var(--p-teal-800) !important;
}
.bg-teal-900 {
  background-color: var(--p-teal-900) !important;
}
.focus\:bg-teal-50:focus {
  background-color: var(--p-teal-50) !important;
}
.focus\:bg-teal-100:focus {
  background-color: var(--p-teal-100) !important;
}
.focus\:bg-teal-200:focus {
  background-color: var(--p-teal-200) !important;
}
.focus\:bg-teal-300:focus {
  background-color: var(--p-teal-300) !important;
}
.focus\:bg-teal-400:focus {
  background-color: var(--p-teal-400) !important;
}
.focus\:bg-teal-500:focus {
  background-color: var(--p-teal-500) !important;
}
.focus\:bg-teal-600:focus {
  background-color: var(--p-teal-600) !important;
}
.focus\:bg-teal-700:focus {
  background-color: var(--p-teal-700) !important;
}
.focus\:bg-teal-800:focus {
  background-color: var(--p-teal-800) !important;
}
.focus\:bg-teal-900:focus {
  background-color: var(--p-teal-900) !important;
}
.hover\:bg-teal-50:hover {
  background-color: var(--p-teal-50) !important;
}
.hover\:bg-teal-100:hover {
  background-color: var(--p-teal-100) !important;
}
.hover\:bg-teal-200:hover {
  background-color: var(--p-teal-200) !important;
}
.hover\:bg-teal-300:hover {
  background-color: var(--p-teal-300) !important;
}
.hover\:bg-teal-400:hover {
  background-color: var(--p-teal-400) !important;
}
.hover\:bg-teal-500:hover {
  background-color: var(--p-teal-500) !important;
}
.hover\:bg-teal-600:hover {
  background-color: var(--p-teal-600) !important;
}
.hover\:bg-teal-700:hover {
  background-color: var(--p-teal-700) !important;
}
.hover\:bg-teal-800:hover {
  background-color: var(--p-teal-800) !important;
}
.hover\:bg-teal-900:hover {
  background-color: var(--p-teal-900) !important;
}
.active\:bg-teal-50:active {
  background-color: var(--p-teal-50) !important;
}
.active\:bg-teal-100:active {
  background-color: var(--p-teal-100) !important;
}
.active\:bg-teal-200:active {
  background-color: var(--p-teal-200) !important;
}
.active\:bg-teal-300:active {
  background-color: var(--p-teal-300) !important;
}
.active\:bg-teal-400:active {
  background-color: var(--p-teal-400) !important;
}
.active\:bg-teal-500:active {
  background-color: var(--p-teal-500) !important;
}
.active\:bg-teal-600:active {
  background-color: var(--p-teal-600) !important;
}
.active\:bg-teal-700:active {
  background-color: var(--p-teal-700) !important;
}
.active\:bg-teal-800:active {
  background-color: var(--p-teal-800) !important;
}
.active\:bg-teal-900:active {
  background-color: var(--p-teal-900) !important;
}
.bg-orange-50 {
  background-color: var(--p-orange-50) !important;
}
.bg-orange-100 {
  background-color: var(--p-orange-100) !important;
}
.bg-orange-200 {
  background-color: var(--p-orange-200) !important;
}
.bg-orange-300 {
  background-color: var(--p-orange-300) !important;
}
.bg-orange-400 {
  background-color: var(--p-orange-400) !important;
}
.bg-orange-500 {
  background-color: var(--p-orange-500) !important;
}
.bg-orange-600 {
  background-color: var(--p-orange-600) !important;
}
.bg-orange-700 {
  background-color: var(--p-orange-700) !important;
}
.bg-orange-800 {
  background-color: var(--p-orange-800) !important;
}
.bg-orange-900 {
  background-color: var(--p-orange-900) !important;
}
.focus\:bg-orange-50:focus {
  background-color: var(--p-orange-50) !important;
}
.focus\:bg-orange-100:focus {
  background-color: var(--p-orange-100) !important;
}
.focus\:bg-orange-200:focus {
  background-color: var(--p-orange-200) !important;
}
.focus\:bg-orange-300:focus {
  background-color: var(--p-orange-300) !important;
}
.focus\:bg-orange-400:focus {
  background-color: var(--p-orange-400) !important;
}
.focus\:bg-orange-500:focus {
  background-color: var(--p-orange-500) !important;
}
.focus\:bg-orange-600:focus {
  background-color: var(--p-orange-600) !important;
}
.focus\:bg-orange-700:focus {
  background-color: var(--p-orange-700) !important;
}
.focus\:bg-orange-800:focus {
  background-color: var(--p-orange-800) !important;
}
.focus\:bg-orange-900:focus {
  background-color: var(--p-orange-900) !important;
}
.hover\:bg-orange-50:hover {
  background-color: var(--p-orange-50) !important;
}
.hover\:bg-orange-100:hover {
  background-color: var(--p-orange-100) !important;
}
.hover\:bg-orange-200:hover {
  background-color: var(--p-orange-200) !important;
}
.hover\:bg-orange-300:hover {
  background-color: var(--p-orange-300) !important;
}
.hover\:bg-orange-400:hover {
  background-color: var(--p-orange-400) !important;
}
.hover\:bg-orange-500:hover {
  background-color: var(--p-orange-500) !important;
}
.hover\:bg-orange-600:hover {
  background-color: var(--p-orange-600) !important;
}
.hover\:bg-orange-700:hover {
  background-color: var(--p-orange-700) !important;
}
.hover\:bg-orange-800:hover {
  background-color: var(--p-orange-800) !important;
}
.hover\:bg-orange-900:hover {
  background-color: var(--p-orange-900) !important;
}
.active\:bg-orange-50:active {
  background-color: var(--p-orange-50) !important;
}
.active\:bg-orange-100:active {
  background-color: var(--p-orange-100) !important;
}
.active\:bg-orange-200:active {
  background-color: var(--p-orange-200) !important;
}
.active\:bg-orange-300:active {
  background-color: var(--p-orange-300) !important;
}
.active\:bg-orange-400:active {
  background-color: var(--p-orange-400) !important;
}
.active\:bg-orange-500:active {
  background-color: var(--p-orange-500) !important;
}
.active\:bg-orange-600:active {
  background-color: var(--p-orange-600) !important;
}
.active\:bg-orange-700:active {
  background-color: var(--p-orange-700) !important;
}
.active\:bg-orange-800:active {
  background-color: var(--p-orange-800) !important;
}
.active\:bg-orange-900:active {
  background-color: var(--p-orange-900) !important;
}
.bg-bluegray-50 {
  background-color: var(--p-bluegray-50) !important;
}
.bg-bluegray-100 {
  background-color: var(--p-bluegray-100) !important;
}
.bg-bluegray-200 {
  background-color: var(--p-bluegray-200) !important;
}
.bg-bluegray-300 {
  background-color: var(--p-bluegray-300) !important;
}
.bg-bluegray-400 {
  background-color: var(--p-bluegray-400) !important;
}
.bg-bluegray-500 {
  background-color: var(--p-bluegray-500) !important;
}
.bg-bluegray-600 {
  background-color: var(--p-bluegray-600) !important;
}
.bg-bluegray-700 {
  background-color: var(--p-bluegray-700) !important;
}
.bg-bluegray-800 {
  background-color: var(--p-bluegray-800) !important;
}
.bg-bluegray-900 {
  background-color: var(--p-bluegray-900) !important;
}
.focus\:bg-bluegray-50:focus {
  background-color: var(--p-bluegray-50) !important;
}
.focus\:bg-bluegray-100:focus {
  background-color: var(--p-bluegray-100) !important;
}
.focus\:bg-bluegray-200:focus {
  background-color: var(--p-bluegray-200) !important;
}
.focus\:bg-bluegray-300:focus {
  background-color: var(--p-bluegray-300) !important;
}
.focus\:bg-bluegray-400:focus {
  background-color: var(--p-bluegray-400) !important;
}
.focus\:bg-bluegray-500:focus {
  background-color: var(--p-bluegray-500) !important;
}
.focus\:bg-bluegray-600:focus {
  background-color: var(--p-bluegray-600) !important;
}
.focus\:bg-bluegray-700:focus {
  background-color: var(--p-bluegray-700) !important;
}
.focus\:bg-bluegray-800:focus {
  background-color: var(--p-bluegray-800) !important;
}
.focus\:bg-bluegray-900:focus {
  background-color: var(--p-bluegray-900) !important;
}
.hover\:bg-bluegray-50:hover {
  background-color: var(--p-bluegray-50) !important;
}
.hover\:bg-bluegray-100:hover {
  background-color: var(--p-bluegray-100) !important;
}
.hover\:bg-bluegray-200:hover {
  background-color: var(--p-bluegray-200) !important;
}
.hover\:bg-bluegray-300:hover {
  background-color: var(--p-bluegray-300) !important;
}
.hover\:bg-bluegray-400:hover {
  background-color: var(--p-bluegray-400) !important;
}
.hover\:bg-bluegray-500:hover {
  background-color: var(--p-bluegray-500) !important;
}
.hover\:bg-bluegray-600:hover {
  background-color: var(--p-bluegray-600) !important;
}
.hover\:bg-bluegray-700:hover {
  background-color: var(--p-bluegray-700) !important;
}
.hover\:bg-bluegray-800:hover {
  background-color: var(--p-bluegray-800) !important;
}
.hover\:bg-bluegray-900:hover {
  background-color: var(--p-bluegray-900) !important;
}
.active\:bg-bluegray-50:active {
  background-color: var(--p-bluegray-50) !important;
}
.active\:bg-bluegray-100:active {
  background-color: var(--p-bluegray-100) !important;
}
.active\:bg-bluegray-200:active {
  background-color: var(--p-bluegray-200) !important;
}
.active\:bg-bluegray-300:active {
  background-color: var(--p-bluegray-300) !important;
}
.active\:bg-bluegray-400:active {
  background-color: var(--p-bluegray-400) !important;
}
.active\:bg-bluegray-500:active {
  background-color: var(--p-bluegray-500) !important;
}
.active\:bg-bluegray-600:active {
  background-color: var(--p-bluegray-600) !important;
}
.active\:bg-bluegray-700:active {
  background-color: var(--p-bluegray-700) !important;
}
.active\:bg-bluegray-800:active {
  background-color: var(--p-bluegray-800) !important;
}
.active\:bg-bluegray-900:active {
  background-color: var(--p-bluegray-900) !important;
}
.bg-purple-50 {
  background-color: var(--p-purple-50) !important;
}
.bg-purple-100 {
  background-color: var(--p-purple-100) !important;
}
.bg-purple-200 {
  background-color: var(--p-purple-200) !important;
}
.bg-purple-300 {
  background-color: var(--p-purple-300) !important;
}
.bg-purple-400 {
  background-color: var(--p-purple-400) !important;
}
.bg-purple-500 {
  background-color: var(--p-purple-500) !important;
}
.bg-purple-600 {
  background-color: var(--p-purple-600) !important;
}
.bg-purple-700 {
  background-color: var(--p-purple-700) !important;
}
.bg-purple-800 {
  background-color: var(--p-purple-800) !important;
}
.bg-purple-900 {
  background-color: var(--p-purple-900) !important;
}
.focus\:bg-purple-50:focus {
  background-color: var(--p-purple-50) !important;
}
.focus\:bg-purple-100:focus {
  background-color: var(--p-purple-100) !important;
}
.focus\:bg-purple-200:focus {
  background-color: var(--p-purple-200) !important;
}
.focus\:bg-purple-300:focus {
  background-color: var(--p-purple-300) !important;
}
.focus\:bg-purple-400:focus {
  background-color: var(--p-purple-400) !important;
}
.focus\:bg-purple-500:focus {
  background-color: var(--p-purple-500) !important;
}
.focus\:bg-purple-600:focus {
  background-color: var(--p-purple-600) !important;
}
.focus\:bg-purple-700:focus {
  background-color: var(--p-purple-700) !important;
}
.focus\:bg-purple-800:focus {
  background-color: var(--p-purple-800) !important;
}
.focus\:bg-purple-900:focus {
  background-color: var(--p-purple-900) !important;
}
.hover\:bg-purple-50:hover {
  background-color: var(--p-purple-50) !important;
}
.hover\:bg-purple-100:hover {
  background-color: var(--p-purple-100) !important;
}
.hover\:bg-purple-200:hover {
  background-color: var(--p-purple-200) !important;
}
.hover\:bg-purple-300:hover {
  background-color: var(--p-purple-300) !important;
}
.hover\:bg-purple-400:hover {
  background-color: var(--p-purple-400) !important;
}
.hover\:bg-purple-500:hover {
  background-color: var(--p-purple-500) !important;
}
.hover\:bg-purple-600:hover {
  background-color: var(--p-purple-600) !important;
}
.hover\:bg-purple-700:hover {
  background-color: var(--p-purple-700) !important;
}
.hover\:bg-purple-800:hover {
  background-color: var(--p-purple-800) !important;
}
.hover\:bg-purple-900:hover {
  background-color: var(--p-purple-900) !important;
}
.active\:bg-purple-50:active {
  background-color: var(--p-purple-50) !important;
}
.active\:bg-purple-100:active {
  background-color: var(--p-purple-100) !important;
}
.active\:bg-purple-200:active {
  background-color: var(--p-purple-200) !important;
}
.active\:bg-purple-300:active {
  background-color: var(--p-purple-300) !important;
}
.active\:bg-purple-400:active {
  background-color: var(--p-purple-400) !important;
}
.active\:bg-purple-500:active {
  background-color: var(--p-purple-500) !important;
}
.active\:bg-purple-600:active {
  background-color: var(--p-purple-600) !important;
}
.active\:bg-purple-700:active {
  background-color: var(--p-purple-700) !important;
}
.active\:bg-purple-800:active {
  background-color: var(--p-purple-800) !important;
}
.active\:bg-purple-900:active {
  background-color: var(--p-purple-900) !important;
}
.bg-gray-50 {
  background-color: var(--p-gray-50) !important;
}
.bg-gray-100 {
  background-color: var(--p-gray-100) !important;
}
.bg-gray-200 {
  background-color: var(--p-gray-200) !important;
}
.bg-gray-300 {
  background-color: var(--p-gray-300) !important;
}
.bg-gray-400 {
  background-color: var(--p-gray-400) !important;
}
.bg-gray-500 {
  background-color: var(--p-gray-500) !important;
}
.bg-gray-600 {
  background-color: var(--p-gray-600) !important;
}
.bg-gray-700 {
  background-color: var(--p-gray-700) !important;
}
.bg-gray-800 {
  background-color: var(--p-gray-800) !important;
}
.bg-gray-900 {
  background-color: var(--p-gray-900) !important;
}
.focus\:bg-gray-50:focus {
  background-color: var(--p-gray-50) !important;
}
.focus\:bg-gray-100:focus {
  background-color: var(--p-gray-100) !important;
}
.focus\:bg-gray-200:focus {
  background-color: var(--p-gray-200) !important;
}
.focus\:bg-gray-300:focus {
  background-color: var(--p-gray-300) !important;
}
.focus\:bg-gray-400:focus {
  background-color: var(--p-gray-400) !important;
}
.focus\:bg-gray-500:focus {
  background-color: var(--p-gray-500) !important;
}
.focus\:bg-gray-600:focus {
  background-color: var(--p-gray-600) !important;
}
.focus\:bg-gray-700:focus {
  background-color: var(--p-gray-700) !important;
}
.focus\:bg-gray-800:focus {
  background-color: var(--p-gray-800) !important;
}
.focus\:bg-gray-900:focus {
  background-color: var(--p-gray-900) !important;
}
.hover\:bg-gray-50:hover {
  background-color: var(--p-gray-50) !important;
}
.hover\:bg-gray-100:hover {
  background-color: var(--p-gray-100) !important;
}
.hover\:bg-gray-200:hover {
  background-color: var(--p-gray-200) !important;
}
.hover\:bg-gray-300:hover {
  background-color: var(--p-gray-300) !important;
}
.hover\:bg-gray-400:hover {
  background-color: var(--p-gray-400) !important;
}
.hover\:bg-gray-500:hover {
  background-color: var(--p-gray-500) !important;
}
.hover\:bg-gray-600:hover {
  background-color: var(--p-gray-600) !important;
}
.hover\:bg-gray-700:hover {
  background-color: var(--p-gray-700) !important;
}
.hover\:bg-gray-800:hover {
  background-color: var(--p-gray-800) !important;
}
.hover\:bg-gray-900:hover {
  background-color: var(--p-gray-900) !important;
}
.active\:bg-gray-50:active {
  background-color: var(--p-gray-50) !important;
}
.active\:bg-gray-100:active {
  background-color: var(--p-gray-100) !important;
}
.active\:bg-gray-200:active {
  background-color: var(--p-gray-200) !important;
}
.active\:bg-gray-300:active {
  background-color: var(--p-gray-300) !important;
}
.active\:bg-gray-400:active {
  background-color: var(--p-gray-400) !important;
}
.active\:bg-gray-500:active {
  background-color: var(--p-gray-500) !important;
}
.active\:bg-gray-600:active {
  background-color: var(--p-gray-600) !important;
}
.active\:bg-gray-700:active {
  background-color: var(--p-gray-700) !important;
}
.active\:bg-gray-800:active {
  background-color: var(--p-gray-800) !important;
}
.active\:bg-gray-900:active {
  background-color: var(--p-gray-900) !important;
}
.bg-red-50 {
  background-color: var(--p-red-50) !important;
}
.bg-red-100 {
  background-color: var(--p-red-100) !important;
}
.bg-red-200 {
  background-color: var(--p-red-200) !important;
}
.bg-red-300 {
  background-color: var(--p-red-300) !important;
}
.bg-red-400 {
  background-color: var(--p-red-400) !important;
}
.bg-red-500 {
  background-color: var(--p-red-500) !important;
}
.bg-red-600 {
  background-color: var(--p-red-600) !important;
}
.bg-red-700 {
  background-color: var(--p-red-700) !important;
}
.bg-red-800 {
  background-color: var(--p-red-800) !important;
}
.bg-red-900 {
  background-color: var(--p-red-900) !important;
}
.focus\:bg-red-50:focus {
  background-color: var(--p-red-50) !important;
}
.focus\:bg-red-100:focus {
  background-color: var(--p-red-100) !important;
}
.focus\:bg-red-200:focus {
  background-color: var(--p-red-200) !important;
}
.focus\:bg-red-300:focus {
  background-color: var(--p-red-300) !important;
}
.focus\:bg-red-400:focus {
  background-color: var(--p-red-400) !important;
}
.focus\:bg-red-500:focus {
  background-color: var(--p-red-500) !important;
}
.focus\:bg-red-600:focus {
  background-color: var(--p-red-600) !important;
}
.focus\:bg-red-700:focus {
  background-color: var(--p-red-700) !important;
}
.focus\:bg-red-800:focus {
  background-color: var(--p-red-800) !important;
}
.focus\:bg-red-900:focus {
  background-color: var(--p-red-900) !important;
}
.hover\:bg-red-50:hover {
  background-color: var(--p-red-50) !important;
}
.hover\:bg-red-100:hover {
  background-color: var(--p-red-100) !important;
}
.hover\:bg-red-200:hover {
  background-color: var(--p-red-200) !important;
}
.hover\:bg-red-300:hover {
  background-color: var(--p-red-300) !important;
}
.hover\:bg-red-400:hover {
  background-color: var(--p-red-400) !important;
}
.hover\:bg-red-500:hover {
  background-color: var(--p-red-500) !important;
}
.hover\:bg-red-600:hover {
  background-color: var(--p-red-600) !important;
}
.hover\:bg-red-700:hover {
  background-color: var(--p-red-700) !important;
}
.hover\:bg-red-800:hover {
  background-color: var(--p-red-800) !important;
}
.hover\:bg-red-900:hover {
  background-color: var(--p-red-900) !important;
}
.active\:bg-red-50:active {
  background-color: var(--p-red-50) !important;
}
.active\:bg-red-100:active {
  background-color: var(--p-red-100) !important;
}
.active\:bg-red-200:active {
  background-color: var(--p-red-200) !important;
}
.active\:bg-red-300:active {
  background-color: var(--p-red-300) !important;
}
.active\:bg-red-400:active {
  background-color: var(--p-red-400) !important;
}
.active\:bg-red-500:active {
  background-color: var(--p-red-500) !important;
}
.active\:bg-red-600:active {
  background-color: var(--p-red-600) !important;
}
.active\:bg-red-700:active {
  background-color: var(--p-red-700) !important;
}
.active\:bg-red-800:active {
  background-color: var(--p-red-800) !important;
}
.active\:bg-red-900:active {
  background-color: var(--p-red-900) !important;
}
.bg-primary-50 {
  background-color: var(--p-primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--p-primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--p-primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--p-primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--p-primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--p-primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--p-primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--p-primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--p-primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--p-primary-900) !important;
}
.focus\:bg-primary-50:focus {
  background-color: var(--p-primary-50) !important;
}
.focus\:bg-primary-100:focus {
  background-color: var(--p-primary-100) !important;
}
.focus\:bg-primary-200:focus {
  background-color: var(--p-primary-200) !important;
}
.focus\:bg-primary-300:focus {
  background-color: var(--p-primary-300) !important;
}
.focus\:bg-primary-400:focus {
  background-color: var(--p-primary-400) !important;
}
.focus\:bg-primary-500:focus {
  background-color: var(--p-primary-500) !important;
}
.focus\:bg-primary-600:focus {
  background-color: var(--p-primary-600) !important;
}
.focus\:bg-primary-700:focus {
  background-color: var(--p-primary-700) !important;
}
.focus\:bg-primary-800:focus {
  background-color: var(--p-primary-800) !important;
}
.focus\:bg-primary-900:focus {
  background-color: var(--p-primary-900) !important;
}
.hover\:bg-primary-50:hover {
  background-color: var(--p-primary-50) !important;
}
.hover\:bg-primary-100:hover {
  background-color: var(--p-primary-100) !important;
}
.hover\:bg-primary-200:hover {
  background-color: var(--p-primary-200) !important;
}
.hover\:bg-primary-300:hover {
  background-color: var(--p-primary-300) !important;
}
.hover\:bg-primary-400:hover {
  background-color: var(--p-primary-400) !important;
}
.hover\:bg-primary-500:hover {
  background-color: var(--p-primary-500) !important;
}
.hover\:bg-primary-600:hover {
  background-color: var(--p-primary-600) !important;
}
.hover\:bg-primary-700:hover {
  background-color: var(--p-primary-700) !important;
}
.hover\:bg-primary-800:hover {
  background-color: var(--p-primary-800) !important;
}
.hover\:bg-primary-900:hover {
  background-color: var(--p-primary-900) !important;
}
.active\:bg-primary-50:active {
  background-color: var(--p-primary-50) !important;
}
.active\:bg-primary-100:active {
  background-color: var(--p-primary-100) !important;
}
.active\:bg-primary-200:active {
  background-color: var(--p-primary-200) !important;
}
.active\:bg-primary-300:active {
  background-color: var(--p-primary-300) !important;
}
.active\:bg-primary-400:active {
  background-color: var(--p-primary-400) !important;
}
.active\:bg-primary-500:active {
  background-color: var(--p-primary-500) !important;
}
.active\:bg-primary-600:active {
  background-color: var(--p-primary-600) !important;
}
.active\:bg-primary-700:active {
  background-color: var(--p-primary-700) !important;
}
.active\:bg-primary-800:active {
  background-color: var(--p-primary-800) !important;
}
.active\:bg-primary-900:active {
  background-color: var(--p-primary-900) !important;
}
.border-blue-50 {
  border-color: var(--p-blue-50) !important;
}
.border-blue-100 {
  border-color: var(--p-blue-100) !important;
}
.border-blue-200 {
  border-color: var(--p-blue-200) !important;
}
.border-blue-300 {
  border-color: var(--p-blue-300) !important;
}
.border-blue-400 {
  border-color: var(--p-blue-400) !important;
}
.border-blue-500 {
  border-color: var(--p-blue-500) !important;
}
.border-blue-600 {
  border-color: var(--p-blue-600) !important;
}
.border-blue-700 {
  border-color: var(--p-blue-700) !important;
}
.border-blue-800 {
  border-color: var(--p-blue-800) !important;
}
.border-blue-900 {
  border-color: var(--p-blue-900) !important;
}
.focus\:border-blue-50:focus {
  border-color: var(--p-blue-50) !important;
}
.focus\:border-blue-100:focus {
  border-color: var(--p-blue-100) !important;
}
.focus\:border-blue-200:focus {
  border-color: var(--p-blue-200) !important;
}
.focus\:border-blue-300:focus {
  border-color: var(--p-blue-300) !important;
}
.focus\:border-blue-400:focus {
  border-color: var(--p-blue-400) !important;
}
.focus\:border-blue-500:focus {
  border-color: var(--p-blue-500) !important;
}
.focus\:border-blue-600:focus {
  border-color: var(--p-blue-600) !important;
}
.focus\:border-blue-700:focus {
  border-color: var(--p-blue-700) !important;
}
.focus\:border-blue-800:focus {
  border-color: var(--p-blue-800) !important;
}
.focus\:border-blue-900:focus {
  border-color: var(--p-blue-900) !important;
}
.hover\:border-blue-50:hover {
  border-color: var(--p-blue-50) !important;
}
.hover\:border-blue-100:hover {
  border-color: var(--p-blue-100) !important;
}
.hover\:border-blue-200:hover {
  border-color: var(--p-blue-200) !important;
}
.hover\:border-blue-300:hover {
  border-color: var(--p-blue-300) !important;
}
.hover\:border-blue-400:hover {
  border-color: var(--p-blue-400) !important;
}
.hover\:border-blue-500:hover {
  border-color: var(--p-blue-500) !important;
}
.hover\:border-blue-600:hover {
  border-color: var(--p-blue-600) !important;
}
.hover\:border-blue-700:hover {
  border-color: var(--p-blue-700) !important;
}
.hover\:border-blue-800:hover {
  border-color: var(--p-blue-800) !important;
}
.hover\:border-blue-900:hover {
  border-color: var(--p-blue-900) !important;
}
.active\:border-blue-50:active {
  border-color: var(--p-blue-50) !important;
}
.active\:border-blue-100:active {
  border-color: var(--p-blue-100) !important;
}
.active\:border-blue-200:active {
  border-color: var(--p-blue-200) !important;
}
.active\:border-blue-300:active {
  border-color: var(--p-blue-300) !important;
}
.active\:border-blue-400:active {
  border-color: var(--p-blue-400) !important;
}
.active\:border-blue-500:active {
  border-color: var(--p-blue-500) !important;
}
.active\:border-blue-600:active {
  border-color: var(--p-blue-600) !important;
}
.active\:border-blue-700:active {
  border-color: var(--p-blue-700) !important;
}
.active\:border-blue-800:active {
  border-color: var(--p-blue-800) !important;
}
.active\:border-blue-900:active {
  border-color: var(--p-blue-900) !important;
}
.border-green-50 {
  border-color: var(--p-green-50) !important;
}
.border-green-100 {
  border-color: var(--p-green-100) !important;
}
.border-green-200 {
  border-color: var(--p-green-200) !important;
}
.border-green-300 {
  border-color: var(--p-green-300) !important;
}
.border-green-400 {
  border-color: var(--p-green-400) !important;
}
.border-green-500 {
  border-color: var(--p-green-500) !important;
}
.border-green-600 {
  border-color: var(--p-green-600) !important;
}
.border-green-700 {
  border-color: var(--p-green-700) !important;
}
.border-green-800 {
  border-color: var(--p-green-800) !important;
}
.border-green-900 {
  border-color: var(--p-green-900) !important;
}
.focus\:border-green-50:focus {
  border-color: var(--p-green-50) !important;
}
.focus\:border-green-100:focus {
  border-color: var(--p-green-100) !important;
}
.focus\:border-green-200:focus {
  border-color: var(--p-green-200) !important;
}
.focus\:border-green-300:focus {
  border-color: var(--p-green-300) !important;
}
.focus\:border-green-400:focus {
  border-color: var(--p-green-400) !important;
}
.focus\:border-green-500:focus {
  border-color: var(--p-green-500) !important;
}
.focus\:border-green-600:focus {
  border-color: var(--p-green-600) !important;
}
.focus\:border-green-700:focus {
  border-color: var(--p-green-700) !important;
}
.focus\:border-green-800:focus {
  border-color: var(--p-green-800) !important;
}
.focus\:border-green-900:focus {
  border-color: var(--p-green-900) !important;
}
.hover\:border-green-50:hover {
  border-color: var(--p-green-50) !important;
}
.hover\:border-green-100:hover {
  border-color: var(--p-green-100) !important;
}
.hover\:border-green-200:hover {
  border-color: var(--p-green-200) !important;
}
.hover\:border-green-300:hover {
  border-color: var(--p-green-300) !important;
}
.hover\:border-green-400:hover {
  border-color: var(--p-green-400) !important;
}
.hover\:border-green-500:hover {
  border-color: var(--p-green-500) !important;
}
.hover\:border-green-600:hover {
  border-color: var(--p-green-600) !important;
}
.hover\:border-green-700:hover {
  border-color: var(--p-green-700) !important;
}
.hover\:border-green-800:hover {
  border-color: var(--p-green-800) !important;
}
.hover\:border-green-900:hover {
  border-color: var(--p-green-900) !important;
}
.active\:border-green-50:active {
  border-color: var(--p-green-50) !important;
}
.active\:border-green-100:active {
  border-color: var(--p-green-100) !important;
}
.active\:border-green-200:active {
  border-color: var(--p-green-200) !important;
}
.active\:border-green-300:active {
  border-color: var(--p-green-300) !important;
}
.active\:border-green-400:active {
  border-color: var(--p-green-400) !important;
}
.active\:border-green-500:active {
  border-color: var(--p-green-500) !important;
}
.active\:border-green-600:active {
  border-color: var(--p-green-600) !important;
}
.active\:border-green-700:active {
  border-color: var(--p-green-700) !important;
}
.active\:border-green-800:active {
  border-color: var(--p-green-800) !important;
}
.active\:border-green-900:active {
  border-color: var(--p-green-900) !important;
}
.border-yellow-50 {
  border-color: var(--p-yellow-50) !important;
}
.border-yellow-100 {
  border-color: var(--p-yellow-100) !important;
}
.border-yellow-200 {
  border-color: var(--p-yellow-200) !important;
}
.border-yellow-300 {
  border-color: var(--p-yellow-300) !important;
}
.border-yellow-400 {
  border-color: var(--p-yellow-400) !important;
}
.border-yellow-500 {
  border-color: var(--p-yellow-500) !important;
}
.border-yellow-600 {
  border-color: var(--p-yellow-600) !important;
}
.border-yellow-700 {
  border-color: var(--p-yellow-700) !important;
}
.border-yellow-800 {
  border-color: var(--p-yellow-800) !important;
}
.border-yellow-900 {
  border-color: var(--p-yellow-900) !important;
}
.focus\:border-yellow-50:focus {
  border-color: var(--p-yellow-50) !important;
}
.focus\:border-yellow-100:focus {
  border-color: var(--p-yellow-100) !important;
}
.focus\:border-yellow-200:focus {
  border-color: var(--p-yellow-200) !important;
}
.focus\:border-yellow-300:focus {
  border-color: var(--p-yellow-300) !important;
}
.focus\:border-yellow-400:focus {
  border-color: var(--p-yellow-400) !important;
}
.focus\:border-yellow-500:focus {
  border-color: var(--p-yellow-500) !important;
}
.focus\:border-yellow-600:focus {
  border-color: var(--p-yellow-600) !important;
}
.focus\:border-yellow-700:focus {
  border-color: var(--p-yellow-700) !important;
}
.focus\:border-yellow-800:focus {
  border-color: var(--p-yellow-800) !important;
}
.focus\:border-yellow-900:focus {
  border-color: var(--p-yellow-900) !important;
}
.hover\:border-yellow-50:hover {
  border-color: var(--p-yellow-50) !important;
}
.hover\:border-yellow-100:hover {
  border-color: var(--p-yellow-100) !important;
}
.hover\:border-yellow-200:hover {
  border-color: var(--p-yellow-200) !important;
}
.hover\:border-yellow-300:hover {
  border-color: var(--p-yellow-300) !important;
}
.hover\:border-yellow-400:hover {
  border-color: var(--p-yellow-400) !important;
}
.hover\:border-yellow-500:hover {
  border-color: var(--p-yellow-500) !important;
}
.hover\:border-yellow-600:hover {
  border-color: var(--p-yellow-600) !important;
}
.hover\:border-yellow-700:hover {
  border-color: var(--p-yellow-700) !important;
}
.hover\:border-yellow-800:hover {
  border-color: var(--p-yellow-800) !important;
}
.hover\:border-yellow-900:hover {
  border-color: var(--p-yellow-900) !important;
}
.active\:border-yellow-50:active {
  border-color: var(--p-yellow-50) !important;
}
.active\:border-yellow-100:active {
  border-color: var(--p-yellow-100) !important;
}
.active\:border-yellow-200:active {
  border-color: var(--p-yellow-200) !important;
}
.active\:border-yellow-300:active {
  border-color: var(--p-yellow-300) !important;
}
.active\:border-yellow-400:active {
  border-color: var(--p-yellow-400) !important;
}
.active\:border-yellow-500:active {
  border-color: var(--p-yellow-500) !important;
}
.active\:border-yellow-600:active {
  border-color: var(--p-yellow-600) !important;
}
.active\:border-yellow-700:active {
  border-color: var(--p-yellow-700) !important;
}
.active\:border-yellow-800:active {
  border-color: var(--p-yellow-800) !important;
}
.active\:border-yellow-900:active {
  border-color: var(--p-yellow-900) !important;
}
.border-cyan-50 {
  border-color: var(--p-cyan-50) !important;
}
.border-cyan-100 {
  border-color: var(--p-cyan-100) !important;
}
.border-cyan-200 {
  border-color: var(--p-cyan-200) !important;
}
.border-cyan-300 {
  border-color: var(--p-cyan-300) !important;
}
.border-cyan-400 {
  border-color: var(--p-cyan-400) !important;
}
.border-cyan-500 {
  border-color: var(--p-cyan-500) !important;
}
.border-cyan-600 {
  border-color: var(--p-cyan-600) !important;
}
.border-cyan-700 {
  border-color: var(--p-cyan-700) !important;
}
.border-cyan-800 {
  border-color: var(--p-cyan-800) !important;
}
.border-cyan-900 {
  border-color: var(--p-cyan-900) !important;
}
.focus\:border-cyan-50:focus {
  border-color: var(--p-cyan-50) !important;
}
.focus\:border-cyan-100:focus {
  border-color: var(--p-cyan-100) !important;
}
.focus\:border-cyan-200:focus {
  border-color: var(--p-cyan-200) !important;
}
.focus\:border-cyan-300:focus {
  border-color: var(--p-cyan-300) !important;
}
.focus\:border-cyan-400:focus {
  border-color: var(--p-cyan-400) !important;
}
.focus\:border-cyan-500:focus {
  border-color: var(--p-cyan-500) !important;
}
.focus\:border-cyan-600:focus {
  border-color: var(--p-cyan-600) !important;
}
.focus\:border-cyan-700:focus {
  border-color: var(--p-cyan-700) !important;
}
.focus\:border-cyan-800:focus {
  border-color: var(--p-cyan-800) !important;
}
.focus\:border-cyan-900:focus {
  border-color: var(--p-cyan-900) !important;
}
.hover\:border-cyan-50:hover {
  border-color: var(--p-cyan-50) !important;
}
.hover\:border-cyan-100:hover {
  border-color: var(--p-cyan-100) !important;
}
.hover\:border-cyan-200:hover {
  border-color: var(--p-cyan-200) !important;
}
.hover\:border-cyan-300:hover {
  border-color: var(--p-cyan-300) !important;
}
.hover\:border-cyan-400:hover {
  border-color: var(--p-cyan-400) !important;
}
.hover\:border-cyan-500:hover {
  border-color: var(--p-cyan-500) !important;
}
.hover\:border-cyan-600:hover {
  border-color: var(--p-cyan-600) !important;
}
.hover\:border-cyan-700:hover {
  border-color: var(--p-cyan-700) !important;
}
.hover\:border-cyan-800:hover {
  border-color: var(--p-cyan-800) !important;
}
.hover\:border-cyan-900:hover {
  border-color: var(--p-cyan-900) !important;
}
.active\:border-cyan-50:active {
  border-color: var(--p-cyan-50) !important;
}
.active\:border-cyan-100:active {
  border-color: var(--p-cyan-100) !important;
}
.active\:border-cyan-200:active {
  border-color: var(--p-cyan-200) !important;
}
.active\:border-cyan-300:active {
  border-color: var(--p-cyan-300) !important;
}
.active\:border-cyan-400:active {
  border-color: var(--p-cyan-400) !important;
}
.active\:border-cyan-500:active {
  border-color: var(--p-cyan-500) !important;
}
.active\:border-cyan-600:active {
  border-color: var(--p-cyan-600) !important;
}
.active\:border-cyan-700:active {
  border-color: var(--p-cyan-700) !important;
}
.active\:border-cyan-800:active {
  border-color: var(--p-cyan-800) !important;
}
.active\:border-cyan-900:active {
  border-color: var(--p-cyan-900) !important;
}
.border-pink-50 {
  border-color: var(--p-pink-50) !important;
}
.border-pink-100 {
  border-color: var(--p-pink-100) !important;
}
.border-pink-200 {
  border-color: var(--p-pink-200) !important;
}
.border-pink-300 {
  border-color: var(--p-pink-300) !important;
}
.border-pink-400 {
  border-color: var(--p-pink-400) !important;
}
.border-pink-500 {
  border-color: var(--p-pink-500) !important;
}
.border-pink-600 {
  border-color: var(--p-pink-600) !important;
}
.border-pink-700 {
  border-color: var(--p-pink-700) !important;
}
.border-pink-800 {
  border-color: var(--p-pink-800) !important;
}
.border-pink-900 {
  border-color: var(--p-pink-900) !important;
}
.focus\:border-pink-50:focus {
  border-color: var(--p-pink-50) !important;
}
.focus\:border-pink-100:focus {
  border-color: var(--p-pink-100) !important;
}
.focus\:border-pink-200:focus {
  border-color: var(--p-pink-200) !important;
}
.focus\:border-pink-300:focus {
  border-color: var(--p-pink-300) !important;
}
.focus\:border-pink-400:focus {
  border-color: var(--p-pink-400) !important;
}
.focus\:border-pink-500:focus {
  border-color: var(--p-pink-500) !important;
}
.focus\:border-pink-600:focus {
  border-color: var(--p-pink-600) !important;
}
.focus\:border-pink-700:focus {
  border-color: var(--p-pink-700) !important;
}
.focus\:border-pink-800:focus {
  border-color: var(--p-pink-800) !important;
}
.focus\:border-pink-900:focus {
  border-color: var(--p-pink-900) !important;
}
.hover\:border-pink-50:hover {
  border-color: var(--p-pink-50) !important;
}
.hover\:border-pink-100:hover {
  border-color: var(--p-pink-100) !important;
}
.hover\:border-pink-200:hover {
  border-color: var(--p-pink-200) !important;
}
.hover\:border-pink-300:hover {
  border-color: var(--p-pink-300) !important;
}
.hover\:border-pink-400:hover {
  border-color: var(--p-pink-400) !important;
}
.hover\:border-pink-500:hover {
  border-color: var(--p-pink-500) !important;
}
.hover\:border-pink-600:hover {
  border-color: var(--p-pink-600) !important;
}
.hover\:border-pink-700:hover {
  border-color: var(--p-pink-700) !important;
}
.hover\:border-pink-800:hover {
  border-color: var(--p-pink-800) !important;
}
.hover\:border-pink-900:hover {
  border-color: var(--p-pink-900) !important;
}
.active\:border-pink-50:active {
  border-color: var(--p-pink-50) !important;
}
.active\:border-pink-100:active {
  border-color: var(--p-pink-100) !important;
}
.active\:border-pink-200:active {
  border-color: var(--p-pink-200) !important;
}
.active\:border-pink-300:active {
  border-color: var(--p-pink-300) !important;
}
.active\:border-pink-400:active {
  border-color: var(--p-pink-400) !important;
}
.active\:border-pink-500:active {
  border-color: var(--p-pink-500) !important;
}
.active\:border-pink-600:active {
  border-color: var(--p-pink-600) !important;
}
.active\:border-pink-700:active {
  border-color: var(--p-pink-700) !important;
}
.active\:border-pink-800:active {
  border-color: var(--p-pink-800) !important;
}
.active\:border-pink-900:active {
  border-color: var(--p-pink-900) !important;
}
.border-indigo-50 {
  border-color: var(--p-indigo-50) !important;
}
.border-indigo-100 {
  border-color: var(--p-indigo-100) !important;
}
.border-indigo-200 {
  border-color: var(--p-indigo-200) !important;
}
.border-indigo-300 {
  border-color: var(--p-indigo-300) !important;
}
.border-indigo-400 {
  border-color: var(--p-indigo-400) !important;
}
.border-indigo-500 {
  border-color: var(--p-indigo-500) !important;
}
.border-indigo-600 {
  border-color: var(--p-indigo-600) !important;
}
.border-indigo-700 {
  border-color: var(--p-indigo-700) !important;
}
.border-indigo-800 {
  border-color: var(--p-indigo-800) !important;
}
.border-indigo-900 {
  border-color: var(--p-indigo-900) !important;
}
.focus\:border-indigo-50:focus {
  border-color: var(--p-indigo-50) !important;
}
.focus\:border-indigo-100:focus {
  border-color: var(--p-indigo-100) !important;
}
.focus\:border-indigo-200:focus {
  border-color: var(--p-indigo-200) !important;
}
.focus\:border-indigo-300:focus {
  border-color: var(--p-indigo-300) !important;
}
.focus\:border-indigo-400:focus {
  border-color: var(--p-indigo-400) !important;
}
.focus\:border-indigo-500:focus {
  border-color: var(--p-indigo-500) !important;
}
.focus\:border-indigo-600:focus {
  border-color: var(--p-indigo-600) !important;
}
.focus\:border-indigo-700:focus {
  border-color: var(--p-indigo-700) !important;
}
.focus\:border-indigo-800:focus {
  border-color: var(--p-indigo-800) !important;
}
.focus\:border-indigo-900:focus {
  border-color: var(--p-indigo-900) !important;
}
.hover\:border-indigo-50:hover {
  border-color: var(--p-indigo-50) !important;
}
.hover\:border-indigo-100:hover {
  border-color: var(--p-indigo-100) !important;
}
.hover\:border-indigo-200:hover {
  border-color: var(--p-indigo-200) !important;
}
.hover\:border-indigo-300:hover {
  border-color: var(--p-indigo-300) !important;
}
.hover\:border-indigo-400:hover {
  border-color: var(--p-indigo-400) !important;
}
.hover\:border-indigo-500:hover {
  border-color: var(--p-indigo-500) !important;
}
.hover\:border-indigo-600:hover {
  border-color: var(--p-indigo-600) !important;
}
.hover\:border-indigo-700:hover {
  border-color: var(--p-indigo-700) !important;
}
.hover\:border-indigo-800:hover {
  border-color: var(--p-indigo-800) !important;
}
.hover\:border-indigo-900:hover {
  border-color: var(--p-indigo-900) !important;
}
.active\:border-indigo-50:active {
  border-color: var(--p-indigo-50) !important;
}
.active\:border-indigo-100:active {
  border-color: var(--p-indigo-100) !important;
}
.active\:border-indigo-200:active {
  border-color: var(--p-indigo-200) !important;
}
.active\:border-indigo-300:active {
  border-color: var(--p-indigo-300) !important;
}
.active\:border-indigo-400:active {
  border-color: var(--p-indigo-400) !important;
}
.active\:border-indigo-500:active {
  border-color: var(--p-indigo-500) !important;
}
.active\:border-indigo-600:active {
  border-color: var(--p-indigo-600) !important;
}
.active\:border-indigo-700:active {
  border-color: var(--p-indigo-700) !important;
}
.active\:border-indigo-800:active {
  border-color: var(--p-indigo-800) !important;
}
.active\:border-indigo-900:active {
  border-color: var(--p-indigo-900) !important;
}
.border-teal-50 {
  border-color: var(--p-teal-50) !important;
}
.border-teal-100 {
  border-color: var(--p-teal-100) !important;
}
.border-teal-200 {
  border-color: var(--p-teal-200) !important;
}
.border-teal-300 {
  border-color: var(--p-teal-300) !important;
}
.border-teal-400 {
  border-color: var(--p-teal-400) !important;
}
.border-teal-500 {
  border-color: var(--p-teal-500) !important;
}
.border-teal-600 {
  border-color: var(--p-teal-600) !important;
}
.border-teal-700 {
  border-color: var(--p-teal-700) !important;
}
.border-teal-800 {
  border-color: var(--p-teal-800) !important;
}
.border-teal-900 {
  border-color: var(--p-teal-900) !important;
}
.focus\:border-teal-50:focus {
  border-color: var(--p-teal-50) !important;
}
.focus\:border-teal-100:focus {
  border-color: var(--p-teal-100) !important;
}
.focus\:border-teal-200:focus {
  border-color: var(--p-teal-200) !important;
}
.focus\:border-teal-300:focus {
  border-color: var(--p-teal-300) !important;
}
.focus\:border-teal-400:focus {
  border-color: var(--p-teal-400) !important;
}
.focus\:border-teal-500:focus {
  border-color: var(--p-teal-500) !important;
}
.focus\:border-teal-600:focus {
  border-color: var(--p-teal-600) !important;
}
.focus\:border-teal-700:focus {
  border-color: var(--p-teal-700) !important;
}
.focus\:border-teal-800:focus {
  border-color: var(--p-teal-800) !important;
}
.focus\:border-teal-900:focus {
  border-color: var(--p-teal-900) !important;
}
.hover\:border-teal-50:hover {
  border-color: var(--p-teal-50) !important;
}
.hover\:border-teal-100:hover {
  border-color: var(--p-teal-100) !important;
}
.hover\:border-teal-200:hover {
  border-color: var(--p-teal-200) !important;
}
.hover\:border-teal-300:hover {
  border-color: var(--p-teal-300) !important;
}
.hover\:border-teal-400:hover {
  border-color: var(--p-teal-400) !important;
}
.hover\:border-teal-500:hover {
  border-color: var(--p-teal-500) !important;
}
.hover\:border-teal-600:hover {
  border-color: var(--p-teal-600) !important;
}
.hover\:border-teal-700:hover {
  border-color: var(--p-teal-700) !important;
}
.hover\:border-teal-800:hover {
  border-color: var(--p-teal-800) !important;
}
.hover\:border-teal-900:hover {
  border-color: var(--p-teal-900) !important;
}
.active\:border-teal-50:active {
  border-color: var(--p-teal-50) !important;
}
.active\:border-teal-100:active {
  border-color: var(--p-teal-100) !important;
}
.active\:border-teal-200:active {
  border-color: var(--p-teal-200) !important;
}
.active\:border-teal-300:active {
  border-color: var(--p-teal-300) !important;
}
.active\:border-teal-400:active {
  border-color: var(--p-teal-400) !important;
}
.active\:border-teal-500:active {
  border-color: var(--p-teal-500) !important;
}
.active\:border-teal-600:active {
  border-color: var(--p-teal-600) !important;
}
.active\:border-teal-700:active {
  border-color: var(--p-teal-700) !important;
}
.active\:border-teal-800:active {
  border-color: var(--p-teal-800) !important;
}
.active\:border-teal-900:active {
  border-color: var(--p-teal-900) !important;
}
.border-orange-50 {
  border-color: var(--p-orange-50) !important;
}
.border-orange-100 {
  border-color: var(--p-orange-100) !important;
}
.border-orange-200 {
  border-color: var(--p-orange-200) !important;
}
.border-orange-300 {
  border-color: var(--p-orange-300) !important;
}
.border-orange-400 {
  border-color: var(--p-orange-400) !important;
}
.border-orange-500 {
  border-color: var(--p-orange-500) !important;
}
.border-orange-600 {
  border-color: var(--p-orange-600) !important;
}
.border-orange-700 {
  border-color: var(--p-orange-700) !important;
}
.border-orange-800 {
  border-color: var(--p-orange-800) !important;
}
.border-orange-900 {
  border-color: var(--p-orange-900) !important;
}
.focus\:border-orange-50:focus {
  border-color: var(--p-orange-50) !important;
}
.focus\:border-orange-100:focus {
  border-color: var(--p-orange-100) !important;
}
.focus\:border-orange-200:focus {
  border-color: var(--p-orange-200) !important;
}
.focus\:border-orange-300:focus {
  border-color: var(--p-orange-300) !important;
}
.focus\:border-orange-400:focus {
  border-color: var(--p-orange-400) !important;
}
.focus\:border-orange-500:focus {
  border-color: var(--p-orange-500) !important;
}
.focus\:border-orange-600:focus {
  border-color: var(--p-orange-600) !important;
}
.focus\:border-orange-700:focus {
  border-color: var(--p-orange-700) !important;
}
.focus\:border-orange-800:focus {
  border-color: var(--p-orange-800) !important;
}
.focus\:border-orange-900:focus {
  border-color: var(--p-orange-900) !important;
}
.hover\:border-orange-50:hover {
  border-color: var(--p-orange-50) !important;
}
.hover\:border-orange-100:hover {
  border-color: var(--p-orange-100) !important;
}
.hover\:border-orange-200:hover {
  border-color: var(--p-orange-200) !important;
}
.hover\:border-orange-300:hover {
  border-color: var(--p-orange-300) !important;
}
.hover\:border-orange-400:hover {
  border-color: var(--p-orange-400) !important;
}
.hover\:border-orange-500:hover {
  border-color: var(--p-orange-500) !important;
}
.hover\:border-orange-600:hover {
  border-color: var(--p-orange-600) !important;
}
.hover\:border-orange-700:hover {
  border-color: var(--p-orange-700) !important;
}
.hover\:border-orange-800:hover {
  border-color: var(--p-orange-800) !important;
}
.hover\:border-orange-900:hover {
  border-color: var(--p-orange-900) !important;
}
.active\:border-orange-50:active {
  border-color: var(--p-orange-50) !important;
}
.active\:border-orange-100:active {
  border-color: var(--p-orange-100) !important;
}
.active\:border-orange-200:active {
  border-color: var(--p-orange-200) !important;
}
.active\:border-orange-300:active {
  border-color: var(--p-orange-300) !important;
}
.active\:border-orange-400:active {
  border-color: var(--p-orange-400) !important;
}
.active\:border-orange-500:active {
  border-color: var(--p-orange-500) !important;
}
.active\:border-orange-600:active {
  border-color: var(--p-orange-600) !important;
}
.active\:border-orange-700:active {
  border-color: var(--p-orange-700) !important;
}
.active\:border-orange-800:active {
  border-color: var(--p-orange-800) !important;
}
.active\:border-orange-900:active {
  border-color: var(--p-orange-900) !important;
}
.border-bluegray-50 {
  border-color: var(--p-bluegray-50) !important;
}
.border-bluegray-100 {
  border-color: var(--p-bluegray-100) !important;
}
.border-bluegray-200 {
  border-color: var(--p-bluegray-200) !important;
}
.border-bluegray-300 {
  border-color: var(--p-bluegray-300) !important;
}
.border-bluegray-400 {
  border-color: var(--p-bluegray-400) !important;
}
.border-bluegray-500 {
  border-color: var(--p-bluegray-500) !important;
}
.border-bluegray-600 {
  border-color: var(--p-bluegray-600) !important;
}
.border-bluegray-700 {
  border-color: var(--p-bluegray-700) !important;
}
.border-bluegray-800 {
  border-color: var(--p-bluegray-800) !important;
}
.border-bluegray-900 {
  border-color: var(--p-bluegray-900) !important;
}
.focus\:border-bluegray-50:focus {
  border-color: var(--p-bluegray-50) !important;
}
.focus\:border-bluegray-100:focus {
  border-color: var(--p-bluegray-100) !important;
}
.focus\:border-bluegray-200:focus {
  border-color: var(--p-bluegray-200) !important;
}
.focus\:border-bluegray-300:focus {
  border-color: var(--p-bluegray-300) !important;
}
.focus\:border-bluegray-400:focus {
  border-color: var(--p-bluegray-400) !important;
}
.focus\:border-bluegray-500:focus {
  border-color: var(--p-bluegray-500) !important;
}
.focus\:border-bluegray-600:focus {
  border-color: var(--p-bluegray-600) !important;
}
.focus\:border-bluegray-700:focus {
  border-color: var(--p-bluegray-700) !important;
}
.focus\:border-bluegray-800:focus {
  border-color: var(--p-bluegray-800) !important;
}
.focus\:border-bluegray-900:focus {
  border-color: var(--p-bluegray-900) !important;
}
.hover\:border-bluegray-50:hover {
  border-color: var(--p-bluegray-50) !important;
}
.hover\:border-bluegray-100:hover {
  border-color: var(--p-bluegray-100) !important;
}
.hover\:border-bluegray-200:hover {
  border-color: var(--p-bluegray-200) !important;
}
.hover\:border-bluegray-300:hover {
  border-color: var(--p-bluegray-300) !important;
}
.hover\:border-bluegray-400:hover {
  border-color: var(--p-bluegray-400) !important;
}
.hover\:border-bluegray-500:hover {
  border-color: var(--p-bluegray-500) !important;
}
.hover\:border-bluegray-600:hover {
  border-color: var(--p-bluegray-600) !important;
}
.hover\:border-bluegray-700:hover {
  border-color: var(--p-bluegray-700) !important;
}
.hover\:border-bluegray-800:hover {
  border-color: var(--p-bluegray-800) !important;
}
.hover\:border-bluegray-900:hover {
  border-color: var(--p-bluegray-900) !important;
}
.active\:border-bluegray-50:active {
  border-color: var(--p-bluegray-50) !important;
}
.active\:border-bluegray-100:active {
  border-color: var(--p-bluegray-100) !important;
}
.active\:border-bluegray-200:active {
  border-color: var(--p-bluegray-200) !important;
}
.active\:border-bluegray-300:active {
  border-color: var(--p-bluegray-300) !important;
}
.active\:border-bluegray-400:active {
  border-color: var(--p-bluegray-400) !important;
}
.active\:border-bluegray-500:active {
  border-color: var(--p-bluegray-500) !important;
}
.active\:border-bluegray-600:active {
  border-color: var(--p-bluegray-600) !important;
}
.active\:border-bluegray-700:active {
  border-color: var(--p-bluegray-700) !important;
}
.active\:border-bluegray-800:active {
  border-color: var(--p-bluegray-800) !important;
}
.active\:border-bluegray-900:active {
  border-color: var(--p-bluegray-900) !important;
}
.border-purple-50 {
  border-color: var(--p-purple-50) !important;
}
.border-purple-100 {
  border-color: var(--p-purple-100) !important;
}
.border-purple-200 {
  border-color: var(--p-purple-200) !important;
}
.border-purple-300 {
  border-color: var(--p-purple-300) !important;
}
.border-purple-400 {
  border-color: var(--p-purple-400) !important;
}
.border-purple-500 {
  border-color: var(--p-purple-500) !important;
}
.border-purple-600 {
  border-color: var(--p-purple-600) !important;
}
.border-purple-700 {
  border-color: var(--p-purple-700) !important;
}
.border-purple-800 {
  border-color: var(--p-purple-800) !important;
}
.border-purple-900 {
  border-color: var(--p-purple-900) !important;
}
.focus\:border-purple-50:focus {
  border-color: var(--p-purple-50) !important;
}
.focus\:border-purple-100:focus {
  border-color: var(--p-purple-100) !important;
}
.focus\:border-purple-200:focus {
  border-color: var(--p-purple-200) !important;
}
.focus\:border-purple-300:focus {
  border-color: var(--p-purple-300) !important;
}
.focus\:border-purple-400:focus {
  border-color: var(--p-purple-400) !important;
}
.focus\:border-purple-500:focus {
  border-color: var(--p-purple-500) !important;
}
.focus\:border-purple-600:focus {
  border-color: var(--p-purple-600) !important;
}
.focus\:border-purple-700:focus {
  border-color: var(--p-purple-700) !important;
}
.focus\:border-purple-800:focus {
  border-color: var(--p-purple-800) !important;
}
.focus\:border-purple-900:focus {
  border-color: var(--p-purple-900) !important;
}
.hover\:border-purple-50:hover {
  border-color: var(--p-purple-50) !important;
}
.hover\:border-purple-100:hover {
  border-color: var(--p-purple-100) !important;
}
.hover\:border-purple-200:hover {
  border-color: var(--p-purple-200) !important;
}
.hover\:border-purple-300:hover {
  border-color: var(--p-purple-300) !important;
}
.hover\:border-purple-400:hover {
  border-color: var(--p-purple-400) !important;
}
.hover\:border-purple-500:hover {
  border-color: var(--p-purple-500) !important;
}
.hover\:border-purple-600:hover {
  border-color: var(--p-purple-600) !important;
}
.hover\:border-purple-700:hover {
  border-color: var(--p-purple-700) !important;
}
.hover\:border-purple-800:hover {
  border-color: var(--p-purple-800) !important;
}
.hover\:border-purple-900:hover {
  border-color: var(--p-purple-900) !important;
}
.active\:border-purple-50:active {
  border-color: var(--p-purple-50) !important;
}
.active\:border-purple-100:active {
  border-color: var(--p-purple-100) !important;
}
.active\:border-purple-200:active {
  border-color: var(--p-purple-200) !important;
}
.active\:border-purple-300:active {
  border-color: var(--p-purple-300) !important;
}
.active\:border-purple-400:active {
  border-color: var(--p-purple-400) !important;
}
.active\:border-purple-500:active {
  border-color: var(--p-purple-500) !important;
}
.active\:border-purple-600:active {
  border-color: var(--p-purple-600) !important;
}
.active\:border-purple-700:active {
  border-color: var(--p-purple-700) !important;
}
.active\:border-purple-800:active {
  border-color: var(--p-purple-800) !important;
}
.active\:border-purple-900:active {
  border-color: var(--p-purple-900) !important;
}
.border-gray-50 {
  border-color: var(--p-gray-50) !important;
}
.border-gray-100 {
  border-color: var(--p-gray-100) !important;
}
.border-gray-200 {
  border-color: var(--p-gray-200) !important;
}
.border-gray-300 {
  border-color: var(--p-gray-300) !important;
}
.border-gray-400 {
  border-color: var(--p-gray-400) !important;
}
.border-gray-500 {
  border-color: var(--p-gray-500) !important;
}
.border-gray-600 {
  border-color: var(--p-gray-600) !important;
}
.border-gray-700 {
  border-color: var(--p-gray-700) !important;
}
.border-gray-800 {
  border-color: var(--p-gray-800) !important;
}
.border-gray-900 {
  border-color: var(--p-gray-900) !important;
}
.focus\:border-gray-50:focus {
  border-color: var(--p-gray-50) !important;
}
.focus\:border-gray-100:focus {
  border-color: var(--p-gray-100) !important;
}
.focus\:border-gray-200:focus {
  border-color: var(--p-gray-200) !important;
}
.focus\:border-gray-300:focus {
  border-color: var(--p-gray-300) !important;
}
.focus\:border-gray-400:focus {
  border-color: var(--p-gray-400) !important;
}
.focus\:border-gray-500:focus {
  border-color: var(--p-gray-500) !important;
}
.focus\:border-gray-600:focus {
  border-color: var(--p-gray-600) !important;
}
.focus\:border-gray-700:focus {
  border-color: var(--p-gray-700) !important;
}
.focus\:border-gray-800:focus {
  border-color: var(--p-gray-800) !important;
}
.focus\:border-gray-900:focus {
  border-color: var(--p-gray-900) !important;
}
.hover\:border-gray-50:hover {
  border-color: var(--p-gray-50) !important;
}
.hover\:border-gray-100:hover {
  border-color: var(--p-gray-100) !important;
}
.hover\:border-gray-200:hover {
  border-color: var(--p-gray-200) !important;
}
.hover\:border-gray-300:hover {
  border-color: var(--p-gray-300) !important;
}
.hover\:border-gray-400:hover {
  border-color: var(--p-gray-400) !important;
}
.hover\:border-gray-500:hover {
  border-color: var(--p-gray-500) !important;
}
.hover\:border-gray-600:hover {
  border-color: var(--p-gray-600) !important;
}
.hover\:border-gray-700:hover {
  border-color: var(--p-gray-700) !important;
}
.hover\:border-gray-800:hover {
  border-color: var(--p-gray-800) !important;
}
.hover\:border-gray-900:hover {
  border-color: var(--p-gray-900) !important;
}
.active\:border-gray-50:active {
  border-color: var(--p-gray-50) !important;
}
.active\:border-gray-100:active {
  border-color: var(--p-gray-100) !important;
}
.active\:border-gray-200:active {
  border-color: var(--p-gray-200) !important;
}
.active\:border-gray-300:active {
  border-color: var(--p-gray-300) !important;
}
.active\:border-gray-400:active {
  border-color: var(--p-gray-400) !important;
}
.active\:border-gray-500:active {
  border-color: var(--p-gray-500) !important;
}
.active\:border-gray-600:active {
  border-color: var(--p-gray-600) !important;
}
.active\:border-gray-700:active {
  border-color: var(--p-gray-700) !important;
}
.active\:border-gray-800:active {
  border-color: var(--p-gray-800) !important;
}
.active\:border-gray-900:active {
  border-color: var(--p-gray-900) !important;
}
.border-red-50 {
  border-color: var(--p-red-50) !important;
}
.border-red-100 {
  border-color: var(--p-red-100) !important;
}
.border-red-200 {
  border-color: var(--p-red-200) !important;
}
.border-red-300 {
  border-color: var(--p-red-300) !important;
}
.border-red-400 {
  border-color: var(--p-red-400) !important;
}
.border-red-500 {
  border-color: var(--p-red-500) !important;
}
.border-red-600 {
  border-color: var(--p-red-600) !important;
}
.border-red-700 {
  border-color: var(--p-red-700) !important;
}
.border-red-800 {
  border-color: var(--p-red-800) !important;
}
.border-red-900 {
  border-color: var(--p-red-900) !important;
}
.focus\:border-red-50:focus {
  border-color: var(--p-red-50) !important;
}
.focus\:border-red-100:focus {
  border-color: var(--p-red-100) !important;
}
.focus\:border-red-200:focus {
  border-color: var(--p-red-200) !important;
}
.focus\:border-red-300:focus {
  border-color: var(--p-red-300) !important;
}
.focus\:border-red-400:focus {
  border-color: var(--p-red-400) !important;
}
.focus\:border-red-500:focus {
  border-color: var(--p-red-500) !important;
}
.focus\:border-red-600:focus {
  border-color: var(--p-red-600) !important;
}
.focus\:border-red-700:focus {
  border-color: var(--p-red-700) !important;
}
.focus\:border-red-800:focus {
  border-color: var(--p-red-800) !important;
}
.focus\:border-red-900:focus {
  border-color: var(--p-red-900) !important;
}
.hover\:border-red-50:hover {
  border-color: var(--p-red-50) !important;
}
.hover\:border-red-100:hover {
  border-color: var(--p-red-100) !important;
}
.hover\:border-red-200:hover {
  border-color: var(--p-red-200) !important;
}
.hover\:border-red-300:hover {
  border-color: var(--p-red-300) !important;
}
.hover\:border-red-400:hover {
  border-color: var(--p-red-400) !important;
}
.hover\:border-red-500:hover {
  border-color: var(--p-red-500) !important;
}
.hover\:border-red-600:hover {
  border-color: var(--p-red-600) !important;
}
.hover\:border-red-700:hover {
  border-color: var(--p-red-700) !important;
}
.hover\:border-red-800:hover {
  border-color: var(--p-red-800) !important;
}
.hover\:border-red-900:hover {
  border-color: var(--p-red-900) !important;
}
.active\:border-red-50:active {
  border-color: var(--p-red-50) !important;
}
.active\:border-red-100:active {
  border-color: var(--p-red-100) !important;
}
.active\:border-red-200:active {
  border-color: var(--p-red-200) !important;
}
.active\:border-red-300:active {
  border-color: var(--p-red-300) !important;
}
.active\:border-red-400:active {
  border-color: var(--p-red-400) !important;
}
.active\:border-red-500:active {
  border-color: var(--p-red-500) !important;
}
.active\:border-red-600:active {
  border-color: var(--p-red-600) !important;
}
.active\:border-red-700:active {
  border-color: var(--p-red-700) !important;
}
.active\:border-red-800:active {
  border-color: var(--p-red-800) !important;
}
.active\:border-red-900:active {
  border-color: var(--p-red-900) !important;
}
.border-primary-50 {
  border-color: var(--p-primary-50) !important;
}
.border-primary-100 {
  border-color: var(--p-primary-100) !important;
}
.border-primary-200 {
  border-color: var(--p-primary-200) !important;
}
.border-primary-300 {
  border-color: var(--p-primary-300) !important;
}
.border-primary-400 {
  border-color: var(--p-primary-400) !important;
}
.border-primary-500 {
  border-color: var(--p-primary-500) !important;
}
.border-primary-600 {
  border-color: var(--p-primary-600) !important;
}
.border-primary-700 {
  border-color: var(--p-primary-700) !important;
}
.border-primary-800 {
  border-color: var(--p-primary-800) !important;
}
.border-primary-900 {
  border-color: var(--p-primary-900) !important;
}
.focus\:border-primary-50:focus {
  border-color: var(--p-primary-50) !important;
}
.focus\:border-primary-100:focus {
  border-color: var(--p-primary-100) !important;
}
.focus\:border-primary-200:focus {
  border-color: var(--p-primary-200) !important;
}
.focus\:border-primary-300:focus {
  border-color: var(--p-primary-300) !important;
}
.focus\:border-primary-400:focus {
  border-color: var(--p-primary-400) !important;
}
.focus\:border-primary-500:focus {
  border-color: var(--p-primary-500) !important;
}
.focus\:border-primary-600:focus {
  border-color: var(--p-primary-600) !important;
}
.focus\:border-primary-700:focus {
  border-color: var(--p-primary-700) !important;
}
.focus\:border-primary-800:focus {
  border-color: var(--p-primary-800) !important;
}
.focus\:border-primary-900:focus {
  border-color: var(--p-primary-900) !important;
}
.hover\:border-primary-50:hover {
  border-color: var(--p-primary-50) !important;
}
.hover\:border-primary-100:hover {
  border-color: var(--p-primary-100) !important;
}
.hover\:border-primary-200:hover {
  border-color: var(--p-primary-200) !important;
}
.hover\:border-primary-300:hover {
  border-color: var(--p-primary-300) !important;
}
.hover\:border-primary-400:hover {
  border-color: var(--p-primary-400) !important;
}
.hover\:border-primary-500:hover {
  border-color: var(--p-primary-500) !important;
}
.hover\:border-primary-600:hover {
  border-color: var(--p-primary-600) !important;
}
.hover\:border-primary-700:hover {
  border-color: var(--p-primary-700) !important;
}
.hover\:border-primary-800:hover {
  border-color: var(--p-primary-800) !important;
}
.hover\:border-primary-900:hover {
  border-color: var(--p-primary-900) !important;
}
.active\:border-primary-50:active {
  border-color: var(--p-primary-50) !important;
}
.active\:border-primary-100:active {
  border-color: var(--p-primary-100) !important;
}
.active\:border-primary-200:active {
  border-color: var(--p-primary-200) !important;
}
.active\:border-primary-300:active {
  border-color: var(--p-primary-300) !important;
}
.active\:border-primary-400:active {
  border-color: var(--p-primary-400) !important;
}
.active\:border-primary-500:active {
  border-color: var(--p-primary-500) !important;
}
.active\:border-primary-600:active {
  border-color: var(--p-primary-600) !important;
}
.active\:border-primary-700:active {
  border-color: var(--p-primary-700) !important;
}
.active\:border-primary-800:active {
  border-color: var(--p-primary-800) !important;
}
.active\:border-primary-900:active {
  border-color: var(--p-primary-900) !important;
}
.bg-white-alpha-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.bg-white-alpha-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.bg-white-alpha-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.bg-white-alpha-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.bg-white-alpha-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-white-alpha-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.bg-white-alpha-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.bg-white-alpha-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-white-alpha-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.hover\:bg-white-alpha-10:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.hover\:bg-white-alpha-20:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.hover\:bg-white-alpha-30:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.hover\:bg-white-alpha-40:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.hover\:bg-white-alpha-50:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.hover\:bg-white-alpha-60:hover {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.hover\:bg-white-alpha-70:hover {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.hover\:bg-white-alpha-80:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.hover\:bg-white-alpha-90:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.focus\:bg-white-alpha-10:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.focus\:bg-white-alpha-20:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.focus\:bg-white-alpha-30:focus {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.focus\:bg-white-alpha-40:focus {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.focus\:bg-white-alpha-50:focus {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.focus\:bg-white-alpha-60:focus {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.focus\:bg-white-alpha-70:focus {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.focus\:bg-white-alpha-80:focus {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.focus\:bg-white-alpha-90:focus {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.active\:bg-white-alpha-10:active {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.active\:bg-white-alpha-20:active {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.active\:bg-white-alpha-30:active {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.active\:bg-white-alpha-40:active {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.active\:bg-white-alpha-50:active {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.active\:bg-white-alpha-60:active {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.active\:bg-white-alpha-70:active {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.active\:bg-white-alpha-80:active {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.active\:bg-white-alpha-90:active {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.bg-black-alpha-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.bg-black-alpha-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.bg-black-alpha-30 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.bg-black-alpha-40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.bg-black-alpha-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.bg-black-alpha-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.bg-black-alpha-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.bg-black-alpha-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.bg-black-alpha-90 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.hover\:bg-black-alpha-10:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.hover\:bg-black-alpha-20:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.hover\:bg-black-alpha-30:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.hover\:bg-black-alpha-40:hover {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.hover\:bg-black-alpha-50:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.hover\:bg-black-alpha-60:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.hover\:bg-black-alpha-70:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.hover\:bg-black-alpha-80:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.hover\:bg-black-alpha-90:hover {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.focus\:bg-black-alpha-10:focus {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.focus\:bg-black-alpha-20:focus {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.focus\:bg-black-alpha-30:focus {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.focus\:bg-black-alpha-40:focus {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.focus\:bg-black-alpha-50:focus {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.focus\:bg-black-alpha-60:focus {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.focus\:bg-black-alpha-70:focus {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.focus\:bg-black-alpha-80:focus {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.focus\:bg-black-alpha-90:focus {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.active\:bg-black-alpha-10:active {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.active\:bg-black-alpha-20:active {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.active\:bg-black-alpha-30:active {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.active\:bg-black-alpha-40:active {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.active\:bg-black-alpha-50:active {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.active\:bg-black-alpha-60:active {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.active\:bg-black-alpha-70:active {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.active\:bg-black-alpha-80:active {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.active\:bg-black-alpha-90:active {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.border-white-alpha-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.border-white-alpha-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.border-white-alpha-30 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.border-white-alpha-40 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.border-white-alpha-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.border-white-alpha-60 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.border-white-alpha-70 {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-white-alpha-80 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.border-white-alpha-90 {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.hover\:border-white-alpha-10:hover {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.hover\:border-white-alpha-20:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.hover\:border-white-alpha-30:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.hover\:border-white-alpha-40:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.hover\:border-white-alpha-50:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.hover\:border-white-alpha-60:hover {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.hover\:border-white-alpha-70:hover {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.hover\:border-white-alpha-80:hover {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.hover\:border-white-alpha-90:hover {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.focus\:border-white-alpha-10:focus {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.focus\:border-white-alpha-20:focus {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.focus\:border-white-alpha-30:focus {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.focus\:border-white-alpha-40:focus {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.focus\:border-white-alpha-50:focus {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.focus\:border-white-alpha-60:focus {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.focus\:border-white-alpha-70:focus {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.focus\:border-white-alpha-80:focus {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.focus\:border-white-alpha-90:focus {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.active\:border-white-alpha-10:active {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.active\:border-white-alpha-20:active {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.active\:border-white-alpha-30:active {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.active\:border-white-alpha-40:active {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.active\:border-white-alpha-50:active {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.active\:border-white-alpha-60:active {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.active\:border-white-alpha-70:active {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.active\:border-white-alpha-80:active {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.active\:border-white-alpha-90:active {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.border-black-alpha-10 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.border-black-alpha-20 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.border-black-alpha-30 {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.border-black-alpha-40 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.border-black-alpha-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.border-black-alpha-60 {
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.border-black-alpha-70 {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.border-black-alpha-80 {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.border-black-alpha-90 {
  border-color: rgba(0, 0, 0, 0.9) !important;
}
.hover\:border-black-alpha-10:hover {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.hover\:border-black-alpha-20:hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.hover\:border-black-alpha-30:hover {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.hover\:border-black-alpha-40:hover {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.hover\:border-black-alpha-50:hover {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.hover\:border-black-alpha-60:hover {
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.hover\:border-black-alpha-70:hover {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.hover\:border-black-alpha-80:hover {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.hover\:border-black-alpha-90:hover {
  border-color: rgba(0, 0, 0, 0.9) !important;
}
.focus\:border-black-alpha-10:focus {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.focus\:border-black-alpha-20:focus {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.focus\:border-black-alpha-30:focus {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.focus\:border-black-alpha-40:focus {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.focus\:border-black-alpha-50:focus {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.focus\:border-black-alpha-60:focus {
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.focus\:border-black-alpha-70:focus {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.focus\:border-black-alpha-80:focus {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.focus\:border-black-alpha-90:focus {
  border-color: rgba(0, 0, 0, 0.9) !important;
}
.active\:border-black-alpha-10:active {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.active\:border-black-alpha-20:active {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.active\:border-black-alpha-30:active {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.active\:border-black-alpha-40:active {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.active\:border-black-alpha-50:active {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.active\:border-black-alpha-60:active {
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.active\:border-black-alpha-70:active {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.active\:border-black-alpha-80:active {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.active\:border-black-alpha-90:active {
  border-color: rgba(0, 0, 0, 0.9) !important;
}
.text-white-alpha-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}
.text-white-alpha-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}
.text-white-alpha-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}
.text-white-alpha-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}
.text-white-alpha-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-white-alpha-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}
.text-white-alpha-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}
.text-white-alpha-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}
.text-white-alpha-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}
.hover\:text-white-alpha-10:hover {
  color: rgba(255, 255, 255, 0.1) !important;
}
.hover\:text-white-alpha-20:hover {
  color: rgba(255, 255, 255, 0.2) !important;
}
.hover\:text-white-alpha-30:hover {
  color: rgba(255, 255, 255, 0.3) !important;
}
.hover\:text-white-alpha-40:hover {
  color: rgba(255, 255, 255, 0.4) !important;
}
.hover\:text-white-alpha-50:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}
.hover\:text-white-alpha-60:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}
.hover\:text-white-alpha-70:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}
.hover\:text-white-alpha-80:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}
.hover\:text-white-alpha-90:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}
.focus\:text-white-alpha-10:focus {
  color: rgba(255, 255, 255, 0.1) !important;
}
.focus\:text-white-alpha-20:focus {
  color: rgba(255, 255, 255, 0.2) !important;
}
.focus\:text-white-alpha-30:focus {
  color: rgba(255, 255, 255, 0.3) !important;
}
.focus\:text-white-alpha-40:focus {
  color: rgba(255, 255, 255, 0.4) !important;
}
.focus\:text-white-alpha-50:focus {
  color: rgba(255, 255, 255, 0.5) !important;
}
.focus\:text-white-alpha-60:focus {
  color: rgba(255, 255, 255, 0.6) !important;
}
.focus\:text-white-alpha-70:focus {
  color: rgba(255, 255, 255, 0.7) !important;
}
.focus\:text-white-alpha-80:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}
.focus\:text-white-alpha-90:focus {
  color: rgba(255, 255, 255, 0.9) !important;
}
.active\:text-white-alpha-10:active {
  color: rgba(255, 255, 255, 0.1) !important;
}
.active\:text-white-alpha-20:active {
  color: rgba(255, 255, 255, 0.2) !important;
}
.active\:text-white-alpha-30:active {
  color: rgba(255, 255, 255, 0.3) !important;
}
.active\:text-white-alpha-40:active {
  color: rgba(255, 255, 255, 0.4) !important;
}
.active\:text-white-alpha-50:active {
  color: rgba(255, 255, 255, 0.5) !important;
}
.active\:text-white-alpha-60:active {
  color: rgba(255, 255, 255, 0.6) !important;
}
.active\:text-white-alpha-70:active {
  color: rgba(255, 255, 255, 0.7) !important;
}
.active\:text-white-alpha-80:active {
  color: rgba(255, 255, 255, 0.8) !important;
}
.active\:text-white-alpha-90:active {
  color: rgba(255, 255, 255, 0.9) !important;
}
.text-black-alpha-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}
.text-black-alpha-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}
.text-black-alpha-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}
.text-black-alpha-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}
.text-black-alpha-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-black-alpha-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}
.text-black-alpha-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}
.text-black-alpha-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}
.text-black-alpha-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}
.hover\:text-black-alpha-10:hover {
  color: rgba(0, 0, 0, 0.1) !important;
}
.hover\:text-black-alpha-20:hover {
  color: rgba(0, 0, 0, 0.2) !important;
}
.hover\:text-black-alpha-30:hover {
  color: rgba(0, 0, 0, 0.3) !important;
}
.hover\:text-black-alpha-40:hover {
  color: rgba(0, 0, 0, 0.4) !important;
}
.hover\:text-black-alpha-50:hover {
  color: rgba(0, 0, 0, 0.5) !important;
}
.hover\:text-black-alpha-60:hover {
  color: rgba(0, 0, 0, 0.6) !important;
}
.hover\:text-black-alpha-70:hover {
  color: rgba(0, 0, 0, 0.7) !important;
}
.hover\:text-black-alpha-80:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}
.hover\:text-black-alpha-90:hover {
  color: rgba(0, 0, 0, 0.9) !important;
}
.focus\:text-black-alpha-10:focus {
  color: rgba(0, 0, 0, 0.1) !important;
}
.focus\:text-black-alpha-20:focus {
  color: rgba(0, 0, 0, 0.2) !important;
}
.focus\:text-black-alpha-30:focus {
  color: rgba(0, 0, 0, 0.3) !important;
}
.focus\:text-black-alpha-40:focus {
  color: rgba(0, 0, 0, 0.4) !important;
}
.focus\:text-black-alpha-50:focus {
  color: rgba(0, 0, 0, 0.5) !important;
}
.focus\:text-black-alpha-60:focus {
  color: rgba(0, 0, 0, 0.6) !important;
}
.focus\:text-black-alpha-70:focus {
  color: rgba(0, 0, 0, 0.7) !important;
}
.focus\:text-black-alpha-80:focus {
  color: rgba(0, 0, 0, 0.8) !important;
}
.focus\:text-black-alpha-90:focus {
  color: rgba(0, 0, 0, 0.9) !important;
}
.active\:text-black-alpha-10:active {
  color: rgba(0, 0, 0, 0.1) !important;
}
.active\:text-black-alpha-20:active {
  color: rgba(0, 0, 0, 0.2) !important;
}
.active\:text-black-alpha-30:active {
  color: rgba(0, 0, 0, 0.3) !important;
}
.active\:text-black-alpha-40:active {
  color: rgba(0, 0, 0, 0.4) !important;
}
.active\:text-black-alpha-50:active {
  color: rgba(0, 0, 0, 0.5) !important;
}
.active\:text-black-alpha-60:active {
  color: rgba(0, 0, 0, 0.6) !important;
}
.active\:text-black-alpha-70:active {
  color: rgba(0, 0, 0, 0.7) !important;
}
.active\:text-black-alpha-80:active {
  color: rgba(0, 0, 0, 0.8) !important;
}
.active\:text-black-alpha-90:active {
  color: rgba(0, 0, 0, 0.9) !important;
}
.text-primary {
  color: var(--p-primary-color) !important;
}
.bg-primary {
  color: var(--p-primary-contrast-color) !important;
  background-color: var(--p-primary-color) !important;
}
.bg-primary-reverse {
  color: var(--p-primary-color) !important;
  background-color: var(--p-primary-contrast-color) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.border-primary {
  border-color: var(--p-primary-color) !important;
}
.text-white {
  color: #ffffff !important;
}
.border-white {
  border-color: #ffffff !important;
}
.text-color {
  color: var(--p-text-color) !important;
}
.text-color-secondary {
  color: var(--p-text-muted-color) !important;
}
.surface-ground {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
}
.surface-section {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
}
.surface-card {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.surface-overlay {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.surface-hover {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
}
.surface-border {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
}
.focus\:text-primary:focus {
  color: var(--p-primary-color) !important;
}
.hover\:text-primary:hover {
  color: var(--p-primary-color) !important;
}
.active\:text-primary:active {
  color: var(--p-primary-color) !important;
}
.focus\:bg-primary:focus {
  color: var(--p-primary-contrast-color) !important;
  background-color: var(--p-primary-color) !important;
}
.hover\:bg-primary:hover {
  color: var(--p-primary-contrast-color) !important;
  background-color: var(--p-primary-color) !important;
}
.active\:bg-primary:active {
  color: var(--p-primary-contrast-color) !important;
  background-color: var(--p-primary-color) !important;
}
.focus\:bg-primary-reverse:focus {
  color: var(--p-primary-color) !important;
  background-color: var(--p-primary-contrast-color) !important;
}
.hover\:bg-primary-reverse:hover {
  color: var(--p-primary-color) !important;
  background-color: var(--p-primary-contrast-color) !important;
}
.active\:bg-primary-reverse:active {
  color: var(--p-primary-color) !important;
  background-color: var(--p-primary-contrast-color) !important;
}
.focus\:bg-white:focus {
  background-color: #ffffff !important;
}
.hover\:bg-white:hover {
  background-color: #ffffff !important;
}
.active\:bg-white:active {
  background-color: #ffffff !important;
}
.focus\:border-primary:focus {
  border-color: var(--p-primary-color) !important;
}
.hover\:border-primary:hover {
  border-color: var(--p-primary-color) !important;
}
.active\:border-primary:active {
  border-color: var(--p-primary-color) !important;
}
.focus\:text-white:focus {
  color: #ffffff !important;
}
.hover\:text-white:hover {
  color: #ffffff !important;
}
.active\:text-white:active {
  color: #ffffff !important;
}
.focus\:border-white:focus {
  border-color: #ffffff !important;
}
.hover\:border-white:hover {
  border-color: #ffffff !important;
}
.active\:border-white:active {
  border-color: #ffffff !important;
}
.focus\:text-color:focus {
  color: var(--p-text-color) !important;
}
.hover\:text-color:hover {
  color: var(--p-text-color) !important;
}
.active\:text-color:active {
  color: var(--p-text-color) !important;
}
.focus\:text-color-secondary:focus {
  color: var(--p-text-muted-color) !important;
}
.hover\:text-color-secondary:hover {
  color: var(--p-text-muted-color) !important;
}
.active\:text-color-secondary:active {
  color: var(--p-text-muted-color) !important;
}
.focus\:surface-ground:focus {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
}
.hover\:surface-ground:hover {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
}
.active\:surface-ground:active {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
}
.focus\:surface-section:focus {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
}
.hover\:surface-section:hover {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
}
.active\:surface-section:active {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
}
.focus\:surface-card:focus {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.hover\:surface-card:hover {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.active\:surface-card:active {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.focus\:surface-overlay:focus {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.hover\:surface-overlay:hover {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.active\:surface-overlay:active {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}
.focus\:surface-hover:focus {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
}
.hover\:surface-hover:hover {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
}
.active\:surface-hover:active {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
}
.focus\:surface-border:focus {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
}
.hover\:surface-border:hover {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
}
.active\:surface-border:active {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-primary {
    color: var(--p-primary-color) !important;
  }
  .sm\:bg-primary {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .sm\:bg-primary-reverse {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .sm\:bg-white {
    background-color: #ffffff !important;
  }
  .sm\:border-primary {
    border-color: var(--p-primary-color) !important;
  }
  .sm\:text-white {
    color: #ffffff !important;
  }
  .sm\:border-white {
    border-color: #ffffff !important;
  }
  .sm\:text-color {
    color: var(--p-text-color) !important;
  }
  .sm\:text-color-secondary {
    color: var(--p-text-muted-color) !important;
  }
  .sm\:surface-ground {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .sm\:surface-section {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .sm\:surface-card {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:surface-overlay {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:surface-hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .sm\:surface-border {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .sm\:focus\:text-primary:focus {
    color: var(--p-primary-color) !important;
  }
  .sm\:hover\:text-primary:hover {
    color: var(--p-primary-color) !important;
  }
  .sm\:active\:text-primary:active {
    color: var(--p-primary-color) !important;
  }
  .sm\:focus\:bg-primary:focus {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .sm\:hover\:bg-primary:hover {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .sm\:active\:bg-primary:active {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .sm\:focus\:bg-primary-reverse:focus {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .sm\:hover\:bg-primary-reverse:hover {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .sm\:active\:bg-primary-reverse:active {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .sm\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sm\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sm\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sm\:focus\:border-primary:focus {
    border-color: var(--p-primary-color) !important;
  }
  .sm\:hover\:border-primary:hover {
    border-color: var(--p-primary-color) !important;
  }
  .sm\:active\:border-primary:active {
    border-color: var(--p-primary-color) !important;
  }
  .sm\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sm\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sm\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sm\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sm\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sm\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sm\:focus\:text-color:focus {
    color: var(--p-text-color) !important;
  }
  .sm\:hover\:text-color:hover {
    color: var(--p-text-color) !important;
  }
  .sm\:active\:text-color:active {
    color: var(--p-text-color) !important;
  }
  .sm\:focus\:text-color-secondary:focus {
    color: var(--p-text-muted-color) !important;
  }
  .sm\:hover\:text-color-secondary:hover {
    color: var(--p-text-muted-color) !important;
  }
  .sm\:active\:text-color-secondary:active {
    color: var(--p-text-muted-color) !important;
  }
  .sm\:focus\:surface-ground:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .sm\:hover\:surface-ground:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .sm\:active\:surface-ground:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .sm\:focus\:surface-section:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .sm\:hover\:surface-section:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .sm\:active\:surface-section:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .sm\:focus\:surface-card:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:hover\:surface-card:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:active\:surface-card:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:focus\:surface-overlay:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:hover\:surface-overlay:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:active\:surface-overlay:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:focus\:surface-hover:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .sm\:hover\:surface-hover:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .sm\:active\:surface-hover:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .sm\:focus\:surface-border:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .sm\:hover\:surface-border:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .sm\:active\:surface-border:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-primary {
    color: var(--p-primary-color) !important;
  }
  .md\:bg-primary {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .md\:bg-primary-reverse {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .md\:bg-white {
    background-color: #ffffff !important;
  }
  .md\:border-primary {
    border-color: var(--p-primary-color) !important;
  }
  .md\:text-white {
    color: #ffffff !important;
  }
  .md\:border-white {
    border-color: #ffffff !important;
  }
  .md\:text-color {
    color: var(--p-text-color) !important;
  }
  .md\:text-color-secondary {
    color: var(--p-text-muted-color) !important;
  }
  .md\:surface-ground {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .md\:surface-section {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .md\:surface-card {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:surface-overlay {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:surface-hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .md\:surface-border {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .md\:focus\:text-primary:focus {
    color: var(--p-primary-color) !important;
  }
  .md\:hover\:text-primary:hover {
    color: var(--p-primary-color) !important;
  }
  .md\:active\:text-primary:active {
    color: var(--p-primary-color) !important;
  }
  .md\:focus\:bg-primary:focus {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .md\:hover\:bg-primary:hover {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .md\:active\:bg-primary:active {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .md\:focus\:bg-primary-reverse:focus {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .md\:hover\:bg-primary-reverse:hover {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .md\:active\:bg-primary-reverse:active {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .md\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .md\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .md\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .md\:focus\:border-primary:focus {
    border-color: var(--p-primary-color) !important;
  }
  .md\:hover\:border-primary:hover {
    border-color: var(--p-primary-color) !important;
  }
  .md\:active\:border-primary:active {
    border-color: var(--p-primary-color) !important;
  }
  .md\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .md\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .md\:active\:text-white:active {
    color: #ffffff !important;
  }
  .md\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .md\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .md\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .md\:focus\:text-color:focus {
    color: var(--p-text-color) !important;
  }
  .md\:hover\:text-color:hover {
    color: var(--p-text-color) !important;
  }
  .md\:active\:text-color:active {
    color: var(--p-text-color) !important;
  }
  .md\:focus\:text-color-secondary:focus {
    color: var(--p-text-muted-color) !important;
  }
  .md\:hover\:text-color-secondary:hover {
    color: var(--p-text-muted-color) !important;
  }
  .md\:active\:text-color-secondary:active {
    color: var(--p-text-muted-color) !important;
  }
  .md\:focus\:surface-ground:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .md\:hover\:surface-ground:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .md\:active\:surface-ground:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .md\:focus\:surface-section:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .md\:hover\:surface-section:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .md\:active\:surface-section:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .md\:focus\:surface-card:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:hover\:surface-card:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:active\:surface-card:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:focus\:surface-overlay:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:hover\:surface-overlay:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:active\:surface-overlay:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:focus\:surface-hover:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .md\:hover\:surface-hover:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .md\:active\:surface-hover:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .md\:focus\:surface-border:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .md\:hover\:surface-border:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .md\:active\:surface-border:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-primary {
    color: var(--p-primary-color) !important;
  }
  .lg\:bg-primary {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .lg\:bg-primary-reverse {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .lg\:bg-white {
    background-color: #ffffff !important;
  }
  .lg\:border-primary {
    border-color: var(--p-primary-color) !important;
  }
  .lg\:text-white {
    color: #ffffff !important;
  }
  .lg\:border-white {
    border-color: #ffffff !important;
  }
  .lg\:text-color {
    color: var(--p-text-color) !important;
  }
  .lg\:text-color-secondary {
    color: var(--p-text-muted-color) !important;
  }
  .lg\:surface-ground {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .lg\:surface-section {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .lg\:surface-card {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:surface-overlay {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:surface-hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .lg\:surface-border {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .lg\:focus\:text-primary:focus {
    color: var(--p-primary-color) !important;
  }
  .lg\:hover\:text-primary:hover {
    color: var(--p-primary-color) !important;
  }
  .lg\:active\:text-primary:active {
    color: var(--p-primary-color) !important;
  }
  .lg\:focus\:bg-primary:focus {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .lg\:hover\:bg-primary:hover {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .lg\:active\:bg-primary:active {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .lg\:focus\:bg-primary-reverse:focus {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .lg\:hover\:bg-primary-reverse:hover {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .lg\:active\:bg-primary-reverse:active {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .lg\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .lg\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .lg\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .lg\:focus\:border-primary:focus {
    border-color: var(--p-primary-color) !important;
  }
  .lg\:hover\:border-primary:hover {
    border-color: var(--p-primary-color) !important;
  }
  .lg\:active\:border-primary:active {
    border-color: var(--p-primary-color) !important;
  }
  .lg\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .lg\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .lg\:active\:text-white:active {
    color: #ffffff !important;
  }
  .lg\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .lg\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .lg\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .lg\:focus\:text-color:focus {
    color: var(--p-text-color) !important;
  }
  .lg\:hover\:text-color:hover {
    color: var(--p-text-color) !important;
  }
  .lg\:active\:text-color:active {
    color: var(--p-text-color) !important;
  }
  .lg\:focus\:text-color-secondary:focus {
    color: var(--p-text-muted-color) !important;
  }
  .lg\:hover\:text-color-secondary:hover {
    color: var(--p-text-muted-color) !important;
  }
  .lg\:active\:text-color-secondary:active {
    color: var(--p-text-muted-color) !important;
  }
  .lg\:focus\:surface-ground:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .lg\:hover\:surface-ground:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .lg\:active\:surface-ground:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .lg\:focus\:surface-section:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .lg\:hover\:surface-section:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .lg\:active\:surface-section:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .lg\:focus\:surface-card:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:hover\:surface-card:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:active\:surface-card:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:focus\:surface-overlay:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:hover\:surface-overlay:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:active\:surface-overlay:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:focus\:surface-hover:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .lg\:hover\:surface-hover:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .lg\:active\:surface-hover:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .lg\:focus\:surface-border:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .lg\:hover\:surface-border:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .lg\:active\:surface-border:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-primary {
    color: var(--p-primary-color) !important;
  }
  .xl\:bg-primary {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .xl\:bg-primary-reverse {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .xl\:bg-white {
    background-color: #ffffff !important;
  }
  .xl\:border-primary {
    border-color: var(--p-primary-color) !important;
  }
  .xl\:text-white {
    color: #ffffff !important;
  }
  .xl\:border-white {
    border-color: #ffffff !important;
  }
  .xl\:text-color {
    color: var(--p-text-color) !important;
  }
  .xl\:text-color-secondary {
    color: var(--p-text-muted-color) !important;
  }
  .xl\:surface-ground {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .xl\:surface-section {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .xl\:surface-card {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:surface-overlay {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:surface-hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .xl\:surface-border {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .xl\:focus\:text-primary:focus {
    color: var(--p-primary-color) !important;
  }
  .xl\:hover\:text-primary:hover {
    color: var(--p-primary-color) !important;
  }
  .xl\:active\:text-primary:active {
    color: var(--p-primary-color) !important;
  }
  .xl\:focus\:bg-primary:focus {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .xl\:hover\:bg-primary:hover {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .xl\:active\:bg-primary:active {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .xl\:focus\:bg-primary-reverse:focus {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .xl\:hover\:bg-primary-reverse:hover {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .xl\:active\:bg-primary-reverse:active {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .xl\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .xl\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .xl\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .xl\:focus\:border-primary:focus {
    border-color: var(--p-primary-color) !important;
  }
  .xl\:hover\:border-primary:hover {
    border-color: var(--p-primary-color) !important;
  }
  .xl\:active\:border-primary:active {
    border-color: var(--p-primary-color) !important;
  }
  .xl\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .xl\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .xl\:active\:text-white:active {
    color: #ffffff !important;
  }
  .xl\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .xl\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .xl\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .xl\:focus\:text-color:focus {
    color: var(--p-text-color) !important;
  }
  .xl\:hover\:text-color:hover {
    color: var(--p-text-color) !important;
  }
  .xl\:active\:text-color:active {
    color: var(--p-text-color) !important;
  }
  .xl\:focus\:text-color-secondary:focus {
    color: var(--p-text-muted-color) !important;
  }
  .xl\:hover\:text-color-secondary:hover {
    color: var(--p-text-muted-color) !important;
  }
  .xl\:active\:text-color-secondary:active {
    color: var(--p-text-muted-color) !important;
  }
  .xl\:focus\:surface-ground:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .xl\:hover\:surface-ground:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .xl\:active\:surface-ground:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .xl\:focus\:surface-section:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .xl\:hover\:surface-section:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .xl\:active\:surface-section:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .xl\:focus\:surface-card:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:hover\:surface-card:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:active\:surface-card:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:focus\:surface-overlay:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:hover\:surface-overlay:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:active\:surface-overlay:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:focus\:surface-hover:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .xl\:hover\:surface-hover:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .xl\:active\:surface-hover:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .xl\:focus\:surface-border:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .xl\:hover\:surface-border:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .xl\:active\:surface-border:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
}
.field {
  margin-bottom: 1rem;
}
.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.field.grid > label {
  display: flex;
  align-items: center;
}
.field > small {
  margin-top: 0.25rem;
}
.field.grid,
.formgrid.grid {
  margin-top: 0;
}
.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}
.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}
.hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
}
.underline {
  text-decoration: underline !important;
}
.line-through {
  text-decoration: line-through !important;
}
.no-underline {
  text-decoration: none !important;
}
.focus\:underline:focus {
  text-decoration: underline !important;
}
.hover\:underline:hover {
  text-decoration: underline !important;
}
.active\:underline:active {
  text-decoration: underline !important;
}
.focus\:line-through:focus {
  text-decoration: line-through !important;
}
.hover\:line-through:hover {
  text-decoration: line-through !important;
}
.active\:line-through:active {
  text-decoration: line-through !important;
}
.focus\:no-underline:focus {
  text-decoration: none !important;
}
.hover\:no-underline:hover {
  text-decoration: none !important;
}
.active\:no-underline:active {
  text-decoration: none !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.text-overflow-clip {
  text-overflow: clip !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sm\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .md\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .lg\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
@media screen and (min-width: 576px) {
  .sm\:font-light {
    font-weight: 300 !important;
  }
  .sm\:font-normal {
    font-weight: 400 !important;
  }
  .sm\:font-medium {
    font-weight: 500 !important;
  }
  .sm\:font-semibold {
    font-weight: 600 !important;
  }
  .sm\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:font-light {
    font-weight: 300 !important;
  }
  .md\:font-normal {
    font-weight: 400 !important;
  }
  .md\:font-medium {
    font-weight: 500 !important;
  }
  .md\:font-semibold {
    font-weight: 600 !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:font-light {
    font-weight: 300 !important;
  }
  .lg\:font-normal {
    font-weight: 400 !important;
  }
  .lg\:font-medium {
    font-weight: 500 !important;
  }
  .lg\:font-semibold {
    font-weight: 600 !important;
  }
  .lg\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:font-light {
    font-weight: 300 !important;
  }
  .xl\:font-normal {
    font-weight: 400 !important;
  }
  .xl\:font-medium {
    font-weight: 500 !important;
  }
  .xl\:font-semibold {
    font-weight: 600 !important;
  }
  .xl\:font-bold {
    font-weight: 700 !important;
  }
}
.font-italic {
  font-style: italic !important;
}
.text-xs {
  font-size: 0.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
}
.text-base {
  font-size: 1rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
}
.text-3xl {
  font-size: 1.75rem !important;
}
.text-4xl {
  font-size: 2rem !important;
}
.text-5xl {
  font-size: 2.5rem !important;
}
.text-6xl {
  font-size: 3rem !important;
}
.text-7xl {
  font-size: 4rem !important;
}
.text-8xl {
  font-size: 6rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-xs {
    font-size: 0.75rem !important;
  }
  .sm\:text-sm {
    font-size: 0.875rem !important;
  }
  .sm\:text-base {
    font-size: 1rem !important;
  }
  .sm\:text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:text-xl {
    font-size: 1.25rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem !important;
  }
  .sm\:text-3xl {
    font-size: 1.75rem !important;
  }
  .sm\:text-4xl {
    font-size: 2rem !important;
  }
  .sm\:text-5xl {
    font-size: 2.5rem !important;
  }
  .sm\:text-6xl {
    font-size: 3rem !important;
  }
  .sm\:text-7xl {
    font-size: 4rem !important;
  }
  .sm\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-xs {
    font-size: 0.75rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
  }
  .md\:text-lg {
    font-size: 1.125rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
  }
  .md\:text-3xl {
    font-size: 1.75rem !important;
  }
  .md\:text-4xl {
    font-size: 2rem !important;
  }
  .md\:text-5xl {
    font-size: 2.5rem !important;
  }
  .md\:text-6xl {
    font-size: 3rem !important;
  }
  .md\:text-7xl {
    font-size: 4rem !important;
  }
  .md\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-xs {
    font-size: 0.75rem !important;
  }
  .lg\:text-sm {
    font-size: 0.875rem !important;
  }
  .lg\:text-base {
    font-size: 1rem !important;
  }
  .lg\:text-lg {
    font-size: 1.125rem !important;
  }
  .lg\:text-xl {
    font-size: 1.25rem !important;
  }
  .lg\:text-2xl {
    font-size: 1.5rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.75rem !important;
  }
  .lg\:text-4xl {
    font-size: 2rem !important;
  }
  .lg\:text-5xl {
    font-size: 2.5rem !important;
  }
  .lg\:text-6xl {
    font-size: 3rem !important;
  }
  .lg\:text-7xl {
    font-size: 4rem !important;
  }
  .lg\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-xs {
    font-size: 0.75rem !important;
  }
  .xl\:text-sm {
    font-size: 0.875rem !important;
  }
  .xl\:text-base {
    font-size: 1rem !important;
  }
  .xl\:text-lg {
    font-size: 1.125rem !important;
  }
  .xl\:text-xl {
    font-size: 1.25rem !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem !important;
  }
  .xl\:text-3xl {
    font-size: 1.75rem !important;
  }
  .xl\:text-4xl {
    font-size: 2rem !important;
  }
  .xl\:text-5xl {
    font-size: 2.5rem !important;
  }
  .xl\:text-6xl {
    font-size: 3rem !important;
  }
  .xl\:text-7xl {
    font-size: 4rem !important;
  }
  .xl\:text-8xl {
    font-size: 6rem !important;
  }
}
.line-height-1 {
  line-height: 1 !important;
}
.line-height-2 {
  line-height: 1.25 !important;
}
.line-height-3 {
  line-height: 1.5 !important;
}
.line-height-4 {
  line-height: 2 !important;
}
.white-space-normal {
  white-space: normal !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.vertical-align-baseline {
  vertical-align: baseline !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.vertical-align-text-top {
  vertical-align: text-top !important;
}
.vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}
.vertical-align-sub {
  vertical-align: sub !important;
}
.vertical-align-super {
  vertical-align: super !important;
}
@media screen and (min-width: 576px) {
  .sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sm\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sm\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sm\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sm\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .md\:vertical-align-top {
    vertical-align: top !important;
  }
  .md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .md\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .md\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .md\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .md\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .lg\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .lg\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .lg\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .lg\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .xl\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .xl\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .xl\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .xl\:vertical-align-super {
    vertical-align: super !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:flex-column {
    flex-direction: column !important;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-column {
    flex-direction: column !important;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:flex-column {
    flex-direction: column !important;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:flex-column {
    flex-direction: column !important;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sm\:align-content-center {
    align-content: center !important;
  }
  .sm\:align-content-between {
    align-content: space-between !important;
  }
  .sm\:align-content-around {
    align-content: space-around !important;
  }
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
  .md\:align-content-end {
    align-content: flex-end !important;
  }
  .md\:align-content-center {
    align-content: center !important;
  }
  .md\:align-content-between {
    align-content: space-between !important;
  }
  .md\:align-content-around {
    align-content: space-around !important;
  }
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
  .lg\:align-content-center {
    align-content: center !important;
  }
  .lg\:align-content-between {
    align-content: space-between !important;
  }
  .lg\:align-content-around {
    align-content: space-around !important;
  }
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }
  .xl\:align-content-end {
    align-content: flex-end !important;
  }
  .xl\:align-content-center {
    align-content: center !important;
  }
  .xl\:align-content-between {
    align-content: space-between !important;
  }
  .xl\:align-content-around {
    align-content: space-around !important;
  }
  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-start {
    align-items: flex-start !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !important;
  }
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }
  .md\:align-self-start {
    align-self: flex-start !important;
  }
  .md\:align-self-end {
    align-self: flex-end !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }
  .xl\:align-self-start {
    align-self: flex-start !important;
  }
  .xl\:align-self-end {
    align-self: flex-end !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-order-0 {
  order: 0 !important;
}
.flex-order-1 {
  order: 1 !important;
}
.flex-order-2 {
  order: 2 !important;
}
.flex-order-3 {
  order: 3 !important;
}
.flex-order-4 {
  order: 4 !important;
}
.flex-order-5 {
  order: 5 !important;
}
.flex-order-6 {
  order: 6 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }
  .sm\:flex-order-1 {
    order: 1 !important;
  }
  .sm\:flex-order-2 {
    order: 2 !important;
  }
  .sm\:flex-order-3 {
    order: 3 !important;
  }
  .sm\:flex-order-4 {
    order: 4 !important;
  }
  .sm\:flex-order-5 {
    order: 5 !important;
  }
  .sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }
  .md\:flex-order-1 {
    order: 1 !important;
  }
  .md\:flex-order-2 {
    order: 2 !important;
  }
  .md\:flex-order-3 {
    order: 3 !important;
  }
  .md\:flex-order-4 {
    order: 4 !important;
  }
  .md\:flex-order-5 {
    order: 5 !important;
  }
  .md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }
  .lg\:flex-order-1 {
    order: 1 !important;
  }
  .lg\:flex-order-2 {
    order: 2 !important;
  }
  .lg\:flex-order-3 {
    order: 3 !important;
  }
  .lg\:flex-order-4 {
    order: 4 !important;
  }
  .lg\:flex-order-5 {
    order: 5 !important;
  }
  .lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }
  .xl\:flex-order-1 {
    order: 1 !important;
  }
  .xl\:flex-order-2 {
    order: 2 !important;
  }
  .xl\:flex-order-3 {
    order: 3 !important;
  }
  .xl\:flex-order-4 {
    order: 4 !important;
  }
  .xl\:flex-order-5 {
    order: 5 !important;
  }
  .xl\:flex-order-6 {
    order: 6 !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-initial {
  flex: 0 1 auto !important;
}
.flex-none {
  flex: none !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .xl\:flex-none {
    flex: none !important;
  }
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.gap-0 {
  gap: 0rem !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: 2rem !important;
}
.gap-6 {
  gap: 3rem !important;
}
.gap-7 {
  gap: 4rem !important;
}
.gap-8 {
  gap: 5rem !important;
}
.row-gap-0 {
  row-gap: 0rem !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: 2rem !important;
}
.row-gap-6 {
  row-gap: 3rem !important;
}
.row-gap-7 {
  row-gap: 4rem !important;
}
.row-gap-8 {
  row-gap: 5rem !important;
}
.column-gap-0 {
  column-gap: 0rem !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 2rem !important;
}
.column-gap-6 {
  column-gap: 3rem !important;
}
.column-gap-7 {
  column-gap: 4rem !important;
}
.column-gap-8 {
  column-gap: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:gap-0 {
    gap: 0rem !important;
  }
  .sm\:gap-1 {
    gap: 0.25rem !important;
  }
  .sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:gap-3 {
    gap: 1rem !important;
  }
  .sm\:gap-4 {
    gap: 1.5rem !important;
  }
  .sm\:gap-5 {
    gap: 2rem !important;
  }
  .sm\:gap-6 {
    gap: 3rem !important;
  }
  .sm\:gap-7 {
    gap: 4rem !important;
  }
  .sm\:gap-8 {
    gap: 5rem !important;
  }
  .sm\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sm\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sm\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sm\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sm\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sm\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sm\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sm\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sm\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sm\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .sm\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .sm\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .sm\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .sm\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .sm\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .sm\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .sm\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .sm\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:gap-0 {
    gap: 0rem !important;
  }
  .md\:gap-1 {
    gap: 0.25rem !important;
  }
  .md\:gap-2 {
    gap: 0.5rem !important;
  }
  .md\:gap-3 {
    gap: 1rem !important;
  }
  .md\:gap-4 {
    gap: 1.5rem !important;
  }
  .md\:gap-5 {
    gap: 2rem !important;
  }
  .md\:gap-6 {
    gap: 3rem !important;
  }
  .md\:gap-7 {
    gap: 4rem !important;
  }
  .md\:gap-8 {
    gap: 5rem !important;
  }
  .md\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .md\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .md\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .md\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .md\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .md\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .md\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .md\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .md\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .md\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .md\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .md\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .md\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .md\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .md\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .md\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .md\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .md\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:gap-0 {
    gap: 0rem !important;
  }
  .lg\:gap-1 {
    gap: 0.25rem !important;
  }
  .lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .lg\:gap-3 {
    gap: 1rem !important;
  }
  .lg\:gap-4 {
    gap: 1.5rem !important;
  }
  .lg\:gap-5 {
    gap: 2rem !important;
  }
  .lg\:gap-6 {
    gap: 3rem !important;
  }
  .lg\:gap-7 {
    gap: 4rem !important;
  }
  .lg\:gap-8 {
    gap: 5rem !important;
  }
  .lg\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .lg\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .lg\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .lg\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .lg\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .lg\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .lg\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .lg\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .lg\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .lg\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .lg\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .lg\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .lg\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .lg\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .lg\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .lg\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .lg\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .lg\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:gap-0 {
    gap: 0rem !important;
  }
  .xl\:gap-1 {
    gap: 0.25rem !important;
  }
  .xl\:gap-2 {
    gap: 0.5rem !important;
  }
  .xl\:gap-3 {
    gap: 1rem !important;
  }
  .xl\:gap-4 {
    gap: 1.5rem !important;
  }
  .xl\:gap-5 {
    gap: 2rem !important;
  }
  .xl\:gap-6 {
    gap: 3rem !important;
  }
  .xl\:gap-7 {
    gap: 4rem !important;
  }
  .xl\:gap-8 {
    gap: 5rem !important;
  }
  .xl\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .xl\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .xl\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .xl\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .xl\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .xl\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .xl\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .xl\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .xl\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .xl\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .xl\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .xl\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .xl\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .xl\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .xl\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .xl\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .xl\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .xl\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
.p-0 {
  padding: 0rem !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: 2rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.p-7 {
  padding: 4rem !important;
}
.p-8 {
  padding: 5rem !important;
}
.pt-0 {
  padding-top: 0rem !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: 2rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pt-7 {
  padding-top: 4rem !important;
}
.pt-8 {
  padding-top: 5rem !important;
}
.pr-0 {
  padding-right: 0rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 2rem !important;
}
.pr-6 {
  padding-right: 3rem !important;
}
.pr-7 {
  padding-right: 4rem !important;
}
.pr-8 {
  padding-right: 5rem !important;
}
.pl-0 {
  padding-left: 0rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 2rem !important;
}
.pl-6 {
  padding-left: 3rem !important;
}
.pl-7 {
  padding-left: 4rem !important;
}
.pl-8 {
  padding-left: 5rem !important;
}
.pb-0 {
  padding-bottom: 0rem !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: 2rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.pb-7 {
  padding-bottom: 4rem !important;
}
.pb-8 {
  padding-bottom: 5rem !important;
}
.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-8 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !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: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-8 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:p-0 {
    padding: 0rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem !important;
  }
  .sm\:p-2 {
    padding: 0.5rem !important;
  }
  .sm\:p-3 {
    padding: 1rem !important;
  }
  .sm\:p-4 {
    padding: 1.5rem !important;
  }
  .sm\:p-5 {
    padding: 2rem !important;
  }
  .sm\:p-6 {
    padding: 3rem !important;
  }
  .sm\:p-7 {
    padding: 4rem !important;
  }
  .sm\:p-8 {
    padding: 5rem !important;
  }
  .sm\:pt-0 {
    padding-top: 0rem !important;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sm\:pt-5 {
    padding-top: 2rem !important;
  }
  .sm\:pt-6 {
    padding-top: 3rem !important;
  }
  .sm\:pt-7 {
    padding-top: 4rem !important;
  }
  .sm\:pt-8 {
    padding-top: 5rem !important;
  }
  .sm\:pr-0 {
    padding-right: 0rem !important;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sm\:pr-3 {
    padding-right: 1rem !important;
  }
  .sm\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sm\:pr-5 {
    padding-right: 2rem !important;
  }
  .sm\:pr-6 {
    padding-right: 3rem !important;
  }
  .sm\:pr-7 {
    padding-right: 4rem !important;
  }
  .sm\:pr-8 {
    padding-right: 5rem !important;
  }
  .sm\:pl-0 {
    padding-left: 0rem !important;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sm\:pl-3 {
    padding-left: 1rem !important;
  }
  .sm\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sm\:pl-5 {
    padding-left: 2rem !important;
  }
  .sm\:pl-6 {
    padding-left: 3rem !important;
  }
  .sm\:pl-7 {
    padding-left: 4rem !important;
  }
  .sm\:pl-8 {
    padding-left: 5rem !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sm\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sm\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sm\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sm\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sm\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sm\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sm\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sm\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:p-0 {
    padding: 0rem !important;
  }
  .md\:p-1 {
    padding: 0.25rem !important;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:p-3 {
    padding: 1rem !important;
  }
  .md\:p-4 {
    padding: 1.5rem !important;
  }
  .md\:p-5 {
    padding: 2rem !important;
  }
  .md\:p-6 {
    padding: 3rem !important;
  }
  .md\:p-7 {
    padding: 4rem !important;
  }
  .md\:p-8 {
    padding: 5rem !important;
  }
  .md\:pt-0 {
    padding-top: 0rem !important;
  }
  .md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .md\:pt-3 {
    padding-top: 1rem !important;
  }
  .md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .md\:pt-5 {
    padding-top: 2rem !important;
  }
  .md\:pt-6 {
    padding-top: 3rem !important;
  }
  .md\:pt-7 {
    padding-top: 4rem !important;
  }
  .md\:pt-8 {
    padding-top: 5rem !important;
  }
  .md\:pr-0 {
    padding-right: 0rem !important;
  }
  .md\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .md\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .md\:pr-3 {
    padding-right: 1rem !important;
  }
  .md\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .md\:pr-5 {
    padding-right: 2rem !important;
  }
  .md\:pr-6 {
    padding-right: 3rem !important;
  }
  .md\:pr-7 {
    padding-right: 4rem !important;
  }
  .md\:pr-8 {
    padding-right: 5rem !important;
  }
  .md\:pl-0 {
    padding-left: 0rem !important;
  }
  .md\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .md\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .md\:pl-3 {
    padding-left: 1rem !important;
  }
  .md\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .md\:pl-5 {
    padding-left: 2rem !important;
  }
  .md\:pl-6 {
    padding-left: 3rem !important;
  }
  .md\:pl-7 {
    padding-left: 4rem !important;
  }
  .md\:pl-8 {
    padding-left: 5rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .md\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .md\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .md\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .md\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .md\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:p-0 {
    padding: 0rem !important;
  }
  .lg\:p-1 {
    padding: 0.25rem !important;
  }
  .lg\:p-2 {
    padding: 0.5rem !important;
  }
  .lg\:p-3 {
    padding: 1rem !important;
  }
  .lg\:p-4 {
    padding: 1.5rem !important;
  }
  .lg\:p-5 {
    padding: 2rem !important;
  }
  .lg\:p-6 {
    padding: 3rem !important;
  }
  .lg\:p-7 {
    padding: 4rem !important;
  }
  .lg\:p-8 {
    padding: 5rem !important;
  }
  .lg\:pt-0 {
    padding-top: 0rem !important;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .lg\:pt-5 {
    padding-top: 2rem !important;
  }
  .lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .lg\:pt-7 {
    padding-top: 4rem !important;
  }
  .lg\:pt-8 {
    padding-top: 5rem !important;
  }
  .lg\:pr-0 {
    padding-right: 0rem !important;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .lg\:pr-3 {
    padding-right: 1rem !important;
  }
  .lg\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .lg\:pr-5 {
    padding-right: 2rem !important;
  }
  .lg\:pr-6 {
    padding-right: 3rem !important;
  }
  .lg\:pr-7 {
    padding-right: 4rem !important;
  }
  .lg\:pr-8 {
    padding-right: 5rem !important;
  }
  .lg\:pl-0 {
    padding-left: 0rem !important;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .lg\:pl-3 {
    padding-left: 1rem !important;
  }
  .lg\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .lg\:pl-5 {
    padding-left: 2rem !important;
  }
  .lg\:pl-6 {
    padding-left: 3rem !important;
  }
  .lg\:pl-7 {
    padding-left: 4rem !important;
  }
  .lg\:pl-8 {
    padding-left: 5rem !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .lg\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .lg\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .lg\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .lg\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .lg\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .lg\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .lg\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .lg\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:p-0 {
    padding: 0rem !important;
  }
  .xl\:p-1 {
    padding: 0.25rem !important;
  }
  .xl\:p-2 {
    padding: 0.5rem !important;
  }
  .xl\:p-3 {
    padding: 1rem !important;
  }
  .xl\:p-4 {
    padding: 1.5rem !important;
  }
  .xl\:p-5 {
    padding: 2rem !important;
  }
  .xl\:p-6 {
    padding: 3rem !important;
  }
  .xl\:p-7 {
    padding: 4rem !important;
  }
  .xl\:p-8 {
    padding: 5rem !important;
  }
  .xl\:pt-0 {
    padding-top: 0rem !important;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xl\:pt-5 {
    padding-top: 2rem !important;
  }
  .xl\:pt-6 {
    padding-top: 3rem !important;
  }
  .xl\:pt-7 {
    padding-top: 4rem !important;
  }
  .xl\:pt-8 {
    padding-top: 5rem !important;
  }
  .xl\:pr-0 {
    padding-right: 0rem !important;
  }
  .xl\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .xl\:pr-3 {
    padding-right: 1rem !important;
  }
  .xl\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .xl\:pr-5 {
    padding-right: 2rem !important;
  }
  .xl\:pr-6 {
    padding-right: 3rem !important;
  }
  .xl\:pr-7 {
    padding-right: 4rem !important;
  }
  .xl\:pr-8 {
    padding-right: 5rem !important;
  }
  .xl\:pl-0 {
    padding-left: 0rem !important;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .xl\:pl-3 {
    padding-left: 1rem !important;
  }
  .xl\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .xl\:pl-5 {
    padding-left: 2rem !important;
  }
  .xl\:pl-6 {
    padding-left: 3rem !important;
  }
  .xl\:pl-7 {
    padding-left: 4rem !important;
  }
  .xl\:pl-8 {
    padding-left: 5rem !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .xl\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .xl\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .xl\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .xl\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .xl\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .xl\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .xl\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .xl\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.m-0 {
  margin: 0rem !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: 2rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.m-7 {
  margin: 4rem !important;
}
.m-8 {
  margin: 5rem !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: -2rem !important;
}
.-m-6 {
  margin: -3rem !important;
}
.-m-7 {
  margin: -4rem !important;
}
.-m-8 {
  margin: -5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-0 {
  margin-top: 0rem !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: 2rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mt-7 {
  margin-top: 4rem !important;
}
.mt-8 {
  margin-top: 5rem !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: -2rem !important;
}
.-mt-6 {
  margin-top: -3rem !important;
}
.-mt-7 {
  margin-top: -4rem !important;
}
.-mt-8 {
  margin-top: -5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 2rem !important;
}
.mr-6 {
  margin-right: 3rem !important;
}
.mr-7 {
  margin-right: 4rem !important;
}
.mr-8 {
  margin-right: 5rem !important;
}
.-mr-1 {
  margin-right: -0.25rem !important;
}
.-mr-2 {
  margin-right: -0.5rem !important;
}
.-mr-3 {
  margin-right: -1rem !important;
}
.-mr-4 {
  margin-right: -1.5rem !important;
}
.-mr-5 {
  margin-right: -2rem !important;
}
.-mr-6 {
  margin-right: -3rem !important;
}
.-mr-7 {
  margin-right: -4rem !important;
}
.-mr-8 {
  margin-right: -5rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-0 {
  margin-left: 0rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 2rem !important;
}
.ml-6 {
  margin-left: 3rem !important;
}
.ml-7 {
  margin-left: 4rem !important;
}
.ml-8 {
  margin-left: 5rem !important;
}
.-ml-1 {
  margin-left: -0.25rem !important;
}
.-ml-2 {
  margin-left: -0.5rem !important;
}
.-ml-3 {
  margin-left: -1rem !important;
}
.-ml-4 {
  margin-left: -1.5rem !important;
}
.-ml-5 {
  margin-left: -2rem !important;
}
.-ml-6 {
  margin-left: -3rem !important;
}
.-ml-7 {
  margin-left: -4rem !important;
}
.-ml-8 {
  margin-left: -5rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-0 {
  margin-bottom: 0rem !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: 2rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.mb-7 {
  margin-bottom: 4rem !important;
}
.mb-8 {
  margin-bottom: 5rem !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: -2rem !important;
}
.-mb-6 {
  margin-bottom: -3rem !important;
}
.-mb-7 {
  margin-bottom: -4rem !important;
}
.-mb-8 {
  margin-bottom: -5rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-7 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-8 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.-mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.-mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-mx-4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.-mx-5 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}
.-mx-6 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
.-mx-7 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}
.-mx-8 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !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: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-7 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-8 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !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: -2rem !important;
  margin-bottom: -2rem !important;
}
.-my-6 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}
.-my-7 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.-my-8 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media screen and (min-width: 576px) {
  .sm\:m-0 {
    margin: 0rem !important;
  }
  .sm\:m-1 {
    margin: 0.25rem !important;
  }
  .sm\:m-2 {
    margin: 0.5rem !important;
  }
  .sm\:m-3 {
    margin: 1rem !important;
  }
  .sm\:m-4 {
    margin: 1.5rem !important;
  }
  .sm\:m-5 {
    margin: 2rem !important;
  }
  .sm\:m-6 {
    margin: 3rem !important;
  }
  .sm\:m-7 {
    margin: 4rem !important;
  }
  .sm\:m-8 {
    margin: 5rem !important;
  }
  .sm\:-m-1 {
    margin: -0.25rem !important;
  }
  .sm\:-m-2 {
    margin: -0.5rem !important;
  }
  .sm\:-m-3 {
    margin: -1rem !important;
  }
  .sm\:-m-4 {
    margin: -1.5rem !important;
  }
  .sm\:-m-5 {
    margin: -2rem !important;
  }
  .sm\:-m-6 {
    margin: -3rem !important;
  }
  .sm\:-m-7 {
    margin: -4rem !important;
  }
  .sm\:-m-8 {
    margin: -5rem !important;
  }
  .sm\:m-auto {
    margin: auto !important;
  }
  .sm\:mt-0 {
    margin-top: 0rem !important;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sm\:mt-3 {
    margin-top: 1rem !important;
  }
  .sm\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sm\:mt-5 {
    margin-top: 2rem !important;
  }
  .sm\:mt-6 {
    margin-top: 3rem !important;
  }
  .sm\:mt-7 {
    margin-top: 4rem !important;
  }
  .sm\:mt-8 {
    margin-top: 5rem !important;
  }
  .sm\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sm\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sm\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sm\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sm\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sm\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sm\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sm\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sm\:mt-auto {
    margin-top: auto !important;
  }
  .sm\:mr-0 {
    margin-right: 0rem !important;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sm\:mr-3 {
    margin-right: 1rem !important;
  }
  .sm\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sm\:mr-5 {
    margin-right: 2rem !important;
  }
  .sm\:mr-6 {
    margin-right: 3rem !important;
  }
  .sm\:mr-7 {
    margin-right: 4rem !important;
  }
  .sm\:mr-8 {
    margin-right: 5rem !important;
  }
  .sm\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sm\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sm\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sm\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sm\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sm\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sm\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sm\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sm\:mr-auto {
    margin-right: auto !important;
  }
  .sm\:ml-0 {
    margin-left: 0rem !important;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm\:ml-3 {
    margin-left: 1rem !important;
  }
  .sm\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sm\:ml-5 {
    margin-left: 2rem !important;
  }
  .sm\:ml-6 {
    margin-left: 3rem !important;
  }
  .sm\:ml-7 {
    margin-left: 4rem !important;
  }
  .sm\:ml-8 {
    margin-left: 5rem !important;
  }
  .sm\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sm\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sm\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sm\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sm\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sm\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sm\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sm\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sm\:ml-auto {
    margin-left: auto !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sm\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sm\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sm\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sm\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sm\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sm\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sm\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sm\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sm\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sm\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sm\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sm\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sm\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sm\:mb-auto {
    margin-bottom: auto !important;
  }
  .sm\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sm\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sm\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sm\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sm\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sm\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sm\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sm\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sm\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sm\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sm\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sm\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sm\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sm\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sm\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sm\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sm\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sm\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sm\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sm\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sm\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sm\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sm\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sm\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sm\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sm\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sm\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:m-0 {
    margin: 0rem !important;
  }
  .md\:m-1 {
    margin: 0.25rem !important;
  }
  .md\:m-2 {
    margin: 0.5rem !important;
  }
  .md\:m-3 {
    margin: 1rem !important;
  }
  .md\:m-4 {
    margin: 1.5rem !important;
  }
  .md\:m-5 {
    margin: 2rem !important;
  }
  .md\:m-6 {
    margin: 3rem !important;
  }
  .md\:m-7 {
    margin: 4rem !important;
  }
  .md\:m-8 {
    margin: 5rem !important;
  }
  .md\:-m-1 {
    margin: -0.25rem !important;
  }
  .md\:-m-2 {
    margin: -0.5rem !important;
  }
  .md\:-m-3 {
    margin: -1rem !important;
  }
  .md\:-m-4 {
    margin: -1.5rem !important;
  }
  .md\:-m-5 {
    margin: -2rem !important;
  }
  .md\:-m-6 {
    margin: -3rem !important;
  }
  .md\:-m-7 {
    margin: -4rem !important;
  }
  .md\:-m-8 {
    margin: -5rem !important;
  }
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:mt-0 {
    margin-top: 0rem !important;
  }
  .md\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mt-3 {
    margin-top: 1rem !important;
  }
  .md\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .md\:mt-5 {
    margin-top: 2rem !important;
  }
  .md\:mt-6 {
    margin-top: 3rem !important;
  }
  .md\:mt-7 {
    margin-top: 4rem !important;
  }
  .md\:mt-8 {
    margin-top: 5rem !important;
  }
  .md\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .md\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .md\:-mt-3 {
    margin-top: -1rem !important;
  }
  .md\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .md\:-mt-5 {
    margin-top: -2rem !important;
  }
  .md\:-mt-6 {
    margin-top: -3rem !important;
  }
  .md\:-mt-7 {
    margin-top: -4rem !important;
  }
  .md\:-mt-8 {
    margin-top: -5rem !important;
  }
  .md\:mt-auto {
    margin-top: auto !important;
  }
  .md\:mr-0 {
    margin-right: 0rem !important;
  }
  .md\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .md\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .md\:mr-3 {
    margin-right: 1rem !important;
  }
  .md\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .md\:mr-5 {
    margin-right: 2rem !important;
  }
  .md\:mr-6 {
    margin-right: 3rem !important;
  }
  .md\:mr-7 {
    margin-right: 4rem !important;
  }
  .md\:mr-8 {
    margin-right: 5rem !important;
  }
  .md\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .md\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .md\:-mr-3 {
    margin-right: -1rem !important;
  }
  .md\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .md\:-mr-5 {
    margin-right: -2rem !important;
  }
  .md\:-mr-6 {
    margin-right: -3rem !important;
  }
  .md\:-mr-7 {
    margin-right: -4rem !important;
  }
  .md\:-mr-8 {
    margin-right: -5rem !important;
  }
  .md\:mr-auto {
    margin-right: auto !important;
  }
  .md\:ml-0 {
    margin-left: 0rem !important;
  }
  .md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .md\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .md\:ml-3 {
    margin-left: 1rem !important;
  }
  .md\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .md\:ml-5 {
    margin-left: 2rem !important;
  }
  .md\:ml-6 {
    margin-left: 3rem !important;
  }
  .md\:ml-7 {
    margin-left: 4rem !important;
  }
  .md\:ml-8 {
    margin-left: 5rem !important;
  }
  .md\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .md\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .md\:-ml-3 {
    margin-left: -1rem !important;
  }
  .md\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .md\:-ml-5 {
    margin-left: -2rem !important;
  }
  .md\:-ml-6 {
    margin-left: -3rem !important;
  }
  .md\:-ml-7 {
    margin-left: -4rem !important;
  }
  .md\:-ml-8 {
    margin-left: -5rem !important;
  }
  .md\:ml-auto {
    margin-left: auto !important;
  }
  .md\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .md\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .md\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .md\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .md\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .md\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .md\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .md\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .md\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .md\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .md\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .md\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .md\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .md\:mb-auto {
    margin-bottom: auto !important;
  }
  .md\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .md\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .md\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .md\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .md\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .md\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .md\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .md\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .md\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .md\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .md\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .md\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .md\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .md\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .md\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .md\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .md\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .md\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .md\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .md\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .md\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .md\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .md\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .md\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .md\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:m-0 {
    margin: 0rem !important;
  }
  .lg\:m-1 {
    margin: 0.25rem !important;
  }
  .lg\:m-2 {
    margin: 0.5rem !important;
  }
  .lg\:m-3 {
    margin: 1rem !important;
  }
  .lg\:m-4 {
    margin: 1.5rem !important;
  }
  .lg\:m-5 {
    margin: 2rem !important;
  }
  .lg\:m-6 {
    margin: 3rem !important;
  }
  .lg\:m-7 {
    margin: 4rem !important;
  }
  .lg\:m-8 {
    margin: 5rem !important;
  }
  .lg\:-m-1 {
    margin: -0.25rem !important;
  }
  .lg\:-m-2 {
    margin: -0.5rem !important;
  }
  .lg\:-m-3 {
    margin: -1rem !important;
  }
  .lg\:-m-4 {
    margin: -1.5rem !important;
  }
  .lg\:-m-5 {
    margin: -2rem !important;
  }
  .lg\:-m-6 {
    margin: -3rem !important;
  }
  .lg\:-m-7 {
    margin: -4rem !important;
  }
  .lg\:-m-8 {
    margin: -5rem !important;
  }
  .lg\:m-auto {
    margin: auto !important;
  }
  .lg\:mt-0 {
    margin-top: 0rem !important;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .lg\:mt-3 {
    margin-top: 1rem !important;
  }
  .lg\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .lg\:mt-5 {
    margin-top: 2rem !important;
  }
  .lg\:mt-6 {
    margin-top: 3rem !important;
  }
  .lg\:mt-7 {
    margin-top: 4rem !important;
  }
  .lg\:mt-8 {
    margin-top: 5rem !important;
  }
  .lg\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .lg\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .lg\:-mt-3 {
    margin-top: -1rem !important;
  }
  .lg\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .lg\:-mt-5 {
    margin-top: -2rem !important;
  }
  .lg\:-mt-6 {
    margin-top: -3rem !important;
  }
  .lg\:-mt-7 {
    margin-top: -4rem !important;
  }
  .lg\:-mt-8 {
    margin-top: -5rem !important;
  }
  .lg\:mt-auto {
    margin-top: auto !important;
  }
  .lg\:mr-0 {
    margin-right: 0rem !important;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .lg\:mr-3 {
    margin-right: 1rem !important;
  }
  .lg\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .lg\:mr-5 {
    margin-right: 2rem !important;
  }
  .lg\:mr-6 {
    margin-right: 3rem !important;
  }
  .lg\:mr-7 {
    margin-right: 4rem !important;
  }
  .lg\:mr-8 {
    margin-right: 5rem !important;
  }
  .lg\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .lg\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .lg\:-mr-3 {
    margin-right: -1rem !important;
  }
  .lg\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .lg\:-mr-5 {
    margin-right: -2rem !important;
  }
  .lg\:-mr-6 {
    margin-right: -3rem !important;
  }
  .lg\:-mr-7 {
    margin-right: -4rem !important;
  }
  .lg\:-mr-8 {
    margin-right: -5rem !important;
  }
  .lg\:mr-auto {
    margin-right: auto !important;
  }
  .lg\:ml-0 {
    margin-left: 0rem !important;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .lg\:ml-3 {
    margin-left: 1rem !important;
  }
  .lg\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .lg\:ml-5 {
    margin-left: 2rem !important;
  }
  .lg\:ml-6 {
    margin-left: 3rem !important;
  }
  .lg\:ml-7 {
    margin-left: 4rem !important;
  }
  .lg\:ml-8 {
    margin-left: 5rem !important;
  }
  .lg\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .lg\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .lg\:-ml-3 {
    margin-left: -1rem !important;
  }
  .lg\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .lg\:-ml-5 {
    margin-left: -2rem !important;
  }
  .lg\:-ml-6 {
    margin-left: -3rem !important;
  }
  .lg\:-ml-7 {
    margin-left: -4rem !important;
  }
  .lg\:-ml-8 {
    margin-left: -5rem !important;
  }
  .lg\:ml-auto {
    margin-left: auto !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .lg\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .lg\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .lg\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .lg\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .lg\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .lg\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .lg\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .lg\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .lg\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .lg\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .lg\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .lg\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .lg\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .lg\:mb-auto {
    margin-bottom: auto !important;
  }
  .lg\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .lg\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .lg\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .lg\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .lg\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .lg\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .lg\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .lg\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .lg\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .lg\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .lg\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .lg\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .lg\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .lg\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lg\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .lg\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .lg\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .lg\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lg\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .lg\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lg\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .lg\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .lg\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .lg\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .lg\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .lg\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .lg\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .lg\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .lg\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:m-0 {
    margin: 0rem !important;
  }
  .xl\:m-1 {
    margin: 0.25rem !important;
  }
  .xl\:m-2 {
    margin: 0.5rem !important;
  }
  .xl\:m-3 {
    margin: 1rem !important;
  }
  .xl\:m-4 {
    margin: 1.5rem !important;
  }
  .xl\:m-5 {
    margin: 2rem !important;
  }
  .xl\:m-6 {
    margin: 3rem !important;
  }
  .xl\:m-7 {
    margin: 4rem !important;
  }
  .xl\:m-8 {
    margin: 5rem !important;
  }
  .xl\:-m-1 {
    margin: -0.25rem !important;
  }
  .xl\:-m-2 {
    margin: -0.5rem !important;
  }
  .xl\:-m-3 {
    margin: -1rem !important;
  }
  .xl\:-m-4 {
    margin: -1.5rem !important;
  }
  .xl\:-m-5 {
    margin: -2rem !important;
  }
  .xl\:-m-6 {
    margin: -3rem !important;
  }
  .xl\:-m-7 {
    margin: -4rem !important;
  }
  .xl\:-m-8 {
    margin: -5rem !important;
  }
  .xl\:m-auto {
    margin: auto !important;
  }
  .xl\:mt-0 {
    margin-top: 0rem !important;
  }
  .xl\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .xl\:mt-3 {
    margin-top: 1rem !important;
  }
  .xl\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .xl\:mt-5 {
    margin-top: 2rem !important;
  }
  .xl\:mt-6 {
    margin-top: 3rem !important;
  }
  .xl\:mt-7 {
    margin-top: 4rem !important;
  }
  .xl\:mt-8 {
    margin-top: 5rem !important;
  }
  .xl\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .xl\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .xl\:-mt-3 {
    margin-top: -1rem !important;
  }
  .xl\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .xl\:-mt-5 {
    margin-top: -2rem !important;
  }
  .xl\:-mt-6 {
    margin-top: -3rem !important;
  }
  .xl\:-mt-7 {
    margin-top: -4rem !important;
  }
  .xl\:-mt-8 {
    margin-top: -5rem !important;
  }
  .xl\:mt-auto {
    margin-top: auto !important;
  }
  .xl\:mr-0 {
    margin-right: 0rem !important;
  }
  .xl\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .xl\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .xl\:mr-3 {
    margin-right: 1rem !important;
  }
  .xl\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .xl\:mr-5 {
    margin-right: 2rem !important;
  }
  .xl\:mr-6 {
    margin-right: 3rem !important;
  }
  .xl\:mr-7 {
    margin-right: 4rem !important;
  }
  .xl\:mr-8 {
    margin-right: 5rem !important;
  }
  .xl\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .xl\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .xl\:-mr-3 {
    margin-right: -1rem !important;
  }
  .xl\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .xl\:-mr-5 {
    margin-right: -2rem !important;
  }
  .xl\:-mr-6 {
    margin-right: -3rem !important;
  }
  .xl\:-mr-7 {
    margin-right: -4rem !important;
  }
  .xl\:-mr-8 {
    margin-right: -5rem !important;
  }
  .xl\:mr-auto {
    margin-right: auto !important;
  }
  .xl\:ml-0 {
    margin-left: 0rem !important;
  }
  .xl\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .xl\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .xl\:ml-3 {
    margin-left: 1rem !important;
  }
  .xl\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .xl\:ml-5 {
    margin-left: 2rem !important;
  }
  .xl\:ml-6 {
    margin-left: 3rem !important;
  }
  .xl\:ml-7 {
    margin-left: 4rem !important;
  }
  .xl\:ml-8 {
    margin-left: 5rem !important;
  }
  .xl\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .xl\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .xl\:-ml-3 {
    margin-left: -1rem !important;
  }
  .xl\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .xl\:-ml-5 {
    margin-left: -2rem !important;
  }
  .xl\:-ml-6 {
    margin-left: -3rem !important;
  }
  .xl\:-ml-7 {
    margin-left: -4rem !important;
  }
  .xl\:-ml-8 {
    margin-left: -5rem !important;
  }
  .xl\:ml-auto {
    margin-left: auto !important;
  }
  .xl\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .xl\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .xl\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .xl\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .xl\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .xl\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .xl\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .xl\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .xl\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .xl\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .xl\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .xl\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .xl\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .xl\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .xl\:mb-auto {
    margin-bottom: auto !important;
  }
  .xl\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .xl\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .xl\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .xl\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .xl\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .xl\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .xl\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .xl\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .xl\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .xl\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .xl\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .xl\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .xl\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .xl\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xl\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .xl\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .xl\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .xl\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .xl\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .xl\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .xl\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .xl\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .xl\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .xl\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .xl\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .xl\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .xl\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .xl\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .xl\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.shadow-none {
  box-shadow: none !important;
}
.shadow-1 {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.02),
    0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.shadow-2 {
  box-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.03),
    0px 0px 2px rgba(0, 0, 0, 0.06),
    0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.shadow-3 {
  box-shadow:
    0px 1px 8px rgba(0, 0, 0, 0.08),
    0px 3px 4px rgba(0, 0, 0, 0.1),
    0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-4 {
  box-shadow:
    0px 1px 10px rgba(0, 0, 0, 0.12),
    0px 4px 5px rgba(0, 0, 0, 0.14),
    0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-5 {
  box-shadow:
    0px 1px 7px rgba(0, 0, 0, 0.1),
    0px 4px 5px -2px rgba(0, 0, 0, 0.12),
    0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-6 {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.06),
    0px 7px 9px rgba(0, 0, 0, 0.12),
    0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.shadow-7 {
  box-shadow:
    0px 7px 30px rgba(0, 0, 0, 0.08),
    0px 22px 30px 2px rgba(0, 0, 0, 0.15),
    0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.shadow-8 {
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-none:focus {
  box-shadow: none !important;
}
.hover\:shadow-none:hover {
  box-shadow: none !important;
}
.active\:shadow-none:active {
  box-shadow: none !important;
}
.focus\:shadow-1:focus {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.02),
    0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.hover\:shadow-1:hover {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.02),
    0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.active\:shadow-1:active {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.02),
    0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.focus\:shadow-2:focus {
  box-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.03),
    0px 0px 2px rgba(0, 0, 0, 0.06),
    0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.hover\:shadow-2:hover {
  box-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.03),
    0px 0px 2px rgba(0, 0, 0, 0.06),
    0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.active\:shadow-2:active {
  box-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.03),
    0px 0px 2px rgba(0, 0, 0, 0.06),
    0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.focus\:shadow-3:focus {
  box-shadow:
    0px 1px 8px rgba(0, 0, 0, 0.08),
    0px 3px 4px rgba(0, 0, 0, 0.1),
    0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.hover\:shadow-3:hover {
  box-shadow:
    0px 1px 8px rgba(0, 0, 0, 0.08),
    0px 3px 4px rgba(0, 0, 0, 0.1),
    0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.active\:shadow-3:active {
  box-shadow:
    0px 1px 8px rgba(0, 0, 0, 0.08),
    0px 3px 4px rgba(0, 0, 0, 0.1),
    0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.focus\:shadow-4:focus {
  box-shadow:
    0px 1px 10px rgba(0, 0, 0, 0.12),
    0px 4px 5px rgba(0, 0, 0, 0.14),
    0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-4:hover {
  box-shadow:
    0px 1px 10px rgba(0, 0, 0, 0.12),
    0px 4px 5px rgba(0, 0, 0, 0.14),
    0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-4:active {
  box-shadow:
    0px 1px 10px rgba(0, 0, 0, 0.12),
    0px 4px 5px rgba(0, 0, 0, 0.14),
    0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-5:focus {
  box-shadow:
    0px 1px 7px rgba(0, 0, 0, 0.1),
    0px 4px 5px -2px rgba(0, 0, 0, 0.12),
    0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-5:hover {
  box-shadow:
    0px 1px 7px rgba(0, 0, 0, 0.1),
    0px 4px 5px -2px rgba(0, 0, 0, 0.12),
    0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-5:active {
  box-shadow:
    0px 1px 7px rgba(0, 0, 0, 0.1),
    0px 4px 5px -2px rgba(0, 0, 0, 0.12),
    0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-6:focus {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.06),
    0px 7px 9px rgba(0, 0, 0, 0.12),
    0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.hover\:shadow-6:hover {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.06),
    0px 7px 9px rgba(0, 0, 0, 0.12),
    0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.active\:shadow-6:active {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.06),
    0px 7px 9px rgba(0, 0, 0, 0.12),
    0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.focus\:shadow-7:focus {
  box-shadow:
    0px 7px 30px rgba(0, 0, 0, 0.08),
    0px 22px 30px 2px rgba(0, 0, 0, 0.15),
    0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.hover\:shadow-7:hover {
  box-shadow:
    0px 7px 30px rgba(0, 0, 0, 0.08),
    0px 22px 30px 2px rgba(0, 0, 0, 0.15),
    0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.active\:shadow-7:active {
  box-shadow:
    0px 7px 30px rgba(0, 0, 0, 0.08),
    0px 22px 30px 2px rgba(0, 0, 0, 0.15),
    0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.focus\:shadow-8:focus {
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-8:hover {
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-8:active {
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
@media screen and (min-width: 576px) {
  .sm\:shadow-none {
    box-shadow: none !important;
  }
  .sm\:shadow-1 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:shadow-2 {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:shadow-3 {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:shadow-4 {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-5 {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-6 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:shadow-7 {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:shadow-8 {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sm\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sm\:focus\:shadow-1:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:hover\:shadow-1:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:active\:shadow-1:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:focus\:shadow-2:focus {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:hover\:shadow-2:hover {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:active\:shadow-2:active {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:focus\:shadow-3:focus {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:hover\:shadow-3:hover {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:active\:shadow-3:active {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:focus\:shadow-4:focus {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-4:hover {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-4:active {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-5:focus {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-5:hover {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-5:active {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-6:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:hover\:shadow-6:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:active\:shadow-6:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:focus\:shadow-7:focus {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:hover\:shadow-7:hover {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:active\:shadow-7:active {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:focus\:shadow-8:focus {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-8:hover {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-8:active {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:shadow-none {
    box-shadow: none !important;
  }
  .md\:shadow-1 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:shadow-2 {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:shadow-3 {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:shadow-4 {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-5 {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-6 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:shadow-7 {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:shadow-8 {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .md\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .md\:focus\:shadow-1:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:hover\:shadow-1:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:active\:shadow-1:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:focus\:shadow-2:focus {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:hover\:shadow-2:hover {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:active\:shadow-2:active {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:focus\:shadow-3:focus {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:hover\:shadow-3:hover {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:active\:shadow-3:active {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:focus\:shadow-4:focus {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-4:hover {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-4:active {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-5:focus {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-5:hover {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-5:active {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-6:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:hover\:shadow-6:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:active\:shadow-6:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:focus\:shadow-7:focus {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:hover\:shadow-7:hover {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:active\:shadow-7:active {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:focus\:shadow-8:focus {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-8:hover {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-8:active {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:shadow-none {
    box-shadow: none !important;
  }
  .lg\:shadow-1 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:shadow-2 {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:shadow-3 {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:shadow-4 {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-5 {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-6 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:shadow-7 {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:shadow-8 {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .lg\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .lg\:focus\:shadow-1:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:hover\:shadow-1:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:active\:shadow-1:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:focus\:shadow-2:focus {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:hover\:shadow-2:hover {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:active\:shadow-2:active {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:focus\:shadow-3:focus {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:hover\:shadow-3:hover {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:active\:shadow-3:active {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:focus\:shadow-4:focus {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-4:hover {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-4:active {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-5:focus {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-5:hover {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-5:active {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-6:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:hover\:shadow-6:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:active\:shadow-6:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:focus\:shadow-7:focus {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:hover\:shadow-7:hover {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:active\:shadow-7:active {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:focus\:shadow-8:focus {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-8:hover {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-8:active {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:shadow-none {
    box-shadow: none !important;
  }
  .xl\:shadow-1 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:shadow-2 {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:shadow-3 {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:shadow-4 {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-5 {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-6 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:shadow-7 {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:shadow-8 {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .xl\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .xl\:focus\:shadow-1:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:hover\:shadow-1:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:active\:shadow-1:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:focus\:shadow-2:focus {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:hover\:shadow-2:hover {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:active\:shadow-2:active {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:focus\:shadow-3:focus {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:hover\:shadow-3:hover {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:active\:shadow-3:active {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:focus\:shadow-4:focus {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-4:hover {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-4:active {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-5:focus {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-5:hover {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-5:active {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-6:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:hover\:shadow-6:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:active\:shadow-6:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:focus\:shadow-7:focus {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:hover\:shadow-7:hover {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:active\:shadow-7:active {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:focus\:shadow-8:focus {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-8:hover {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-8:active {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
.border-none {
  border-width: 0px !important;
  border-style: none;
}
.border-1 {
  border-width: 1px !important;
  border-style: solid;
}
.border-2 {
  border-width: 2px !important;
  border-style: solid;
}
.border-3 {
  border-width: 3px !important;
  border-style: solid;
}
.border-top-none {
  border-top-width: 0px !important;
  border-top-style: none;
}
.border-top-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
}
.border-top-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
}
.border-top-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
}
.border-right-none {
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-right-1 {
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-right-2 {
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-right-3 {
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-left-none {
  border-left-width: 0px !important;
  border-left-style: none;
}
.border-left-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
}
.border-left-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
}
.border-left-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
}
.border-bottom-none {
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-bottom-1 {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-bottom-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-bottom-3 {
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
.border-x-none {
  border-left-width: 0px !important;
  border-left-style: none;
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-x-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-x-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-x-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-y-none {
  border-top-width: 0px !important;
  border-top-style: none;
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-y-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-y-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-y-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
@media screen and (min-width: 576px) {
  .sm\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .sm\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .sm\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .sm\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .sm\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .sm\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .sm\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .sm\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .sm\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .sm\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .sm\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .sm\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .sm\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .sm\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .md\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .md\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .md\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .md\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .md\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .md\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .md\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .md\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .md\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .md\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .md\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .md\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .md\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .lg\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .lg\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .lg\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .lg\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .lg\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .lg\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .lg\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .lg\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .lg\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .lg\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .lg\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .lg\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .lg\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .xl\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .xl\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .xl\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .xl\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .xl\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .xl\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .xl\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .xl\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .xl\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .xl\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .xl\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .xl\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .xl\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.border-double {
  border-style: double !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-solid {
    border-style: solid !important;
  }
  .sm\:border-dashed {
    border-style: dashed !important;
  }
  .sm\:border-dotted {
    border-style: dotted !important;
  }
  .sm\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-solid {
    border-style: solid !important;
  }
  .md\:border-dashed {
    border-style: dashed !important;
  }
  .md\:border-dotted {
    border-style: dotted !important;
  }
  .md\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-solid {
    border-style: solid !important;
  }
  .lg\:border-dashed {
    border-style: dashed !important;
  }
  .lg\:border-dotted {
    border-style: dotted !important;
  }
  .lg\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-solid {
    border-style: solid !important;
  }
  .xl\:border-dashed {
    border-style: dashed !important;
  }
  .xl\:border-dotted {
    border-style: dotted !important;
  }
  .xl\:border-double {
    border-style: double !important;
  }
}
.border-noround {
  border-radius: 0 !important;
}
.border-round {
  border-radius: var(--p-content-border-radius) !important;
}
.border-round-xs {
  border-radius: 0.125rem !important;
}
.border-round-sm {
  border-radius: 0.25rem !important;
}
.border-round-md {
  border-radius: 0.375rem !important;
}
.border-round-lg {
  border-radius: 0.5rem !important;
}
.border-round-xl {
  border-radius: 0.75rem !important;
}
.border-round-2xl {
  border-radius: 1rem !important;
}
.border-round-3xl {
  border-radius: 1.5rem !important;
}
.border-circle {
  border-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround {
    border-radius: 0 !important;
  }
  .sm\:border-round {
    border-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sm\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sm\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sm\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sm\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sm\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sm\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sm\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround {
    border-radius: 0 !important;
  }
  .md\:border-round {
    border-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .md\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .md\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .md\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .md\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .md\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .md\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .md\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround {
    border-radius: 0 !important;
  }
  .lg\:border-round {
    border-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .lg\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .lg\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .lg\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .lg\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .lg\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .lg\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .lg\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround {
    border-radius: 0 !important;
  }
  .xl\:border-round {
    border-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .xl\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .xl\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .xl\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .xl\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .xl\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .xl\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .xl\:border-circle {
    border-radius: 50% !important;
  }
}
.border-noround-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.border-noround-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.border-noround-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-noround-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-round-left {
  border-top-left-radius: var(--p-content-border-radius) !important;
  border-bottom-left-radius: var(--p-content-border-radius) !important;
}
.border-round-top {
  border-top-left-radius: var(--p-content-border-radius) !important;
  border-top-right-radius: var(--p-content-border-radius) !important;
}
.border-round-right {
  border-top-right-radius: var(--p-content-border-radius) !important;
  border-bottom-right-radius: var(--p-content-border-radius) !important;
}
.border-round-bottom {
  border-bottom-left-radius: var(--p-content-border-radius) !important;
  border-bottom-right-radius: var(--p-content-border-radius) !important;
}
.border-round-left-xs {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.border-round-top-xs {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}
.border-round-right-xs {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-bottom-xs {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.border-round-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.border-round-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-left-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.border-round-top-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.border-round-right-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-bottom-md {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-left-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.border-round-top-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.border-round-right-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-bottom-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-left-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.border-round-right-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-left-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.border-round-top-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.border-round-right-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-bottom-2xl {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-left-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.border-round-top-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.border-round-right-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-round-bottom-3xl {
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-circle-left {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.border-circle-top {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.border-circle-right {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.border-circle-bottom {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sm\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sm\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-round-left {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-bottom-left-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-top {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-top-right-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-right {
    border-top-right-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-bottom {
    border-bottom-left-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sm\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sm\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sm\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sm\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sm\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sm\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sm\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sm\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sm\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sm\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sm\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sm\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sm\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sm\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sm\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sm\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sm\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .md\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .md\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-round-left {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-bottom-left-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-top {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-top-right-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-right {
    border-top-right-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-bottom {
    border-bottom-left-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .md\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .md\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .md\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .md\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .md\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .md\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .md\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .md\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .md\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .md\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .md\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .md\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .md\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .md\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .md\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .md\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .md\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .lg\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .lg\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-round-left {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-bottom-left-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-top {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-top-right-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-right {
    border-top-right-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-bottom {
    border-bottom-left-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .lg\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .lg\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .lg\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .lg\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .lg\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .lg\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .lg\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .lg\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .lg\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .lg\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .lg\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .lg\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .lg\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .lg\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .lg\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .lg\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .lg\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .xl\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .xl\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-round-left {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-bottom-left-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-top {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-top-right-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-right {
    border-top-right-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-bottom {
    border-bottom-left-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .xl\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .xl\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .xl\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .xl\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .xl\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .xl\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .xl\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .xl\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .xl\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .xl\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .xl\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .xl\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .xl\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .xl\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .xl\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .xl\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .xl\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-auto {
  width: auto !important;
}
.w-1 {
  width: 8.3333% !important;
}
.w-2 {
  width: 16.6667% !important;
}
.w-3 {
  width: 25% !important;
}
.w-4 {
  width: 33.3333% !important;
}
.w-5 {
  width: 41.6667% !important;
}
.w-6 {
  width: 50% !important;
}
.w-7 {
  width: 58.3333% !important;
}
.w-8 {
  width: 66.6667% !important;
}
.w-9 {
  width: 75% !important;
}
.w-10 {
  width: 83.3333% !important;
}
.w-11 {
  width: 91.6667% !important;
}
.w-12 {
  width: 100% !important;
}
.w-min {
  width: min-content !important;
}
.w-max {
  width: max-content !important;
}
.w-fit {
  width: fit-content !important;
}
.w-1rem {
  width: 1rem !important;
}
.w-2rem {
  width: 2rem !important;
}
.w-3rem {
  width: 3rem !important;
}
.w-4rem {
  width: 4rem !important;
}
.w-5rem {
  width: 5rem !important;
}
.w-6rem {
  width: 6rem !important;
}
.w-7rem {
  width: 7rem !important;
}
.w-8rem {
  width: 8rem !important;
}
.w-9rem {
  width: 9rem !important;
}
.w-10rem {
  width: 10rem !important;
}
.w-11rem {
  width: 11rem !important;
}
.w-12rem {
  width: 12rem !important;
}
.w-13rem {
  width: 13rem !important;
}
.w-14rem {
  width: 14rem !important;
}
.w-15rem {
  width: 15rem !important;
}
.w-16rem {
  width: 16rem !important;
}
.w-17rem {
  width: 17rem !important;
}
.w-18rem {
  width: 18rem !important;
}
.w-19rem {
  width: 19rem !important;
}
.w-20rem {
  width: 20rem !important;
}
.w-21rem {
  width: 21rem !important;
}
.w-22rem {
  width: 22rem !important;
}
.w-23rem {
  width: 23rem !important;
}
.w-24rem {
  width: 24rem !important;
}
.w-25rem {
  width: 25rem !important;
}
.w-26rem {
  width: 26rem !important;
}
.w-27rem {
  width: 27rem !important;
}
.w-28rem {
  width: 28rem !important;
}
.w-29rem {
  width: 29rem !important;
}
.w-30rem {
  width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:w-full {
    width: 100% !important;
  }
  .sm\:w-screen {
    width: 100vw !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:w-1 {
    width: 8.3333% !important;
  }
  .sm\:w-2 {
    width: 16.6667% !important;
  }
  .sm\:w-3 {
    width: 25% !important;
  }
  .sm\:w-4 {
    width: 33.3333% !important;
  }
  .sm\:w-5 {
    width: 41.6667% !important;
  }
  .sm\:w-6 {
    width: 50% !important;
  }
  .sm\:w-7 {
    width: 58.3333% !important;
  }
  .sm\:w-8 {
    width: 66.6667% !important;
  }
  .sm\:w-9 {
    width: 75% !important;
  }
  .sm\:w-10 {
    width: 83.3333% !important;
  }
  .sm\:w-11 {
    width: 91.6667% !important;
  }
  .sm\:w-12 {
    width: 100% !important;
  }
  .sm\:w-min {
    width: min-content !important;
  }
  .sm\:w-max {
    width: max-content !important;
  }
  .sm\:w-fit {
    width: fit-content !important;
  }
  .sm\:w-1rem {
    width: 1rem !important;
  }
  .sm\:w-2rem {
    width: 2rem !important;
  }
  .sm\:w-3rem {
    width: 3rem !important;
  }
  .sm\:w-4rem {
    width: 4rem !important;
  }
  .sm\:w-5rem {
    width: 5rem !important;
  }
  .sm\:w-6rem {
    width: 6rem !important;
  }
  .sm\:w-7rem {
    width: 7rem !important;
  }
  .sm\:w-8rem {
    width: 8rem !important;
  }
  .sm\:w-9rem {
    width: 9rem !important;
  }
  .sm\:w-10rem {
    width: 10rem !important;
  }
  .sm\:w-11rem {
    width: 11rem !important;
  }
  .sm\:w-12rem {
    width: 12rem !important;
  }
  .sm\:w-13rem {
    width: 13rem !important;
  }
  .sm\:w-14rem {
    width: 14rem !important;
  }
  .sm\:w-15rem {
    width: 15rem !important;
  }
  .sm\:w-16rem {
    width: 16rem !important;
  }
  .sm\:w-17rem {
    width: 17rem !important;
  }
  .sm\:w-18rem {
    width: 18rem !important;
  }
  .sm\:w-19rem {
    width: 19rem !important;
  }
  .sm\:w-20rem {
    width: 20rem !important;
  }
  .sm\:w-21rem {
    width: 21rem !important;
  }
  .sm\:w-22rem {
    width: 22rem !important;
  }
  .sm\:w-23rem {
    width: 23rem !important;
  }
  .sm\:w-24rem {
    width: 24rem !important;
  }
  .sm\:w-25rem {
    width: 25rem !important;
  }
  .sm\:w-26rem {
    width: 26rem !important;
  }
  .sm\:w-27rem {
    width: 27rem !important;
  }
  .sm\:w-28rem {
    width: 28rem !important;
  }
  .sm\:w-29rem {
    width: 29rem !important;
  }
  .sm\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-screen {
    width: 100vw !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-1 {
    width: 8.3333% !important;
  }
  .md\:w-2 {
    width: 16.6667% !important;
  }
  .md\:w-3 {
    width: 25% !important;
  }
  .md\:w-4 {
    width: 33.3333% !important;
  }
  .md\:w-5 {
    width: 41.6667% !important;
  }
  .md\:w-6 {
    width: 50% !important;
  }
  .md\:w-7 {
    width: 58.3333% !important;
  }
  .md\:w-8 {
    width: 66.6667% !important;
  }
  .md\:w-9 {
    width: 75% !important;
  }
  .md\:w-10 {
    width: 83.3333% !important;
  }
  .md\:w-11 {
    width: 91.6667% !important;
  }
  .md\:w-12 {
    width: 100% !important;
  }
  .md\:w-min {
    width: min-content !important;
  }
  .md\:w-max {
    width: max-content !important;
  }
  .md\:w-fit {
    width: fit-content !important;
  }
  .md\:w-1rem {
    width: 1rem !important;
  }
  .md\:w-2rem {
    width: 2rem !important;
  }
  .md\:w-3rem {
    width: 3rem !important;
  }
  .md\:w-4rem {
    width: 4rem !important;
  }
  .md\:w-5rem {
    width: 5rem !important;
  }
  .md\:w-6rem {
    width: 6rem !important;
  }
  .md\:w-7rem {
    width: 7rem !important;
  }
  .md\:w-8rem {
    width: 8rem !important;
  }
  .md\:w-9rem {
    width: 9rem !important;
  }
  .md\:w-10rem {
    width: 10rem !important;
  }
  .md\:w-11rem {
    width: 11rem !important;
  }
  .md\:w-12rem {
    width: 12rem !important;
  }
  .md\:w-13rem {
    width: 13rem !important;
  }
  .md\:w-14rem {
    width: 14rem !important;
  }
  .md\:w-15rem {
    width: 15rem !important;
  }
  .md\:w-16rem {
    width: 16rem !important;
  }
  .md\:w-17rem {
    width: 17rem !important;
  }
  .md\:w-18rem {
    width: 18rem !important;
  }
  .md\:w-19rem {
    width: 19rem !important;
  }
  .md\:w-20rem {
    width: 20rem !important;
  }
  .md\:w-21rem {
    width: 21rem !important;
  }
  .md\:w-22rem {
    width: 22rem !important;
  }
  .md\:w-23rem {
    width: 23rem !important;
  }
  .md\:w-24rem {
    width: 24rem !important;
  }
  .md\:w-25rem {
    width: 25rem !important;
  }
  .md\:w-26rem {
    width: 26rem !important;
  }
  .md\:w-27rem {
    width: 27rem !important;
  }
  .md\:w-28rem {
    width: 28rem !important;
  }
  .md\:w-29rem {
    width: 29rem !important;
  }
  .md\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:w-screen {
    width: 100vw !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-1 {
    width: 8.3333% !important;
  }
  .lg\:w-2 {
    width: 16.6667% !important;
  }
  .lg\:w-3 {
    width: 25% !important;
  }
  .lg\:w-4 {
    width: 33.3333% !important;
  }
  .lg\:w-5 {
    width: 41.6667% !important;
  }
  .lg\:w-6 {
    width: 50% !important;
  }
  .lg\:w-7 {
    width: 58.3333% !important;
  }
  .lg\:w-8 {
    width: 66.6667% !important;
  }
  .lg\:w-9 {
    width: 75% !important;
  }
  .lg\:w-10 {
    width: 83.3333% !important;
  }
  .lg\:w-11 {
    width: 91.6667% !important;
  }
  .lg\:w-12 {
    width: 100% !important;
  }
  .lg\:w-min {
    width: min-content !important;
  }
  .lg\:w-max {
    width: max-content !important;
  }
  .lg\:w-fit {
    width: fit-content !important;
  }
  .lg\:w-1rem {
    width: 1rem !important;
  }
  .lg\:w-2rem {
    width: 2rem !important;
  }
  .lg\:w-3rem {
    width: 3rem !important;
  }
  .lg\:w-4rem {
    width: 4rem !important;
  }
  .lg\:w-5rem {
    width: 5rem !important;
  }
  .lg\:w-6rem {
    width: 6rem !important;
  }
  .lg\:w-7rem {
    width: 7rem !important;
  }
  .lg\:w-8rem {
    width: 8rem !important;
  }
  .lg\:w-9rem {
    width: 9rem !important;
  }
  .lg\:w-10rem {
    width: 10rem !important;
  }
  .lg\:w-11rem {
    width: 11rem !important;
  }
  .lg\:w-12rem {
    width: 12rem !important;
  }
  .lg\:w-13rem {
    width: 13rem !important;
  }
  .lg\:w-14rem {
    width: 14rem !important;
  }
  .lg\:w-15rem {
    width: 15rem !important;
  }
  .lg\:w-16rem {
    width: 16rem !important;
  }
  .lg\:w-17rem {
    width: 17rem !important;
  }
  .lg\:w-18rem {
    width: 18rem !important;
  }
  .lg\:w-19rem {
    width: 19rem !important;
  }
  .lg\:w-20rem {
    width: 20rem !important;
  }
  .lg\:w-21rem {
    width: 21rem !important;
  }
  .lg\:w-22rem {
    width: 22rem !important;
  }
  .lg\:w-23rem {
    width: 23rem !important;
  }
  .lg\:w-24rem {
    width: 24rem !important;
  }
  .lg\:w-25rem {
    width: 25rem !important;
  }
  .lg\:w-26rem {
    width: 26rem !important;
  }
  .lg\:w-27rem {
    width: 27rem !important;
  }
  .lg\:w-28rem {
    width: 28rem !important;
  }
  .lg\:w-29rem {
    width: 29rem !important;
  }
  .lg\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:w-full {
    width: 100% !important;
  }
  .xl\:w-screen {
    width: 100vw !important;
  }
  .xl\:w-auto {
    width: auto !important;
  }
  .xl\:w-1 {
    width: 8.3333% !important;
  }
  .xl\:w-2 {
    width: 16.6667% !important;
  }
  .xl\:w-3 {
    width: 25% !important;
  }
  .xl\:w-4 {
    width: 33.3333% !important;
  }
  .xl\:w-5 {
    width: 41.6667% !important;
  }
  .xl\:w-6 {
    width: 50% !important;
  }
  .xl\:w-7 {
    width: 58.3333% !important;
  }
  .xl\:w-8 {
    width: 66.6667% !important;
  }
  .xl\:w-9 {
    width: 75% !important;
  }
  .xl\:w-10 {
    width: 83.3333% !important;
  }
  .xl\:w-11 {
    width: 91.6667% !important;
  }
  .xl\:w-12 {
    width: 100% !important;
  }
  .xl\:w-min {
    width: min-content !important;
  }
  .xl\:w-max {
    width: max-content !important;
  }
  .xl\:w-fit {
    width: fit-content !important;
  }
  .xl\:w-1rem {
    width: 1rem !important;
  }
  .xl\:w-2rem {
    width: 2rem !important;
  }
  .xl\:w-3rem {
    width: 3rem !important;
  }
  .xl\:w-4rem {
    width: 4rem !important;
  }
  .xl\:w-5rem {
    width: 5rem !important;
  }
  .xl\:w-6rem {
    width: 6rem !important;
  }
  .xl\:w-7rem {
    width: 7rem !important;
  }
  .xl\:w-8rem {
    width: 8rem !important;
  }
  .xl\:w-9rem {
    width: 9rem !important;
  }
  .xl\:w-10rem {
    width: 10rem !important;
  }
  .xl\:w-11rem {
    width: 11rem !important;
  }
  .xl\:w-12rem {
    width: 12rem !important;
  }
  .xl\:w-13rem {
    width: 13rem !important;
  }
  .xl\:w-14rem {
    width: 14rem !important;
  }
  .xl\:w-15rem {
    width: 15rem !important;
  }
  .xl\:w-16rem {
    width: 16rem !important;
  }
  .xl\:w-17rem {
    width: 17rem !important;
  }
  .xl\:w-18rem {
    width: 18rem !important;
  }
  .xl\:w-19rem {
    width: 19rem !important;
  }
  .xl\:w-20rem {
    width: 20rem !important;
  }
  .xl\:w-21rem {
    width: 21rem !important;
  }
  .xl\:w-22rem {
    width: 22rem !important;
  }
  .xl\:w-23rem {
    width: 23rem !important;
  }
  .xl\:w-24rem {
    width: 24rem !important;
  }
  .xl\:w-25rem {
    width: 25rem !important;
  }
  .xl\:w-26rem {
    width: 26rem !important;
  }
  .xl\:w-27rem {
    width: 27rem !important;
  }
  .xl\:w-28rem {
    width: 28rem !important;
  }
  .xl\:w-29rem {
    width: 29rem !important;
  }
  .xl\:w-30rem {
    width: 30rem !important;
  }
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.h-auto {
  height: auto !important;
}
.h-min {
  height: min-content !important;
}
.h-max {
  height: max-content !important;
}
.h-fit {
  height: fit-content !important;
}
.h-1rem {
  height: 1rem !important;
}
.h-2rem {
  height: 2rem !important;
}
.h-3rem {
  height: 3rem !important;
}
.h-4rem {
  height: 4rem !important;
}
.h-5rem {
  height: 5rem !important;
}
.h-6rem {
  height: 6rem !important;
}
.h-7rem {
  height: 7rem !important;
}
.h-8rem {
  height: 8rem !important;
}
.h-9rem {
  height: 9rem !important;
}
.h-10rem {
  height: 10rem !important;
}
.h-11rem {
  height: 11rem !important;
}
.h-12rem {
  height: 12rem !important;
}
.h-13rem {
  height: 13rem !important;
}
.h-14rem {
  height: 14rem !important;
}
.h-15rem {
  height: 15rem !important;
}
.h-16rem {
  height: 16rem !important;
}
.h-17rem {
  height: 17rem !important;
}
.h-18rem {
  height: 18rem !important;
}
.h-19rem {
  height: 19rem !important;
}
.h-20rem {
  height: 20rem !important;
}
.h-21rem {
  height: 21rem !important;
}
.h-22rem {
  height: 22rem !important;
}
.h-23rem {
  height: 23rem !important;
}
.h-24rem {
  height: 24rem !important;
}
.h-25rem {
  height: 25rem !important;
}
.h-26rem {
  height: 26rem !important;
}
.h-27rem {
  height: 27rem !important;
}
.h-28rem {
  height: 28rem !important;
}
.h-29rem {
  height: 29rem !important;
}
.h-30rem {
  height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:h-full {
    height: 100% !important;
  }
  .sm\:h-screen {
    height: 100vh !important;
  }
  .sm\:h-auto {
    height: auto !important;
  }
  .sm\:h-min {
    height: min-content !important;
  }
  .sm\:h-max {
    height: max-content !important;
  }
  .sm\:h-fit {
    height: fit-content !important;
  }
  .sm\:h-1rem {
    height: 1rem !important;
  }
  .sm\:h-2rem {
    height: 2rem !important;
  }
  .sm\:h-3rem {
    height: 3rem !important;
  }
  .sm\:h-4rem {
    height: 4rem !important;
  }
  .sm\:h-5rem {
    height: 5rem !important;
  }
  .sm\:h-6rem {
    height: 6rem !important;
  }
  .sm\:h-7rem {
    height: 7rem !important;
  }
  .sm\:h-8rem {
    height: 8rem !important;
  }
  .sm\:h-9rem {
    height: 9rem !important;
  }
  .sm\:h-10rem {
    height: 10rem !important;
  }
  .sm\:h-11rem {
    height: 11rem !important;
  }
  .sm\:h-12rem {
    height: 12rem !important;
  }
  .sm\:h-13rem {
    height: 13rem !important;
  }
  .sm\:h-14rem {
    height: 14rem !important;
  }
  .sm\:h-15rem {
    height: 15rem !important;
  }
  .sm\:h-16rem {
    height: 16rem !important;
  }
  .sm\:h-17rem {
    height: 17rem !important;
  }
  .sm\:h-18rem {
    height: 18rem !important;
  }
  .sm\:h-19rem {
    height: 19rem !important;
  }
  .sm\:h-20rem {
    height: 20rem !important;
  }
  .sm\:h-21rem {
    height: 21rem !important;
  }
  .sm\:h-22rem {
    height: 22rem !important;
  }
  .sm\:h-23rem {
    height: 23rem !important;
  }
  .sm\:h-24rem {
    height: 24rem !important;
  }
  .sm\:h-25rem {
    height: 25rem !important;
  }
  .sm\:h-26rem {
    height: 26rem !important;
  }
  .sm\:h-27rem {
    height: 27rem !important;
  }
  .sm\:h-28rem {
    height: 28rem !important;
  }
  .sm\:h-29rem {
    height: 29rem !important;
  }
  .sm\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:h-full {
    height: 100% !important;
  }
  .md\:h-screen {
    height: 100vh !important;
  }
  .md\:h-auto {
    height: auto !important;
  }
  .md\:h-min {
    height: min-content !important;
  }
  .md\:h-max {
    height: max-content !important;
  }
  .md\:h-fit {
    height: fit-content !important;
  }
  .md\:h-1rem {
    height: 1rem !important;
  }
  .md\:h-2rem {
    height: 2rem !important;
  }
  .md\:h-3rem {
    height: 3rem !important;
  }
  .md\:h-4rem {
    height: 4rem !important;
  }
  .md\:h-5rem {
    height: 5rem !important;
  }
  .md\:h-6rem {
    height: 6rem !important;
  }
  .md\:h-7rem {
    height: 7rem !important;
  }
  .md\:h-8rem {
    height: 8rem !important;
  }
  .md\:h-9rem {
    height: 9rem !important;
  }
  .md\:h-10rem {
    height: 10rem !important;
  }
  .md\:h-11rem {
    height: 11rem !important;
  }
  .md\:h-12rem {
    height: 12rem !important;
  }
  .md\:h-13rem {
    height: 13rem !important;
  }
  .md\:h-14rem {
    height: 14rem !important;
  }
  .md\:h-15rem {
    height: 15rem !important;
  }
  .md\:h-16rem {
    height: 16rem !important;
  }
  .md\:h-17rem {
    height: 17rem !important;
  }
  .md\:h-18rem {
    height: 18rem !important;
  }
  .md\:h-19rem {
    height: 19rem !important;
  }
  .md\:h-20rem {
    height: 20rem !important;
  }
  .md\:h-21rem {
    height: 21rem !important;
  }
  .md\:h-22rem {
    height: 22rem !important;
  }
  .md\:h-23rem {
    height: 23rem !important;
  }
  .md\:h-24rem {
    height: 24rem !important;
  }
  .md\:h-25rem {
    height: 25rem !important;
  }
  .md\:h-26rem {
    height: 26rem !important;
  }
  .md\:h-27rem {
    height: 27rem !important;
  }
  .md\:h-28rem {
    height: 28rem !important;
  }
  .md\:h-29rem {
    height: 29rem !important;
  }
  .md\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:h-full {
    height: 100% !important;
  }
  .lg\:h-screen {
    height: 100vh !important;
  }
  .lg\:h-auto {
    height: auto !important;
  }
  .lg\:h-min {
    height: min-content !important;
  }
  .lg\:h-max {
    height: max-content !important;
  }
  .lg\:h-fit {
    height: fit-content !important;
  }
  .lg\:h-1rem {
    height: 1rem !important;
  }
  .lg\:h-2rem {
    height: 2rem !important;
  }
  .lg\:h-3rem {
    height: 3rem !important;
  }
  .lg\:h-4rem {
    height: 4rem !important;
  }
  .lg\:h-5rem {
    height: 5rem !important;
  }
  .lg\:h-6rem {
    height: 6rem !important;
  }
  .lg\:h-7rem {
    height: 7rem !important;
  }
  .lg\:h-8rem {
    height: 8rem !important;
  }
  .lg\:h-9rem {
    height: 9rem !important;
  }
  .lg\:h-10rem {
    height: 10rem !important;
  }
  .lg\:h-11rem {
    height: 11rem !important;
  }
  .lg\:h-12rem {
    height: 12rem !important;
  }
  .lg\:h-13rem {
    height: 13rem !important;
  }
  .lg\:h-14rem {
    height: 14rem !important;
  }
  .lg\:h-15rem {
    height: 15rem !important;
  }
  .lg\:h-16rem {
    height: 16rem !important;
  }
  .lg\:h-17rem {
    height: 17rem !important;
  }
  .lg\:h-18rem {
    height: 18rem !important;
  }
  .lg\:h-19rem {
    height: 19rem !important;
  }
  .lg\:h-20rem {
    height: 20rem !important;
  }
  .lg\:h-21rem {
    height: 21rem !important;
  }
  .lg\:h-22rem {
    height: 22rem !important;
  }
  .lg\:h-23rem {
    height: 23rem !important;
  }
  .lg\:h-24rem {
    height: 24rem !important;
  }
  .lg\:h-25rem {
    height: 25rem !important;
  }
  .lg\:h-26rem {
    height: 26rem !important;
  }
  .lg\:h-27rem {
    height: 27rem !important;
  }
  .lg\:h-28rem {
    height: 28rem !important;
  }
  .lg\:h-29rem {
    height: 29rem !important;
  }
  .lg\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:h-full {
    height: 100% !important;
  }
  .xl\:h-screen {
    height: 100vh !important;
  }
  .xl\:h-auto {
    height: auto !important;
  }
  .xl\:h-min {
    height: min-content !important;
  }
  .xl\:h-max {
    height: max-content !important;
  }
  .xl\:h-fit {
    height: fit-content !important;
  }
  .xl\:h-1rem {
    height: 1rem !important;
  }
  .xl\:h-2rem {
    height: 2rem !important;
  }
  .xl\:h-3rem {
    height: 3rem !important;
  }
  .xl\:h-4rem {
    height: 4rem !important;
  }
  .xl\:h-5rem {
    height: 5rem !important;
  }
  .xl\:h-6rem {
    height: 6rem !important;
  }
  .xl\:h-7rem {
    height: 7rem !important;
  }
  .xl\:h-8rem {
    height: 8rem !important;
  }
  .xl\:h-9rem {
    height: 9rem !important;
  }
  .xl\:h-10rem {
    height: 10rem !important;
  }
  .xl\:h-11rem {
    height: 11rem !important;
  }
  .xl\:h-12rem {
    height: 12rem !important;
  }
  .xl\:h-13rem {
    height: 13rem !important;
  }
  .xl\:h-14rem {
    height: 14rem !important;
  }
  .xl\:h-15rem {
    height: 15rem !important;
  }
  .xl\:h-16rem {
    height: 16rem !important;
  }
  .xl\:h-17rem {
    height: 17rem !important;
  }
  .xl\:h-18rem {
    height: 18rem !important;
  }
  .xl\:h-19rem {
    height: 19rem !important;
  }
  .xl\:h-20rem {
    height: 20rem !important;
  }
  .xl\:h-21rem {
    height: 21rem !important;
  }
  .xl\:h-22rem {
    height: 22rem !important;
  }
  .xl\:h-23rem {
    height: 23rem !important;
  }
  .xl\:h-24rem {
    height: 24rem !important;
  }
  .xl\:h-25rem {
    height: 25rem !important;
  }
  .xl\:h-26rem {
    height: 26rem !important;
  }
  .xl\:h-27rem {
    height: 27rem !important;
  }
  .xl\:h-28rem {
    height: 28rem !important;
  }
  .xl\:h-29rem {
    height: 29rem !important;
  }
  .xl\:h-30rem {
    height: 30rem !important;
  }
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-screen {
  min-width: 100vw !important;
}
.min-w-min {
  min-width: min-content !important;
}
.min-w-max {
  min-width: max-content !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-w-0 {
    min-width: 0px !important;
  }
  .sm\:min-w-full {
    min-width: 100% !important;
  }
  .sm\:min-w-screen {
    min-width: 100vw !important;
  }
  .sm\:min-w-min {
    min-width: min-content !important;
  }
  .sm\:min-w-max {
    min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-w-0 {
    min-width: 0px !important;
  }
  .md\:min-w-full {
    min-width: 100% !important;
  }
  .md\:min-w-screen {
    min-width: 100vw !important;
  }
  .md\:min-w-min {
    min-width: min-content !important;
  }
  .md\:min-w-max {
    min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-w-0 {
    min-width: 0px !important;
  }
  .lg\:min-w-full {
    min-width: 100% !important;
  }
  .lg\:min-w-screen {
    min-width: 100vw !important;
  }
  .lg\:min-w-min {
    min-width: min-content !important;
  }
  .lg\:min-w-max {
    min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-w-0 {
    min-width: 0px !important;
  }
  .xl\:min-w-full {
    min-width: 100% !important;
  }
  .xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .xl\:min-w-min {
    min-width: min-content !important;
  }
  .xl\:min-w-max {
    min-width: max-content !important;
  }
}
.max-w-0 {
  max-width: 0px !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-screen {
  max-width: 100vw !important;
}
.max-w-min {
  max-width: min-content !important;
}
.max-w-max {
  max-width: max-content !important;
}
.max-w-fit {
  max-width: fit-content !important;
}
.max-w-1rem {
  max-width: 1rem !important;
}
.max-w-2rem {
  max-width: 2rem !important;
}
.max-w-3rem {
  max-width: 3rem !important;
}
.max-w-4rem {
  max-width: 4rem !important;
}
.max-w-5rem {
  max-width: 5rem !important;
}
.max-w-6rem {
  max-width: 6rem !important;
}
.max-w-7rem {
  max-width: 7rem !important;
}
.max-w-8rem {
  max-width: 8rem !important;
}
.max-w-9rem {
  max-width: 9rem !important;
}
.max-w-10rem {
  max-width: 10rem !important;
}
.max-w-11rem {
  max-width: 11rem !important;
}
.max-w-12rem {
  max-width: 12rem !important;
}
.max-w-13rem {
  max-width: 13rem !important;
}
.max-w-14rem {
  max-width: 14rem !important;
}
.max-w-15rem {
  max-width: 15rem !important;
}
.max-w-16rem {
  max-width: 16rem !important;
}
.max-w-17rem {
  max-width: 17rem !important;
}
.max-w-18rem {
  max-width: 18rem !important;
}
.max-w-19rem {
  max-width: 19rem !important;
}
.max-w-20rem {
  max-width: 20rem !important;
}
.max-w-21rem {
  max-width: 21rem !important;
}
.max-w-22rem {
  max-width: 22rem !important;
}
.max-w-23rem {
  max-width: 23rem !important;
}
.max-w-24rem {
  max-width: 24rem !important;
}
.max-w-25rem {
  max-width: 25rem !important;
}
.max-w-26rem {
  max-width: 26rem !important;
}
.max-w-27rem {
  max-width: 27rem !important;
}
.max-w-28rem {
  max-width: 28rem !important;
}
.max-w-29rem {
  max-width: 29rem !important;
}
.max-w-30rem {
  max-width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-w-0 {
    max-width: 0px !important;
  }
  .sm\:max-w-full {
    max-width: 100% !important;
  }
  .sm\:max-w-screen {
    max-width: 100vw !important;
  }
  .sm\:max-w-min {
    max-width: min-content !important;
  }
  .sm\:max-w-max {
    max-width: max-content !important;
  }
  .sm\:max-w-fit {
    max-width: fit-content !important;
  }
  .sm\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sm\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sm\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sm\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sm\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sm\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sm\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sm\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sm\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sm\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sm\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sm\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sm\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sm\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sm\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sm\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sm\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sm\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sm\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sm\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sm\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sm\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sm\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sm\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sm\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sm\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sm\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sm\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sm\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sm\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-w-0 {
    max-width: 0px !important;
  }
  .md\:max-w-full {
    max-width: 100% !important;
  }
  .md\:max-w-screen {
    max-width: 100vw !important;
  }
  .md\:max-w-min {
    max-width: min-content !important;
  }
  .md\:max-w-max {
    max-width: max-content !important;
  }
  .md\:max-w-fit {
    max-width: fit-content !important;
  }
  .md\:max-w-1rem {
    max-width: 1rem !important;
  }
  .md\:max-w-2rem {
    max-width: 2rem !important;
  }
  .md\:max-w-3rem {
    max-width: 3rem !important;
  }
  .md\:max-w-4rem {
    max-width: 4rem !important;
  }
  .md\:max-w-5rem {
    max-width: 5rem !important;
  }
  .md\:max-w-6rem {
    max-width: 6rem !important;
  }
  .md\:max-w-7rem {
    max-width: 7rem !important;
  }
  .md\:max-w-8rem {
    max-width: 8rem !important;
  }
  .md\:max-w-9rem {
    max-width: 9rem !important;
  }
  .md\:max-w-10rem {
    max-width: 10rem !important;
  }
  .md\:max-w-11rem {
    max-width: 11rem !important;
  }
  .md\:max-w-12rem {
    max-width: 12rem !important;
  }
  .md\:max-w-13rem {
    max-width: 13rem !important;
  }
  .md\:max-w-14rem {
    max-width: 14rem !important;
  }
  .md\:max-w-15rem {
    max-width: 15rem !important;
  }
  .md\:max-w-16rem {
    max-width: 16rem !important;
  }
  .md\:max-w-17rem {
    max-width: 17rem !important;
  }
  .md\:max-w-18rem {
    max-width: 18rem !important;
  }
  .md\:max-w-19rem {
    max-width: 19rem !important;
  }
  .md\:max-w-20rem {
    max-width: 20rem !important;
  }
  .md\:max-w-21rem {
    max-width: 21rem !important;
  }
  .md\:max-w-22rem {
    max-width: 22rem !important;
  }
  .md\:max-w-23rem {
    max-width: 23rem !important;
  }
  .md\:max-w-24rem {
    max-width: 24rem !important;
  }
  .md\:max-w-25rem {
    max-width: 25rem !important;
  }
  .md\:max-w-26rem {
    max-width: 26rem !important;
  }
  .md\:max-w-27rem {
    max-width: 27rem !important;
  }
  .md\:max-w-28rem {
    max-width: 28rem !important;
  }
  .md\:max-w-29rem {
    max-width: 29rem !important;
  }
  .md\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-w-0 {
    max-width: 0px !important;
  }
  .lg\:max-w-full {
    max-width: 100% !important;
  }
  .lg\:max-w-screen {
    max-width: 100vw !important;
  }
  .lg\:max-w-min {
    max-width: min-content !important;
  }
  .lg\:max-w-max {
    max-width: max-content !important;
  }
  .lg\:max-w-fit {
    max-width: fit-content !important;
  }
  .lg\:max-w-1rem {
    max-width: 1rem !important;
  }
  .lg\:max-w-2rem {
    max-width: 2rem !important;
  }
  .lg\:max-w-3rem {
    max-width: 3rem !important;
  }
  .lg\:max-w-4rem {
    max-width: 4rem !important;
  }
  .lg\:max-w-5rem {
    max-width: 5rem !important;
  }
  .lg\:max-w-6rem {
    max-width: 6rem !important;
  }
  .lg\:max-w-7rem {
    max-width: 7rem !important;
  }
  .lg\:max-w-8rem {
    max-width: 8rem !important;
  }
  .lg\:max-w-9rem {
    max-width: 9rem !important;
  }
  .lg\:max-w-10rem {
    max-width: 10rem !important;
  }
  .lg\:max-w-11rem {
    max-width: 11rem !important;
  }
  .lg\:max-w-12rem {
    max-width: 12rem !important;
  }
  .lg\:max-w-13rem {
    max-width: 13rem !important;
  }
  .lg\:max-w-14rem {
    max-width: 14rem !important;
  }
  .lg\:max-w-15rem {
    max-width: 15rem !important;
  }
  .lg\:max-w-16rem {
    max-width: 16rem !important;
  }
  .lg\:max-w-17rem {
    max-width: 17rem !important;
  }
  .lg\:max-w-18rem {
    max-width: 18rem !important;
  }
  .lg\:max-w-19rem {
    max-width: 19rem !important;
  }
  .lg\:max-w-20rem {
    max-width: 20rem !important;
  }
  .lg\:max-w-21rem {
    max-width: 21rem !important;
  }
  .lg\:max-w-22rem {
    max-width: 22rem !important;
  }
  .lg\:max-w-23rem {
    max-width: 23rem !important;
  }
  .lg\:max-w-24rem {
    max-width: 24rem !important;
  }
  .lg\:max-w-25rem {
    max-width: 25rem !important;
  }
  .lg\:max-w-26rem {
    max-width: 26rem !important;
  }
  .lg\:max-w-27rem {
    max-width: 27rem !important;
  }
  .lg\:max-w-28rem {
    max-width: 28rem !important;
  }
  .lg\:max-w-29rem {
    max-width: 29rem !important;
  }
  .lg\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-w-0 {
    max-width: 0px !important;
  }
  .xl\:max-w-full {
    max-width: 100% !important;
  }
  .xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .xl\:max-w-min {
    max-width: min-content !important;
  }
  .xl\:max-w-max {
    max-width: max-content !important;
  }
  .xl\:max-w-fit {
    max-width: fit-content !important;
  }
  .xl\:max-w-1rem {
    max-width: 1rem !important;
  }
  .xl\:max-w-2rem {
    max-width: 2rem !important;
  }
  .xl\:max-w-3rem {
    max-width: 3rem !important;
  }
  .xl\:max-w-4rem {
    max-width: 4rem !important;
  }
  .xl\:max-w-5rem {
    max-width: 5rem !important;
  }
  .xl\:max-w-6rem {
    max-width: 6rem !important;
  }
  .xl\:max-w-7rem {
    max-width: 7rem !important;
  }
  .xl\:max-w-8rem {
    max-width: 8rem !important;
  }
  .xl\:max-w-9rem {
    max-width: 9rem !important;
  }
  .xl\:max-w-10rem {
    max-width: 10rem !important;
  }
  .xl\:max-w-11rem {
    max-width: 11rem !important;
  }
  .xl\:max-w-12rem {
    max-width: 12rem !important;
  }
  .xl\:max-w-13rem {
    max-width: 13rem !important;
  }
  .xl\:max-w-14rem {
    max-width: 14rem !important;
  }
  .xl\:max-w-15rem {
    max-width: 15rem !important;
  }
  .xl\:max-w-16rem {
    max-width: 16rem !important;
  }
  .xl\:max-w-17rem {
    max-width: 17rem !important;
  }
  .xl\:max-w-18rem {
    max-width: 18rem !important;
  }
  .xl\:max-w-19rem {
    max-width: 19rem !important;
  }
  .xl\:max-w-20rem {
    max-width: 20rem !important;
  }
  .xl\:max-w-21rem {
    max-width: 21rem !important;
  }
  .xl\:max-w-22rem {
    max-width: 22rem !important;
  }
  .xl\:max-w-23rem {
    max-width: 23rem !important;
  }
  .xl\:max-w-24rem {
    max-width: 24rem !important;
  }
  .xl\:max-w-25rem {
    max-width: 25rem !important;
  }
  .xl\:max-w-26rem {
    max-width: 26rem !important;
  }
  .xl\:max-w-27rem {
    max-width: 27rem !important;
  }
  .xl\:max-w-28rem {
    max-width: 28rem !important;
  }
  .xl\:max-w-29rem {
    max-width: 29rem !important;
  }
  .xl\:max-w-30rem {
    max-width: 30rem !important;
  }
}
.min-h-0 {
  min-height: 0px !important;
}
.min-h-full {
  min-height: 100% !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-h-0 {
    min-height: 0px !important;
  }
  .sm\:min-h-full {
    min-height: 100% !important;
  }
  .sm\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-h-0 {
    min-height: 0px !important;
  }
  .md\:min-h-full {
    min-height: 100% !important;
  }
  .md\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-h-0 {
    min-height: 0px !important;
  }
  .lg\:min-h-full {
    min-height: 100% !important;
  }
  .lg\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-h-0 {
    min-height: 0px !important;
  }
  .xl\:min-h-full {
    min-height: 100% !important;
  }
  .xl\:min-h-screen {
    min-height: 100vh !important;
  }
}
.max-h-0 {
  max-height: 0px !important;
}
.max-h-full {
  max-height: 100% !important;
}
.max-h-screen {
  max-height: 100vh !important;
}
.max-h-min {
  max-height: min-content !important;
}
.max-h-max {
  max-height: max-content !important;
}
.max-h-fit {
  max-height: fit-content !important;
}
.max-h-1rem {
  max-height: 1rem !important;
}
.max-h-2rem {
  max-height: 2rem !important;
}
.max-h-3rem {
  max-height: 3rem !important;
}
.max-h-4rem {
  max-height: 4rem !important;
}
.max-h-5rem {
  max-height: 5rem !important;
}
.max-h-6rem {
  max-height: 6rem !important;
}
.max-h-7rem {
  max-height: 7rem !important;
}
.max-h-8rem {
  max-height: 8rem !important;
}
.max-h-9rem {
  max-height: 9rem !important;
}
.max-h-10rem {
  max-height: 10rem !important;
}
.max-h-11rem {
  max-height: 11rem !important;
}
.max-h-12rem {
  max-height: 12rem !important;
}
.max-h-13rem {
  max-height: 13rem !important;
}
.max-h-14rem {
  max-height: 14rem !important;
}
.max-h-15rem {
  max-height: 15rem !important;
}
.max-h-16rem {
  max-height: 16rem !important;
}
.max-h-17rem {
  max-height: 17rem !important;
}
.max-h-18rem {
  max-height: 18rem !important;
}
.max-h-19rem {
  max-height: 19rem !important;
}
.max-h-20rem {
  max-height: 20rem !important;
}
.max-h-21rem {
  max-height: 21rem !important;
}
.max-h-22rem {
  max-height: 22rem !important;
}
.max-h-23rem {
  max-height: 23rem !important;
}
.max-h-24rem {
  max-height: 24rem !important;
}
.max-h-25rem {
  max-height: 25rem !important;
}
.max-h-26rem {
  max-height: 26rem !important;
}
.max-h-27rem {
  max-height: 27rem !important;
}
.max-h-28rem {
  max-height: 28rem !important;
}
.max-h-29rem {
  max-height: 29rem !important;
}
.max-h-30rem {
  max-height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-h-0 {
    max-height: 0px !important;
  }
  .sm\:max-h-full {
    max-height: 100% !important;
  }
  .sm\:max-h-screen {
    max-height: 100vh !important;
  }
  .sm\:max-h-min {
    max-height: min-content !important;
  }
  .sm\:max-h-max {
    max-height: max-content !important;
  }
  .sm\:max-h-fit {
    max-height: fit-content !important;
  }
  .sm\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sm\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sm\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sm\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sm\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sm\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sm\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sm\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sm\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sm\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sm\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sm\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sm\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sm\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sm\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sm\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sm\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sm\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sm\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sm\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sm\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sm\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sm\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sm\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sm\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sm\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sm\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sm\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sm\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sm\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-h-0 {
    max-height: 0px !important;
  }
  .md\:max-h-full {
    max-height: 100% !important;
  }
  .md\:max-h-screen {
    max-height: 100vh !important;
  }
  .md\:max-h-min {
    max-height: min-content !important;
  }
  .md\:max-h-max {
    max-height: max-content !important;
  }
  .md\:max-h-fit {
    max-height: fit-content !important;
  }
  .md\:max-h-1rem {
    max-height: 1rem !important;
  }
  .md\:max-h-2rem {
    max-height: 2rem !important;
  }
  .md\:max-h-3rem {
    max-height: 3rem !important;
  }
  .md\:max-h-4rem {
    max-height: 4rem !important;
  }
  .md\:max-h-5rem {
    max-height: 5rem !important;
  }
  .md\:max-h-6rem {
    max-height: 6rem !important;
  }
  .md\:max-h-7rem {
    max-height: 7rem !important;
  }
  .md\:max-h-8rem {
    max-height: 8rem !important;
  }
  .md\:max-h-9rem {
    max-height: 9rem !important;
  }
  .md\:max-h-10rem {
    max-height: 10rem !important;
  }
  .md\:max-h-11rem {
    max-height: 11rem !important;
  }
  .md\:max-h-12rem {
    max-height: 12rem !important;
  }
  .md\:max-h-13rem {
    max-height: 13rem !important;
  }
  .md\:max-h-14rem {
    max-height: 14rem !important;
  }
  .md\:max-h-15rem {
    max-height: 15rem !important;
  }
  .md\:max-h-16rem {
    max-height: 16rem !important;
  }
  .md\:max-h-17rem {
    max-height: 17rem !important;
  }
  .md\:max-h-18rem {
    max-height: 18rem !important;
  }
  .md\:max-h-19rem {
    max-height: 19rem !important;
  }
  .md\:max-h-20rem {
    max-height: 20rem !important;
  }
  .md\:max-h-21rem {
    max-height: 21rem !important;
  }
  .md\:max-h-22rem {
    max-height: 22rem !important;
  }
  .md\:max-h-23rem {
    max-height: 23rem !important;
  }
  .md\:max-h-24rem {
    max-height: 24rem !important;
  }
  .md\:max-h-25rem {
    max-height: 25rem !important;
  }
  .md\:max-h-26rem {
    max-height: 26rem !important;
  }
  .md\:max-h-27rem {
    max-height: 27rem !important;
  }
  .md\:max-h-28rem {
    max-height: 28rem !important;
  }
  .md\:max-h-29rem {
    max-height: 29rem !important;
  }
  .md\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-h-0 {
    max-height: 0px !important;
  }
  .lg\:max-h-full {
    max-height: 100% !important;
  }
  .lg\:max-h-screen {
    max-height: 100vh !important;
  }
  .lg\:max-h-min {
    max-height: min-content !important;
  }
  .lg\:max-h-max {
    max-height: max-content !important;
  }
  .lg\:max-h-fit {
    max-height: fit-content !important;
  }
  .lg\:max-h-1rem {
    max-height: 1rem !important;
  }
  .lg\:max-h-2rem {
    max-height: 2rem !important;
  }
  .lg\:max-h-3rem {
    max-height: 3rem !important;
  }
  .lg\:max-h-4rem {
    max-height: 4rem !important;
  }
  .lg\:max-h-5rem {
    max-height: 5rem !important;
  }
  .lg\:max-h-6rem {
    max-height: 6rem !important;
  }
  .lg\:max-h-7rem {
    max-height: 7rem !important;
  }
  .lg\:max-h-8rem {
    max-height: 8rem !important;
  }
  .lg\:max-h-9rem {
    max-height: 9rem !important;
  }
  .lg\:max-h-10rem {
    max-height: 10rem !important;
  }
  .lg\:max-h-11rem {
    max-height: 11rem !important;
  }
  .lg\:max-h-12rem {
    max-height: 12rem !important;
  }
  .lg\:max-h-13rem {
    max-height: 13rem !important;
  }
  .lg\:max-h-14rem {
    max-height: 14rem !important;
  }
  .lg\:max-h-15rem {
    max-height: 15rem !important;
  }
  .lg\:max-h-16rem {
    max-height: 16rem !important;
  }
  .lg\:max-h-17rem {
    max-height: 17rem !important;
  }
  .lg\:max-h-18rem {
    max-height: 18rem !important;
  }
  .lg\:max-h-19rem {
    max-height: 19rem !important;
  }
  .lg\:max-h-20rem {
    max-height: 20rem !important;
  }
  .lg\:max-h-21rem {
    max-height: 21rem !important;
  }
  .lg\:max-h-22rem {
    max-height: 22rem !important;
  }
  .lg\:max-h-23rem {
    max-height: 23rem !important;
  }
  .lg\:max-h-24rem {
    max-height: 24rem !important;
  }
  .lg\:max-h-25rem {
    max-height: 25rem !important;
  }
  .lg\:max-h-26rem {
    max-height: 26rem !important;
  }
  .lg\:max-h-27rem {
    max-height: 27rem !important;
  }
  .lg\:max-h-28rem {
    max-height: 28rem !important;
  }
  .lg\:max-h-29rem {
    max-height: 29rem !important;
  }
  .lg\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-h-0 {
    max-height: 0px !important;
  }
  .xl\:max-h-full {
    max-height: 100% !important;
  }
  .xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .xl\:max-h-min {
    max-height: min-content !important;
  }
  .xl\:max-h-max {
    max-height: max-content !important;
  }
  .xl\:max-h-fit {
    max-height: fit-content !important;
  }
  .xl\:max-h-1rem {
    max-height: 1rem !important;
  }
  .xl\:max-h-2rem {
    max-height: 2rem !important;
  }
  .xl\:max-h-3rem {
    max-height: 3rem !important;
  }
  .xl\:max-h-4rem {
    max-height: 4rem !important;
  }
  .xl\:max-h-5rem {
    max-height: 5rem !important;
  }
  .xl\:max-h-6rem {
    max-height: 6rem !important;
  }
  .xl\:max-h-7rem {
    max-height: 7rem !important;
  }
  .xl\:max-h-8rem {
    max-height: 8rem !important;
  }
  .xl\:max-h-9rem {
    max-height: 9rem !important;
  }
  .xl\:max-h-10rem {
    max-height: 10rem !important;
  }
  .xl\:max-h-11rem {
    max-height: 11rem !important;
  }
  .xl\:max-h-12rem {
    max-height: 12rem !important;
  }
  .xl\:max-h-13rem {
    max-height: 13rem !important;
  }
  .xl\:max-h-14rem {
    max-height: 14rem !important;
  }
  .xl\:max-h-15rem {
    max-height: 15rem !important;
  }
  .xl\:max-h-16rem {
    max-height: 16rem !important;
  }
  .xl\:max-h-17rem {
    max-height: 17rem !important;
  }
  .xl\:max-h-18rem {
    max-height: 18rem !important;
  }
  .xl\:max-h-19rem {
    max-height: 19rem !important;
  }
  .xl\:max-h-20rem {
    max-height: 20rem !important;
  }
  .xl\:max-h-21rem {
    max-height: 21rem !important;
  }
  .xl\:max-h-22rem {
    max-height: 22rem !important;
  }
  .xl\:max-h-23rem {
    max-height: 23rem !important;
  }
  .xl\:max-h-24rem {
    max-height: 24rem !important;
  }
  .xl\:max-h-25rem {
    max-height: 25rem !important;
  }
  .xl\:max-h-26rem {
    max-height: 26rem !important;
  }
  .xl\:max-h-27rem {
    max-height: 27rem !important;
  }
  .xl\:max-h-28rem {
    max-height: 28rem !important;
  }
  .xl\:max-h-29rem {
    max-height: 29rem !important;
  }
  .xl\:max-h-30rem {
    max-height: 30rem !important;
  }
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
@media screen and (min-width: 576px) {
  .sm\:static {
    position: static !important;
  }
  .sm\:fixed {
    position: fixed !important;
  }
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:relative {
    position: relative !important;
  }
  .sm\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:static {
    position: static !important;
  }
  .md\:fixed {
    position: fixed !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:static {
    position: static !important;
  }
  .lg\:fixed {
    position: fixed !important;
  }
  .lg\:absolute {
    position: absolute !important;
  }
  .lg\:relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:static {
    position: static !important;
  }
  .xl\:fixed {
    position: fixed !important;
  }
  .xl\:absolute {
    position: absolute !important;
  }
  .xl\:relative {
    position: relative !important;
  }
  .xl\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}
.top-0 {
  top: 0px !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:top-auto {
    top: auto !important;
  }
  .sm\:top-0 {
    top: 0px !important;
  }
  .sm\:top-50 {
    top: 50% !important;
  }
  .sm\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:top-auto {
    top: auto !important;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:top-50 {
    top: 50% !important;
  }
  .md\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:top-auto {
    top: auto !important;
  }
  .lg\:top-0 {
    top: 0px !important;
  }
  .lg\:top-50 {
    top: 50% !important;
  }
  .lg\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:top-auto {
    top: auto !important;
  }
  .xl\:top-0 {
    top: 0px !important;
  }
  .xl\:top-50 {
    top: 50% !important;
  }
  .xl\:top-100 {
    top: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}
.left-0 {
  left: 0px !important;
}
.left-50 {
  left: 50% !important;
}
.left-100 {
  left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:left-auto {
    left: auto !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:left-50 {
    left: 50% !important;
  }
  .sm\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:left-auto {
    left: auto !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:left-50 {
    left: 50% !important;
  }
  .md\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:left-auto {
    left: auto !important;
  }
  .lg\:left-0 {
    left: 0px !important;
  }
  .lg\:left-50 {
    left: 50% !important;
  }
  .lg\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:left-auto {
    left: auto !important;
  }
  .xl\:left-0 {
    left: 0px !important;
  }
  .xl\:left-50 {
    left: 50% !important;
  }
  .xl\:left-100 {
    left: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}
.right-0 {
  right: 0px !important;
}
.right-50 {
  right: 50% !important;
}
.right-100 {
  right: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:right-auto {
    right: auto !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:right-50 {
    right: 50% !important;
  }
  .sm\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:right-auto {
    right: auto !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:right-50 {
    right: 50% !important;
  }
  .md\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:right-auto {
    right: auto !important;
  }
  .lg\:right-0 {
    right: 0px !important;
  }
  .lg\:right-50 {
    right: 50% !important;
  }
  .lg\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:right-auto {
    right: auto !important;
  }
  .xl\:right-0 {
    right: 0px !important;
  }
  .xl\:right-50 {
    right: 50% !important;
  }
  .xl\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:bottom-auto {
    bottom: auto !important;
  }
  .sm\:bottom-0 {
    bottom: 0px !important;
  }
  .sm\:bottom-50 {
    bottom: 50% !important;
  }
  .sm\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:bottom-0 {
    bottom: 0px !important;
  }
  .md\:bottom-50 {
    bottom: 50% !important;
  }
  .md\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bottom-auto {
    bottom: auto !important;
  }
  .lg\:bottom-0 {
    bottom: 0px !important;
  }
  .lg\:bottom-50 {
    bottom: 50% !important;
  }
  .lg\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bottom-auto {
    bottom: auto !important;
  }
  .xl\:bottom-0 {
    bottom: 0px !important;
  }
  .xl\:bottom-50 {
    bottom: 50% !important;
  }
  .xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-auto {
    overflow: auto !important;
  }
  .sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sm\:overflow-visible {
    overflow: visible !important;
  }
  .sm\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-auto {
    overflow: auto !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-visible {
    overflow: visible !important;
  }
  .md\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-auto {
    overflow: auto !important;
  }
  .lg\:overflow-hidden {
    overflow: hidden !important;
  }
  .lg\:overflow-visible {
    overflow: visible !important;
  }
  .lg\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-auto {
    overflow: auto !important;
  }
  .xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .xl\:overflow-visible {
    overflow: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
.z-auto {
  z-index: auto !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;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
@media screen and (min-width: 576px) {
  .sm\:z-auto {
    z-index: auto !important;
  }
  .sm\:z-0 {
    z-index: 0 !important;
  }
  .sm\:z-1 {
    z-index: 1 !important;
  }
  .sm\:z-2 {
    z-index: 2 !important;
  }
  .sm\:z-3 {
    z-index: 3 !important;
  }
  .sm\:z-4 {
    z-index: 4 !important;
  }
  .sm\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:z-auto {
    z-index: auto !important;
  }
  .md\:z-0 {
    z-index: 0 !important;
  }
  .md\:z-1 {
    z-index: 1 !important;
  }
  .md\:z-2 {
    z-index: 2 !important;
  }
  .md\:z-3 {
    z-index: 3 !important;
  }
  .md\:z-4 {
    z-index: 4 !important;
  }
  .md\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:z-auto {
    z-index: auto !important;
  }
  .lg\:z-0 {
    z-index: 0 !important;
  }
  .lg\:z-1 {
    z-index: 1 !important;
  }
  .lg\:z-2 {
    z-index: 2 !important;
  }
  .lg\:z-3 {
    z-index: 3 !important;
  }
  .lg\:z-4 {
    z-index: 4 !important;
  }
  .lg\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:z-auto {
    z-index: auto !important;
  }
  .xl\:z-0 {
    z-index: 0 !important;
  }
  .xl\:z-1 {
    z-index: 1 !important;
  }
  .xl\:z-2 {
    z-index: 2 !important;
  }
  .xl\:z-3 {
    z-index: 3 !important;
  }
  .xl\:z-4 {
    z-index: 4 !important;
  }
  .xl\:z-5 {
    z-index: 5 !important;
  }
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-repeat-x {
  background-repeat: repeat-x !important;
}
.bg-repeat-y {
  background-repeat: repeat-y !important;
}
.bg-repeat-round {
  background-repeat: round !important;
}
.bg-repeat-space {
  background-repeat: space !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sm\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sm\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-repeat {
    background-repeat: repeat !important;
  }
  .md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .md\:bg-repeat-round {
    background-repeat: round !important;
  }
  .md\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-repeat {
    background-repeat: repeat !important;
  }
  .lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .lg\:bg-repeat-round {
    background-repeat: round !important;
  }
  .lg\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-repeat {
    background-repeat: repeat !important;
  }
  .xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .xl\:bg-repeat-round {
    background-repeat: round !important;
  }
  .xl\:bg-repeat-space {
    background-repeat: space !important;
  }
}
.bg-auto {
  background-size: auto !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-contain {
  background-size: contain !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-auto {
    background-size: auto !important;
  }
  .sm\:bg-cover {
    background-size: cover !important;
  }
  .sm\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-auto {
    background-size: auto !important;
  }
  .md\:bg-cover {
    background-size: cover !important;
  }
  .md\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-auto {
    background-size: auto !important;
  }
  .lg\:bg-cover {
    background-size: cover !important;
  }
  .lg\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-auto {
    background-size: auto !important;
  }
  .xl\:bg-cover {
    background-size: cover !important;
  }
  .xl\:bg-contain {
    background-size: contain !important;
  }
}
.bg-bottom {
  background-position: bottom !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left {
  background-position: left !important;
}
.bg-left-bottom {
  background-position: left bottom !important;
}
.bg-left-top {
  background-position: left top !important;
}
.bg-right {
  background-position: right !important;
}
.bg-right-bottom {
  background-position: right bottom !important;
}
.bg-right-top {
  background-position: right top !important;
}
.bg-top {
  background-position: top !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-bottom {
    background-position: bottom !important;
  }
  .sm\:bg-center {
    background-position: center !important;
  }
  .sm\:bg-left {
    background-position: left !important;
  }
  .sm\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sm\:bg-left-top {
    background-position: left top !important;
  }
  .sm\:bg-right {
    background-position: right !important;
  }
  .sm\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sm\:bg-right-top {
    background-position: right top !important;
  }
  .sm\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-bottom {
    background-position: bottom !important;
  }
  .md\:bg-center {
    background-position: center !important;
  }
  .md\:bg-left {
    background-position: left !important;
  }
  .md\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .md\:bg-left-top {
    background-position: left top !important;
  }
  .md\:bg-right {
    background-position: right !important;
  }
  .md\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .md\:bg-right-top {
    background-position: right top !important;
  }
  .md\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-bottom {
    background-position: bottom !important;
  }
  .lg\:bg-center {
    background-position: center !important;
  }
  .lg\:bg-left {
    background-position: left !important;
  }
  .lg\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .lg\:bg-left-top {
    background-position: left top !important;
  }
  .lg\:bg-right {
    background-position: right !important;
  }
  .lg\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .lg\:bg-right-top {
    background-position: right top !important;
  }
  .lg\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-bottom {
    background-position: bottom !important;
  }
  .xl\:bg-center {
    background-position: center !important;
  }
  .xl\:bg-left {
    background-position: left !important;
  }
  .xl\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .xl\:bg-left-top {
    background-position: left top !important;
  }
  .xl\:bg-right {
    background-position: right !important;
  }
  .xl\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .xl\:bg-right-top {
    background-position: right top !important;
  }
  .xl\:bg-top {
    background-position: top !important;
  }
}
.select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
  user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.list-none {
  list-style: none !important;
}
.list-disc {
  list-style: disc !important;
}
.list-decimal {
  list-style: decimal !important;
}
.appearance-none {
  appearance: none !important;
}
.outline-none {
  outline: none !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-move {
  cursor: move !important;
}
.select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
  user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-10 {
  opacity: .1 !important;
}
.opacity-20 {
  opacity: .2 !important;
}
.opacity-30 {
  opacity: .3 !important;
}
.opacity-40 {
  opacity: .4 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-60 {
  opacity: .6 !important;
}
.opacity-70 {
  opacity: .7 !important;
}
.opacity-80 {
  opacity: .8 !important;
}
.opacity-90 {
  opacity: .9 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.reset {
  all: unset;
}
.transition-none {
  transition-property: none !important;
}
.transition-all {
  transition-property: all !important;
}
.transition-colors {
  transition-property:
    background-color,
    border-color,
    color !important;
}
.transition-transform {
  transition-property: transform !important;
}
.transition-duration-100 {
  transition-duration: 100ms !important;
}
.transition-duration-150 {
  transition-duration: 150ms !important;
}
.transition-duration-200 {
  transition-duration: 200ms !important;
}
.transition-duration-300 {
  transition-duration: 300ms !important;
}
.transition-duration-400 {
  transition-duration: 400ms !important;
}
.transition-duration-500 {
  transition-duration: 500ms !important;
}
.transition-duration-1000 {
  transition-duration: 1000ms !important;
}
.transition-duration-2000 {
  transition-duration: 2000ms !important;
}
.transition-duration-3000 {
  transition-duration: 3000ms !important;
}
.transition-linear {
  transition-timing-function: linear !important;
}
.transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-delay-100 {
  transition-delay: 100ms !important;
}
.transition-delay-150 {
  transition-delay: 150ms !important;
}
.transition-delay-200 {
  transition-delay: 200ms !important;
}
.transition-delay-300 {
  transition-delay: 300ms !important;
}
.transition-delay-400 {
  transition-delay: 400ms !important;
}
.transition-delay-500 {
  transition-delay: 500ms !important;
}
.transition-delay-1000 {
  transition-delay: 1000ms !important;
}
.translate-x-0 {
  transform: translateX(0%) !important;
}
.translate-x-100 {
  transform: translateX(100%) !important;
}
.-translate-x-100 {
  transform: translateX(-100%) !important;
}
.translate-y-0 {
  transform: translateY(0%) !important;
}
.translate-y-100 {
  transform: translateY(100%) !important;
}
.-translate-y-100 {
  transform: translateY(-100%) !important;
}
@media screen and (min-width: 576px) {
  .sm\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sm\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sm\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sm\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sm\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sm\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .md\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .md\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .md\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .md\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .md\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .lg\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .lg\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .lg\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .lg\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .lg\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .xl\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .xl\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .xl\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .xl\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .xl\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
.rotate-45 {
  transform: rotate(45deg) !important;
}
.-rotate-45 {
  transform: rotate(-45deg) !important;
}
.rotate-90 {
  transform: rotate(90deg) !important;
}
.-rotate-90 {
  transform: rotate(-90deg) !important;
}
.rotate-180 {
  transform: rotate(180deg) !important;
}
.-rotate-180 {
  transform: rotate(-180deg) !important;
}
@media screen and (min-width: 576px) {
  .sm\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sm\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sm\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sm\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sm\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sm\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .md\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .md\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .md\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .md\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .md\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .lg\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .lg\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .lg\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .lg\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .lg\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .xl\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .xl\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .xl\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .xl\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .xl\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
.origin-center {
  transform-origin: center !important;
}
.origin-top {
  transform-origin: top !important;
}
.origin-top-right {
  transform-origin: top right !important;
}
.origin-right {
  transform-origin: right !important;
}
.origin-bottom-right {
  transform-origin: bottom right !important;
}
.origin-bottom {
  transform-origin: bottom !important;
}
.origin-bottom-left {
  transform-origin: bottom left !important;
}
.origin-left {
  transform-origin: left !important;
}
.origin-top-left {
  transform-origin: top-left !important;
}
@media screen and (min-width: 576px) {
  .sm\:origin-center {
    transform-origin: center !important;
  }
  .sm\:origin-top {
    transform-origin: top !important;
  }
  .sm\:origin-top-right {
    transform-origin: top right !important;
  }
  .sm\:origin-right {
    transform-origin: right !important;
  }
  .sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sm\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sm\:origin-left {
    transform-origin: left !important;
  }
  .sm\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:origin-center {
    transform-origin: center !important;
  }
  .md\:origin-top {
    transform-origin: top !important;
  }
  .md\:origin-top-right {
    transform-origin: top right !important;
  }
  .md\:origin-right {
    transform-origin: right !important;
  }
  .md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .md\:origin-bottom {
    transform-origin: bottom !important;
  }
  .md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .md\:origin-left {
    transform-origin: left !important;
  }
  .md\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:origin-center {
    transform-origin: center !important;
  }
  .lg\:origin-top {
    transform-origin: top !important;
  }
  .lg\:origin-top-right {
    transform-origin: top right !important;
  }
  .lg\:origin-right {
    transform-origin: right !important;
  }
  .lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .lg\:origin-bottom {
    transform-origin: bottom !important;
  }
  .lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .lg\:origin-left {
    transform-origin: left !important;
  }
  .lg\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:origin-center {
    transform-origin: center !important;
  }
  .xl\:origin-top {
    transform-origin: top !important;
  }
  .xl\:origin-top-right {
    transform-origin: top right !important;
  }
  .xl\:origin-right {
    transform-origin: right !important;
  }
  .xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .xl\:origin-bottom {
    transform-origin: bottom !important;
  }
  .xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .xl\:origin-left {
    transform-origin: left !important;
  }
  .xl\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(2000px) rotateX(-100deg);
  }
  to {
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(2000px) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(2000px) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(2000px) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.fadein {
  animation: fadein 0.15s linear;
}
.fadeout {
  animation: fadeout 0.15s linear;
}
.slidedown {
  animation: slidedown 0.45s ease-in-out;
}
.slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}
.scalein {
  animation: scalein 0.15s linear;
}
.fadeinleft {
  animation: fadeinleft 0.15s linear;
}
.fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}
.fadeinright {
  animation: fadeinright 0.15s linear;
}
.fadeoutright {
  animation: fadeoutright 0.15s linear;
}
.fadeinup {
  animation: fadeinup 0.15s linear;
}
.fadeoutup {
  animation: fadeoutup 0.15s linear;
}
.fadeindown {
  animation: fadeindown 0.15s linear;
}
.fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}
.animate-width {
  animation: animate-width 1000ms linear;
}
.flip {
  backface-visibility: visible;
  animation: flip 0.15s linear;
}
.flipup {
  backface-visibility: visible;
  animation: flipup 0.15s linear;
}
.flipleft {
  backface-visibility: visible;
  animation: flipleft 0.15s linear;
}
.flipright {
  backface-visibility: visible;
  animation: flipright 0.15s linear;
}
.zoomin {
  animation: zoomin 0.15s linear;
}
.zoomindown {
  animation: zoomindown 0.15s linear;
}
.zoominleft {
  animation: zoominleft 0.15s linear;
}
.zoominright {
  animation: zoominright 0.15s linear;
}
.zoominup {
  animation: zoominup 0.15s linear;
}
.animation-duration-100 {
  animation-duration: 100ms !important;
}
.animation-duration-150 {
  animation-duration: 150ms !important;
}
.animation-duration-200 {
  animation-duration: 200ms !important;
}
.animation-duration-300 {
  animation-duration: 300ms !important;
}
.animation-duration-400 {
  animation-duration: 400ms !important;
}
.animation-duration-500 {
  animation-duration: 500ms !important;
}
.animation-duration-1000 {
  animation-duration: 1000ms !important;
}
.animation-duration-2000 {
  animation-duration: 2000ms !important;
}
.animation-duration-3000 {
  animation-duration: 3000ms !important;
}
.animation-delay-100 {
  animation-delay: 100ms !important;
}
.animation-delay-150 {
  animation-delay: 150ms !important;
}
.animation-delay-200 {
  animation-delay: 200ms !important;
}
.animation-delay-300 {
  animation-delay: 300ms !important;
}
.animation-delay-400 {
  animation-delay: 400ms !important;
}
.animation-delay-500 {
  animation-delay: 500ms !important;
}
.animation-delay-1000 {
  animation-delay: 1000ms !important;
}
.animation-iteration-1 {
  animation-iteration-count: 1 !important;
}
.animation-iteration-2 {
  animation-iteration-count: 2 !important;
}
.animation-iteration-infinite {
  animation-iteration-count: infinite !important;
}
.animation-linear {
  animation-timing-function: linear !important;
}
.animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.animation-fill-none {
  animation-fill-mode: none !important;
}
.animation-fill-forwards {
  animation-fill-mode: forwards !important;
}
.animation-fill-backwards {
  animation-fill-mode: backwards !important;
}
.animation-fill-both {
  animation-fill-mode: both !important;
}

/* angular:styles/global:styles */