@charset "UTF-8";

/* 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;
}

/* 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/flag-icons/css/flag-icons.min.css */
.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: "\a0";
}
.fi.fis {
  width: 1em;
}
.fi-xx {
  background-image: url("./media/xx-PLWBNAIN.svg");
}
.fi-xx.fis {
  background-image: url("./media/xx-G3UIP7DW.svg");
}
.fi-ad {
  background-image: url("./media/ad-WVS4VU5Z.svg");
}
.fi-ad.fis {
  background-image: url("./media/ad-CSZHNGVR.svg");
}
.fi-ae {
  background-image: url("./media/ae-6FRK6AZM.svg");
}
.fi-ae.fis {
  background-image: url("./media/ae-2A7XNIFU.svg");
}
.fi-af {
  background-image: url("./media/af-YYCQZTMI.svg");
}
.fi-af.fis {
  background-image: url("./media/af-INKHBY43.svg");
}
.fi-ag {
  background-image: url("./media/ag-MLHWUEFS.svg");
}
.fi-ag.fis {
  background-image: url("./media/ag-4TWHSYGO.svg");
}
.fi-ai {
  background-image: url("./media/ai-FINFSMYB.svg");
}
.fi-ai.fis {
  background-image: url("./media/ai-USZU7BF3.svg");
}
.fi-al {
  background-image: url("./media/al-LX4JVSFF.svg");
}
.fi-al.fis {
  background-image: url("./media/al-JAZ3J42J.svg");
}
.fi-am {
  background-image: url("./media/am-P5ZIE6XV.svg");
}
.fi-am.fis {
  background-image: url("./media/am-GSESEJM5.svg");
}
.fi-ao {
  background-image: url("./media/ao-UT6SIN5N.svg");
}
.fi-ao.fis {
  background-image: url("./media/ao-3RQCMZL6.svg");
}
.fi-aq {
  background-image: url("./media/aq-ZYPY4U2R.svg");
}
.fi-aq.fis {
  background-image: url("./media/aq-6LPVLOJ5.svg");
}
.fi-ar {
  background-image: url("./media/ar-MIEAOHWP.svg");
}
.fi-ar.fis {
  background-image: url("./media/ar-ADBHFCB5.svg");
}
.fi-as {
  background-image: url("./media/as-AFSH7LPB.svg");
}
.fi-as.fis {
  background-image: url("./media/as-UKIT7IQG.svg");
}
.fi-at {
  background-image: url("./media/at-LOEZTH7U.svg");
}
.fi-at.fis {
  background-image: url("./media/at-57ZS3UEH.svg");
}
.fi-au {
  background-image: url("./media/au-G5MX3IJM.svg");
}
.fi-au.fis {
  background-image: url("./media/au-65DV5A7C.svg");
}
.fi-aw {
  background-image: url("./media/aw-77CRWWSI.svg");
}
.fi-aw.fis {
  background-image: url("./media/aw-HDZESU3O.svg");
}
.fi-ax {
  background-image: url("./media/ax-KKUASZ2E.svg");
}
.fi-ax.fis {
  background-image: url("./media/ax-74KRLXQ4.svg");
}
.fi-az {
  background-image: url("./media/az-NDX32BEU.svg");
}
.fi-az.fis {
  background-image: url("./media/az-DODTDJFK.svg");
}
.fi-ba {
  background-image: url("./media/ba-U3MTPTGM.svg");
}
.fi-ba.fis {
  background-image: url("./media/ba-662VQHCC.svg");
}
.fi-bb {
  background-image: url("./media/bb-J5IMGOVD.svg");
}
.fi-bb.fis {
  background-image: url("./media/bb-HEBFUVVN.svg");
}
.fi-bd {
  background-image: url("./media/bd-HMCXBQD3.svg");
}
.fi-bd.fis {
  background-image: url("./media/bd-3WQOALJA.svg");
}
.fi-be {
  background-image: url("./media/be-O7GM6FZX.svg");
}
.fi-be.fis {
  background-image: url("./media/be-RXMHZQOU.svg");
}
.fi-bf {
  background-image: url("./media/bf-5WL6F3NQ.svg");
}
.fi-bf.fis {
  background-image: url("./media/bf-OHV5EBOH.svg");
}
.fi-bg {
  background-image: url("./media/bg-E7TOOTKR.svg");
}
.fi-bg.fis {
  background-image: url("./media/bg-2XZIGVGO.svg");
}
.fi-bh {
  background-image: url("./media/bh-F7YG7A6Z.svg");
}
.fi-bh.fis {
  background-image: url("./media/bh-QSDHTEIW.svg");
}
.fi-bi {
  background-image: url("./media/bi-U2ZALGUG.svg");
}
.fi-bi.fis {
  background-image: url("./media/bi-WD3FHDHV.svg");
}
.fi-bj {
  background-image: url("./media/bj-CN25RSKN.svg");
}
.fi-bj.fis {
  background-image: url("./media/bj-CSYFBYJX.svg");
}
.fi-bl {
  background-image: url("./media/bl-BVLZS6N6.svg");
}
.fi-bl.fis {
  background-image: url("./media/bl-FQR6M52P.svg");
}
.fi-bm {
  background-image: url("./media/bm-UJYJRUXQ.svg");
}
.fi-bm.fis {
  background-image: url("./media/bm-OUTZ6BCH.svg");
}
.fi-bn {
  background-image: url("./media/bn-YE5LSPKO.svg");
}
.fi-bn.fis {
  background-image: url("./media/bn-JZPMRRNL.svg");
}
.fi-bo {
  background-image: url("./media/bo-T2X2U5Y2.svg");
}
.fi-bo.fis {
  background-image: url("./media/bo-I64H4HM7.svg");
}
.fi-bq {
  background-image: url("./media/bq-63KYFP2P.svg");
}
.fi-bq.fis {
  background-image: url("./media/bq-NCZV5VRJ.svg");
}
.fi-br {
  background-image: url("./media/br-3Y26HUAJ.svg");
}
.fi-br.fis {
  background-image: url("./media/br-M6TFAL6M.svg");
}
.fi-bs {
  background-image: url("./media/bs-2C7RMWIG.svg");
}
.fi-bs.fis {
  background-image: url("./media/bs-D7DELWN7.svg");
}
.fi-bt {
  background-image: url("./media/bt-XSK7E7FD.svg");
}
.fi-bt.fis {
  background-image: url("./media/bt-DI23WV4Q.svg");
}
.fi-bv {
  background-image: url("./media/bv-3PDSPR4E.svg");
}
.fi-bv.fis {
  background-image: url("./media/bv-WN3KBQRU.svg");
}
.fi-bw {
  background-image: url("./media/bw-34ZWNZWI.svg");
}
.fi-bw.fis {
  background-image: url("./media/bw-UGYDHEK3.svg");
}
.fi-by {
  background-image: url("./media/by-3TFC4SNR.svg");
}
.fi-by.fis {
  background-image: url("./media/by-VH23K4GM.svg");
}
.fi-bz {
  background-image: url("./media/bz-A6YTSORZ.svg");
}
.fi-bz.fis {
  background-image: url("./media/bz-EOOSEAIP.svg");
}
.fi-ca {
  background-image: url("./media/ca-RFV4UZ2Q.svg");
}
.fi-ca.fis {
  background-image: url("./media/ca-WQC5DB53.svg");
}
.fi-cc {
  background-image: url("./media/cc-OVOWQDZT.svg");
}
.fi-cc.fis {
  background-image: url("./media/cc-RPI2SZZG.svg");
}
.fi-cd {
  background-image: url("./media/cd-EWAILBJX.svg");
}
.fi-cd.fis {
  background-image: url("./media/cd-775WWT4L.svg");
}
.fi-cf {
  background-image: url("./media/cf-XZ4EZSBL.svg");
}
.fi-cf.fis {
  background-image: url("./media/cf-NT7STPUR.svg");
}
.fi-cg {
  background-image: url("./media/cg-2HM4F56T.svg");
}
.fi-cg.fis {
  background-image: url("./media/cg-JMHTE5PU.svg");
}
.fi-ch {
  background-image: url("./media/ch-USJZZOGC.svg");
}
.fi-ch.fis {
  background-image: url("./media/ch-XK5AFUZJ.svg");
}
.fi-ci {
  background-image: url("./media/ci-EB5S5NZI.svg");
}
.fi-ci.fis {
  background-image: url("./media/ci-TXJNF6GA.svg");
}
.fi-ck {
  background-image: url("./media/ck-ATMQHHMA.svg");
}
.fi-ck.fis {
  background-image: url("./media/ck-2Z4BDAPR.svg");
}
.fi-cl {
  background-image: url("./media/cl-Y567I43B.svg");
}
.fi-cl.fis {
  background-image: url("./media/cl-LIRBEXHU.svg");
}
.fi-cm {
  background-image: url("./media/cm-UKMPYCC7.svg");
}
.fi-cm.fis {
  background-image: url("./media/cm-6SBA3VM6.svg");
}
.fi-cn {
  background-image: url("./media/cn-P7M3XOME.svg");
}
.fi-cn.fis {
  background-image: url("./media/cn-ZNJNV4IL.svg");
}
.fi-co {
  background-image: url("./media/co-NN4OA66V.svg");
}
.fi-co.fis {
  background-image: url("./media/co-O2ECSUVX.svg");
}
.fi-cr {
  background-image: url("./media/cr-ZQEISEUX.svg");
}
.fi-cr.fis {
  background-image: url("./media/cr-DMRHIMC5.svg");
}
.fi-cu {
  background-image: url("./media/cu-IFDVQOOF.svg");
}
.fi-cu.fis {
  background-image: url("./media/cu-VWPEGJ3Z.svg");
}
.fi-cv {
  background-image: url("./media/cv-RMXBYFLP.svg");
}
.fi-cv.fis {
  background-image: url("./media/cv-KJX5SGW5.svg");
}
.fi-cw {
  background-image: url("./media/cw-SO4F3P5A.svg");
}
.fi-cw.fis {
  background-image: url("./media/cw-AJKHVX6T.svg");
}
.fi-cx {
  background-image: url("./media/cx-7UVFV3VV.svg");
}
.fi-cx.fis {
  background-image: url("./media/cx-IZ3KL2GP.svg");
}
.fi-cy {
  background-image: url("./media/cy-OJEUQTEX.svg");
}
.fi-cy.fis {
  background-image: url("./media/cy-EOO2JBKI.svg");
}
.fi-cz {
  background-image: url("./media/cz-PSDLWGGB.svg");
}
.fi-cz.fis {
  background-image: url("./media/cz-QNKUAFG6.svg");
}
.fi-de {
  background-image: url("./media/de-MZUAL5O7.svg");
}
.fi-de.fis {
  background-image: url("./media/de-OZB4IZTT.svg");
}
.fi-dj {
  background-image: url("./media/dj-7WZCZM6N.svg");
}
.fi-dj.fis {
  background-image: url("./media/dj-LE4POCSP.svg");
}
.fi-dk {
  background-image: url("./media/dk-JMBRHM34.svg");
}
.fi-dk.fis {
  background-image: url("./media/dk-RGBW7M2U.svg");
}
.fi-dm {
  background-image: url("./media/dm-YMQF4KNF.svg");
}
.fi-dm.fis {
  background-image: url("./media/dm-XZS4XU7P.svg");
}
.fi-do {
  background-image: url("./media/do-SBKDMMUM.svg");
}
.fi-do.fis {
  background-image: url("./media/do-LX7RYXZN.svg");
}
.fi-dz {
  background-image: url("./media/dz-5TGC2F6O.svg");
}
.fi-dz.fis {
  background-image: url("./media/dz-JVBE53J2.svg");
}
.fi-ec {
  background-image: url("./media/ec-7Z2J7NDS.svg");
}
.fi-ec.fis {
  background-image: url("./media/ec-YQIK2NB2.svg");
}
.fi-ee {
  background-image: url("./media/ee-K3ODV3VK.svg");
}
.fi-ee.fis {
  background-image: url("./media/ee-QZX5D2O5.svg");
}
.fi-eg {
  background-image: url("./media/eg-AR6V26BC.svg");
}
.fi-eg.fis {
  background-image: url("./media/eg-7JACT5ZO.svg");
}
.fi-eh {
  background-image: url("./media/eh-RQWWFEAA.svg");
}
.fi-eh.fis {
  background-image: url("./media/eh-7NPZFSBW.svg");
}
.fi-er {
  background-image: url("./media/er-KIRTBRZF.svg");
}
.fi-er.fis {
  background-image: url("./media/er-3WONC2FU.svg");
}
.fi-es {
  background-image: url("./media/es-W5FXGZQG.svg");
}
.fi-es.fis {
  background-image: url("./media/es-K3QE5W2N.svg");
}
.fi-et {
  background-image: url("./media/et-W5BUYYCI.svg");
}
.fi-et.fis {
  background-image: url("./media/et-R665FUAJ.svg");
}
.fi-fi {
  background-image: url("./media/fi-S5EH7BG6.svg");
}
.fi-fi.fis {
  background-image: url("./media/fi-E3JGQ7PL.svg");
}
.fi-fj {
  background-image: url("./media/fj-U7G4LWJB.svg");
}
.fi-fj.fis {
  background-image: url("./media/fj-XWXY4C45.svg");
}
.fi-fk {
  background-image: url("./media/fk-F6TQFE43.svg");
}
.fi-fk.fis {
  background-image: url("./media/fk-M6YTU5ZV.svg");
}
.fi-fm {
  background-image: url("./media/fm-MJGAIAPB.svg");
}
.fi-fm.fis {
  background-image: url("./media/fm-T5U4ITOY.svg");
}
.fi-fo {
  background-image: url("./media/fo-M4LV5KMN.svg");
}
.fi-fo.fis {
  background-image: url("./media/fo-4IJHBALY.svg");
}
.fi-fr {
  background-image: url("./media/fr-KQPQ54EP.svg");
}
.fi-fr.fis {
  background-image: url("./media/fr-TMQYSRPC.svg");
}
.fi-ga {
  background-image: url("./media/ga-YVFEOFTR.svg");
}
.fi-ga.fis {
  background-image: url("./media/ga-5UURDNUX.svg");
}
.fi-gb {
  background-image: url("./media/gb-UUF3TOPS.svg");
}
.fi-gb.fis {
  background-image: url("./media/gb-QRYEKRSV.svg");
}
.fi-gd {
  background-image: url("./media/gd-4BNJI5VY.svg");
}
.fi-gd.fis {
  background-image: url("./media/gd-CSSVRXT2.svg");
}
.fi-ge {
  background-image: url("./media/ge-5I22MBRW.svg");
}
.fi-ge.fis {
  background-image: url("./media/ge-LAAYSAQO.svg");
}
.fi-gf {
  background-image: url("./media/gf-GQZN5HJ5.svg");
}
.fi-gf.fis {
  background-image: url("./media/gf-5PJTSXDP.svg");
}
.fi-gg {
  background-image: url("./media/gg-FIL6D5PB.svg");
}
.fi-gg.fis {
  background-image: url("./media/gg-EAZW2EKW.svg");
}
.fi-gh {
  background-image: url("./media/gh-YF6PQ6FW.svg");
}
.fi-gh.fis {
  background-image: url("./media/gh-ISFQEUNF.svg");
}
.fi-gi {
  background-image: url("./media/gi-DN7STW4R.svg");
}
.fi-gi.fis {
  background-image: url("./media/gi-EOG4XJCI.svg");
}
.fi-gl {
  background-image: url("./media/gl-PA2YIJP7.svg");
}
.fi-gl.fis {
  background-image: url("./media/gl-KRCL3NCK.svg");
}
.fi-gm {
  background-image: url("./media/gm-5WF3VK63.svg");
}
.fi-gm.fis {
  background-image: url("./media/gm-7HY34KI6.svg");
}
.fi-gn {
  background-image: url("./media/gn-MSN2M353.svg");
}
.fi-gn.fis {
  background-image: url("./media/gn-6GDXA6D7.svg");
}
.fi-gp {
  background-image: url("./media/gp-XPVJBMQZ.svg");
}
.fi-gp.fis {
  background-image: url("./media/gp-N7HRXPRG.svg");
}
.fi-gq {
  background-image: url("./media/gq-YVZPM5OI.svg");
}
.fi-gq.fis {
  background-image: url("./media/gq-YYJI24Q2.svg");
}
.fi-gr {
  background-image: url("./media/gr-YRG5TXUI.svg");
}
.fi-gr.fis {
  background-image: url("./media/gr-WKNXHTGC.svg");
}
.fi-gs {
  background-image: url("./media/gs-7YZXJO4D.svg");
}
.fi-gs.fis {
  background-image: url("./media/gs-JLTYLCJJ.svg");
}
.fi-gt {
  background-image: url("./media/gt-YX2GRSLF.svg");
}
.fi-gt.fis {
  background-image: url("./media/gt-BF2FD7AX.svg");
}
.fi-gu {
  background-image: url("./media/gu-WAZ6PJUI.svg");
}
.fi-gu.fis {
  background-image: url("./media/gu-5GFPBJ2H.svg");
}
.fi-gw {
  background-image: url("./media/gw-5JOHOM4A.svg");
}
.fi-gw.fis {
  background-image: url("./media/gw-MOUWXICS.svg");
}
.fi-gy {
  background-image: url("./media/gy-USKJNYER.svg");
}
.fi-gy.fis {
  background-image: url("./media/gy-636EOCYC.svg");
}
.fi-hk {
  background-image: url("./media/hk-7PG6PZYV.svg");
}
.fi-hk.fis {
  background-image: url("./media/hk-3TQIFL4W.svg");
}
.fi-hm {
  background-image: url("./media/hm-QK556LBN.svg");
}
.fi-hm.fis {
  background-image: url("./media/hm-LPWLC72J.svg");
}
.fi-hn {
  background-image: url("./media/hn-E5B7VZX4.svg");
}
.fi-hn.fis {
  background-image: url("./media/hn-ATO4TSJZ.svg");
}
.fi-hr {
  background-image: url("./media/hr-GS35EQR2.svg");
}
.fi-hr.fis {
  background-image: url("./media/hr-6DEEZSRK.svg");
}
.fi-ht {
  background-image: url("./media/ht-3IFWGGF6.svg");
}
.fi-ht.fis {
  background-image: url("./media/ht-T6IVA52U.svg");
}
.fi-hu {
  background-image: url("./media/hu-DLR7HADC.svg");
}
.fi-hu.fis {
  background-image: url("./media/hu-3ULY6T2N.svg");
}
.fi-id {
  background-image: url("./media/id-JSWZPKEB.svg");
}
.fi-id.fis {
  background-image: url("./media/id-CT342IAA.svg");
}
.fi-ie {
  background-image: url("./media/ie-QFERZM3U.svg");
}
.fi-ie.fis {
  background-image: url("./media/ie-H76CLZVR.svg");
}
.fi-il {
  background-image: url("./media/il-QCYKQ6FR.svg");
}
.fi-il.fis {
  background-image: url("./media/il-DCNITDWQ.svg");
}
.fi-im {
  background-image: url("./media/im-I6NNH2NW.svg");
}
.fi-im.fis {
  background-image: url("./media/im-MR3WDGRG.svg");
}
.fi-in {
  background-image: url("./media/in-RFNBK4ET.svg");
}
.fi-in.fis {
  background-image: url("./media/in-2DLPX63L.svg");
}
.fi-io {
  background-image: url("./media/io-7R7OXQKY.svg");
}
.fi-io.fis {
  background-image: url("./media/io-NO27AS2A.svg");
}
.fi-iq {
  background-image: url("./media/iq-55AX5UMN.svg");
}
.fi-iq.fis {
  background-image: url("./media/iq-S6LS2NUN.svg");
}
.fi-ir {
  background-image: url("./media/ir-QAP3XBD4.svg");
}
.fi-ir.fis {
  background-image: url("./media/ir-WC3H5SOH.svg");
}
.fi-is {
  background-image: url("./media/is-3ECY77QF.svg");
}
.fi-is.fis {
  background-image: url("./media/is-IKJDNY7W.svg");
}
.fi-it {
  background-image: url("./media/it-SGJZRZTG.svg");
}
.fi-it.fis {
  background-image: url("./media/it-UM7O24C7.svg");
}
.fi-je {
  background-image: url("./media/je-FN5CO33V.svg");
}
.fi-je.fis {
  background-image: url("./media/je-F5K7ILFN.svg");
}
.fi-jm {
  background-image: url("./media/jm-2KQZARJN.svg");
}
.fi-jm.fis {
  background-image: url("./media/jm-XWWLCPNS.svg");
}
.fi-jo {
  background-image: url("./media/jo-DV2T64H3.svg");
}
.fi-jo.fis {
  background-image: url("./media/jo-L4N4B7NG.svg");
}
.fi-jp {
  background-image: url("./media/jp-I2KXFJBD.svg");
}
.fi-jp.fis {
  background-image: url("./media/jp-65TZY7K2.svg");
}
.fi-ke {
  background-image: url("./media/ke-6FWLA2OA.svg");
}
.fi-ke.fis {
  background-image: url("./media/ke-S65BOELU.svg");
}
.fi-kg {
  background-image: url("./media/kg-X2BMIK3G.svg");
}
.fi-kg.fis {
  background-image: url("./media/kg-TFH62HKQ.svg");
}
.fi-kh {
  background-image: url("./media/kh-CHVZUD2Q.svg");
}
.fi-kh.fis {
  background-image: url("./media/kh-4Z5KN7K4.svg");
}
.fi-ki {
  background-image: url("./media/ki-TZHFSXBP.svg");
}
.fi-ki.fis {
  background-image: url("./media/ki-FYE75PZ7.svg");
}
.fi-km {
  background-image: url("./media/km-PIG23ZAS.svg");
}
.fi-km.fis {
  background-image: url("./media/km-MRWRJE7G.svg");
}
.fi-kn {
  background-image: url("./media/kn-7U3Y5ED7.svg");
}
.fi-kn.fis {
  background-image: url("./media/kn-CCGIQR3T.svg");
}
.fi-kp {
  background-image: url("./media/kp-SEAR4W4Z.svg");
}
.fi-kp.fis {
  background-image: url("./media/kp-YJJ4ZO4H.svg");
}
.fi-kr {
  background-image: url("./media/kr-MU7S6YDV.svg");
}
.fi-kr.fis {
  background-image: url("./media/kr-W7DPZXO5.svg");
}
.fi-kw {
  background-image: url("./media/kw-625K23GU.svg");
}
.fi-kw.fis {
  background-image: url("./media/kw-7NHLMXCH.svg");
}
.fi-ky {
  background-image: url("./media/ky-J6OAXARV.svg");
}
.fi-ky.fis {
  background-image: url("./media/ky-Y3K2RVLW.svg");
}
.fi-kz {
  background-image: url("./media/kz-NYPJSTE2.svg");
}
.fi-kz.fis {
  background-image: url("./media/kz-A63AXCOQ.svg");
}
.fi-la {
  background-image: url("./media/la-EGLFW22S.svg");
}
.fi-la.fis {
  background-image: url("./media/la-UZ4XVL3O.svg");
}
.fi-lb {
  background-image: url("./media/lb-5UW5ZJWS.svg");
}
.fi-lb.fis {
  background-image: url("./media/lb-SW5QMKBD.svg");
}
.fi-lc {
  background-image: url("./media/lc-OULIXNAF.svg");
}
.fi-lc.fis {
  background-image: url("./media/lc-VMHZPRVP.svg");
}
.fi-li {
  background-image: url("./media/li-LTPNGJJM.svg");
}
.fi-li.fis {
  background-image: url("./media/li-SSDUPSSA.svg");
}
.fi-lk {
  background-image: url("./media/lk-W7CR3PX4.svg");
}
.fi-lk.fis {
  background-image: url("./media/lk-EMLG5DDX.svg");
}
.fi-lr {
  background-image: url("./media/lr-KO42VJWL.svg");
}
.fi-lr.fis {
  background-image: url("./media/lr-ETPAOBTN.svg");
}
.fi-ls {
  background-image: url("./media/ls-H76MXNPC.svg");
}
.fi-ls.fis {
  background-image: url("./media/ls-TV2LHLKM.svg");
}
.fi-lt {
  background-image: url("./media/lt-X5H273BZ.svg");
}
.fi-lt.fis {
  background-image: url("./media/lt-RSVM7DR2.svg");
}
.fi-lu {
  background-image: url("./media/lu-Q3PHAGF2.svg");
}
.fi-lu.fis {
  background-image: url("./media/lu-YUFF4VEK.svg");
}
.fi-lv {
  background-image: url("./media/lv-AH35ISEM.svg");
}
.fi-lv.fis {
  background-image: url("./media/lv-JFY5ZN55.svg");
}
.fi-ly {
  background-image: url("./media/ly-OZ6WDQ73.svg");
}
.fi-ly.fis {
  background-image: url("./media/ly-WFLGLZ3G.svg");
}
.fi-ma {
  background-image: url("./media/ma-VSPIMR33.svg");
}
.fi-ma.fis {
  background-image: url("./media/ma-AELGTMLU.svg");
}
.fi-mc {
  background-image: url("./media/mc-IV2TK64Y.svg");
}
.fi-mc.fis {
  background-image: url("./media/mc-RWDN7GBP.svg");
}
.fi-md {
  background-image: url("./media/md-3OSMP7CU.svg");
}
.fi-md.fis {
  background-image: url("./media/md-DLAQKR3G.svg");
}
.fi-me {
  background-image: url("./media/me-JF4ISXGZ.svg");
}
.fi-me.fis {
  background-image: url("./media/me-PYQLSQWK.svg");
}
.fi-mf {
  background-image: url("./media/mf-5RTEBV3V.svg");
}
.fi-mf.fis {
  background-image: url("./media/mf-XQEUTB33.svg");
}
.fi-mg {
  background-image: url("./media/mg-7XGP7WEH.svg");
}
.fi-mg.fis {
  background-image: url("./media/mg-JB33C2RL.svg");
}
.fi-mh {
  background-image: url("./media/mh-FZUUKPYM.svg");
}
.fi-mh.fis {
  background-image: url("./media/mh-QQZSE2EP.svg");
}
.fi-mk {
  background-image: url("./media/mk-4CGYETXE.svg");
}
.fi-mk.fis {
  background-image: url("./media/mk-F2FINWYG.svg");
}
.fi-ml {
  background-image: url("./media/ml-REJ3NIH6.svg");
}
.fi-ml.fis {
  background-image: url("./media/ml-XJ6OQGYU.svg");
}
.fi-mm {
  background-image: url("./media/mm-RDY24G3G.svg");
}
.fi-mm.fis {
  background-image: url("./media/mm-LCHQEOG3.svg");
}
.fi-mn {
  background-image: url("./media/mn-GZPVWGU7.svg");
}
.fi-mn.fis {
  background-image: url("./media/mn-W7QXSVY7.svg");
}
.fi-mo {
  background-image: url("./media/mo-LQF6KQBW.svg");
}
.fi-mo.fis {
  background-image: url("./media/mo-E2DHXYUL.svg");
}
.fi-mp {
  background-image: url("./media/mp-7OKXFG5J.svg");
}
.fi-mp.fis {
  background-image: url("./media/mp-RBBNB2UM.svg");
}
.fi-mq {
  background-image: url("./media/mq-KUXVEPE7.svg");
}
.fi-mq.fis {
  background-image: url("./media/mq-76GWDJXU.svg");
}
.fi-mr {
  background-image: url("./media/mr-WHEUMQBT.svg");
}
.fi-mr.fis {
  background-image: url("./media/mr-CAVFBP2S.svg");
}
.fi-ms {
  background-image: url("./media/ms-K7K4BZXH.svg");
}
.fi-ms.fis {
  background-image: url("./media/ms-FYMVQ26Q.svg");
}
.fi-mt {
  background-image: url("./media/mt-FKAZRJHZ.svg");
}
.fi-mt.fis {
  background-image: url("./media/mt-XCVQ55PC.svg");
}
.fi-mu {
  background-image: url("./media/mu-ZHDOJ3TI.svg");
}
.fi-mu.fis {
  background-image: url("./media/mu-IKV5OAGF.svg");
}
.fi-mv {
  background-image: url("./media/mv-6NYHRQLF.svg");
}
.fi-mv.fis {
  background-image: url("./media/mv-ZWMFKUNA.svg");
}
.fi-mw {
  background-image: url("./media/mw-NHPNPETS.svg");
}
.fi-mw.fis {
  background-image: url("./media/mw-MWTRGIR2.svg");
}
.fi-mx {
  background-image: url("./media/mx-CE2LQUFP.svg");
}
.fi-mx.fis {
  background-image: url("./media/mx-XQSZK5TD.svg");
}
.fi-my {
  background-image: url("./media/my-7QKJDGWA.svg");
}
.fi-my.fis {
  background-image: url("./media/my-FTOMRUNQ.svg");
}
.fi-mz {
  background-image: url("./media/mz-EUDOTZOI.svg");
}
.fi-mz.fis {
  background-image: url("./media/mz-J4CMZFUJ.svg");
}
.fi-na {
  background-image: url("./media/na-KS5KAAHO.svg");
}
.fi-na.fis {
  background-image: url("./media/na-UZGYZIPX.svg");
}
.fi-nc {
  background-image: url("./media/nc-7OISRKRB.svg");
}
.fi-nc.fis {
  background-image: url("./media/nc-TVNKLVXG.svg");
}
.fi-ne {
  background-image: url("./media/ne-NIQVZJOH.svg");
}
.fi-ne.fis {
  background-image: url("./media/ne-3WV2VAGZ.svg");
}
.fi-nf {
  background-image: url("./media/nf-BY5TRXD6.svg");
}
.fi-nf.fis {
  background-image: url("./media/nf-IB6SVOCC.svg");
}
.fi-ng {
  background-image: url("./media/ng-5QXHJYS4.svg");
}
.fi-ng.fis {
  background-image: url("./media/ng-KJDQPHTZ.svg");
}
.fi-ni {
  background-image: url("./media/ni-KFRUCHJY.svg");
}
.fi-ni.fis {
  background-image: url("./media/ni-X5745JJN.svg");
}
.fi-nl {
  background-image: url("./media/nl-YSPORVIR.svg");
}
.fi-nl.fis {
  background-image: url("./media/nl-FSMODX3U.svg");
}
.fi-no {
  background-image: url("./media/no-JTVUCTCT.svg");
}
.fi-no.fis {
  background-image: url("./media/no-UUM3YD7C.svg");
}
.fi-np {
  background-image: url("./media/np-HJPOYHEB.svg");
}
.fi-np.fis {
  background-image: url("./media/np-VFDZHTRO.svg");
}
.fi-nr {
  background-image: url("./media/nr-7GG6ZEK3.svg");
}
.fi-nr.fis {
  background-image: url("./media/nr-VA5HA23D.svg");
}
.fi-nu {
  background-image: url("./media/nu-4OUEUAXX.svg");
}
.fi-nu.fis {
  background-image: url("./media/nu-VN2VZZK5.svg");
}
.fi-nz {
  background-image: url("./media/nz-CYQS4UPV.svg");
}
.fi-nz.fis {
  background-image: url("./media/nz-4KLKVJVG.svg");
}
.fi-om {
  background-image: url("./media/om-ISPXLMQJ.svg");
}
.fi-om.fis {
  background-image: url("./media/om-A5DSAHBH.svg");
}
.fi-pa {
  background-image: url("./media/pa-OMDKUPFR.svg");
}
.fi-pa.fis {
  background-image: url("./media/pa-X3FDV5QL.svg");
}
.fi-pe {
  background-image: url("./media/pe-CMQM2GTM.svg");
}
.fi-pe.fis {
  background-image: url("./media/pe-OTUAVF3F.svg");
}
.fi-pf {
  background-image: url("./media/pf-IHUQZUIO.svg");
}
.fi-pf.fis {
  background-image: url("./media/pf-IMCFY7FY.svg");
}
.fi-pg {
  background-image: url("./media/pg-ZNRFG2YQ.svg");
}
.fi-pg.fis {
  background-image: url("./media/pg-5V4ZU7HT.svg");
}
.fi-ph {
  background-image: url("./media/ph-2IMCALLE.svg");
}
.fi-ph.fis {
  background-image: url("./media/ph-7XE723TW.svg");
}
.fi-pk {
  background-image: url("./media/pk-WUV7X2DC.svg");
}
.fi-pk.fis {
  background-image: url("./media/pk-HGQFY5FC.svg");
}
.fi-pl {
  background-image: url("./media/pl-VBKZD5NH.svg");
}
.fi-pl.fis {
  background-image: url("./media/pl-W7YEMTF5.svg");
}
.fi-pm {
  background-image: url("./media/pm-UVIIXDZR.svg");
}
.fi-pm.fis {
  background-image: url("./media/pm-NY5YOR5H.svg");
}
.fi-pn {
  background-image: url("./media/pn-WTQ2W2VH.svg");
}
.fi-pn.fis {
  background-image: url("./media/pn-LYI3AO5D.svg");
}
.fi-pr {
  background-image: url("./media/pr-RHIV6URD.svg");
}
.fi-pr.fis {
  background-image: url("./media/pr-5LEJVZHH.svg");
}
.fi-ps {
  background-image: url("./media/ps-V6KGIQPI.svg");
}
.fi-ps.fis {
  background-image: url("./media/ps-MUPGH2AI.svg");
}
.fi-pt {
  background-image: url("./media/pt-VTKAHQAY.svg");
}
.fi-pt.fis {
  background-image: url("./media/pt-OULXL7DV.svg");
}
.fi-pw {
  background-image: url("./media/pw-YQJZ6R4B.svg");
}
.fi-pw.fis {
  background-image: url("./media/pw-4R6NRIC7.svg");
}
.fi-py {
  background-image: url("./media/py-S5MYBXBE.svg");
}
.fi-py.fis {
  background-image: url("./media/py-MUR5PEE3.svg");
}
.fi-qa {
  background-image: url("./media/qa-6547HYTX.svg");
}
.fi-qa.fis {
  background-image: url("./media/qa-PHNLGCML.svg");
}
.fi-re {
  background-image: url("./media/re-2PCPYGMW.svg");
}
.fi-re.fis {
  background-image: url("./media/re-JUMEK724.svg");
}
.fi-ro {
  background-image: url("./media/ro-YBPUPSYC.svg");
}
.fi-ro.fis {
  background-image: url("./media/ro-JCC2KRGD.svg");
}
.fi-rs {
  background-image: url("./media/rs-HP76C2NL.svg");
}
.fi-rs.fis {
  background-image: url("./media/rs-B5C62J77.svg");
}
.fi-ru {
  background-image: url("./media/ru-FRCHSBTM.svg");
}
.fi-ru.fis {
  background-image: url("./media/ru-T3RKIDXZ.svg");
}
.fi-rw {
  background-image: url("./media/rw-ZBPAPAP4.svg");
}
.fi-rw.fis {
  background-image: url("./media/rw-ATVPPEBH.svg");
}
.fi-sa {
  background-image: url("./media/sa-BW46R3BR.svg");
}
.fi-sa.fis {
  background-image: url("./media/sa-TJ3JAAG4.svg");
}
.fi-sb {
  background-image: url("./media/sb-Z5VEZ25P.svg");
}
.fi-sb.fis {
  background-image: url("./media/sb-MOULO6LC.svg");
}
.fi-sc {
  background-image: url("./media/sc-V2MOTRIU.svg");
}
.fi-sc.fis {
  background-image: url("./media/sc-SWRDLW3S.svg");
}
.fi-sd {
  background-image: url("./media/sd-4DSZW3W3.svg");
}
.fi-sd.fis {
  background-image: url("./media/sd-ZQ44F7OI.svg");
}
.fi-se {
  background-image: url("./media/se-5RJHQXTW.svg");
}
.fi-se.fis {
  background-image: url("./media/se-NY67VEUK.svg");
}
.fi-sg {
  background-image: url("./media/sg-PLMFMQ2U.svg");
}
.fi-sg.fis {
  background-image: url("./media/sg-NR6HPXPC.svg");
}
.fi-sh {
  background-image: url("./media/sh-HLIV5IJZ.svg");
}
.fi-sh.fis {
  background-image: url("./media/sh-TJMGU47M.svg");
}
.fi-si {
  background-image: url("./media/si-ERIUG64V.svg");
}
.fi-si.fis {
  background-image: url("./media/si-PQDA3RQI.svg");
}
.fi-sj {
  background-image: url("./media/sj-EOPZSLCL.svg");
}
.fi-sj.fis {
  background-image: url("./media/sj-QYYJ3R3Y.svg");
}
.fi-sk {
  background-image: url("./media/sk-ELFBGQEC.svg");
}
.fi-sk.fis {
  background-image: url("./media/sk-IH44HMRL.svg");
}
.fi-sl {
  background-image: url("./media/sl-DE7XOWOL.svg");
}
.fi-sl.fis {
  background-image: url("./media/sl-XDRPTSE3.svg");
}
.fi-sm {
  background-image: url("./media/sm-JITZHE4P.svg");
}
.fi-sm.fis {
  background-image: url("./media/sm-T456GX2E.svg");
}
.fi-sn {
  background-image: url("./media/sn-KYWABXNT.svg");
}
.fi-sn.fis {
  background-image: url("./media/sn-HK436VOQ.svg");
}
.fi-so {
  background-image: url("./media/so-QH5SJVG2.svg");
}
.fi-so.fis {
  background-image: url("./media/so-SCWJTLJW.svg");
}
.fi-sr {
  background-image: url("./media/sr-HMODPFV5.svg");
}
.fi-sr.fis {
  background-image: url("./media/sr-BFJ2NIE7.svg");
}
.fi-ss {
  background-image: url("./media/ss-CYJKS5XU.svg");
}
.fi-ss.fis {
  background-image: url("./media/ss-N5S5IPGO.svg");
}
.fi-st {
  background-image: url("./media/st-4LIOQET4.svg");
}
.fi-st.fis {
  background-image: url("./media/st-ETCSW6CL.svg");
}
.fi-sv {
  background-image: url("./media/sv-SVKTTQZJ.svg");
}
.fi-sv.fis {
  background-image: url("./media/sv-JJ7PGQKT.svg");
}
.fi-sx {
  background-image: url("./media/sx-DIQRHMRS.svg");
}
.fi-sx.fis {
  background-image: url("./media/sx-XI7KKH7B.svg");
}
.fi-sy {
  background-image: url("./media/sy-D4ZDMKR3.svg");
}
.fi-sy.fis {
  background-image: url("./media/sy-6RCKNZUQ.svg");
}
.fi-sz {
  background-image: url("./media/sz-ZSNOQNHB.svg");
}
.fi-sz.fis {
  background-image: url("./media/sz-MG5COQXB.svg");
}
.fi-tc {
  background-image: url("./media/tc-DVAM44GW.svg");
}
.fi-tc.fis {
  background-image: url("./media/tc-PFTC74CB.svg");
}
.fi-td {
  background-image: url("./media/td-IEJMZVM7.svg");
}
.fi-td.fis {
  background-image: url("./media/td-L4QKZRA4.svg");
}
.fi-tf {
  background-image: url("./media/tf-PSLXXLYB.svg");
}
.fi-tf.fis {
  background-image: url("./media/tf-L6UFHBZP.svg");
}
.fi-tg {
  background-image: url("./media/tg-K4K352CF.svg");
}
.fi-tg.fis {
  background-image: url("./media/tg-UGUE6RST.svg");
}
.fi-th {
  background-image: url("./media/th-WAHAQKQK.svg");
}
.fi-th.fis {
  background-image: url("./media/th-543UAZS4.svg");
}
.fi-tj {
  background-image: url("./media/tj-Z2UJEGVZ.svg");
}
.fi-tj.fis {
  background-image: url("./media/tj-CVBC574I.svg");
}
.fi-tk {
  background-image: url("./media/tk-YC7WNHF3.svg");
}
.fi-tk.fis {
  background-image: url("./media/tk-JRIL6W7E.svg");
}
.fi-tl {
  background-image: url("./media/tl-FRLMYCHK.svg");
}
.fi-tl.fis {
  background-image: url("./media/tl-RI4B3XTP.svg");
}
.fi-tm {
  background-image: url("./media/tm-YD7DXRTX.svg");
}
.fi-tm.fis {
  background-image: url("./media/tm-NKHMK24W.svg");
}
.fi-tn {
  background-image: url("./media/tn-G7EOPTWC.svg");
}
.fi-tn.fis {
  background-image: url("./media/tn-ADYDPKKU.svg");
}
.fi-to {
  background-image: url("./media/to-4IPHWATD.svg");
}
.fi-to.fis {
  background-image: url("./media/to-Y3ZWK7GO.svg");
}
.fi-tr {
  background-image: url("./media/tr-2TE5SKW5.svg");
}
.fi-tr.fis {
  background-image: url("./media/tr-BXXVVJLD.svg");
}
.fi-tt {
  background-image: url("./media/tt-4CMF6HDJ.svg");
}
.fi-tt.fis {
  background-image: url("./media/tt-NK2SRYUQ.svg");
}
.fi-tv {
  background-image: url("./media/tv-HASL2ZPX.svg");
}
.fi-tv.fis {
  background-image: url("./media/tv-NEB4WA2N.svg");
}
.fi-tw {
  background-image: url("./media/tw-OOSFQCFC.svg");
}
.fi-tw.fis {
  background-image: url("./media/tw-X2EV3JOS.svg");
}
.fi-tz {
  background-image: url("./media/tz-F7DARXBO.svg");
}
.fi-tz.fis {
  background-image: url("./media/tz-DSCJI5GW.svg");
}
.fi-ua {
  background-image: url("./media/ua-7SS2WWGI.svg");
}
.fi-ua.fis {
  background-image: url("./media/ua-DEDK3LCD.svg");
}
.fi-ug {
  background-image: url("./media/ug-SUFOZCE2.svg");
}
.fi-ug.fis {
  background-image: url("./media/ug-IR5577EN.svg");
}
.fi-um {
  background-image: url("./media/um-3TCGFAMU.svg");
}
.fi-um.fis {
  background-image: url("./media/um-HPF3LBVV.svg");
}
.fi-us {
  background-image: url("./media/us-5WPJ3T3N.svg");
}
.fi-us.fis {
  background-image: url("./media/us-OS5BPCLY.svg");
}
.fi-uy {
  background-image: url("./media/uy-SU32MXNU.svg");
}
.fi-uy.fis {
  background-image: url("./media/uy-2LGNGCBQ.svg");
}
.fi-uz {
  background-image: url("./media/uz-6LD3WNBK.svg");
}
.fi-uz.fis {
  background-image: url("./media/uz-KR6UXLJE.svg");
}
.fi-va {
  background-image: url("./media/va-SWMHLWJN.svg");
}
.fi-va.fis {
  background-image: url("./media/va-IIHI4DCJ.svg");
}
.fi-vc {
  background-image: url("./media/vc-73265KDC.svg");
}
.fi-vc.fis {
  background-image: url("./media/vc-ENVAYUHB.svg");
}
.fi-ve {
  background-image: url("./media/ve-7QMM4EDR.svg");
}
.fi-ve.fis {
  background-image: url("./media/ve-7LNK7AU5.svg");
}
.fi-vg {
  background-image: url("./media/vg-K235OISV.svg");
}
.fi-vg.fis {
  background-image: url("./media/vg-UK5I2DQS.svg");
}
.fi-vi {
  background-image: url("./media/vi-A7WYZ7V4.svg");
}
.fi-vi.fis {
  background-image: url("./media/vi-VLVLCRRK.svg");
}
.fi-vn {
  background-image: url("./media/vn-OLY63DMY.svg");
}
.fi-vn.fis {
  background-image: url("./media/vn-QUENQA3C.svg");
}
.fi-vu {
  background-image: url("./media/vu-5RSFVPR7.svg");
}
.fi-vu.fis {
  background-image: url("./media/vu-M7BPNJUM.svg");
}
.fi-wf {
  background-image: url("./media/wf-XSUYVC54.svg");
}
.fi-wf.fis {
  background-image: url("./media/wf-64XCGZ3D.svg");
}
.fi-ws {
  background-image: url("./media/ws-PVUKQ4PE.svg");
}
.fi-ws.fis {
  background-image: url("./media/ws-P5MXR5ZW.svg");
}
.fi-ye {
  background-image: url("./media/ye-XSFETOPP.svg");
}
.fi-ye.fis {
  background-image: url("./media/ye-TLXDUNEZ.svg");
}
.fi-yt {
  background-image: url("./media/yt-ARO4LFTS.svg");
}
.fi-yt.fis {
  background-image: url("./media/yt-UUCGT7AF.svg");
}
.fi-za {
  background-image: url("./media/za-WS2IXHK7.svg");
}
.fi-za.fis {
  background-image: url("./media/za-IGVA77JN.svg");
}
.fi-zm {
  background-image: url("./media/zm-545JV347.svg");
}
.fi-zm.fis {
  background-image: url("./media/zm-LDTTV5LG.svg");
}
.fi-zw {
  background-image: url("./media/zw-HZY5LJGS.svg");
}
.fi-zw.fis {
  background-image: url("./media/zw-6ENSY5DW.svg");
}
.fi-arab {
  background-image: url("./media/arab-A42JLJNT.svg");
}
.fi-arab.fis {
  background-image: url("./media/arab-S6KYB4TR.svg");
}
.fi-asean {
  background-image: url("./media/asean-ELZDU4TE.svg");
}
.fi-asean.fis {
  background-image: url("./media/asean-SS3GRO5T.svg");
}
.fi-cefta {
  background-image: url("./media/cefta-HR3KQ2EO.svg");
}
.fi-cefta.fis {
  background-image: url("./media/cefta-NTUUUQSZ.svg");
}
.fi-cp {
  background-image: url("./media/cp-2DVX35UB.svg");
}
.fi-cp.fis {
  background-image: url("./media/cp-6QAMTOXH.svg");
}
.fi-dg {
  background-image: url("./media/dg-FXQ2KR4X.svg");
}
.fi-dg.fis {
  background-image: url("./media/dg-KL5G7PRJ.svg");
}
.fi-eac {
  background-image: url("./media/eac-DLAEKB33.svg");
}
.fi-eac.fis {
  background-image: url("./media/eac-RVDXN5KH.svg");
}
.fi-es-ct {
  background-image: url("./media/es-ct-LZMYMK2E.svg");
}
.fi-es-ct.fis {
  background-image: url("./media/es-ct-YZMY3BN2.svg");
}
.fi-es-ga {
  background-image: url("./media/es-ga-6PZUYNFD.svg");
}
.fi-es-ga.fis {
  background-image: url("./media/es-ga-CPWP5IRZ.svg");
}
.fi-es-pv {
  background-image: url("./media/es-pv-OXFBXZM5.svg");
}
.fi-es-pv.fis {
  background-image: url("./media/es-pv-TCDUGVHX.svg");
}
.fi-eu {
  background-image: url("./media/eu-Z34VKHYH.svg");
}
.fi-eu.fis {
  background-image: url("./media/eu-N4MK7TMC.svg");
}
.fi-gb-eng {
  background-image: url("./media/gb-eng-4H6GWTY6.svg");
}
.fi-gb-eng.fis {
  background-image: url("./media/gb-eng-KED2JQT6.svg");
}
.fi-gb-nir {
  background-image: url("./media/gb-nir-R3CUP5HV.svg");
}
.fi-gb-nir.fis {
  background-image: url("./media/gb-nir-6QHYPVOC.svg");
}
.fi-gb-sct {
  background-image: url("./media/gb-sct-CDZZA2QR.svg");
}
.fi-gb-sct.fis {
  background-image: url("./media/gb-sct-MYMPELAJ.svg");
}
.fi-gb-wls {
  background-image: url("./media/gb-wls-U35MHGIX.svg");
}
.fi-gb-wls.fis {
  background-image: url("./media/gb-wls-DTZ5TTAQ.svg");
}
.fi-ic {
  background-image: url("./media/ic-CQCOSBIQ.svg");
}
.fi-ic.fis {
  background-image: url("./media/ic-XC4APDRB.svg");
}
.fi-pc {
  background-image: url("./media/pc-TT6YEIH4.svg");
}
.fi-pc.fis {
  background-image: url("./media/pc-EX5GAM4Z.svg");
}
.fi-sh-ac {
  background-image: url("./media/sh-ac-AJP2LVOM.svg");
}
.fi-sh-ac.fis {
  background-image: url("./media/sh-ac-JGPXLKXH.svg");
}
.fi-sh-hl {
  background-image: url("./media/sh-hl-YQIJUYB7.svg");
}
.fi-sh-hl.fis {
  background-image: url("./media/sh-hl-MZFPYVQ5.svg");
}
.fi-sh-ta {
  background-image: url("./media/sh-ta-E3Y363IZ.svg");
}
.fi-sh-ta.fis {
  background-image: url("./media/sh-ta-TYDLYCHE.svg");
}
.fi-un {
  background-image: url("./media/un-TACTIQXL.svg");
}
.fi-un.fis {
  background-image: url("./media/un-64W32BF7.svg");
}
.fi-xk {
  background-image: url("./media/xk-T7BAH4YE.svg");
}
.fi-xk.fis {
  background-image: url("./media/xk-SYLXNOIJ.svg");
}

/* src/styles.scss */
@font-face {
  font-family: "Outfit";
  src: url(/assets/fonts/Outfit-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(/assets/fonts/Outfit-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(/assets/fonts/Outfit-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(/assets/fonts/Outfit-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(/assets/fonts/Outfit-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(/assets/fonts/Outfit-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(/assets/fonts/Outfit-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(/assets/fonts/Outfit-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: url(/assets/fonts/Outfit-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
* {
  font-family: "Outfit";
}
body {
  font-family: "Outfit";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit";
}
code,
pre,
kbd,
samp {
  font-family: "Outfit";
}
body {
  margin: 0;
  padding: 0;
  font-family: "Outfit";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #1A1A1A;
  background-color: #EFF5F5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 600;
  line-height: 1.2;
  color: #1A1A1A;
  font-family: "Outfit";
}
h1 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
h5 {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
h6 {
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
p {
  margin: 0 0 1rem 0;
  line-height: 1.5;
  color: #6A6A6A;
}
p:last-child {
  margin-bottom: 0;
}
a {
  color: #183A3A;
  text-decoration: none;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
a:hover {
  color: rgb(9.0731707317, 21.9268292683, 21.9268292683);
  text-decoration: underline;
}
a.btn,
a.btn:hover,
a.btn:focus,
a.btn:active,
a.breadcrumb-link,
a.breadcrumb-link:hover,
a.breadcrumb-link:focus,
a.breadcrumb-link:active {
  text-decoration: none;
}
a:focus:focus-visible {
  outline: 2px solid #183A3A;
  outline-offset: 2px;
}
a:active {
  color: rgb(1.6097560976, 3.8902439024, 3.8902439024);
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
li {
  margin: 0;
  padding: 0;
}
.text-xs {
  font-size: 0.75rem;
}
.text-sm {
  font-size: 0.875rem;
}
.text-md {
  font-size: 1rem;
}
.text-lg {
  font-size: 1.125rem;
}
.text-xl {
  font-size: 1.25rem;
}
.text-2xl {
  font-size: 1.5rem;
}
.text-3xl {
  font-size: 1.875rem;
}
.text-4xl {
  font-size: 2.25rem;
}
.font-light {
  font-weight: 300;
}
.font-normal {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.text-primary {
  color: #183A3A;
}
.text-secondary {
  color: #5F5F5F;
}
.text-success {
  color: #23752B;
}
.text-warning {
  color: #FFB23E;
}
.text-danger {
  color: #E46C5E;
}
.text-muted {
  color: #8D8D8D;
}
.text-disabled {
  color: #BABABA;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-underline {
  text-decoration: underline;
}
.text-no-underline {
  text-decoration: none;
}
.text-line-through {
  text-decoration: line-through;
}
.leading-tight {
  line-height: 1.2;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.75;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-ellipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
code {
  font-family: "Outfit";
  font-size: 0.9em;
  padding: 0.25rem 0.5rem;
  background: #E8E8E8;
  border-radius: 0.125rem;
  color: #E46C5E;
}
pre {
  font-family: "Outfit";
  font-size: 0.875rem;
  padding: 1rem;
  background: #EFF5F5;
  border-radius: 0.375rem;
  overflow-x: auto;
}
pre code {
  padding: 0;
  background: transparent;
  color: inherit;
}
blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.5rem;
  border-left: 4px solid #183A3A;
  background: #EFF5F5;
  font-style: italic;
  color: #5F5F5F;
}
hr {
  margin: 2rem 0;
  border: 0;
  border-top: 1px solid #D1D1D1;
}
.p-card {
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #000000 !important;
}
.paginator-page-dropdown {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.p-select {
  border: 1px solid #D5DEDE !important;
  border-radius: 0.5rem !important;
}
.p-select .p-select-label {
  font-size: 0.875rem !important;
  color: #1A1A1A !important;
}
.p-paginator-page.p-paginator-page-selected {
  background-color: #3A6060 !important;
  color: #FFFFFF !important;
}
.p-chart {
  height: 100% !important;
}
.p-ripple {
  font-size: 1rem !important;
}
.action-dropdown-menu.p-menu {
  min-width: 9.375rem !important;
  border-radius: 6px !important;
  border: 1px solid #E5E5E5 !important;
  background: #FFF !important;
  box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.1) !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.action-dropdown-menu.p-menu .p-menu-list {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.action-dropdown-menu.p-menu .p-menuitem {
  margin: 0 !important;
  width: 100% !important;
  border: none !important;
}
.action-dropdown-menu.p-menu .p-menuitem .p-menuitem-link {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.625rem 1rem !important;
  color: #183A3A !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  width: 100% !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}
.action-dropdown-menu.p-menu .p-menuitem .p-menuitem-link:hover {
  background-color: rgba(24, 58, 58, 0.05) !important;
}
.action-dropdown-menu.p-menu .p-menuitem .p-menuitem-link:focus {
  outline: none !important;
  background-color: rgba(24, 58, 58, 0.05) !important;
}
.action-dropdown-menu.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
  width: 1rem !important;
  height: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.action-dropdown-menu.p-menu .p-menuitem .p-menuitem-link .p-menuitem-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
.action-dropdown-menu.p-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #183A3A !important;
  flex: 1 !important;
  line-height: 1.5 !important;
}
::ng-deep .p-select-overlay.filter-status-upward {
  transform: translateY(calc(-100% - 4px)) !important;
  margin-top: 0 !important;
  margin-bottom: 0.25rem !important;
  top: auto !important;
  bottom: 100% !important;
}
input.form-control.p-inputtext,
input[type=text].form-control.p-inputtext,
input[type=email].form-control.p-inputtext,
input[type=password].form-control.p-inputtext,
input[type=number].form-control.p-inputtext,
.p-inputtext.form-control {
  --p-inputtext-padding-y: 0.875rem;
  --p-inputtext-padding-x: 1.125rem;
  --p-inputtext-border-color: #DCDCDC;
  --p-inputtext-border-radius: 0.625rem;
  --p-inputtext-color: #2D2D2D;
  --p-inputtext-background: #FFFFFF;
  --p-inputtext-shadow: none;
}
input.form-control.p-inputtext:focus,
input[type=text].form-control.p-inputtext:focus,
input[type=email].form-control.p-inputtext:focus,
input[type=password].form-control.p-inputtext:focus,
input[type=number].form-control.p-inputtext:focus,
.p-inputtext.form-control:focus {
  --p-inputtext-border-color: #183A3A;
}
input.form-control.p-inputtext:disabled,
input[type=text].form-control.p-inputtext:disabled,
input[type=email].form-control.p-inputtext:disabled,
input[type=password].form-control.p-inputtext:disabled,
input[type=number].form-control.p-inputtext:disabled,
.p-inputtext.form-control:disabled {
  --p-inputtext-background: #E8E8E8;
  --p-inputtext-color: #767676;
}
.p-select-option {
  white-space: normal !important;
}
.p-autocomplete-input-multiple {
  padding-right: 5rem !important;
  border-radius: 0.625rem !important;
  border: 1px solid #DCDCDC !important;
  background: #F8F8F8 !important;
  min-height: 3rem !important;
}
.p-chip {
  border-radius: 0.25rem !important;
  background: #183A3A !important;
  color: #FFFFFF !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}
.p-chip .p-icon {
  color: #FFFFFF !important;
}
.p-datatable-scrollable > .p-datatable-table-container {
  min-height: calc(-317px + 100vh) !important;
}
.form-field,
.filter-field {
  display: flex;
  flex-direction: column;
}
.form-field label,
.filter-field label {
  font-size: 1rem;
  font-weight: 500;
  color: #2D2D2D;
  margin-bottom: 0.75rem;
}
@media (max-width: 1439.9px) {
  .form-field label,
  .filter-field label {
    font-size: 0.875rem;
  }
}
.form-field label .required,
.filter-field label .required {
  color: #E46C5E;
  margin-left: 0.125rem;
}
.form-field .error-message,
.filter-field .error-message {
  font-size: 0.875rem;
  color: #E46C5E;
  font-weight: 500;
  margin-top: 0.25rem;
  display: block;
}
@media (max-width: 1439.9px) {
  .form-field .error-message,
  .filter-field .error-message {
    font-size: 0.75rem;
  }
}
.form-field .error-message p,
.filter-field .error-message p {
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #E46C5E;
  font-weight: 500;
}
.form-control {
  width: 100%;
  padding: 0.875rem 1.125rem;
  border: 1px solid #DADADA;
  border-radius: 0.625rem;
  font-size: 1rem;
  font-weight: 400;
  height: 3rem;
  color: #2D2D2D;
  background-color: #FFFFFF;
  transition: border-color 0.2s ease;
  font-family: inherit;
}
.form-control:focus {
  outline: none;
  border-color: #183A3A;
}
.form-control::placeholder {
  color: #9B9B9B;
  opacity: 0.7;
}
.form-control:disabled {
  background-color: #E8E8E8;
  color: #767676;
  cursor: not-allowed;
}
.form-control:read-only {
  background-color: #E8E8E8;
  color: #767676;
  cursor: default;
  border-color: #DADADA;
}
.form-control.form-control-error {
  border-color: #E46C5E;
}
.form-control.form-control-success {
  border-color: #23752B;
}
.form-control.form-control-bg {
  background-color: #F8F8F8;
  color: #1A1A1A;
}
.form-control.form-control-bg:read-only {
  background-color: #E8E8E8;
  color: #767676;
  cursor: default;
}
textarea.form-control {
  height: 6.25rem;
}
input.form-control.p-inputtext,
input[type=text].form-control.p-inputtext,
input[type=email].form-control.p-inputtext,
input[type=password].form-control.p-inputtext,
input[type=number].form-control.p-inputtext,
.p-inputtext.form-control {
  width: 100%;
  padding: 0.875rem 1.125rem;
  border: 1px solid #DADADA;
  border-radius: 0.625rem;
  font-size: 1rem;
  height: 3rem;
  color: #2D2D2D;
  background-color: #FFFFFF;
  transition: border-color 0.2s ease;
  font-family: inherit;
}
input.form-control.p-inputtext:focus,
input[type=text].form-control.p-inputtext:focus,
input[type=email].form-control.p-inputtext:focus,
input[type=password].form-control.p-inputtext:focus,
input[type=number].form-control.p-inputtext:focus,
.p-inputtext.form-control:focus {
  outline: none;
  border-color: #183A3A;
  box-shadow: none;
}
input.form-control.p-inputtext::placeholder,
input[type=text].form-control.p-inputtext::placeholder,
input[type=email].form-control.p-inputtext::placeholder,
input[type=password].form-control.p-inputtext::placeholder,
input[type=number].form-control.p-inputtext::placeholder,
.p-inputtext.form-control::placeholder {
  color: #9B9B9B;
  opacity: 0.7;
}
input.form-control.p-inputtext:disabled,
input[type=text].form-control.p-inputtext:disabled,
input[type=email].form-control.p-inputtext:disabled,
input[type=password].form-control.p-inputtext:disabled,
input[type=number].form-control.p-inputtext:disabled,
.p-inputtext.form-control:disabled {
  background-color: #E8E8E8;
  color: #767676;
  cursor: not-allowed;
}
input.form-control.p-inputtext:read-only,
input[type=text].form-control.p-inputtext:read-only,
input[type=email].form-control.p-inputtext:read-only,
input[type=password].form-control.p-inputtext:read-only,
input[type=number].form-control.p-inputtext:read-only,
.p-inputtext.form-control:read-only {
  background-color: #E8E8E8;
  color: #767676;
  cursor: default;
  border-color: #DADADA;
}
input.form-control.p-inputtext.form-control-error,
input[type=text].form-control.p-inputtext.form-control-error,
input[type=email].form-control.p-inputtext.form-control-error,
input[type=password].form-control.p-inputtext.form-control-error,
input[type=number].form-control.p-inputtext.form-control-error,
.p-inputtext.form-control.form-control-error {
  border-color: #E46C5E !important;
}
.btn {
  padding: 0.9375rem 1.5rem;
  border-radius: 0.625rem;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  min-width: 8.625rem;
  gap: 0.5rem;
  letter-spacing: 0.16px;
  text-decoration: none;
  font-family: inherit;
  line-height: 1.5;
}
.btn:hover,
.btn:focus,
.btn:active {
  text-decoration: none;
}
@media (max-width: 991.9px) {
  .btn {
    padding: 0.75rem 1.25rem;
    height: 2.625rem;
  }
}
@media (max-width: 575.9px) {
  .btn {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    height: 2.25rem;
    width: 100%;
  }
}
.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn.btn-primary {
  background-color: #183A3A;
  color: #FFFFFF;
  border: 1px solid #183A3A;
}
.btn.btn-primary:hover:not(:disabled) {
  background-color: #3A6060;
  border-color: #3A6060;
}
.btn.btn-primary:active:not(:disabled) {
  background-color: #3A6060;
  border-color: #3A6060;
}
.btn.btn-secondary {
  background-color: #DFE6E6;
  color: #161616;
  border: 1px solid #DFE6E6;
}
.btn.btn-secondary:hover:not(:disabled) {
  background-color: #D1D1D1;
  border-color: #D1D1D1;
}
.btn.btn-secondary:active:not(:disabled) {
  background-color: #BABABA;
  border-color: #BABABA;
}
.btn.btn-tertiary {
  background-color: #C0D6D6;
  color: #161616;
  border: 1px solid #C0D6D6;
}
.btn.btn-tertiary:hover:not(:disabled) {
  background-color: #A8C4C4;
  border-color: #A8C4C4;
}
.btn.btn-tertiary:active:not(:disabled) {
  background-color: #90B2B2;
  border-color: #90B2B2;
}
.btn.btn-success {
  background-color: #23752B;
  color: #FFFFFF;
  border: 1px solid #23752B;
}
.btn.btn-success:hover:not(:disabled) {
  background-color: #23752B;
  border-color: #23752B;
}
.btn.btn-success:active:not(:disabled) {
  background-color: #75cf69;
  border-color: #75cf69;
}
.btn.btn-danger {
  background-color: #E46C5E;
  color: #FFFFFF;
  border: 1px solid #E46C5E;
}
.btn.btn-danger:hover:not(:disabled) {
  background-color: #E46C5E;
  border-color: #E46C5E;
}
.btn.btn-danger:active:not(:disabled) {
  background-color: #C7493A;
  border-color: #C7493A;
}
.btn.btn-warning {
  background-color: #FFB23E;
  color: #FFFFFF;
  border: 1px solid #FFB23E;
}
.btn.btn-warning:hover:not(:disabled) {
  background-color: #FFB23E;
  border-color: #FFB23E;
}
.btn.btn-warning:active:not(:disabled) {
  background-color: #e6a035;
  border-color: #e6a035;
}
.btn.btn-info {
  background-color: #3C78D9;
  color: #FFFFFF;
  border: 1px solid #3C78D9;
}
.btn.btn-info:hover:not(:disabled) {
  background-color: #3C78D9;
  border-color: #3C78D9;
}
.btn.btn-info:active:not(:disabled) {
  background-color: #39ABFA;
  border-color: #39ABFA;
}
.btn.btn-dark {
  background-color: #1A1A1A;
  color: #FFFFFF;
  border: 1px solid #1A1A1A;
}
.btn.btn-dark:hover:not(:disabled) {
  background-color: #313131;
  border-color: #313131;
}
.btn.btn-dark:active:not(:disabled) {
  background-color: #484848;
  border-color: #484848;
}
.btn.btn-light-grey {
  background-color: #1A1A1A;
  color: #FFFFFF;
  border: 1px solid #1A1A1A;
}
.btn.btn-light-grey:hover:not(:disabled) {
  background-color: #8D8D8D;
  border-color: #8D8D8D;
}
.btn.btn-light-grey:active:not(:disabled) {
  background-color: #8D8D8D;
  border-color: #8D8D8D;
}
.btn.btn-outline-primary {
  background-color: transparent;
  color: #183A3A;
  border: 1px solid #183A3A;
}
.btn.btn-outline-primary:hover:not(:disabled) {
  background-color: #183A3A;
  color: #FFFFFF;
}
.btn.btn-outline-secondary {
  background-color: transparent;
  color: #161616;
  border: 1px solid #DFE6E6;
}
.btn.btn-outline-secondary:hover:not(:disabled) {
  background-color: #DFE6E6;
}
.btn.btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  height: 2.25rem;
}
.btn.btn-lg {
  padding: 0.875rem 2rem;
  font-size: 1.125rem;
  height: 3.5rem;
}
.btn.btn-block {
  width: 100%;
}
::ng-deep .form-select,
::ng-deep .status-select {
  width: 100% !important;
  height: 3rem !important;
  border: 1px solid #DCDCDC !important;
  border-radius: 0.625rem !important;
  background-color: #FFFFFF !important;
}
::ng-deep .form-select .p-select-label,
::ng-deep .status-select .p-select-label {
  padding: 0.625rem 1.125rem !important;
  font-size: 1rem !important;
  color: #2D2D2D !important;
}
::ng-deep .form-select .p-select-label.p-placeholder,
::ng-deep .status-select .p-select-label.p-placeholder {
  color: #9B9B9B !important;
  opacity: 0.7;
}
::ng-deep .form-select .p-select-trigger,
::ng-deep .status-select .p-select-trigger {
  width: 2rem !important;
  height: 2rem !important;
}
::ng-deep .form-select.form-control-bg,
::ng-deep .status-select.form-control-bg {
  background-color: #F8F8F8 !important;
}
::ng-deep .form-select.form-control-bg .p-select-label,
::ng-deep .status-select.form-control-bg .p-select-label {
  color: #1A1A1A !important;
}
::ng-deep .form-select.form-control-bg .p-select-label.p-placeholder,
::ng-deep .status-select.form-control-bg .p-select-label.p-placeholder {
  color: #9B9B9B !important;
  opacity: 0.7;
}
::ng-deep .form-select.form-control-error,
::ng-deep .status-select.form-control-error {
  border-color: #E46C5E !important;
}
::ng-deep .student-multiselect {
  width: 100% !important;
}
::ng-deep .student-multiselect .p-multiselect {
  width: 100%;
}
::ng-deep .student-multiselect .p-multiselect-chip,
::ng-deep .student-multiselect .p-chip {
  background-color: #183A3A;
  color: #FFFFFF;
  border: none;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-right: 0.375rem;
  margin-bottom: 0.25rem;
}
::ng-deep .student-multiselect .p-multiselect-chip .p-chip-label,
::ng-deep .student-multiselect .p-chip .p-chip-label {
  color: #FFFFFF;
}
::ng-deep .student-multiselect .p-multiselect-chip .p-chip-remove-icon,
::ng-deep .student-multiselect .p-chip .p-chip-remove-icon {
  color: #FFFFFF;
  width: 0.875rem;
  height: 0.875rem;
}
::ng-deep .student-multiselect .p-multiselect-chip svg,
::ng-deep .student-multiselect .p-chip svg {
  color: #FFFFFF;
  fill: #FFFFFF;
}
::ng-deep .student-multiselect .p-multiselect-chip:hover,
::ng-deep .student-multiselect .p-chip:hover {
  background-color: #3A6060;
}
::ng-deep .student-multiselect .p-multiselect-token {
  background-color: #183A3A;
  color: #FFFFFF;
  border: none;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  margin-right: 0.375rem;
  margin-bottom: 0.25rem;
}
::ng-deep .student-multiselect .p-multiselect-token .p-multiselect-token-label {
  color: #FFFFFF;
  font-size: 0.875rem;
  font-weight: 500;
}
::ng-deep .student-multiselect .p-multiselect-token .p-multiselect-token-icon {
  color: #FFFFFF;
  margin-left: 0.5rem;
}
::ng-deep .student-multiselect .p-multiselect-label-container .p-multiselect-label {
  color: #1A1A1A;
  font-size: 1rem;
  height: 3rem;
}
.date-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.date-input-wrapper .date-icon,
.date-input-wrapper .time-icon {
  position: absolute;
  right: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
  z-index: 2;
  flex-shrink: 0;
}
.date-input-wrapper ::ng-deep .p-datepicker {
  position: relative;
  width: 100%;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-inputtext {
  width: 100%;
  padding: 0.875rem 1.125rem;
  padding-right: 5.75rem;
  border: 1px solid #DADADA;
  border-radius: 0.625rem;
  font-size: 1rem;
  height: 3rem;
  color: #2D2D2D;
  background-color: #FFFFFF;
  transition: border-color 0.2s ease;
  font-family: inherit;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-inputtext:focus {
  outline: none;
  border-color: #183A3A;
  box-shadow: none;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-inputtext::placeholder {
  color: #9B9B9B;
  opacity: 0.7;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-inputtext.form-control-bg {
  background-color: #F8F8F8;
  color: #1A1A1A;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-inputtext.form-control-bg:read-only {
  background-color: #E8E8E8;
  color: #767676;
  cursor: default;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-inputtext.form-control-error {
  border-color: #E46C5E !important;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button {
  position: absolute !important;
  right: 4rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 2;
  pointer-events: auto;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0.25rem !important;
  min-width: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button svg,
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button .p-datepicker-clear-icon {
  display: none !important;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button::before,
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button::after {
  content: "";
  position: absolute;
  width: 1.5px;
  height: 14px;
  background-color: #9B9B9B;
  border-radius: 1px;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button::before {
  transform: rotate(45deg);
}
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button::after {
  transform: rotate(-45deg);
}
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button:hover::before,
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button:hover::after {
  background-color: #6B6B6B;
}
.date-input-wrapper ::ng-deep .p-datepicker .p-datepicker-trigger {
  display: none;
}
.time-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.time-input-wrapper .time-icon {
  position: absolute;
  right: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
  z-index: 2;
}
.time-input-wrapper ::ng-deep .p-datepicker {
  position: relative;
  width: 100%;
}
.time-input-wrapper ::ng-deep .p-datepicker .p-inputtext {
  padding-right: 5.75rem;
}
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button {
  right: 4rem !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0.25rem !important;
  min-width: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button svg,
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button .p-datepicker-clear-icon {
  display: none !important;
}
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button::before,
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button::after {
  content: "";
  position: absolute;
  width: 1.5px;
  height: 14px;
  background-color: #9B9B9B;
  border-radius: 1px;
}
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button::before {
  transform: rotate(45deg);
}
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button::after {
  transform: rotate(-45deg);
}
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button:hover::before,
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-clear-button:hover::after {
  background-color: #6B6B6B;
}
.time-input-wrapper ::ng-deep .p-datepicker .p-datepicker-trigger {
  display: none;
}
.p-datepicker {
  position: relative;
  width: 100%;
}
.p-datepicker .p-inputtext {
  width: 100%;
  padding: 0.875rem 1.125rem;
  padding-right: 5.75rem !important;
  border: 1px solid #DADADA;
  border-radius: 0.625rem;
  font-size: 1rem;
  height: 3rem;
  color: #2D2D2D;
  background-color: #FFFFFF;
  transition: border-color 0.2s ease;
}
.p-datepicker .p-inputtext:focus {
  outline: none !important;
  border-color: #183A3A !important;
  box-shadow: none !important;
}
.p-datepicker .p-inputtext::placeholder {
  color: #9B9B9B;
}
.p-datepicker .p-datepicker-trigger {
  width: 2rem;
  height: 2rem;
  border-left: 1px solid #DADADA;
  border-radius: 0 0.625rem 0.625rem 0;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-datepicker .p-datepicker-trigger:hover {
  background-color: rgba(24, 58, 58, 0.05);
}
.p-datepicker .p-datepicker-clear-button {
  position: absolute !important;
  right: 3rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 2;
  pointer-events: auto;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0.25rem !important;
  min-width: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.p-datepicker .p-datepicker-clear-button svg,
.p-datepicker .p-datepicker-clear-button .p-datepicker-clear-icon {
  display: none !important;
}
.p-datepicker .p-datepicker-clear-button::before,
.p-datepicker .p-datepicker-clear-button::after {
  content: "";
  position: absolute;
  width: 1.5px;
  height: 14px;
  background-color: #9B9B9B;
  border-radius: 1px;
}
.p-datepicker .p-datepicker-clear-button::before {
  transform: rotate(45deg);
}
.p-datepicker .p-datepicker-clear-button::after {
  transform: rotate(-45deg);
}
.p-datepicker .p-datepicker-clear-button:hover::before,
.p-datepicker .p-datepicker-clear-button:hover::after {
  background-color: #6B6B6B;
}
.p-datepicker .custom-calendar-icon {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  display: block;
  cursor: pointer;
  position: relative;
  top: -0.25rem;
}
.p-datepicker .custom-clock-icon {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  display: block;
  cursor: pointer;
  position: relative;
  top: -0.25rem;
}
::ng-deep .p-datepicker-panel {
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span.p-datepicker-day-selected {
  background-color: #183A3A !important;
  color: #FFFFFF !important;
  border-color: #183A3A !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span.p-datepicker-day-selected:hover {
  background-color: #3A6060 !important;
  border-color: #3A6060 !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span.p-datepicker-day-range,
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span.p-datepicker-day-selected-range {
  background-color: rgba(24, 58, 58, 0.7) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  font-weight: 500 !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span.p-datepicker-day-range:hover,
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span.p-datepicker-day-selected-range:hover {
  background-color: rgba(24, 58, 58, 0.8) !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span.p-datepicker-day-today {
  border-color: #183A3A !important;
  color: #183A3A !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span.p-datepicker-day-today.p-datepicker-day-selected {
  background-color: #183A3A !important;
  color: #FFFFFF !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span:hover:not(.p-datepicker-day-selected):not(.p-datepicker-day-range) {
  background-color: rgba(24, 58, 58, 0.1) !important;
  color: #183A3A !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-calendar td > span:focus {
  outline: 2px solid rgba(24, 58, 58, 0.3) !important;
  outline-offset: 2px !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-header .p-datepicker-prev,
::ng-deep .p-datepicker-panel .p-datepicker-header .p-datepicker-next {
  color: #183A3A !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-header .p-datepicker-prev:hover,
::ng-deep .p-datepicker-panel .p-datepicker-header .p-datepicker-next:hover {
  background-color: rgba(24, 58, 58, 0.1) !important;
  color: #3A6060 !important;
}
::ng-deep .p-datepicker-panel .p-datepicker-header .p-datepicker-prev:focus,
::ng-deep .p-datepicker-panel .p-datepicker-header .p-datepicker-next:focus {
  outline: 2px solid rgba(24, 58, 58, 0.3) !important;
  outline-offset: 2px !important;
}
.input-with-badge {
  position: relative;
  display: flex;
  align-items: center;
}
.input-with-badge .form-control {
  padding-right: 5rem;
}
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 2.75rem;
  height: 1.5rem;
  margin: 0;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch input:checked + .toggle-slider {
  background-color: #183A3A;
}
.toggle-switch input:checked + .toggle-slider:before {
  transform: translateX(1.25rem);
}
.toggle-switch .toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DEDEDE;
  transition: 0.3s;
  border-radius: 1.5rem;
}
.toggle-switch .toggle-slider:before {
  position: absolute;
  content: "";
  height: 1.125rem;
  width: 1.125rem;
  left: 0.1875rem;
  bottom: 0.1875rem;
  background-color: #FFFFFF;
  transition: 0.3s;
  border-radius: 50%;
}
.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #183A3A !important;
}
.p-radiobutton .p-radiobutton-box {
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #000000 !important;
  border-radius: 50%;
  background-color: #FFFFFF !important;
  transition: all 0.2s ease;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  border-color: #000000;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #000000 !important;
  background-color: #FFFFFF !important;
}
.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #183A3A !important;
  border-radius: 50%;
  margin: 0;
  transform: none;
}
.p-radiobutton .p-radiobutton-icon {
  width: 0;
  height: 0;
  background-color: transparent;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
::ng-deep .common-add-new-option-panel .common-add-new-empty {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.625rem;
  width: 100%;
}
::ng-deep .common-add-new-option-panel .common-add-new-empty .add-new-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
  color: #183A3A;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.p-dialog.p-dialog {
  border-radius: 0.625rem;
  overflow: hidden;
  border: none;
}
.p-dialog.p-dialog .p-dialog-header {
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid #DCDCDC;
  background-color: #FFFFFF;
}
.p-dialog.p-dialog .p-dialog-header .p-dialog-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
  margin: 0;
}
.p-dialog.p-dialog .p-dialog-header .p-dialog-header-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.125rem;
  transition: background-color 0.2s ease;
  color: #2D2D2D;
}
.p-dialog.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
  background-color: rgba(24, 58, 58, 0.1);
  color: #183A3A;
}
.p-dialog.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  outline: 2px solid rgba(24, 58, 58, 0.3);
  outline-offset: 2px;
}
.p-dialog.p-dialog .p-dialog-header p-button {
  height: 1.5rem;
}
.p-dialog.p-dialog .p-dialog-header .p-button-icon-only.p-button-rounded {
  height: auto;
  padding: 0;
}
.p-dialog.p-dialog .p-dialog-header .p-button-icon-only.p-button-rounded .p-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #626F6F;
  transition: color 0.2s ease;
}
.p-dialog.p-dialog .p-dialog-content {
  padding: 1.25rem;
  background-color: #FFFFFF;
}
.p-dialog.p-dialog .p-dialog-footer {
  padding: 1.25rem;
  border-top: 1px solid #DCDCDC;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 575.9px) {
  .p-dialog.p-dialog {
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
    max-height: calc(100dvh - 2rem) !important;
    margin: 1rem !important;
  }
  .p-dialog.p-dialog .p-dialog-header {
    padding: 0.75rem 1rem;
  }
  .p-dialog.p-dialog .p-dialog-header .p-dialog-title {
    font-size: 1.125rem;
  }
  .p-dialog.p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
  .p-dialog.p-dialog .p-dialog-content {
    padding: 1rem;
    overflow-y: auto;
  }
  .p-dialog.p-dialog .p-dialog-footer {
    padding: 1rem;
    flex-direction: column-reverse;
    gap: 0.75rem;
  }
  .p-dialog.p-dialog .p-dialog-footer .btn {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 419.9px) {
  .p-dialog.p-dialog {
    width: calc(100vw - 1.5rem) !important;
    max-width: calc(100vw - 1.5rem) !important;
    margin: 0.75rem !important;
  }
  .p-dialog.p-dialog .p-dialog-header {
    padding: 0.625rem 0.75rem;
  }
  .p-dialog.p-dialog .p-dialog-header .p-dialog-title {
    font-size: 1rem;
  }
  .p-dialog.p-dialog .p-dialog-content {
    padding: 0.75rem;
  }
  .p-dialog.p-dialog .p-dialog-footer {
    padding: 0.75rem;
  }
}
.dialog-form-field {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 991.9px) {
  .dialog-form-field {
    gap: 0.5rem;
  }
}
.dialog-form-field:last-child {
  margin-bottom: 0;
}
.dialog-form-field label {
  font-size: 1rem;
  font-weight: 500;
  color: #2D2D2D;
}
@media (max-width: 1439.9px) {
  .dialog-form-field label {
    font-size: 0.875rem;
  }
}
.dialog-form-field label .required {
  color: #E46C5E;
}
.dialog-footer {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 575.9px) {
  .dialog-footer {
    flex-direction: column-reverse;
    gap: 0.75rem;
  }
  .dialog-footer .btn {
    width: 100%;
    justify-content: center;
  }
}
.status-modal.p-dialog .p-dialog-content {
  padding: 1.25rem;
}
.info-card {
  background-color: #FFFFFF;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
@media (max-width: 1599.9px) {
  .info-card {
    padding: 1rem;
  }
}
.info-card .card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.info-card .card-header .card-icon-wrapper {
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  padding: 0.625rem;
  background-color: #E7F9F7;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-card .card-header .card-icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  object-fit: contain;
}
.info-card .card-header .card-title {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 500;
  color: #1A1A1A;
  line-height: 1.2;
}
@media (max-width: 1599.9px) {
  .info-card .card-header .card-title {
    font-size: 1.25rem;
  }
}
@media (max-width: 767.9px) {
  .info-card .card-header .card-title {
    font-size: 1.125rem;
  }
}
.info-card .card-content {
  flex: 1;
}
.info-cards-row {
  display: grid;
  grid-template-columns: 7fr 3fr;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
  width: 100%;
  min-width: 0;
}
.info-cards-row:last-child {
  margin-bottom: 0;
}
@media (max-width: 1599.9px) {
  .info-cards-row {
    gap: 1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 991.9px) {
  .info-cards-row {
    grid-template-columns: 6fr 4fr;
  }
}
@media (max-width: 767.9px) {
  .info-cards-row {
    grid-template-columns: 1fr;
  }
}
.info-cards-row.full-width-card {
  grid-template-columns: 1fr;
}
.info-cards-row.three-cards-row {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991.9px) {
  .info-cards-row.three-cards-row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.9px) {
  .info-cards-row.three-cards-row {
    grid-template-columns: 1fr;
  }
}
.info-cards-row.four-cards-row {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1439.9px) {
  .info-cards-row.four-cards-row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.9px) {
  .info-cards-row.four-cards-row {
    grid-template-columns: 1fr;
  }
}
.dashboard-metric-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media (max-width: 1599.9px) {
  .dashboard-metric-wrapper {
    gap: 1rem;
  }
}
@media (max-width: 1439.9px) {
  .dashboard-metric-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1199.9px) {
  .dashboard-metric-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991.9px) {
  .dashboard-metric-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767.9px) {
  .dashboard-metric-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575.9px) {
  .dashboard-metric-wrapper {
    grid-template-columns: 1fr;
  }
}
.metric-card {
  background-color: #FFFFFF;
  border-radius: 0.75rem;
  padding: 1.25rem;
}
@media (max-width: 1599.9px) {
  .metric-card {
    padding: 1rem;
  }
}
.metric-card .metric-card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 575.9px) {
  .metric-card .metric-card-content {
    gap: 0.5rem;
  }
}
.metric-card .metric-icon {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 575.9px) {
  .metric-card .metric-icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.metric-card .metric-icon img {
  object-fit: contain;
}
.metric-card .metric-icon.icon-bg-green {
  background-color: rgba(72, 138, 109, 0.1);
}
.metric-card .metric-icon.icon-bg-blue {
  background-color: rgba(59, 130, 246, 0.1);
}
.metric-card .metric-icon.icon-bg-orange {
  background-color: rgba(255, 178, 62, 0.1);
}
.metric-card .metric-icon.icon-bg-purple {
  background-color: rgba(210, 105, 255, 0.1);
}
.metric-card .metric-icon.icon-bg-light-blue {
  background-color: rgba(57, 171, 250, 0.1);
}
.metric-card .metric-icon.icon-bg-red {
  background-color: rgba(228, 108, 94, 0.1);
}
.metric-card .metric-icon.icon-bg-light-green {
  background-color: rgba(72, 138, 109, 0.1);
}
.metric-card .metric-icon.icon-bg-light-skyblue {
  background-color: #E1FCFB;
}
.metric-card .metric-icon.icon-bg-light-lemon {
  background-color: #F3F8DE;
}
.metric-card .metric-info {
  flex: 1;
  min-width: 0;
}
.metric-card .metric-title {
  font-size: 1.125rem;
  font-weight: 500;
  color: #6A6A6A;
  margin: 0 0 0.125rem 0;
  line-height: 1.5;
}
@media (max-width: 1599.9px) {
  .metric-card .metric-title {
    font-size: 1rem;
  }
}
.metric-card .metric-value {
  font-size: 2rem;
  font-weight: 600;
  color: #000000;
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 1599.9px) {
  .metric-card .metric-value {
    font-size: 1.75rem;
  }
}
.common-data-grid {
  background-color: #FFFFFF;
  padding: 0 0.4375rem;
  margin-top: 0.9375rem;
  overflow-x: auto;
  overflow-y: visible;
  border-radius: 0.75rem;
}
@media (max-width: 575.9px) {
  .common-data-grid {
    padding: 0.5rem;
    margin-top: 0.75rem;
  }
}
.common-data-grid .common-data-table {
}
.common-data-grid .common-data-table .p-datatable-thead > tr > th {
  background-color: transparent;
  border: none;
  border-bottom: 3px solid #DCDCDC;
  padding: 0.9375rem;
  font-size: 1rem;
  font-weight: 600;
  color: #1A1A1A;
  text-align: left;
  white-space: nowrap;
}
@media (max-width: 575.9px) {
  .common-data-grid .common-data-table .p-datatable-thead > tr > th {
    border-bottom-width: 2px;
  }
}
.common-data-grid .common-data-table .p-datatable-thead > tr > th.text-center {
  text-align: center;
}
.common-data-grid .common-data-table .p-datatable-thead > tr > th .p-sortable-column-icon {
  margin-left: 0.5rem;
  color: #767676;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr {
  border-bottom: 1px solid #DCDCDC;
  transition: background-color 0.2s ease;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr:hover {
  background-color: rgba(24, 58, 58, 0.02);
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td {
  padding: 0.9375rem;
  border: none;
  border-bottom: 1px solid #DCDCDC;
  font-size: 1rem;
  color: #565656;
  font-weight: 400;
  vertical-align: middle;
  text-align: left;
}
@media (max-width: 575.9px) {
  .common-data-grid .common-data-table .p-datatable-tbody > tr > td {
    padding: 0.5rem 0.625rem;
    font-size: 0.875rem;
  }
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td.wrap-text {
  white-space: normal;
  word-break: break-word;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td.text-center {
  text-align: center;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .url-link {
  color: #3B82F6;
  text-decoration: none;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .url-link:hover {
  color: #3C78D9;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .icon-text-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .icon-text-cell .icon-image {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .flag-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.125rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  min-width: 5.625rem;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .flag-status-badge .flag-status-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .flag-status-badge .flag-status-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .flag-status-badge.flag-green {
  color: #158957;
  border-color: #158957;
  background-color: rgba(21, 137, 87, 0.1);
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .flag-status-badge.flag-yellow {
  color: #9B7801;
  border-color: #9B7801;
  background-color: rgba(155, 120, 1, 0.1);
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .flag-status-badge.flag-red {
  color: #DA2F4A;
  border-color: #DA2F4A;
  background-color: rgba(218, 47, 74, 0.1);
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .company-level-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .company-level-badge.level-blue {
  background: #E8F1FF;
  color: #3C78D9;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .company-level-badge.level-orange {
  background: #FFF8EB;
  color: #D88C38;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper {
  position: relative;
  display: inline-block;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-menu-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.125rem;
  transition: background-color 0.2s ease;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-menu-btn:hover {
  background-color: rgba(24, 58, 58, 0.1);
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-menu-btn img {
  width: 1.25rem;
  height: 1.25rem;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.25rem;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  border-radius: 0.375rem;
  box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.1);
  padding: 0.25rem 0;
  min-width: 9.375rem;
  z-index: 1000;
  overflow: hidden;
  visibility: hidden;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-dropdown-menu.is-placed {
  visibility: visible;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-dropdown-menu.open-up {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-dropdown-menu .action-menu-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.375rem 0.75rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
  color: #1A1A1A;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-dropdown-menu .action-menu-item:hover {
  background-color: rgba(26, 26, 26, 0.05);
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-dropdown-menu .action-menu-item .action-menu-icon {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  object-fit: contain;
  display: block;
}
.common-data-grid .common-data-table .p-datatable-tbody > tr > td .action-dropdown-wrapper .action-dropdown-menu .action-menu-item .action-menu-text {
  flex: 1;
  line-height: 1.5;
}
.common-data-grid .common-data-table .p-paginator {
  background-color: transparent;
  border: none;
  padding: 0.625rem 0 0.625rem 0;
  border-top: 1px solid #DCDCDC;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  border-radius: 0;
}
.common-data-grid .common-data-table .p-paginator .paginator-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  color: #6A6A6A;
  flex-shrink: 0;
}
.common-data-grid .common-data-table .p-paginator .paginator-left .page-info {
  white-space: nowrap;
}
.common-data-grid .common-data-table .p-paginator .paginator-left .display-dropdown .p-select {
  border: 1px solid #DCDCDC;
  border-radius: 0.375rem;
  height: 2rem;
  min-width: 7.5rem;
}
.common-data-grid .common-data-table .p-paginator .paginator-left .display-dropdown .p-select .p-select-label {
  padding: 0.3125rem 0.75rem;
  font-size: 0.875rem;
}
.common-data-grid .common-data-table .p-paginator .paginator-left .display-dropdown .p-select .p-select-trigger {
  width: 2rem;
  height: 2rem;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-left-content {
  display: none;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-right-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-right-content .paginator-right-custom {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-right-content .paginator-right-custom .paginator-page-dropdown {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #6A6A6A;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-right-content .paginator-right-custom .paginator-page-dropdown .page-number-dropdown .p-select {
  border: 1px solid #DCDCDC;
  border-radius: 0.375rem;
  height: 2rem;
  min-width: 5rem;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-right-content .paginator-right-custom .paginator-page-dropdown .page-number-dropdown .p-select .p-select-label {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-right-content .paginator-right-custom .paginator-page-dropdown .page-number-dropdown .p-select .p-select-trigger {
  width: 2rem;
  height: 2rem;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-pages {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-pages .p-paginator-page {
  min-width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  border: none;
  background-color: transparent;
  color: #6A6A6A;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background-color: #23752B;
  color: #FFFFFF;
  font-weight: 600;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-pages .p-paginator-page:hover:not(.p-highlight) {
  background-color: rgba(24, 58, 58, 0.05);
}
.common-data-grid .common-data-table .p-paginator .p-paginator-prev,
.common-data-grid .common-data-table .p-paginator .p-paginator-next,
.common-data-grid .common-data-table .p-paginator .p-paginator-first,
.common-data-grid .common-data-table .p-paginator .p-paginator-last {
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  border: 1px solid #DCDCDC;
  background-color: #FFFFFF;
  color: #6A6A6A;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-prev:hover:not(:disabled),
.common-data-grid .common-data-table .p-paginator .p-paginator-next:hover:not(:disabled),
.common-data-grid .common-data-table .p-paginator .p-paginator-first:hover:not(:disabled),
.common-data-grid .common-data-table .p-paginator .p-paginator-last:hover:not(:disabled) {
  background-color: rgba(24, 58, 58, 0.1);
  border-color: #183A3A;
}
.common-data-grid .common-data-table .p-paginator .p-paginator-prev:disabled,
.common-data-grid .common-data-table .p-paginator .p-paginator-next:disabled,
.common-data-grid .common-data-table .p-paginator .p-paginator-first:disabled,
.common-data-grid .common-data-table .p-paginator .p-paginator-last:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.common-header-actions {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media (max-width: 575.9px) {
  .common-header-actions {
    width: 100%;
    flex-wrap: wrap;
  }
}
.common-header-actions .action-btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 1rem;
  border-radius: 0.625rem;
  border: 1px solid #D5DEDE;
  background-color: #FFFFFF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 400;
  font-size: 1rem;
  color: #1A1A1A;
  text-decoration: none;
}
.common-header-actions .action-btn img {
  flex-shrink: 0;
}
.common-header-actions .action-btn:hover {
  background: rgba(26, 26, 26, 0.04);
  border-color: #767676;
}
.common-header-actions .action-btn.filter-btn {
  width: 7rem;
  justify-content: center;
}
.common-header-actions .action-btn.filter-btn.active {
  background-color: #E7FCF3;
  border-color: #158957;
  color: #488A6D;
}
.common-header-actions .action-btn.export-btn {
  width: 7rem;
  justify-content: center;
}
.common-header-actions .action-btn.export-btn:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.common-header-actions .action-btn.refresh-btn {
  padding: 0.625rem;
  min-width: auto;
}
.common-header-actions .btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.625rem 1rem;
  height: 46px;
  min-width: inherit;
  width: auto;
}
.common-header-actions .btn.back-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.625rem 1rem;
  height: 46px;
  min-width: inherit;
  width: auto;
}
.common-filter-panel {
  width: 100%;
  background-color: #F8F8F8;
  border-top: 1px solid #DCDCDC;
  box-shadow: 0 14px 20px 0 rgba(0, 0, 0, 0.1);
  overflow: visible;
  position: relative;
  z-index: 1;
}
.common-filter-panel.mr-btn-filter {
  margin-bottom: 0.75rem;
}
.common-filter-panel .filter-panel-header {
  padding: 1.25rem 1.25rem 0rem 1.25rem;
}
.common-filter-panel .filter-panel-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #000000;
}
.common-filter-panel .filter-panel-content {
  padding: 1.25rem;
}
.common-filter-panel .filter-panel-content .filter-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.25rem;
}
@media (max-width: 767.9px) {
  .common-filter-panel .filter-panel-content .filter-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.9px) {
  .common-filter-panel .filter-panel-content .filter-row {
    grid-template-columns: 1fr;
  }
}
.common-filter-panel .filter-panel-content .filter-column {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.common-filter-panel .filter-panel-content .filter-field .form-control {
  height: 3rem !important;
}
.common-filter-panel .filter-panel-content .filter-field .filter-status-select,
.common-filter-panel .filter-panel-content .filter-field .filter-role-select {
  width: 100% !important;
  height: 3rem !important;
  border: 1px solid #DCDCDC !important;
  border-radius: 0.625rem !important;
}
.common-filter-panel .filter-panel-content .filter-field .filter-status-select .p-select-label,
.common-filter-panel .filter-panel-content .filter-field .filter-status-select .p-multiselect-label,
.common-filter-panel .filter-panel-content .filter-field .filter-role-select .p-select-label,
.common-filter-panel .filter-panel-content .filter-field .filter-role-select .p-multiselect-label {
  padding: 0.625rem 1.125rem !important;
  font-size: 1rem !important;
  color: #2D2D2D !important;
}
.common-filter-panel .filter-panel-content .filter-field .filter-status-select .p-select-trigger,
.common-filter-panel .filter-panel-content .filter-field .filter-status-select .p-multiselect-trigger,
.common-filter-panel .filter-panel-content .filter-field .filter-role-select .p-select-trigger,
.common-filter-panel .filter-panel-content .filter-field .filter-role-select .p-multiselect-trigger {
  width: 2rem !important;
  height: 2rem !important;
}
.common-filter-panel .filter-panel-footer {
  padding: 0.9375rem 1.25rem;
  border-top: 1px solid #DCDCDC;
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}
@keyframes focus-student-row-highlight {
  0%, 100% {
    box-shadow: inset 0 0 0 0 rgba(107, 79, 160, 0.22);
    background-color: #f3eef9;
  }
  50% {
    box-shadow: inset 0 0 0 0.375rem rgba(107, 79, 160, 0.16);
    background-color: #e4d6f4;
  }
}
@keyframes focus-student-table-row {
  0%, 100% {
    background-color: #f7f3fb;
  }
  50% {
    background-color: #efe8f7;
  }
}
tr.focus-student-row {
  background-color: #f7f3fb;
  animation: focus-student-table-row 8s ease-in-out infinite;
}
tr.focus-student-row > td {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  animation: none !important;
}
.focus-student-row:not(tr) {
  background-image: linear-gradient(rgba(237, 228, 248, 0.75), rgba(237, 228, 248, 0.75));
  animation: focus-student-row-highlight 2s ease-in-out infinite;
}
@keyframes focus-student-badge-blink {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(107, 79, 160, 0.35);
  }
  50% {
    opacity: 0.55;
    box-shadow: 0 0 0 0.25rem rgba(107, 79, 160, 0);
  }
}
@keyframes focus-student-badge-dot-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(107, 79, 160, 0.55);
  }
  50% {
    box-shadow: 0 0 0 0.25rem rgba(107, 79, 160, 0);
  }
}
.focus-student-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 1.375rem;
  height: 1rem;
  padding: 0 0.375rem;
  border-radius: 100px;
  background-color: #f3eef9;
  border: 1px solid #c4b3e0;
  animation: focus-student-badge-blink 1.4s ease-in-out infinite;
}
.focus-student-badge .badge-dot {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #6b4fa0;
  animation: focus-student-badge-dot-pulse 1.4s ease-in-out infinite;
}
.student-option-with-focus {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  width: 100%;
}
.student-option-with-focus > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-option-with-focus .match-percent {
  margin-left: auto;
}
.match-percent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 2.625rem;
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
  background: #183A3A;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
}
a.route-text {
  color: inherit;
  font: inherit;
  text-decoration: none;
}
.inbox-wrapper {
  width: 100%;
  min-width: 0;
}
.notifications-page {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  min-width: 0;
}
.notifications-page .notifications-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.notifications-page .notifications-page-header h1 {
  margin: 0;
  color: #1A1A1A;
  font-size: 2rem;
  font-weight: 600;
}
.notifications-page .notification-section-label {
  flex: 0 0 auto;
  padding: 0.25rem 0.625rem;
  border-radius: 62.4375rem;
  background: #E3EFEF;
  color: #183A3A;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  white-space: nowrap;
}
.notifications-page .notifications-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 2.375rem;
  width: auto;
  min-width: 0;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}
.notifications-page .notifications-back-btn img {
  width: 1rem;
  height: 1rem;
}
.notifications-page .right-inbox-content {
  width: 100%;
  flex: 1 1 auto;
}
.inbox-layout {
  display: flex;
  gap: 0.625rem;
  min-height: 0;
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 991.9px) {
  .inbox-layout {
    flex-direction: column;
  }
}
.mail-template {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  height: 100%;
}
.left-inbox-categories {
  width: 22%;
  flex: 0 0 22%;
  max-width: 18.125rem;
  min-width: 0;
}
@media (max-width: 991.9px) {
  .left-inbox-categories {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.left-inbox-categories h1 {
  margin-bottom: 0.625rem;
  color: #1A1A1A;
  font-size: 2rem;
  font-weight: 600;
}
@media (max-width: 991.9px) {
  .left-inbox-categories h1 {
    font-size: 1.625rem;
  }
}
@media (max-width: 575.9px) {
  .left-inbox-categories h1 {
    font-size: 1.25rem;
  }
}
.left-inbox-categories .categories-box {
  background-color: #FFFFFF;
  border-radius: 0.75rem;
}
.left-inbox-categories .categories-box .category-title {
  padding: 1.25rem 1.25rem 0.625rem 1.25rem;
}
.left-inbox-categories .categories-box .category-title h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  color: #1A1A1A;
}
.left-inbox-categories .categories-list {
  padding: 0.625rem;
  height: calc(100vh - 272px);
  overflow: auto;
}
@media (max-width: 991.9px) {
  .left-inbox-categories .categories-list {
    height: auto;
    max-height: 12.5rem;
  }
}
.left-inbox-categories .category-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem;
  border-radius: 0.375rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
  transition: 0.3s ease-in-out;
}
.left-inbox-categories .category-item:hover .category-name {
  color: #1A1A1A;
}
.left-inbox-categories .category-item:last-child {
  margin-bottom: 0;
}
.left-inbox-categories .category-item img {
  flex: 0 0 auto;
}
.left-inbox-categories .category-item .category-name {
  flex: 1;
  min-width: 0;
  font-size: 1rem;
  font-weight: 500;
  color: #767676;
  transition: 0.3s ease-in-out;
}
.left-inbox-categories .category-item .category-count {
  margin-left: auto;
  flex-shrink: 0;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 9999px;
  background: #C7493A;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.left-inbox-categories .category-item.active {
  background-color: #E3EFEF;
}
.left-inbox-categories .category-item.active .category-name {
  color: #1A1A1A;
}
.right-inbox-content {
  flex: 1 1 78%;
  width: 78%;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  overflow: hidden;
}
@media (max-width: 991.9px) {
  .right-inbox-content {
    width: 100%;
    flex: 1 1 100%;
  }
}
.right-inbox-content .inbox-tabs-box-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
}
@media (max-width: 575.9px) {
  .right-inbox-content .inbox-tabs-box-wrapper {
    flex-wrap: wrap;
  }
}
.right-inbox-content .inbox-tabs-box-wrapper .inbox-tabs-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}
.right-inbox-content .inbox-tabs-box-wrapper .inbox-tabs-actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  height: 2.375rem;
  min-width: inherit;
  width: auto;
  font-size: 0.875rem;
  font-weight: 500;
}
.right-inbox-content .inbox-tabs-box-wrapper .inbox-tabs-actions .btn img {
  width: 1rem;
  height: 1rem;
}
@media (max-width: 575.9px) {
  .right-inbox-content .inbox-tabs-box-wrapper .inbox-tabs-actions {
    width: 100%;
    justify-content: flex-end;
  }
}
.right-inbox-content .inbox-tabs-box {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  gap: 0.1875rem;
  padding: 0.25rem;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  height: 2.375rem;
}
@media (max-width: 575.9px) {
  .right-inbox-content .inbox-tabs-box {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
}
.right-inbox-content .inbox-tabs-box .inbox-tab {
  border: none;
  background: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  align-items: center;
  justify-content: center;
  height: 1.875rem;
  padding: 0.375rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  color: #767676;
  cursor: pointer;
  white-space: nowrap;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}
@media (max-width: 575.9px) {
  .right-inbox-content .inbox-tabs-box .inbox-tab {
    flex: 1 1 auto;
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
  }
}
.right-inbox-content .inbox-tabs-box .inbox-tab:hover:not(.active) {
  color: #1A1A1A;
}
.right-inbox-content .inbox-tabs-box .inbox-tab.active {
  background-color: #183A3A;
  border-radius: 0.25rem;
  color: #FFFFFF;
  box-shadow: 0 0.125rem 0.128125rem rgba(0, 0, 0, 0.06);
}
.right-inbox-content .inbox-tabs-content-layout {
  display: flex;
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
.right-inbox-content .inbox-tabs-content-layout .inbox-tab-panel {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 991.9px) {
  .right-inbox-content .inbox-tabs-content-layout .inbox-tab-panel {
    display: block;
  }
}
.right-inbox-content .inbox-mail-content-box {
  display: flex;
  flex: 1;
  min-height: 0;
  width: 100%;
  max-width: 100%;
  height: calc(100vh - 217px);
  gap: 0.625rem;
  overflow: hidden;
}
@media (max-width: 767.9px) {
  .right-inbox-content .inbox-mail-content-box {
    flex-direction: column;
    height: auto;
  }
}
.notifications-page .right-inbox-content .inbox-mail-content-box {
  height: calc(100vh - 230px);
}
.notifications-page .right-inbox-content > .inbox-tab-panel {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  width: 100%;
}
@media (max-width: 1023.9px) {
  .inbox-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "title back" "cats cats" "tabs tabs" "list list";
    align-items: start;
    gap: 0.75rem;
  }
  .left-inbox-categories,
  .right-inbox-content,
  .right-inbox-content .inbox-tabs-box-wrapper {
    display: contents;
  }
  .left-inbox-categories h1 {
    grid-area: title;
    margin: 0;
    font-size: 1.25rem;
  }
  .left-inbox-categories .categories-box {
    grid-area: cats;
    width: 100%;
  }
  .left-inbox-categories .category-title {
    padding: 0.875rem 0.875rem 0.5rem;
  }
  .left-inbox-categories .categories-list {
    height: auto;
    max-height: none;
    padding: 0.5rem;
  }
  .right-inbox-content .inbox-tabs-box-wrapper > .inbox-tabs-actions {
    grid-area: back;
    margin: 0;
    align-self: center;
  }
  .right-inbox-content .inbox-tabs-box {
    grid-area: tabs;
    width: 100%;
    max-width: 100%;
    height: 2.375rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .right-inbox-content .inbox-tabs-box .inbox-tab {
    flex: 1 0 auto;
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
  }
  .right-inbox-content .inbox-tabs-content-layout {
    grid-area: list;
    width: 100%;
    min-width: 0;
    min-height: auto;
    overflow: visible;
  }
  .right-inbox-content .inbox-mail-content-box {
    flex-direction: column;
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .inbox-mail-box:has(.inbox-empty-state) {
    display: none;
  }
}
.inbox-empty-state {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 1.5rem;
  min-height: 12.5rem;
}
.inbox-empty-state .inbox-empty-state-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 17.5rem;
}
.inbox-empty-state .inbox-empty-state-icon-wrap {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: rgba(58, 96, 96, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.inbox-empty-state .inbox-empty-state-icon {
  width: 2rem;
  height: 2rem;
  display: block;
  object-fit: contain;
}
.inbox-empty-state .inbox-empty-state-title {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1A1A1A;
  line-height: 1.2;
}
.inbox-empty-state .inbox-empty-state-message {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #767676;
  line-height: 1.5;
}
.inbox-notification-box {
  width: 35%;
  flex: 0 0 35%;
  max-width: 26.25rem;
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #FFFFFF;
  border-radius: 0.75rem;
  padding: 0;
  overflow: auto;
}
@media (max-width: 767.9px) {
  .inbox-notification-box {
    width: 100%;
    flex: 0 0 auto;
    max-width: 100%;
    height: 450px;
  }
}
.inbox-notification-box .notification-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #E8E8E8;
  flex-shrink: 0;
  background-color: #FFFFFF;
  position: sticky;
  top: 0;
  z-index: 1;
}
@media (max-width: 1199.9px) {
  .inbox-notification-box .notification-list-header {
    flex-wrap: wrap;
    gap: 0.625rem;
  }
}
.inbox-notification-box .notification-list-header-filters {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
@media (max-width: 1439.9px) {
  .inbox-notification-box .notification-list-header-filters {
    gap: 0.125rem;
  }
}
.inbox-notification-box .notification-filter-btn {
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.625rem;
  color: #767676;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  min-height: 30px;
  min-width: 50px;
}
.inbox-notification-box .notification-filter-btn.active {
  background-color: #183A3A;
  color: #FFFFFF;
}
.inbox-notification-box .notification-filter-btn.active .notification-filter-badge {
  background-color: #FFFFFF;
  color: #183A3A;
}
@media (max-width: 1599.9px) {
  .inbox-notification-box .notification-filter-btn {
    min-width: auto;
  }
}
@media (max-width: 1439.9px) {
  .inbox-notification-box .notification-filter-btn {
    padding: 0.25rem 0.5rem;
  }
}
.inbox-notification-box .notification-filter-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.125rem;
  border-radius: 3.125rem;
  background-color: #E8E8E8;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  color: #767676;
}
.inbox-notification-box .notification-mark-all-read {
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3125rem;
  letter-spacing: -0.15px;
  color: #183A3A;
  cursor: pointer;
  white-space: nowrap;
}
.inbox-notification-box .notification-mark-all-read svg {
  flex-shrink: 0;
  display: block;
}
@media (max-width: 1439.9px) {
  .inbox-notification-box .notification-mark-all-read svg {
    display: none;
  }
}
.inbox-notification-box .notification-mark-all-read:hover {
  opacity: 0.85;
}
.inbox-notification-box .notification-item {
  position: relative;
  display: block;
  width: 100%;
  padding: 1rem 1rem 1rem 1.25rem;
  border: none;
  border-bottom: 1px solid #E8E8E8;
  background-color: #FFFFFF;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.inbox-notification-box .notification-item:first-child {
  border-radius: 0.75rem 0.75rem 0 0;
}
.inbox-notification-box .notification-item:last-child {
  border-bottom: none;
}
.inbox-notification-box .notification-item:hover:not(.active) {
  background-color: #fafafa;
}
.inbox-notification-box .notification-item.active {
  background-color: #f9f9f9;
}
.inbox-notification-box .notification-item .notification-active-bar {
  position: absolute;
  left: 0;
  top: 1.375rem;
  bottom: 1.375rem;
  width: 0.25rem;
  height: calc(100% - 2.75rem);
  background-color: #183A3A;
  border-radius: 0 6.25rem 6.25rem 0;
}
.inbox-notification-box .notification-item .notification-item-inner {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.inbox-notification-box .notification-item .notification-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inbox-notification-box .notification-item .notification-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.inbox-notification-box .notification-item .notification-avatar {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #183A3A;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.inbox-notification-box .notification-item .notification-avatar img {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}
.inbox-notification-box .notification-item .notification-user-meta {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.inbox-notification-box .notification-item .notification-name {
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #1A1A1A;
}
.inbox-notification-box .notification-item .notification-section-label {
  align-self: center;
  margin-left: 0.5rem;
}
.inbox-notification-box .notification-item .notification-time {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: normal;
  color: #767676;
}
.inbox-notification-box .notification-item .notification-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inbox-notification-box .notification-item .notification-message {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  word-break: break-word;
}
.inbox-notification-box .notification-item .notification-meta {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.inbox-notification-box .notification-item .notification-meta-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 1.125rem;
}
.inbox-notification-box .notification-item .notification-meta-label {
  flex: 0 0 auto;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: normal;
  color: #767676;
  white-space: nowrap;
}
.inbox-notification-box .notification-item .notification-meta-value {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: normal;
  color: #1A1A1A;
  word-break: break-word;
}
.inbox-notification-box .notification-item .notification-meta-session {
  gap: 0.25rem;
}
.inbox-notification-box .notification-item .notification-meta-session .notification-meta-row {
  min-height: 1.125rem;
}
.inbox-notification-box .notification-item .notification-meta-session .notification-meta-icon {
  flex: 0 0 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
  display: block;
}
.inbox-notification-box .notification-item .notification-meta-session .notification-meta-text {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: normal;
  color: #767676;
  word-break: break-word;
}
.inbox-mail-box {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  background-color: #FFFFFF;
  border-radius: 0.75rem;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 767.9px) {
  .inbox-mail-box {
    width: 100%;
    flex: 1 1 100%;
  }
}
.inbox-mail-box .mail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.25rem;
  border-bottom: 1px solid #E8E8E8;
}
.inbox-mail-box .mail-header-inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex: 1 1 auto;
}
.inbox-mail-box .mail-header-avatar {
  flex: 0 0 2.8125rem;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 2rem;
  background-color: #183A3A;
  color: #FFFFFF;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.inbox-mail-box .mail-header-avatar.mail-header-avatar-icon img {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}
.inbox-mail-box .mail-header-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.inbox-mail-box .mail-header-name {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: normal;
  color: #1A1A1A;
}
.inbox-mail-box .mail-header-message {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  color: #767676;
  word-break: break-word;
}
.inbox-mail-box .mail-header-info {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}
.inbox-mail-box .mail-header-info .info-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  border: 1px solid #C7493A;
  border-radius: 6.25rem;
  background-color: rgba(199, 73, 58, 0.1);
  color: #C7493A;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}
.inbox-mail-box .mail-content-wrapper {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.inbox-mail-box .common-title {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  font-weight: 500;
  color: #1A1A1A;
}
.inbox-mail-box .mail-content {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.9px) {
  .inbox-mail-box .mail-content {
    max-height: none;
  }
}
.inbox-mail-box .mail-inbox-select-box {
  width: 100%;
  margin-bottom: 1.25rem;
}
.inbox-mail-box .mail-inbox-select-box .form-label {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  color: #2D2D2D;
  line-height: normal;
}
.inbox-mail-box .mail-inbox-select-box .form-label .required {
  color: #E46C5E;
  margin-left: 0.125rem;
}
.inbox-mail-box .mail-inbox-select-box .p-select,
.inbox-mail-box .mail-inbox-select-box .p-multiselect,
.inbox-mail-box .mail-inbox-select-box .form-select,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg {
  width: 100% !important;
  min-height: 3rem !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  border: 1px solid #DADADA !important;
  border-radius: 0.625rem !important;
  background-color: #F8F8F8 !important;
  overflow: hidden;
}
.inbox-mail-box .mail-inbox-select-box .p-select .p-select-label,
.inbox-mail-box .mail-inbox-select-box .p-select .p-multiselect-label,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-select-label,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-multiselect-label,
.inbox-mail-box .mail-inbox-select-box .form-select .p-select-label,
.inbox-mail-box .mail-inbox-select-box .form-select .p-multiselect-label,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-select-label,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-multiselect-label {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto;
  min-width: 0;
  height: 100% !important;
  padding: 0 1.125rem !important;
  margin: 0 !important;
  line-height: normal !important;
  font-size: 1rem !important;
  font-weight: 400;
  color: #1A1A1A !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-mail-box .mail-inbox-select-box .p-select .p-select-label.p-placeholder,
.inbox-mail-box .mail-inbox-select-box .p-select .p-multiselect-label.p-placeholder,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-select-label.p-placeholder,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-multiselect-label.p-placeholder,
.inbox-mail-box .mail-inbox-select-box .form-select .p-select-label.p-placeholder,
.inbox-mail-box .mail-inbox-select-box .form-select .p-multiselect-label.p-placeholder,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-select-label.p-placeholder,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-multiselect-label.p-placeholder {
  color: #767676 !important;
}
.inbox-mail-box .mail-inbox-select-box .p-select .p-select-dropdown,
.inbox-mail-box .mail-inbox-select-box .p-select .p-multiselect-dropdown,
.inbox-mail-box .mail-inbox-select-box .p-select .p-multiselect-trigger,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-select-dropdown,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-multiselect-dropdown,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-multiselect-trigger,
.inbox-mail-box .mail-inbox-select-box .form-select .p-select-dropdown,
.inbox-mail-box .mail-inbox-select-box .form-select .p-multiselect-dropdown,
.inbox-mail-box .mail-inbox-select-box .form-select .p-multiselect-trigger,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-select-dropdown,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-multiselect-dropdown,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-multiselect-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  height: 100% !important;
  color: #767676;
}
.inbox-mail-box .mail-inbox-select-box .p-select .p-multiselect-label-container,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-multiselect-label-container,
.inbox-mail-box .mail-inbox-select-box .form-select .p-multiselect-label-container,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-multiselect-label-container {
  flex: 1 1 auto;
  min-width: 0;
}
.inbox-mail-box .mail-inbox-select-box .p-select .p-multiselect-chip,
.inbox-mail-box .mail-inbox-select-box .p-select .p-chip,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-multiselect-chip,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-chip,
.inbox-mail-box .mail-inbox-select-box .form-select .p-multiselect-chip,
.inbox-mail-box .mail-inbox-select-box .form-select .p-chip,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-multiselect-chip,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-chip {
  background-color: #183A3A;
  color: #FFFFFF;
  border: none;
  padding: 0.25rem 0.625rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-right: 0.375rem;
  margin-bottom: 0.25rem;
}
.inbox-mail-box .mail-inbox-select-box .p-select .p-multiselect-chip .p-chip-label,
.inbox-mail-box .mail-inbox-select-box .p-select .p-chip .p-chip-label,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-multiselect-chip .p-chip-label,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-chip .p-chip-label,
.inbox-mail-box .mail-inbox-select-box .form-select .p-multiselect-chip .p-chip-label,
.inbox-mail-box .mail-inbox-select-box .form-select .p-chip .p-chip-label,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-multiselect-chip .p-chip-label,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-chip .p-chip-label {
  color: #FFFFFF;
}
.inbox-mail-box .mail-inbox-select-box .p-select .p-multiselect-chip .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .p-select .p-chip .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-multiselect-chip .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .p-multiselect .p-chip .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .form-select .p-multiselect-chip .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .form-select .p-chip .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-multiselect-chip .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg .p-chip .p-chip-remove-icon {
  color: #FFFFFF;
}
.inbox-mail-box .mail-inbox-select-box .p-select.is-readonly .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .p-select.is-readonly .p-multiselect-chip-icon,
.inbox-mail-box .mail-inbox-select-box .p-multiselect.is-readonly .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .p-multiselect.is-readonly .p-multiselect-chip-icon,
.inbox-mail-box .mail-inbox-select-box .form-select.is-readonly .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .form-select.is-readonly .p-multiselect-chip-icon,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg.is-readonly .p-chip-remove-icon,
.inbox-mail-box .mail-inbox-select-box .form-select.form-control-bg.is-readonly .p-multiselect-chip-icon {
  pointer-events: none;
  display: none;
}
.inbox-mail-box .mail-footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1.25rem;
  gap: 0.625rem;
  border-top: 1px solid #E8E8E8;
}
.inbox-mail-box .mail-footer .btn {
  min-width: 8.125rem;
  height: auto;
  padding: 0.75rem 1rem;
  border-radius: 0.625rem;
  font-size: 1rem;
  line-height: normal;
}
.inbox-mail-box .status-detail .status-title {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  font-weight: 500;
  color: #1A1A1A;
}
.inbox-mail-box .response-status-label {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
}
.inbox-mail-box .response-status-label--success {
  background-color: #EBF7F5;
  color: #23752B;
}
.inbox-mail-box .response-status-label--danger {
  background-color: #FDD6D2;
  color: #C7493A;
}
.inbox-mail-box .info-common-box {
  width: 100%;
  background-color: #F8F8F8;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.25rem;
}
.inbox-mail-box .info-common-box.is-current-user {
  background-color: #EFF5F5;
}
.inbox-mail-box .info-common-box.mb-0 {
  margin-bottom: 0;
}
.inbox-mail-box .comment-message-box-title {
  margin: 0 0 0.375rem 0;
  font-size: 1rem;
  font-weight: 500;
  color: #1A1A1A;
}
.inbox-mail-box .comment-message-box p {
  color: #000000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  white-space: pre-line;
}
.inbox-mail-box .document-link-box {
  display: flex;
  align-items: center;
}
.inbox-mail-box .document-link-box .onboarding-link {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  text-decoration: none;
  min-width: 0;
}
.inbox-mail-box .document-link-box .onboarding-link .link-icon {
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.inbox-mail-box .document-link-box .onboarding-link .link-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.inbox-mail-box .document-link-box .onboarding-link .link-text {
  color: #3B82F6;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: normal;
  word-break: break-word;
  transition: 0.3s ease-in-out;
}
.inbox-mail-box .document-link-box .onboarding-link:hover .link-text {
  color: #3C78D9;
}
.inbox-mail-box .document-download-box {
  display: flex;
  align-items: center;
}
.inbox-mail-box .document-download-box .onboarding-link {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  min-width: 0;
}
.inbox-mail-box .document-download-box .onboarding-link .link-icon {
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.inbox-mail-box .document-download-box .onboarding-link .link-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.inbox-mail-box .document-download-box .onboarding-link .link-text {
  flex: 1;
  min-width: 0;
  color: #000000;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: normal;
  word-break: break-word;
  transition: 0.3s ease-in-out;
}
.inbox-mail-box .document-download-box .onboarding-link:hover .link-text {
  color: #3C78D9;
}
.inbox-mail-box .note-textarea {
  height: 6.25rem;
  max-height: 6.25rem;
  resize: none;
  background-color: #FFFFFF;
}
.inbox-mail-box .note-textarea.is-invalid {
  border-color: #E46C5E;
}
.inbox-mail-box .note-error-message {
  font-size: 0.875rem;
  color: #E46C5E;
  font-weight: 500;
  margin-top: 0.25rem;
  display: block;
}
@media (max-width: 1439.9px) {
  .inbox-mail-box .note-error-message {
    font-size: 0.75rem;
  }
}
.inbox-mail-box .onboarding-acceptance-list {
  display: flex;
  gap: 1rem;
  width: 100%;
  margin-bottom: 1.25rem;
}
@media (max-width: 767.9px) {
  .inbox-mail-box .onboarding-acceptance-list {
    flex-direction: column;
  }
}
.inbox-mail-box .onboarding-acceptance-list .onboarding-acceptance-item {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid #183A3A;
  border-radius: 0.75rem;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.inbox-mail-box .onboarding-acceptance-list .onboarding-acceptance-checkbox {
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #183A3A;
  border-radius: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.inbox-mail-box .onboarding-acceptance-list .onboarding-acceptance-checkbox.is-checked {
  background-color: #183A3A;
}
.inbox-mail-box .onboarding-acceptance-list .onboarding-acceptance-checkbox img {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  object-fit: contain;
}
.inbox-mail-box .onboarding-acceptance-list .onboarding-acceptance-label {
  color: #000000;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  word-break: break-word;
}
.inbox-mail-box .onboarding-consent {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-bottom: 1rem;
}
.inbox-mail-box .onboarding-consent .onboarding-acceptance-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid #183A3A;
  border-radius: 0.75rem;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.inbox-mail-box .onboarding-consent .onboarding-acceptance-checkbox {
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #183A3A;
  border-radius: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.inbox-mail-box .onboarding-consent .onboarding-acceptance-checkbox.is-checked {
  background-color: #183A3A;
}
.inbox-mail-box .onboarding-consent .onboarding-acceptance-checkbox img {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  object-fit: contain;
}
.inbox-mail-box .onboarding-consent .onboarding-acceptance-label {
  color: #000000;
  font-size: 1rem;
  font-weight: 400;
}
.inbox-mail-box .onboarding-consent-signature {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.inbox-mail-box .onboarding-consent-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #161616;
}
.inbox-mail-box .onboarding-consent-label .required {
  color: #E46C5E;
}
.inbox-mail-box .onboarding-consent-details {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.inbox-mail-box .onboarding-consent-detail-row {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.875rem;
}
.inbox-mail-box .onboarding-consent-detail-label {
  color: #767676;
}
.inbox-mail-box .onboarding-consent-detail-value {
  color: #161616;
  font-weight: 500;
  text-align: right;
}
.inbox-mail-box .common-radio-section .common-radio-options {
  display: flex;
  gap: 1rem;
  width: 100%;
}
@media (max-width: 767.9px) {
  .inbox-mail-box .common-radio-section .common-radio-options {
    flex-direction: column;
  }
}
.inbox-mail-box .common-radio-section .common-radio-option {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid #E8E8E8;
  border-radius: 0.75rem;
  background-color: #FFFFFF;
  cursor: pointer;
  text-align: left;
}
.inbox-mail-box .common-radio-section .common-radio-option.is-selected {
  border-color: #183A3A;
}
.inbox-mail-box .common-radio-section .common-radio-option.is-selected .common-radio-option-label {
  color: #1A1A1A;
}
.inbox-mail-box .common-radio-section .common-radio-option .common-radio-option-label {
  margin: 0;
  color: #767676;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.inbox-mail-box .onboarding-upload {
  margin-bottom: 1.25rem;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 3.125rem;
  padding: 0.5rem 0.5rem 0.5rem 1.125rem;
  border: 1px dashed #BABABA;
  border-radius: 0.625rem;
  background-color: #F8F8F8;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-area.is-dragover,
.inbox-mail-box .onboarding-upload .onboarding-upload-area:hover {
  border-color: #183A3A;
  background-color: rgba(24, 58, 58, 0.02);
}
.inbox-mail-box .onboarding-upload .onboarding-upload-area .onboarding-upload-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-area .onboarding-upload-placeholder {
  flex: 1;
  min-width: 0;
  font-size: 1rem;
  color: #8D8D8D;
  pointer-events: none;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-area .onboarding-upload-browse {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  height: 2.125rem;
  padding: 0.4375rem 1.125rem;
  border: 1px solid #BABABA;
  border-radius: 0.375rem;
  background-color: #E8E8E8;
  font-size: 1rem;
  font-weight: 600;
  color: #1A1A1A;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-area .onboarding-upload-browse:hover {
  border-color: #183A3A;
  color: #183A3A;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-file {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: #EFF5F5;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-file .onboarding-upload-file-icon {
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-file .onboarding-upload-file-meta {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-file .onboarding-upload-file-meta .onboarding-upload-file-name {
  font-size: 1rem;
  color: #1A1A1A;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-file .onboarding-upload-file-meta .onboarding-upload-file-size {
  font-size: 0.75rem;
  color: #767676;
  white-space: nowrap;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-file .onboarding-upload-file-remove {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-file .onboarding-upload-file-remove img {
  width: 1.25rem;
  height: 1.25rem;
}
.inbox-mail-box .onboarding-upload .onboarding-upload-file .onboarding-upload-file-remove:hover {
  background-color: rgba(24, 58, 58, 0.1);
}
.inbox-mail-box .instruction-history-box {
  margin-bottom: 0.625rem;
}
.inbox-mail-box .instruction-history-box .history-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.inbox-mail-box .instruction-history-box .history-name-text {
  font-size: 0.875rem;
  font-weight: 500;
  color: #767676;
}
.inbox-mail-box .instruction-history-box .history-date-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #767676;
}
.inbox-mail-box .instruction-history-box .info-common-box {
  margin-bottom: 0.625rem;
}
.common-message-box {
  width: 100%;
  border-radius: 0.75rem;
  padding: 1rem 0.75rem;
  margin-bottom: 1.25rem;
}
.common-message-box .common-message-box-inner {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
}
.common-message-box .common-message-box-icon {
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.common-message-box .common-message-box-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.common-message-box .common-message-box-text {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  word-break: break-word;
}
.common-message-box.error-message {
  background-color: #FDD6D2;
  border: 1px solid #DA2F4A;
}
.common-message-box.error-message .common-message-box-text {
  color: #DA2F4A;
}
.common-message-box.success-message {
  background-color: #EBF7F5;
  border: 1px solid #158957;
}
.common-message-box.success-message .common-message-box-text {
  color: #158957;
}
.common-message-box.warning-message {
  background-color: #FFF8EB;
  border: 1px solid #9B7801;
}
.common-message-box.warning-message .common-message-box-text {
  color: #9B7801;
}
.information-detail {
  margin-bottom: 1.25rem;
}
.information-detail .information-detail-card {
  width: 100%;
}
.information-detail .information-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
}
@media (max-width: 767.9px) {
  .information-detail .information-detail-grid {
    grid-template-columns: 1fr;
  }
}
.information-detail .information-detail-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-width: 0;
}
.information-detail .information-detail-item .information-detail-icon {
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 0.375rem;
  overflow: hidden;
}
.information-detail .information-detail-item .information-detail-icon img {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  object-fit: contain;
}
.information-detail .information-detail-item .information-detail-meta {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  min-width: 0;
}
.information-detail .information-detail-item .information-detail-meta .information-detail-label {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  color: #767676;
}
.information-detail .information-detail-item .information-detail-meta .information-detail-value {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  color: #1A1A1A;
  word-break: break-word;
}
.information-detail .information-detail-item .information-detail-meta .information-detail-link {
  color: #3B82F6;
  text-decoration: none;
}
.feedback-form-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  counter-reset: feedback-question;
}
.feedback-form-section .feedback-form-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #E8E8E8;
  border-radius: 0.5rem;
  background-color: #FFFFFF;
}
.feedback-form-section .feedback-form-question {
  margin: 0;
  color: #2D2D2D;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  word-break: break-word;
}
.feedback-form-section .feedback-form-question::before {
  counter-increment: feedback-question;
  content: counter(feedback-question) ". ";
}
.feedback-form-section .feedback-form-input,
.feedback-form-section .feedback-form-textarea {
  width: 100%;
  min-height: 3rem;
  border: none;
  border-radius: 0;
  background-color: #FFFFFF;
  padding: 0rem;
  color: #1A1A1A;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.feedback-form-section .feedback-form-input::placeholder,
.feedback-form-section .feedback-form-textarea::placeholder {
  color: #767676;
}
.feedback-form-section .feedback-form-input:focus,
.feedback-form-section .feedback-form-textarea:focus {
  box-shadow: none;
  outline: none;
}
.feedback-form-section .feedback-form-input:read-only,
.feedback-form-section .feedback-form-input:disabled,
.feedback-form-section .feedback-form-textarea:read-only,
.feedback-form-section .feedback-form-textarea:disabled {
  background-color: #FFFFFF;
}
.feedback-form-section .feedback-form-textarea {
  min-height: 6rem;
  resize: none;
}
.feedback-form-section .feedback-form-rating {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}
.feedback-form-section .feedback-form-stars {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.feedback-form-section .feedback-form-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.feedback-form-section .feedback-form-star img {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}
.feedback-form-section .feedback-form-rating-hint {
  color: #8D8D8D;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: normal;
  text-align: right;
  white-space: nowrap;
}
.feedback-form-section .feedback-form-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}
.feedback-form-section .feedback-form-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.feedback-form-section .feedback-form-option-label {
  margin: 0;
  color: #1A1A1A;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.feedback-form-section .feedback-form-select,
.feedback-form-section .feedback-form-select.p-select {
  width: 100%;
  min-height: 3rem;
  border: none;
  border-radius: 0.75rem;
  background-color: #F8F8F8;
}
.feedback-form-section .feedback-form-select .p-select-label,
.feedback-form-section .feedback-form-select.p-select .p-select-label {
  padding: 0.875rem 1rem;
  color: #1A1A1A;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.feedback-form-section .feedback-form-select .p-select-label.p-placeholder,
.feedback-form-section .feedback-form-select.p-select .p-select-label.p-placeholder {
  color: #767676;
}
.feedback-form-section .feedback-form-select .p-select-dropdown,
.feedback-form-section .feedback-form-select.p-select .p-select-dropdown {
  width: 2.5rem;
  color: #767676;
}
@media (max-width: 767.9px) {
  .feedback-form-section .feedback-form-rating {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
  }
  .feedback-form-section .feedback-form-options {
    padding-left: 0;
  }
  .feedback-form-section .feedback-form-rating-hint {
    white-space: normal;
    text-align: left;
  }
}
.p-multiselect-overlay.student-attendance-readonly-panel .p-multiselect-option,
.p-multiselect-overlay.student-attendance-readonly-panel .p-checkbox {
  pointer-events: none;
  cursor: default;
}
.p-multiselect-overlay.student-attendance-readonly-panel .p-multiselect-header {
  pointer-events: auto;
}
.p-multiselect-overlay.student-attendance-readonly-panel .p-multiselect-header .p-checkbox,
.p-multiselect-overlay.student-attendance-readonly-panel .p-multiselect-header .p-multiselect-close {
  pointer-events: none;
}
.p-multiselect-overlay.student-attendance-readonly-panel .p-multiselect-header .p-multiselect-filter,
.p-multiselect-overlay.student-attendance-readonly-panel .p-multiselect-header .p-inputtext,
.p-multiselect-overlay.student-attendance-readonly-panel .p-multiselect-header input {
  pointer-events: auto;
  cursor: text;
}
@media (max-width: 1023.9px) {
  .inbox-notification-box {
    width: 100%;
    flex: 0 0 auto;
    max-width: 100%;
    height: auto;
    max-height: none;
  }
  .inbox-mail-box {
    scroll-margin-top: 0.75rem;
    flex: 0 0 auto;
    height: auto;
    overflow: visible;
  }
  .inbox-mail-box .mail-content-wrapper,
  .inbox-mail-box .mail-content {
    flex: 0 0 auto;
    min-height: auto;
    height: auto;
    overflow: visible;
  }
  .mail-template {
    flex: 0 0 auto;
    min-height: 0;
    height: auto;
  }
}
.leaderboard {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  min-height: 0;
  overflow: hidden;
  color: #FFFFFF;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.leaderboard--csa {
  --lb-slide-rows: 3;
  --lb-stat-rows: 1;
}
.leaderboard--cse {
  --lb-slide-rows: 2;
  --lb-stat-rows: 2;
}
.leaderboard__content {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 0.9375rem 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.leaderboard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  min-height: 3.75rem;
  flex-shrink: 0;
}
.leaderboard__title-block {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  min-width: 0;
  flex: 1;
}
.leaderboard__title {
  margin: 0;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 3.125rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.leaderboard__logo {
  width: 18.125rem;
  height: auto;
  flex-shrink: 0;
}
.leaderboard__header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
  position: relative;
  z-index: 1061;
}
.leaderboard__filter-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(0.75rem);
  backdrop-filter: blur(0.75rem);
  cursor: pointer;
  opacity: 0.5;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    filter 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
.leaderboard__filter-dot:hover,
.leaderboard__filter-dot:focus-visible {
  opacity: 0.82;
  transform: scale(1.04);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 0.5rem 1.125rem rgba(0, 0, 0, 0.14);
}
.leaderboard__filter-dot.active .leaderboard__filter-dot-ring {
  border-color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.08);
}
.leaderboard__filter-dot.active {
  opacity: 0.96;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.26);
}
.leaderboard__filter-dot--applied .leaderboard__filter-dot-core {
  background: #3ddc84;
  box-shadow: 0 0 0.5rem rgba(61, 220, 132, 0.45);
}
.leaderboard__filter-dot-ring {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.02);
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}
.leaderboard__filter-dot-core {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.leaderboard__filter-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1059;
  background: transparent;
  cursor: default;
}
.leaderboard__filter-layer {
  position: absolute;
  top: 4.5rem;
  right: calc(18.125rem + 0.75rem);
  width: min(22.5rem, 100vw - 6.25rem);
  z-index: 1060;
}
.leaderboard__slider {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.leaderboard__slider-wrap {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.leaderboard__nav-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(0.75rem);
  backdrop-filter: blur(0.75rem);
  cursor: pointer;
  opacity: 0.5;
  transform: translateY(-50%);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
.leaderboard__nav-arrow:hover,
.leaderboard__nav-arrow:focus-visible {
  opacity: 0.82;
  transform: translateY(-50%) scale(1.04);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 0.5rem 1.125rem rgba(0, 0, 0, 0.14);
}
.leaderboard__nav-arrow--prev {
  left: -0.625rem;
}
.leaderboard__nav-arrow--next {
  right: -0.625rem;
}
.leaderboard__nav-arrow-icon {
  width: 0.875rem;
  height: 0.875rem;
  object-fit: contain;
  opacity: 0.7;
  pointer-events: none;
}
.leaderboard__nav-arrow-icon--next {
  transform: scaleX(-1);
}
.leaderboard__slider-track {
  display: flex;
  flex: 1;
  min-height: 0;
  height: 100%;
  width: 100%;
  align-items: stretch;
  transition: transform 0.6s ease;
}
.leaderboard__slider-track--no-transition {
  transition: none;
}
.leaderboard__slide {
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  min-width: 100%;
  height: 100%;
  min-height: 0;
}
.leaderboard__grid {
  display: grid;
  flex: 1;
  min-height: 0;
  height: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(var(--lb-slide-rows, 3), minmax(0, 1fr));
  gap: 1.25rem;
}
.leaderboard__team-leads {
  flex-shrink: 0;
  overflow: hidden;
  width: 100%;
}
.leaderboard__team-leads-track {
  display: flex;
  width: 100%;
  transition: transform 0.6s ease;
}
.leaderboard__team-leads-track--no-transition {
  transition: none;
}
.leaderboard__team-leads-slide {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  flex: 0 0 100%;
  min-width: 100%;
}
.leaderboard__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 100%;
  min-height: 0;
  padding: 1.25rem;
  border: 2px solid transparent;
  border-radius: 20px;
  overflow: hidden;
  min-width: 0;
}
.leaderboard__card--gold {
  background: rgba(200, 155, 0, 0.2);
  border-color: rgba(200, 155, 0, 0.7);
}
.leaderboard__card--green {
  background: rgba(0, 200, 83, 0.2);
  border-color: rgba(0, 200, 83, 0.7);
}
.leaderboard__card--yellow {
  background: rgba(255, 235, 59, 0.2);
  border-color: rgba(255, 235, 59, 0.7);
}
.leaderboard__card--orange {
  background: rgba(203, 108, 9, 0.2);
  border-color: rgba(203, 108, 9, 0.7);
}
.leaderboard__card--red {
  background: rgba(229, 57, 53, 0.2);
  border-color: rgba(229, 57, 53, 0.7);
}
.leaderboard__card--team-lead .leaderboard__card-top {
  align-items: center;
}
.leaderboard__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-shrink: 0;
}
.leaderboard__profile {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  min-width: 0;
  flex: 1;
}
.leaderboard__avatar {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.leaderboard__crown-watermark {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 21.875rem;
  height: auto;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}
.leaderboard__name {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2.25rem;
  color: #FFFFFF;
}
.leaderboard__subtitle {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: rgba(255, 255, 255, 0.8);
}
.leaderboard__score {
  position: relative;
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}
.leaderboard__score[data-tier=gold] .leaderboard__score-ring-fill {
  stroke: #c89b00;
}
.leaderboard__score[data-tier=green] .leaderboard__score-ring-fill {
  stroke: #00c853;
}
.leaderboard__score[data-tier=yellow] .leaderboard__score-ring-fill {
  stroke: #ffeb3b;
}
.leaderboard__score[data-tier=orange] .leaderboard__score-ring-fill {
  stroke: #ff8c00;
}
.leaderboard__score[data-tier=red] .leaderboard__score-ring-fill {
  stroke: #e53935;
}
.leaderboard__score--over-hundred .leaderboard__score-ring-fill--overflow {
  filter: drop-shadow(0 0.0625rem 0.0625rem black);
}
.leaderboard__score-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.leaderboard__score-ring-bg,
.leaderboard__score-ring-fill {
  fill: none;
  stroke-width: 6;
}
.leaderboard__score-ring-bg {
  stroke: rgba(255, 255, 255, 0.15);
}
.leaderboard__score-ring-fill {
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease;
}
.leaderboard__score-ring-fill--base {
  transition: none;
}
.leaderboard__score-ring-fill--overflow {
  transition: stroke-dasharray 0.3s ease;
}
.leaderboard__score-value {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFFFFF;
  line-height: 1;
}
.leaderboard__score-number {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.125rem;
}
.leaderboard__score-symbol {
  font-size: 1rem;
  font-weight: 700;
  line-height: 0.9;
}
.leaderboard__stats {
  display: grid;
  flex: 1;
  min-height: 0;
  align-content: stretch;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(var(--lb-stat-rows, 1), minmax(0, 1fr));
  gap: 1.25rem;
}
.leaderboard__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: 100%;
  min-height: 0;
  padding: clamp(0.625rem, 1.4vh, 1.25rem);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  min-width: 0;
  text-align: center;
}
.leaderboard__stat-value {
  margin: 0;
  font-size: clamp(1rem, 2.2vh, 1.5625rem);
  font-weight: 800;
  line-height: 1.2;
  color: #FFFFFF;
  white-space: nowrap;
}
.leaderboard__stat-label {
  margin: 0;
  font-size: clamp(0.75rem, 1.6vh, 1.125rem);
  font-weight: 700;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}
.leaderboard__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.625rem;
  padding: 0.625rem 1.25rem;
  border-radius: 6.25rem;
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}
.leaderboard__legend-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.leaderboard__legend-crown {
  width: 3.1875rem;
  height: 2rem;
  object-fit: contain;
}
.leaderboard__legend-dot {
  width: 2rem;
  height: 2rem;
  border-radius: 3.125rem;
  flex-shrink: 0;
}
.leaderboard__legend-dot[data-tier=green] {
  background: #00c853;
}
.leaderboard__legend-dot[data-tier=yellow] {
  background: #ffd600;
}
.leaderboard__legend-dot[data-tier=orange] {
  background: #ff8c00;
}
.leaderboard__legend-dot[data-tier=red] {
  background: #e53935;
}
.leaderboard__legend-label {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.625rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.leaderboard__state {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
.leaderboard__state-message {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.125rem;
  color: #FFFFFF;
}
.leaderboard__state-hint {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: rgba(255, 255, 255, 0.8);
}
.leaderboard__retry-btn {
  border: 0.125rem solid #FFFFFF;
  border-radius: 0.5rem;
  background: transparent;
  color: #FFFFFF;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.375rem;
  padding: 0.625rem 1.5rem;
  cursor: pointer;
}
.leaderboard__retry-btn:hover {
  background: rgba(255, 255, 255, 0.12);
}
html.leaderboard-view,
body.leaderboard-view {
  height: 100%;
  overflow: hidden;
}
app-csa-leaderboard,
app-cse-leaderboard {
  display: block;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}
.leaderboard-filter-select-panel.p-select-overlay {
  z-index: 1085 !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 0.875rem;
  overflow: hidden;
  background: rgba(38, 16, 34, 0.96);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  box-shadow: 0 1.125rem 2.5rem rgba(0, 0, 0, 0.4), 0 0.375rem 1.125rem rgba(0, 0, 0, 0.2);
}
.leaderboard-filter-select-panel.p-select-overlay .p-select-header {
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.leaderboard-filter-select-panel.p-select-overlay .p-select-filter {
  min-height: 2.625rem;
  border-radius: 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
}
.leaderboard-filter-select-panel.p-select-overlay .p-select-list-container {
  padding: 0.375rem;
}
.leaderboard-filter-select-panel.p-select-overlay .p-select-option {
  margin: 0.125rem 0;
  border-radius: 0.625rem;
  color: rgba(255, 255, 255, 0.92);
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.leaderboard-filter-select-panel.p-select-overlay .p-select-option.p-select-option-selected,
.leaderboard-filter-select-panel.p-select-overlay .p-select-option.p-focus {
  background: rgba(255, 255, 255, 0.14);
  color: #FFFFFF;
}
::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #DCDCDC;
  border-radius: 0.75rem;
}
::-webkit-scrollbar {
  width: 0.4375rem;
  height: 0.4375rem;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(24, 58, 58, 0.3);
  border-radius: 0.75rem;
}
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
  overflow: hidden;
  animation: cal-slide-down 150ms ease-in;
}
.cal-month-view .cal-open-day-events.cal-open-day-events-closing {
  animation: cal-slide-up 150ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events.cal-open-day-events-closing {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events {
    animation: none;
  }
}
@keyframes cal-slide-down {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@keyframes cal-slide-up {
  from {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: rgb(224.25, 224.25, 224.25) !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: "\a0";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}
input.ng-invalid.ng-touched,
textarea.ng-invalid.ng-touched,
select.ng-invalid.ng-touched {
  border-color: #DA2F4A;
}
.p-inputtext.ng-invalid.ng-touched {
  border-color: #DA2F4A;
}
.p-datepicker.form-control-error .p-inputtext {
  border-color: #DA2F4A;
}
.p-select.ng-invalid.ng-touched,
.p-select.ng-invalid.ng-dirty {
  border-color: #DA2F4A;
}
.p-select.ng-invalid.ng-touched .p-select-label,
.p-select.ng-invalid.ng-dirty .p-select-label {
  border-color: #DA2F4A;
}
.p-datepicker.ng-invalid.ng-touched .p-inputtext {
  border-color: #DA2F4A;
}
.p-multiselect.ng-invalid.ng-touched,
.p-multiselect.ng-invalid.ng-dirty {
  border-color: #DA2F4A;
}
.p-select.dropdown-no-arrow .p-select-dropdown {
  display: none !important;
}
.p-toast {
  z-index: 999999 !important;
}
@media (max-width: 1023.9px) {
  .p-toast {
    top: 88px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
  }
  .p-toast .p-toast-message {
    width: 100%;
    margin: 0 0 8px;
  }
  .p-select-overlay.student-portal-overlay,
  .p-multiselect-overlay.student-portal-overlay {
    max-width: calc(100vw - 24px) !important;
    max-height: min(220px, 40dvh) !important;
    overflow: hidden;
    box-sizing: border-box;
  }
  .student-portal-overlay .p-select-list-container,
  .student-portal-overlay .p-select-list,
  .student-portal-overlay .p-multiselect-list-container,
  .student-portal-overlay .p-multiselect-items-wrapper {
    max-height: min(156px, 28dvh) !important;
    overflow-y: auto;
  }
  .p-datepicker-panel.student-portal-overlay,
  .p-datepicker-panel.compact-datepicker-panel {
    max-width: calc(100vw - 24px) !important;
    width: min(20.5rem, 100vw - 24px) !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 575.9px) {
  .p-toast {
    top: 68px !important;
  }
}
.whatsapp-country-panel .whatsapp-country-option {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
.whatsapp-country-panel .whatsapp-country-option .fi {
  width: 20px;
  height: 15px;
  flex-shrink: 0;
  background-size: cover;
  border-radius: 2px;
}
.whatsapp-country-panel .whatsapp-country-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whatsapp-country-panel .whatsapp-country-dial {
  flex-shrink: 0;
  margin-left: 8px;
  color: #1A1A1A;
}
.p-dialog-mask.crm-dialog-mask {
  background-color: rgba(22, 22, 22, 0.45) !important;
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-7N4H7RSC.css.map */