@charset "UTF-8";
.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;
}
.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: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px #00000080;
}
.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,
.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: 700;
  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 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: 400;
  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;
} /*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}
@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*="Out"] {
    opacity: 0;
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  0%,
  to {
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  0%,
  to {
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translate(0);
  }
  6.5% {
    transform: translate(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translate(5px) rotateY(7deg);
  }
  31.5% {
    transform: translate(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translate(2px) rotateY(3deg);
  }
  50% {
    transform: translate(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.animate__tada {
  animation-name: tada;
}
@keyframes wobble {
  0% {
    transform: translateZ(0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  0%,
  11.1%,
  to {
    transform: translateZ(0);
  }
  22.2% {
    transform: skew(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skew(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skew(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skew(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skew(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skew(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skew(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translate(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translate(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: translate(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: translate(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}
@keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedInRight {
  0% {
    transform: translate3d(100%, 0, 0) skew(-30deg);
    opacity: 0;
  }
  60% {
    transform: skew(20deg);
    opacity: 1;
  }
  80% {
    transform: skew(-5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  0% {
    transform: translate3d(-100%, 0, 0) skew(30deg);
    opacity: 0;
  }
  60% {
    transform: skew(-20deg);
    opacity: 1;
  }
  80% {
    transform: skew(5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skew(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0) skew(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  0% {
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  0% {
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  0% {
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  0% {
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate(60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}
@charset "UTF-8";
.anim-info {
  animation: animinfo 1s infinite linear;
  -webkit-animation: animinfo 1s infinite linear;
}
@keyframes animinfo {
  0% {
    box-shadow: 0 0 #ffffff40;
  }
  to {
    box-shadow: 0 0 0 5px #fff0;
  }
}
@keyframes animtip {
  0% {
    color: #ffff001a;
  }
  to {
    color: #ff0;
  }
}
@keyframes animkbd {
  0% {
    color: #5fa1fd1a;
  }
  to {
    color: #5fa1fd;
  }
}
@keyframes animappear {
  0% {
    visibility: 0;
  }
  to {
    visibility: 100;
  }
}
.recording-circle {
  animation: pulse-animation 1s infinite;
  border-radius: 50%;
}
.blink-btn {
  animation: pulse-animation 1s infinite;
}
.recording-pill {
  animation: pulse-animation 1s infinite;
  border-radius: 0.5rem;
  padding: 1px 0.5rem;
}
.pulse-border {
  animation: pulse-border-animation 1s infinite;
}
@keyframes pulse-border-animation {
  0% {
    border: 1px solid rgba(244, 3, 3, 0.1);
  }
  to {
    border: 1px solid rgba(244, 3, 3, 0.9);
  }
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 #ffffff80;
    color: #ffffe1e6;
  }
  to {
    box-shadow: 0 0 0 5px #fff0;
    color: #f40303e6;
  }
}
.grad-1 {
  animation: color 9s infinite linear;
}
@keyframes color {
  0% {
    background: #33cccc61;
  }
  20% {
    background: #33cc3670;
  }
  40% {
    background: #b8cc337d;
  }
  60% {
    background: #fcca007c;
  }
  80% {
    background: #33cc3676;
  }
  to {
    background: #3cc7;
  }
}
.grad-txt,
._popup-basic .o-header .o-title,
.popup-tip-panel .o-header .o-title,
.quick-edit-panel .o-header .o-title,
.popup-notif-panel .o-header .o-title,
.popup-info-panel .o-header .o-title,
.popup-fav-panel .o-header .o-title,
.popup-status-panel .o-header .o-title,
.popup-pro-list .o-header .o-title,
.popup-quickedit-pamel .o-header .o-title,
.popup-subitem-pamel .o-header .o-title,
.popup-note-pamel .o-header .o-title,
.popup-time-picker-ampm .o-header .o-title,
.popup-sidebar-notif .o-header .o-title,
.my-ticker .ticker-count,
h1.clean-grad {
  background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.grad-txt-1 {
  max-inline-size: 600px;
  background: #24223e;
  background: linear-gradient(
    80deg,
    #45c4f9 14.49%,
    #8920fecf 48.2%,
    #ff0be5 94.81%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.grad-amin {
  background: linear-gradient(
    -45deg,
    #ee765293,
    #e73c7e81,
    #23a5d57c,
    #23d5ab79
  );
  background-size: 400% 400%;
  animation: gradient 7s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
.diag-anim .bg {
  animation: slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #23a5d595 50%, #0099ff68 50%);
  opacity: 0.5;
  position: fixed;
  inset: 0 -50%;
  z-index: -1;
}
.diag-anim .bg2 {
  animation-direction: alternate-reverse;
  animation-duration: 4s;
}
.diag-anim .bg3 {
  animation-duration: 5s;
}
@keyframes slide {
  0% {
    transform: translate(-25%);
  }
  to {
    transform: translate(25%);
  }
}
.sk-folding-cube {
  margin: 20px;
  width: 40px;
  height: 40px;
  position: relative;
  transform: rotate(45deg);
}
.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #9f2ecc;
  animation: sk-fold-cube-angle 2.4s infinite linear both;
  transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  transform: scale(1.1) rotate(90deg);
}
.sk-folding-cube .sk-cube3 {
  transform: scale(1.1) rotate(180deg);
}
.sk-folding-cube .sk-cube4 {
  transform: scale(1.1) rotate(270deg);
}
.sk-folding-cube .sk-cube2:before {
  animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  animation-delay: 0.9s;
}
@keyframes sk-fold-cube-angle {
  0%,
  10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }
  90%,
  to {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.amin-wave {
  animation: waves 1s linear infinite;
}
@keyframes waves {
  0% {
    transform: scaleZ(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleZ(1);
  }
}
.anim-ripples {
  position: relative;
  border-radius: 50%;
}
.anim-ripples:before {
  position: absolute;
  border-radius: 50%;
  content: "";
  inset: -3px;
  animation: ripples 0.75s linear infinite;
  transition: 0.5s;
  transform: scale(0.5);
}
@keyframes ripples {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
  }
  to {
    transform: scale(1.6);
    opacity: 0;
  }
}
.anim-ripples-1 {
  position: relative;
  border-radius: 50%;
}
.anim-ripples-1:before {
  position: absolute;
  border-radius: 50%;
  content: "";
  inset: -3px;
  animation: ripples1 0.75s linear infinite;
  transition: 0.5s;
  transform: scale(0.5);
}
@keyframes ripples1 {
  to {
    box-shadow:
      0 0 0 16px #32af6433,
      0 0 0 32px #32af6433;
  }
}
.anim-ripples-2 {
  position: relative;
  border-radius: 50%;
}
.anim-ripples-2:before,
.anim-ripples-2:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border: 2px solid #32af64;
  border-radius: 50%;
}
.anim-ripples-2:before {
  animation: ripple2 1s linear infinite;
}
.anim-ripples-2:after {
  animation: ripple2 1s linear infinite;
}
@keyframes ripple2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
  }
  to {
    transform: scale(1.6);
    opacity: 0;
  }
}
.anim-rotate {
  animation: rotate 3s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
    opacity: 1;
  }
  to {
    transform: rotate(360deg);
    opacity: 0;
  }
}
.amin-ai,
.initials.ai {
  color: #fff;
  background: repeating-linear-gradient(
    45deg,
    #433878,
    #7e60bf,
    #e4b1f0,
    #7e60bf,
    #433878
  );
  background-repeat: repeat-x;
  background-size: 400% 100%;
  animation: color-progress 2s linear infinite;
  transition: 1s;
}
.amin-progress,
.progress-msg,
.grad-msg {
  color: #fff;
  border-radius: 1rem;
  padding: 0 0.25rem;
  background: repeating-linear-gradient(
    90deg,
    #f147f7,
    #5e2cf4,
    #1d976c,
    #5e2cf4,
    #f147f7
  );
  background-repeat: repeat-x;
  background-size: 400% 100%;
  animation: color-progress 2s linear infinite;
}
.amin-progress.green,
.green.progress-msg,
.green.grad-msg {
  background: repeating-linear-gradient(
    90deg,
    #1d976c,
    #035515,
    #034d11,
    #035515,
    #1d976c
  );
}
.amin-progress.red,
.red.progress-msg,
.red.grad-msg {
  background: repeating-linear-gradient(
    90deg,
    #d71b1b,
    #fb60e4,
    #fb9643,
    #fb60e4,
    #d71b1b
  );
}
@keyframes color-progress {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: -33% 50%;
  }
}
.amin-icon-container {
  width: 2em;
  overflow: clip;
  display: inline-block;
  border: 1px solid darkblue;
}
.amin-h {
  animation-name: AnimateMoveOutRight;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
.amin-r {
  animation-name: AnimateRotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
@keyframes AnimateMoveOutRight {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(2em);
  }
}
@keyframes AnimateRotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(180deg);
  }
}
._box,
.filled-box-cg,
.outline-box-cg,
.filled-box-dg,
.outline-box-dg,
.filled-box-lg,
.outline-box-lg,
.filled-box-w0,
.outline-box-w0,
.filled-box-b0,
.outline-box-b0,
.filled-box-c,
.outline-box-c,
.filled-box-o,
.outline-box-o,
.filled-box-v,
.outline-box-v,
.filled-box-y,
.outline-box-y,
.filled-box-b,
.outline-box-b,
.filled-box-g,
.outline-box-g,
.filled-box-r,
.outline-box-r,
.filled-box-hl,
.outline-box-hl,
.filled-box-p,
.outline-box-p {
  border-radius: 0.5rem;
}
._fvs,
.fvs-g7,
.fvs-g6,
.fvs-g5,
.fvs-g4,
.fvs-g3,
.fvs-g2,
.fvs-g1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
._fvc,
.fvc-g7,
.fvc-g6,
.fvc-g5,
.fvc-g4,
.fvc-g3,
.fvc-g2,
.fvc-g1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._fve,
.fve-g7,
.fve-g6,
.fve-g5,
.fve-g4,
.fve-g3,
.fve-g2,
.fve-g1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
._fcc,
.btn-more-optn,
.btn-with-icon-2-line .icon-wrapper,
.fcc-g7,
.fcc-g6,
.fcc-g5,
.fcc-g4,
.fcc-g3,
.fcc-g2,
.fcc-g1,
.count-and-progress .counts {
  display: flex;
  justify-content: center;
  align-items: center;
}
._fsc,
.task-container .task-group,
.fsc-g7,
.fsc-g6,
.fsc-g5,
.fsc-g4,
.fsc-g3,
.fsc-g2,
.fsc-g1,
.folder {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
._fec,
.fec-g7,
.fec-g6,
.fec-g5,
.fec-g4,
.fec-g3,
.fec-g2,
.fec-g1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
._fbc,
.exp-panel .exp-panel-grp,
.fbc-g7,
.fbc-g6,
.fbc-g5,
.fbc-g4,
.fbc-g3,
.fbc-g2,
.fbc-g1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.h0 {
  height: auto;
}
.w0 {
  width: auto;
}
.h100 {
  height: 100%;
}
.w100 {
  width: 100%;
}
.pos-r {
  position: relative;
}
.pos-a {
  position: absolute;
}
.pos-f {
  position: fixed;
}
.bt {
  border-top: 1px solid rgba(204, 204, 204, 0.1725490196);
  margin-top: 0.25rem;
  padding-top: 0.25rem;
}
.l-0 {
  left: 0;
}
.r-0 {
  right: 0;
}
.t-0 {
  top: 0;
}
.b-0 {
  bottom: 0;
}
.lt-0 {
  left: 0;
  top: 0;
}
.rt-0 {
  right: 0;
  top: 0;
}
.lb-0 {
  left: 0;
  bottom: 0;
}
.rb-0 {
  right: 0;
  bottom: 0;
}
.l-1 {
  left: 1px;
}
.r-1 {
  right: 1px;
}
.t-1 {
  top: 1px;
}
.b-1 {
  bottom: 1px;
}
.lt-1 {
  left: 1px;
  top: 1px;
}
.rt-1 {
  right: 1px;
  top: 1px;
}
.lb-1 {
  left: 1px;
  bottom: 1px;
}
.rb-1 {
  right: 1px;
  bottom: 1px;
}
.l-2 {
  left: 2px;
}
.r-2 {
  right: 2px;
}
.t-2 {
  top: 2px;
}
.b-2 {
  bottom: 2px;
}
.lt-2 {
  left: 2px;
  top: 2px;
}
.rt-2 {
  right: 2px;
  top: 2px;
}
.lb-2 {
  left: 2px;
  bottom: 2px;
}
.rb-2 {
  right: 2px;
  bottom: 2px;
}
.l-3 {
  left: 3px;
}
.r-3 {
  right: 3px;
}
.t-3 {
  top: 3px;
}
.b-3 {
  bottom: 3px;
}
.lt-3 {
  left: 3px;
  top: 3px;
}
.rt-3 {
  right: 3px;
  top: 3px;
}
.lb-3 {
  left: 3px;
  bottom: 3px;
}
.rb-3 {
  right: 3px;
  bottom: 3px;
}
.l-4 {
  left: 4px;
}
.r-4 {
  right: 4px;
}
.t-4 {
  top: 4px;
}
.b-4 {
  bottom: 4px;
}
.lt-4 {
  left: 4px;
  top: 4px;
}
.rt-4 {
  right: 4px;
  top: 4px;
}
.lb-4 {
  left: 4px;
  bottom: 4px;
}
.rb-4 {
  right: 4px;
  bottom: 4px;
}
.l-5 {
  left: 5px;
}
.r-5 {
  right: 5px;
}
.t-5 {
  top: 5px;
}
.b-5 {
  bottom: 5px;
}
.lt-5 {
  left: 5px;
  top: 5px;
}
.rt-5 {
  right: 5px;
  top: 5px;
}
.lb-5 {
  left: 5px;
  bottom: 5px;
}
.rb-5 {
  right: 5px;
  bottom: 5px;
}
.txt-micro {
  font-size: 0.5rem;
}
.fvs-g1,
.fvc-g1,
.fve-g1,
.fcc-g1,
.count-and-progress .counts {
  gap: 0.25rem;
}
.fsc-g1,
.folder {
  gap: 0.25rem;
  flex-wrap: wrap;
}
.fec-g1,
.fbc-g1 {
  gap: 0.25rem;
}
.wh1 {
  height: 0.25rem;
  width: 0.25rem;
}
.wr1 {
  width: 0.25rem;
}
.hr1 {
  height: 0.25rem;
}
.fvs-g2,
.fvc-g2,
.fve-g2,
.fcc-g2 {
  gap: 0.5rem;
}
.fsc-g2 {
  gap: 0.5rem;
  flex-wrap: wrap;
}
.fec-g2,
.fbc-g2 {
  gap: 0.5rem;
}
.wh2 {
  height: 0.5rem;
  width: 0.5rem;
}
.wr2 {
  width: 0.5rem;
}
.hr2 {
  height: 0.5rem;
}
.fvs-g3,
.fvc-g3,
.fve-g3,
.fcc-g3 {
  gap: 1rem;
}
.fsc-g3 {
  gap: 1rem;
  flex-wrap: wrap;
}
.fec-g3,
.fbc-g3 {
  gap: 1rem;
}
.wh3 {
  height: 1rem;
  width: 1rem;
}
.wr3 {
  width: 1rem;
}
.hr3 {
  height: 1rem;
}
.fvs-g4,
.fvc-g4,
.fve-g4,
.fcc-g4 {
  gap: 1.5rem;
}
.fsc-g4 {
  gap: 1.5rem;
  flex-wrap: wrap;
}
.fec-g4,
.fbc-g4 {
  gap: 1.5rem;
}
.wh4 {
  height: 1.5rem;
  width: 1.5rem;
}
.wr4 {
  width: 1.5rem;
}
.hr4 {
  height: 1.5rem;
}
.fvs-g5,
.fvc-g5,
.fve-g5,
.fcc-g5 {
  gap: 2rem;
}
.fsc-g5 {
  gap: 2rem;
  flex-wrap: wrap;
}
.fec-g5,
.fbc-g5 {
  gap: 2rem;
}
.wh5 {
  height: 2rem;
  width: 2rem;
}
.wr5 {
  width: 2rem;
}
.hr5 {
  height: 2rem;
}
.fvs-g6,
.fvc-g6,
.fve-g6,
.fcc-g6 {
  gap: 3rem;
}
.fsc-g6 {
  gap: 3rem;
  flex-wrap: wrap;
}
.fec-g6,
.fbc-g6 {
  gap: 3rem;
}
.wh6 {
  height: 3rem;
  width: 3rem;
}
.wr6 {
  width: 3rem;
}
.hr6 {
  height: 3rem;
}
.fvs-g7,
.fvc-g7,
.fve-g7,
.fcc-g7 {
  gap: 4rem;
}
.fsc-g7 {
  gap: 4rem;
  flex-wrap: wrap;
}
.fec-g7,
.fbc-g7 {
  gap: 4rem;
}
.wh7 {
  height: 4rem;
  width: 4rem;
}
.wr7 {
  width: 4rem;
}
.hr7 {
  height: 4rem;
}
.h1 {
  height: 6rem;
}
.w1 {
  width: 6rem;
}
.pnl-wh-1,
.pnl-hw1 {
  height: 6rem;
  width: 6rem;
}
.h2 {
  height: 9rem;
}
.w2 {
  width: 9rem;
}
.pnl-wh-2,
.pnl-hw2 {
  height: 9rem;
  width: 9rem;
}
.h3 {
  height: 14rem;
}
.w3 {
  width: 14rem;
}
.pnl-wh-3,
.pnl-hw3 {
  height: 14rem;
  width: 14rem;
}
.h4 {
  height: 21rem;
}
.w4 {
  width: 21rem;
}
.pnl-wh-4,
.pnl-hw4 {
  height: 21rem;
  width: 21rem;
}
.h5 {
  height: 30rem;
}
.w5 {
  width: 30rem;
}
.pnl-wh-5,
.pnl-hw5 {
  height: 30rem;
  width: 30rem;
}
.flxg,
.flex-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.flex-gap {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.cxx-bg-r {
  background: linear-gradient(
    45deg,
    var(--#bf616a-200) 49%,
    var(--#bf616a-100) 50%
  );
}
.cxx-bg-r .icon {
  color: var(--#bf616a-500);
}
.cx-bg-0-r {
  background-color: #994e55;
}
.card-bic-r {
  background-color: #bf616a33;
  border-color: 1px solid rgba(191, 97, 106, 0.5);
}
.cx-bg-r {
  background: linear-gradient(45deg, #cc8188 49%, #ac575f 50%);
}
.cx-bg-r .icon {
  color: #e5c0c3;
}
.cxx-bg-g {
  background: linear-gradient(
    45deg,
    var(--#7fa366-200) 49%,
    var(--#7fa366-100) 50%
  );
}
.cxx-bg-g .icon {
  color: var(--#7fa366-500);
}
.cx-bg-0-g {
  background-color: #668252;
}
.card-bic-g {
  background-color: #7fa36633;
  border-color: 1px solid rgba(127, 163, 102, 0.5);
}
.cx-bg-g {
  background: linear-gradient(45deg, #99b585 49%, #72935c 50%);
}
.cx-bg-g .icon {
  color: #ccdac2;
}
.cxx-bg-b {
  background: linear-gradient(
    45deg,
    var(--#5e81ac-200) 49%,
    var(--#5e81ac-100) 50%
  );
}
.cxx-bg-b .icon {
  color: var(--#5e81ac-500);
}
.cx-bg-0-b {
  background-color: #4b678a;
}
.card-bic-b {
  background-color: #5e81ac33;
  border-color: 1px solid rgba(94, 129, 172, 0.5);
}
.cx-bg-b {
  background: linear-gradient(45deg, #7e9abd 49%, #55749b 50%);
}
.cx-bg-b .icon {
  color: #bfcdde;
}
.cxx-bg-y {
  background: linear-gradient(
    45deg,
    var(--#ff9500-200) 49%,
    var(--#ff9500-100) 50%
  );
}
.cxx-bg-y .icon {
  color: var(--#ff9500-500);
}
.cx-bg-0-y {
  background-color: #c70;
}
.card-bic-y {
  background-color: #ff950033;
  border-color: 1px solid rgba(255, 149, 0, 0.5);
}
.cx-bg-y {
  background: linear-gradient(45deg, #fa3 49%, #e68600 50%);
}
.cx-bg-y .icon {
  color: #ffd599;
}
.cxx-bg-o {
  background: linear-gradient(
    45deg,
    var(--#d08770-200) 49%,
    var(--#d08770-100) 50%
  );
}
.cxx-bg-o .icon {
  color: var(--#d08770-500);
}
.cx-bg-0-o {
  background-color: #a66c5a;
}
.card-bic-o {
  background-color: #d0877033;
  border-color: 1px solid rgba(208, 135, 112, 0.5);
}
.cx-bg-o {
  background: linear-gradient(45deg, #d99f8d 49%, #bb7a65 50%);
}
.cx-bg-o .icon {
  color: #eccfc6;
}
.cxx-bg-cy {
  background: linear-gradient(
    45deg,
    var(--#71abc2-200) 49%,
    var(--#71abc2-100) 50%
  );
}
.cxx-bg-cy .icon {
  color: var(--#71abc2-500);
}
.cx-bg-0-cy {
  background-color: #5a899b;
}
.card-bic-cy {
  background-color: #71abc233;
  border-color: 1px solid rgba(113, 171, 194, 0.5);
}
.cx-bg-cy {
  background: linear-gradient(45deg, #8dbcce 49%, #669aaf 50%);
}
.cx-bg-cy .icon {
  color: #c6dde7;
}
.cxx-bg-pi {
  background: linear-gradient(
    45deg,
    var(--#bf6185-200) 49%,
    var(--#bf6185-100) 50%
  );
}
.cxx-bg-pi .icon {
  color: var(--#bf6185-500);
}
.cx-bg-0-pi {
  background-color: #994e6a;
}
.card-bic-pi {
  background-color: #bf618533;
  border-color: 1px solid rgba(191, 97, 133, 0.5);
}
.cx-bg-pi {
  background: linear-gradient(45deg, #cc819d 49%, #ac5778 50%);
}
.cx-bg-pi .icon {
  color: #e5c0ce;
}
.cxx-bg-in {
  background: linear-gradient(
    45deg,
    var(--#4e6aa4-200) 49%,
    var(--#4e6aa4-100) 50%
  );
}
.cxx-bg-in .icon {
  color: var(--#4e6aa4-500);
}
.cx-bg-0-in {
  background-color: #3e5583;
}
.card-bic-in {
  background-color: #4e6aa433;
  border-color: 1px solid rgba(78, 106, 164, 0.5);
}
.cx-bg-in {
  background: linear-gradient(45deg, #7188b6 49%, #465f94 50%);
}
.cx-bg-in .icon {
  color: #b8c3db;
}
.cxx-bg-te {
  background: linear-gradient(
    45deg,
    var(--#5eac90-200) 49%,
    var(--#5eac90-100) 50%
  );
}
.cxx-bg-te .icon {
  color: var(--#5eac90-500);
}
.cx-bg-0-te {
  background-color: #4b8a73;
}
.card-bic-te {
  background-color: #5eac9033;
  border-color: 1px solid rgba(94, 172, 144, 0.5);
}
.cx-bg-te {
  background: linear-gradient(45deg, #7ebda6 49%, #559b82 50%);
}
.cx-bg-te .icon {
  color: #bfded3;
}
.cxx-bg-bg {
  background: linear-gradient(
    45deg,
    var(--#7e8d9f-200) 49%,
    var(--#7e8d9f-100) 50%
  );
}
.cxx-bg-bg .icon {
  color: var(--#7e8d9f-500);
}
.cx-bg-0-bg {
  background-color: #65717f;
}
.card-bic-bg {
  background-color: #7e8d9f33;
  border-color: 1px solid rgba(126, 141, 159, 0.5);
}
.cx-bg-bg {
  background: linear-gradient(45deg, #98a4b2 49%, #717f8f 50%);
}
.cx-bg-bg .icon {
  color: #cbd1d9;
}
.cxx-bg-pu {
  background: linear-gradient(
    45deg,
    var(--#9a6796-200) 49%,
    var(--#9a6796-100) 50%
  );
}
.cxx-bg-pu .icon {
  color: var(--#9a6796-500);
}
.cx-bg-0-pu {
  background-color: #7b5278;
}
.card-bic-pu {
  background-color: #9a679633;
  border-color: 1px solid rgba(154, 103, 150, 0.5);
}
.cx-bg-pu {
  background: linear-gradient(45deg, #ae85ab 49%, #8b5d87 50%);
}
.cx-bg-pu .icon {
  color: #d7c2d5;
}
.img-wrapper.bg-p {
  background-color: #0076b3;
  color: #66cbff;
}
.img-wrapper.bg-p:hover {
  background-color: #0098e6;
  color: #b3e5ff;
}
.my-panel-p {
  border: 1px solid rgba(0, 169, 255, 0.3) !important;
  background-color: #00a9ff1a;
}
.my-panel-p .ticker-footer {
  background-color: #00a9ff33;
}
.td-pill-p {
  background-color: #0087cc !important;
}
.icon-bg-p {
  background-color: #00a9ff1a !important;
  border-color: #00a9ff4d !important;
}
.icon-bg-p:hover {
  border-color: #00a9ffb3 !important;
  background-color: #00a9ff4d !important;
  box-shadow:
    0 2px 4px -1px #00a9ff33,
    0 4px 5px #00a9ff24,
    0 1px 10px #00a9ff1f;
}
.icon-bg-p:hover .i-mat {
  color: #fff !important;
}
.col-pill-p {
  background-color: #00a9ff;
  border: 2px solid #00a9ff;
}
.app-title-p,
.app-icon-p {
  color: #33baff !important;
}
.app-rect-btn-p {
  color: #0087cc !important;
}
.app-rect-btn-p .i-mat {
  border-color: #00a9ffb3 !important;
}
.app-rect-btn-p.active {
  color: #00a9ff !important;
}
.app-rect-btn-p.active .i-mat {
  background: linear-gradient(45deg, #33baff 49%, #0087cc 50%);
  border-color: #00a9ffe6 !important;
  color: #fff;
}
.app-rect-btn-p:hover .i-mat {
  border-color: #00a9ffe6 !important;
}
.app-round-btn-p {
  color: #0087cc !important;
}
.app-round-btn-p .i-mat {
  border-color: #00a9ffb3 !important;
}
.app-round-btn-p.active {
  color: #00a9ff !important;
}
.app-round-btn-p.active .i-mat {
  background: linear-gradient(45deg, #33baff 49%, #0087cc 50%);
  border-color: #00a9ffe6 !important;
  color: #fff;
}
.app-round-btn-p:hover .i-mat {
  border-color: #00a9ffe6 !important;
}
.outline-box-b0,
.outline-box-p {
  color: #000;
}
.outline-box-p .title,
.outline-box-p .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-p .tt-title,
.outline-box-p .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-p .dt-pill {
  color: #00a9ffe6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-p .title strong,
.outline-box-p .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-p .tt-title strong,
.outline-box-p .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-p .dt-pill strong {
  color: #00a9ffcc;
}
.outline-box-p .icon-div {
  color: #00a9ff;
}
.outline-box-p.hvr:hover {
  background-color: #393e4680;
}
.filled-box-p {
  border: 1px solid #00a9ff;
  background-color: #00a9ff;
  color: #000;
}
.col-txt-p {
  color: #00a9ff;
}
.col-back-p {
  background: #00a9ff;
}
.icon-p {
  color: #00a9ff;
}
.col-bg-p {
  background-color: #00a9ffe6;
}
.p-card.col-p {
  border: 1px solid #00a9ff;
}
.outline-pill-p {
  border: 1px solid #00a9ff;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-p {
  background-color: #00a9ff;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #046;
}
.pill-btn-p {
  background-color: #00a9ff;
  color: #046;
}
.img-wrapper.bg-hl {
  background-color: #00a6fa33;
  color: #a3e0ff33;
}
.img-wrapper.bg-hl:hover {
  background-color: #42bfff33;
  color: #d1f0ff33;
}
.my-panel-hl {
  border: 1px solid rgba(102, 203, 255, 0.3) !important;
  background-color: #66cbff1a;
}
.my-panel-hl .ticker-footer {
  background-color: #66cbff33;
}
.td-pill-hl {
  background-color: #1fb3ff33 !important;
}
.icon-bg-hl {
  background-color: #66cbff1a !important;
  border-color: #66cbff4d !important;
}
.icon-bg-hl:hover {
  border-color: #66cbffb3 !important;
  background-color: #66cbff4d !important;
  box-shadow:
    0 2px 4px -1px #66cbff33,
    0 4px 5px #66cbff24,
    0 1px 10px #66cbff1f;
}
.icon-bg-hl:hover .i-mat {
  color: #fff !important;
}
.col-pill-hl {
  background-color: #66cbff33;
  border: 2px solid rgba(102, 203, 255, 0.2);
}
.app-title-hl,
.app-icon-hl {
  color: #85d6ff33 !important;
}
.app-rect-btn-hl {
  color: #1fb3ff33 !important;
}
.app-rect-btn-hl .i-mat {
  border-color: #66cbffb3 !important;
}
.app-rect-btn-hl.active {
  color: #66cbff33 !important;
}
.app-rect-btn-hl.active .i-mat {
  background: linear-gradient(45deg, #d0efff5c 49%, #1f3e4e5c 50%);
  border-color: #66cbffe6 !important;
  color: #fff;
}
.app-rect-btn-hl:hover .i-mat {
  border-color: #66cbffe6 !important;
}
.app-round-btn-hl {
  color: #1fb3ff33 !important;
}
.app-round-btn-hl .i-mat {
  border-color: #66cbffb3 !important;
}
.app-round-btn-hl.active {
  color: #66cbff33 !important;
}
.app-round-btn-hl.active .i-mat {
  background: linear-gradient(45deg, #d0efff5c 49%, #1f3e4e5c 50%);
  border-color: #66cbffe6 !important;
  color: #fff;
}
.app-round-btn-hl:hover .i-mat {
  border-color: #66cbffe6 !important;
}
.outline-box-b0,
.outline-box-hl {
  color: #000;
}
.outline-box-hl .title,
.outline-box-hl .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-hl .tt-title,
.outline-box-hl .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-hl .dt-pill {
  color: #66cbffe6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-hl .title strong,
.outline-box-hl .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-hl .tt-title strong,
.outline-box-hl .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-hl .dt-pill strong {
  color: #66cbffcc;
}
.outline-box-hl .icon-div {
  color: #66cbff33;
}
.outline-box-hl.hvr:hover {
  background-color: #393e4680;
}
.filled-box-hl {
  border: 1px solid rgba(102, 203, 255, 0.2);
  background-color: #66cbff33;
  color: #000;
}
.col-txt-hl {
  color: #66cbff33;
}
.col-back-hl {
  background: #66cbff33;
}
.icon-hl {
  color: #66cbff33;
}
.col-bg-hl {
  background-color: #66cbffe6;
}
.p-card.col-hl {
  border: 1px solid rgba(102, 203, 255, 0.2);
}
.outline-pill-hl {
  border: 1px solid rgba(102, 203, 255, 0.2);
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-hl {
  background-color: #66cbff33;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #005f8f33;
}
.pill-btn-hl {
  background-color: #66cbff33;
  color: #005f8f33;
}
.img-wrapper.bg-r {
  background-color: #ca0335;
  color: #fd7f9e;
}
.img-wrapper.bg-r:hover {
  background-color: #fc0c48;
  color: #febfcf;
}
.my-panel-r {
  border: 1px solid rgba(252, 41, 94, 0.3) !important;
  background-color: #fc295e1a;
}
.my-panel-r .ticker-footer {
  background-color: #fc295e33;
}
.td-pill-r {
  background-color: #e7033c !important;
}
.icon-bg-r {
  background-color: #fc295e1a !important;
  border-color: #fc295e4d !important;
}
.icon-bg-r:hover {
  border-color: #fc295eb3 !important;
  background-color: #fc295e4d !important;
  box-shadow:
    0 2px 4px -1px #fc295e33,
    0 4px 5px #fc295e24,
    0 1px 10px #fc295e1f;
}
.icon-bg-r:hover .i-mat {
  color: #fff !important;
}
.col-pill-r {
  background-color: #fc295e;
  border: 2px solid #fc295e;
}
.app-title-r,
.app-icon-r {
  color: #fd547e !important;
}
.app-rect-btn-r {
  color: #e7033c !important;
}
.app-rect-btn-r .i-mat {
  border-color: #fc295eb3 !important;
}
.app-rect-btn-r.active {
  color: #fc295e !important;
}
.app-rect-btn-r.active .i-mat {
  background: linear-gradient(45deg, #fd547e 49%, #ca214b 50%);
  border-color: #fc295ee6 !important;
  color: #fff;
}
.app-rect-btn-r:hover .i-mat {
  border-color: #fc295ee6 !important;
}
.app-round-btn-r {
  color: #e7033c !important;
}
.app-round-btn-r .i-mat {
  border-color: #fc295eb3 !important;
}
.app-round-btn-r.active {
  color: #fc295e !important;
}
.app-round-btn-r.active .i-mat {
  background: linear-gradient(45deg, #fd547e 49%, #ca214b 50%);
  border-color: #fc295ee6 !important;
  color: #fff;
}
.app-round-btn-r:hover .i-mat {
  border-color: #fc295ee6 !important;
}
.outline-box-b0,
.outline-box-r {
  color: #000;
}
.outline-box-r .title,
.outline-box-r .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-r .tt-title,
.outline-box-r .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-r .dt-pill {
  color: #fc295ee6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-r .title strong,
.outline-box-r .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-r .tt-title strong,
.outline-box-r .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-r .dt-pill strong {
  color: #fc295ecc;
}
.outline-box-r .icon-div {
  color: #fc295e;
}
.outline-box-r.hvr:hover {
  background-color: #393e4680;
}
.filled-box-r {
  border: 1px solid #fc295e;
  background-color: #fc295e;
  color: #000;
}
.col-txt-r {
  color: #fc295e;
}
.col-back-r {
  background: #fc295e;
}
.icon-r {
  color: #fc295e;
}
.col-bg-r {
  background-color: #fc295ee6;
}
.p-card.col-r {
  border: 1px solid #fc295e;
}
.outline-pill-r {
  border: 1px solid #fc295e;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-r {
  background-color: #fc295e;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #74021e;
}
.pill-btn-r {
  background-color: #fc295e;
  color: #74021e;
}
.img-wrapper.bg-g {
  background-color: #237b46;
  color: #7ad9a0;
}
.img-wrapper.bg-g:hover {
  background-color: #2d9e5a;
  color: #bdecd0;
}
.my-panel-g {
  border: 1px solid rgba(50, 175, 100, 0.3) !important;
  background-color: #32af641a;
}
.my-panel-g .ticker-footer {
  background-color: #32af6433;
}
.td-pill-g {
  background-color: #288c50 !important;
}
.icon-bg-g {
  background-color: #32af641a !important;
  border-color: #32af644d !important;
}
.icon-bg-g:hover {
  border-color: #32af64b3 !important;
  background-color: #32af644d !important;
  box-shadow:
    0 2px 4px -1px #32af6433,
    0 4px 5px #32af6424,
    0 1px 10px #32af641f;
}
.icon-bg-g:hover .i-mat {
  color: #fff !important;
}
.col-pill-g {
  background-color: #32af64;
  border: 2px solid #32af64;
}
.app-title-g,
.app-icon-g {
  color: #4ecc80 !important;
}
.app-rect-btn-g {
  color: #288c50 !important;
}
.app-rect-btn-g .i-mat {
  border-color: #32af64b3 !important;
}
.app-rect-btn-g.active {
  color: #32af64 !important;
}
.app-rect-btn-g.active .i-mat {
  background: linear-gradient(45deg, #5bbf83 49%, #288c50 50%);
  border-color: #32af64e6 !important;
  color: #fff;
}
.app-rect-btn-g:hover .i-mat {
  border-color: #32af64e6 !important;
}
.app-round-btn-g {
  color: #288c50 !important;
}
.app-round-btn-g .i-mat {
  border-color: #32af64b3 !important;
}
.app-round-btn-g.active {
  color: #32af64 !important;
}
.app-round-btn-g.active .i-mat {
  background: linear-gradient(45deg, #5bbf83 49%, #288c50 50%);
  border-color: #32af64e6 !important;
  color: #fff;
}
.app-round-btn-g:hover .i-mat {
  border-color: #32af64e6 !important;
}
.outline-box-b0,
.outline-box-g {
  color: #000;
}
.outline-box-g .title,
.outline-box-g .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-g .tt-title,
.outline-box-g .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-g .dt-pill {
  color: #32af64e6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-g .title strong,
.outline-box-g .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-g .tt-title strong,
.outline-box-g .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-g .dt-pill strong {
  color: #32af64cc;
}
.outline-box-g .icon-div {
  color: #32af64;
}
.outline-box-g.hvr:hover {
  background-color: #393e4680;
}
.filled-box-g {
  border: 1px solid #32af64;
  background-color: #32af64;
  color: #000;
}
.col-txt-g {
  color: #32af64;
}
.col-back-g {
  background: #32af64;
}
.icon-g {
  color: #32af64;
}
.col-bg-g {
  background-color: #32af64e6;
}
.p-card.col-g {
  border: 1px solid #32af64;
}
.outline-pill-g {
  border: 1px solid #32af64;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-g {
  background-color: #32af64;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #144628;
}
.pill-btn-g {
  background-color: #32af64;
  color: #144628;
}
.img-wrapper.bg-b {
  background-color: #0076b3;
  color: #66cbff;
}
.img-wrapper.bg-b:hover {
  background-color: #0098e6;
  color: #b3e5ff;
}
.my-panel-b {
  border: 1px solid rgba(0, 169, 255, 0.3) !important;
  background-color: #00a9ff1a;
}
.my-panel-b .ticker-footer {
  background-color: #00a9ff33;
}
.td-pill-b {
  background-color: #0087cc !important;
}
.icon-bg-b {
  background-color: #00a9ff1a !important;
  border-color: #00a9ff4d !important;
}
.icon-bg-b:hover {
  border-color: #00a9ffb3 !important;
  background-color: #00a9ff4d !important;
  box-shadow:
    0 2px 4px -1px #00a9ff33,
    0 4px 5px #00a9ff24,
    0 1px 10px #00a9ff1f;
}
.icon-bg-b:hover .i-mat {
  color: #fff !important;
}
.col-pill-b {
  background-color: #00a9ff;
  border: 2px solid #00a9ff;
}
.app-title-b,
.app-icon-b {
  color: #33baff !important;
}
.app-rect-btn-b {
  color: #0087cc !important;
}
.app-rect-btn-b .i-mat {
  border-color: #00a9ffb3 !important;
}
.app-rect-btn-b.active {
  color: #00a9ff !important;
}
.app-rect-btn-b.active .i-mat {
  background: linear-gradient(45deg, #33baff 49%, #0087cc 50%);
  border-color: #00a9ffe6 !important;
  color: #fff;
}
.app-rect-btn-b:hover .i-mat {
  border-color: #00a9ffe6 !important;
}
.app-round-btn-b {
  color: #0087cc !important;
}
.app-round-btn-b .i-mat {
  border-color: #00a9ffb3 !important;
}
.app-round-btn-b.active {
  color: #00a9ff !important;
}
.app-round-btn-b.active .i-mat {
  background: linear-gradient(45deg, #33baff 49%, #0087cc 50%);
  border-color: #00a9ffe6 !important;
  color: #fff;
}
.app-round-btn-b:hover .i-mat {
  border-color: #00a9ffe6 !important;
}
.outline-box-b0,
.outline-box-b {
  color: #000;
}
.outline-box-b .title,
.outline-box-b .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-b .tt-title,
.outline-box-b .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-b .dt-pill {
  color: #00a9ffe6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-b .title strong,
.outline-box-b .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-b .tt-title strong,
.outline-box-b .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-b .dt-pill strong {
  color: #00a9ffcc;
}
.outline-box-b .icon-div {
  color: #00a9ff;
}
.outline-box-b.hvr:hover {
  background-color: #393e4680;
}
.filled-box-b {
  border: 1px solid #00a9ff;
  background-color: #00a9ff;
  color: #000;
}
.col-txt-b {
  color: #00a9ff;
}
.col-back-b {
  background: #00a9ff;
}
.icon-b {
  color: #00a9ff;
}
.col-bg-b {
  background-color: #00a9ffe6;
}
.p-card.col-b {
  border: 1px solid #00a9ff;
}
.outline-pill-b {
  border: 1px solid #00a9ff;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-b {
  background-color: #00a9ff;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #046;
}
.pill-btn-b {
  background-color: #00a9ff;
  color: #046;
}
.img-wrapper.bg-y {
  background-color: #b36800;
  color: #ffbf66;
}
.img-wrapper.bg-y:hover {
  background-color: #e68600;
  color: #ffdfb3;
}
.my-panel-y {
  border: 1px solid rgba(255, 149, 0, 0.3) !important;
  background-color: #ff95001a;
}
.my-panel-y .ticker-footer {
  background-color: #ff950033;
}
.td-pill-y {
  background-color: #c70 !important;
}
.icon-bg-y {
  background-color: #ff95001a !important;
  border-color: #ff95004d !important;
}
.icon-bg-y:hover {
  border-color: #ff9500b3 !important;
  background-color: #ff95004d !important;
  box-shadow:
    0 2px 4px -1px #ff950033,
    0 4px 5px #ff950024,
    0 1px 10px #ff95001f;
}
.icon-bg-y:hover .i-mat {
  color: #fff !important;
}
.col-pill-y {
  background-color: #ff9500;
  border: 2px solid #ff9500;
}
.app-title-y,
.app-icon-y {
  color: #fa3 !important;
}
.app-rect-btn-y {
  color: #c70 !important;
}
.app-rect-btn-y .i-mat {
  border-color: #ff9500b3 !important;
}
.app-rect-btn-y.active {
  color: #ff9500 !important;
}
.app-rect-btn-y.active .i-mat {
  background: linear-gradient(45deg, #fa3 49%, #c70 50%);
  border-color: #ff9500e6 !important;
  color: #fff;
}
.app-rect-btn-y:hover .i-mat {
  border-color: #ff9500e6 !important;
}
.app-round-btn-y {
  color: #c70 !important;
}
.app-round-btn-y .i-mat {
  border-color: #ff9500b3 !important;
}
.app-round-btn-y.active {
  color: #ff9500 !important;
}
.app-round-btn-y.active .i-mat {
  background: linear-gradient(45deg, #fa3 49%, #c70 50%);
  border-color: #ff9500e6 !important;
  color: #fff;
}
.app-round-btn-y:hover .i-mat {
  border-color: #ff9500e6 !important;
}
.outline-box-b0,
.outline-box-y {
  color: #000;
}
.outline-box-y .title,
.outline-box-y .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-y .tt-title,
.outline-box-y .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-y .dt-pill {
  color: #ff9500e6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-y .title strong,
.outline-box-y .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-y .tt-title strong,
.outline-box-y .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-y .dt-pill strong {
  color: #ff9500cc;
}
.outline-box-y .icon-div {
  color: #ff9500;
}
.outline-box-y.hvr:hover {
  background-color: #393e4680;
}
.filled-box-y {
  border: 1px solid #ff9500;
  background-color: #ff9500;
  color: #000;
}
.col-txt-y {
  color: #ff9500;
}
.col-back-y {
  background: #ff9500;
}
.icon-y {
  color: #ff9500;
}
.col-bg-y {
  background-color: #ff9500e6;
}
.p-card.col-y {
  border: 1px solid #ff9500;
}
.outline-pill-y {
  border: 1px solid #ff9500;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-y {
  background-color: #ff9500;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #663c00;
}
.pill-btn-y {
  background-color: #ff9500;
  color: #663c00;
}
.img-wrapper.bg-v {
  background-color: #3301ea;
  color: #ad97fe;
}
.img-wrapper.bg-v:hover {
  background-color: #5d31fe;
  color: #d6cbff;
}
.my-panel-v {
  border: 1px solid rgba(119, 82, 254, 0.3) !important;
  background-color: #7752fe1a;
}
.my-panel-v .ticker-footer {
  background-color: #7752fe33;
}
.td-pill-v {
  background-color: #420ffe !important;
}
.icon-bg-v {
  background-color: #7752fe1a !important;
  border-color: #7752fe4d !important;
}
.icon-bg-v:hover {
  border-color: #7752feb3 !important;
  background-color: #7752fe4d !important;
  box-shadow:
    0 2px 4px -1px #7752fe33,
    0 4px 5px #7752fe24,
    0 1px 10px #7752fe1f;
}
.icon-bg-v:hover .i-mat {
  color: #fff !important;
}
.col-pill-v {
  background-color: #7752fe;
  border: 2px solid #7752fe;
}
.app-title-v,
.app-icon-v {
  color: #9275fe !important;
}
.app-rect-btn-v {
  color: #420ffe !important;
}
.app-rect-btn-v .i-mat {
  border-color: #7752feb3 !important;
}
.app-rect-btn-v.active {
  color: #7752fe !important;
}
.app-rect-btn-v.active .i-mat {
  background: linear-gradient(45deg, #9275fe 49%, #5f42cb 50%);
  border-color: #7752fee6 !important;
  color: #fff;
}
.app-rect-btn-v:hover .i-mat {
  border-color: #7752fee6 !important;
}
.app-round-btn-v {
  color: #420ffe !important;
}
.app-round-btn-v .i-mat {
  border-color: #7752feb3 !important;
}
.app-round-btn-v.active {
  color: #7752fe !important;
}
.app-round-btn-v.active .i-mat {
  background: linear-gradient(45deg, #9275fe 49%, #5f42cb 50%);
  border-color: #7752fee6 !important;
  color: #fff;
}
.app-round-btn-v:hover .i-mat {
  border-color: #7752fee6 !important;
}
.outline-box-b0,
.outline-box-v {
  color: #000;
}
.outline-box-v .title,
.outline-box-v .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-v .tt-title,
.outline-box-v .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-v .dt-pill {
  color: #7752fee6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-v .title strong,
.outline-box-v .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-v .tt-title strong,
.outline-box-v .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-v .dt-pill strong {
  color: #7752fecc;
}
.outline-box-v .icon-div {
  color: #7752fe;
}
.outline-box-v.hvr:hover {
  background-color: #393e4680;
}
.filled-box-v {
  border: 1px solid #7752fe;
  background-color: #7752fe;
  color: #000;
}
.col-txt-v {
  color: #7752fe;
}
.col-back-v {
  background: #7752fe;
}
.icon-v {
  color: #7752fe;
}
.col-bg-v {
  background-color: #7752fee6;
}
.p-card.col-v {
  border: 1px solid #7752fe;
}
.outline-pill-v {
  border: 1px solid #7752fe;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-v {
  background-color: #7752fe;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #1d0186;
}
.pill-btn-v {
  background-color: #7752fe;
  color: #1d0186;
}
.img-wrapper.bg-o {
  background-color: #b85410;
  color: #f4b183;
}
.img-wrapper.bg-o:hover {
  background-color: #eb6c17;
  color: #fad8c1;
}
.my-panel-o {
  border: 1px solid rgba(237, 125, 49, 0.3) !important;
  background-color: #ed7d311a;
}
.my-panel-o .ticker-footer {
  background-color: #ed7d3133;
}
.td-pill-o {
  background-color: #d26012 !important;
}
.icon-bg-o {
  background-color: #ed7d311a !important;
  border-color: #ed7d314d !important;
}
.icon-bg-o:hover {
  border-color: #ed7d31b3 !important;
  background-color: #ed7d314d !important;
  box-shadow:
    0 2px 4px -1px #ed7d3133,
    0 4px 5px #ed7d3124,
    0 1px 10px #ed7d311f;
}
.icon-bg-o:hover .i-mat {
  color: #fff !important;
}
.col-pill-o {
  background-color: #ed7d31;
  border: 2px solid #ed7d31;
}
.app-title-o,
.app-icon-o {
  color: #f1975a !important;
}
.app-rect-btn-o {
  color: #d26012 !important;
}
.app-rect-btn-o .i-mat {
  border-color: #ed7d31b3 !important;
}
.app-rect-btn-o.active {
  color: #ed7d31 !important;
}
.app-rect-btn-o.active .i-mat {
  background: linear-gradient(45deg, #f1975a 49%, #be6427 50%);
  border-color: #ed7d31e6 !important;
  color: #fff;
}
.app-rect-btn-o:hover .i-mat {
  border-color: #ed7d31e6 !important;
}
.app-round-btn-o {
  color: #d26012 !important;
}
.app-round-btn-o .i-mat {
  border-color: #ed7d31b3 !important;
}
.app-round-btn-o.active {
  color: #ed7d31 !important;
}
.app-round-btn-o.active .i-mat {
  background: linear-gradient(45deg, #f1975a 49%, #be6427 50%);
  border-color: #ed7d31e6 !important;
  color: #fff;
}
.app-round-btn-o:hover .i-mat {
  border-color: #ed7d31e6 !important;
}
.outline-box-b0,
.outline-box-o {
  color: #000;
}
.outline-box-o .title,
.outline-box-o .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-o .tt-title,
.outline-box-o .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-o .dt-pill {
  color: #ed7d31e6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-o .title strong,
.outline-box-o .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-o .tt-title strong,
.outline-box-o .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-o .dt-pill strong {
  color: #ed7d31cc;
}
.outline-box-o .icon-div {
  color: #ed7d31;
}
.outline-box-o.hvr:hover {
  background-color: #393e4680;
}
.filled-box-o {
  border: 1px solid #ed7d31;
  background-color: #ed7d31;
  color: #000;
}
.col-txt-o {
  color: #ed7d31;
}
.col-back-o {
  background: #ed7d31;
}
.icon-o {
  color: #ed7d31;
}
.col-bg-o {
  background-color: #ed7d31e6;
}
.p-card.col-o {
  border: 1px solid #ed7d31;
}
.outline-pill-o {
  border: 1px solid #ed7d31;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-o {
  background-color: #ed7d31;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #693009;
}
.pill-btn-o {
  background-color: #ed7d31;
  color: #693009;
}
.img-wrapper.bg-c {
  background-color: #616161;
  color: #b9b9b9;
}
.img-wrapper.bg-c:hover {
  background-color: #7d7d7d;
  color: #dcdcdc;
}
.my-panel-c {
  border: 1px solid rgba(139, 139, 139, 0.3) !important;
  background-color: #8b8b8b1a;
}
.my-panel-c .ticker-footer {
  background-color: #8b8b8b33;
}
.td-pill-c {
  background-color: #6f6f6f !important;
}
.icon-bg-c,
.sb-btn.circle {
  background-color: #8b8b8b1a !important;
  border-color: #8b8b8b4d !important;
}
.icon-bg-c:hover,
.sb-btn.circle:hover {
  border-color: #8b8b8bb3 !important;
  background-color: #8b8b8b4d !important;
  box-shadow:
    0 2px 4px -1px #8b8b8b33,
    0 4px 5px #8b8b8b24,
    0 1px 10px #8b8b8b1f;
}
.icon-bg-c:hover .i-mat,
.sb-btn.circle:hover .i-mat {
  color: #fff !important;
}
.col-pill-c {
  background-color: #8b8b8b;
  border: 2px solid #8b8b8b;
}
.app-title-c,
.app-icon-c {
  color: #a2a2a2 !important;
}
.app-rect-btn-c {
  color: #6f6f6f !important;
}
.app-rect-btn-c .i-mat {
  border-color: #8b8b8bb3 !important;
}
.app-rect-btn-c.active {
  color: #8b8b8b !important;
}
.app-rect-btn-c.active .i-mat {
  background: linear-gradient(45deg, #a2a2a2 49%, #6f6f6f 50%);
  border-color: #8b8b8be6 !important;
  color: #fff;
}
.app-rect-btn-c:hover .i-mat {
  border-color: #8b8b8be6 !important;
}
.app-round-btn-c {
  color: #6f6f6f !important;
}
.app-round-btn-c .i-mat {
  border-color: #8b8b8bb3 !important;
}
.app-round-btn-c.active {
  color: #8b8b8b !important;
}
.app-round-btn-c.active .i-mat {
  background: linear-gradient(45deg, #a2a2a2 49%, #6f6f6f 50%);
  border-color: #8b8b8be6 !important;
  color: #fff;
}
.app-round-btn-c:hover .i-mat {
  border-color: #8b8b8be6 !important;
}
.outline-box-b0,
.outline-box-c {
  color: #000;
}
.outline-box-c .title,
.outline-box-c .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-c .tt-title,
.outline-box-c .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-c .dt-pill {
  color: #8b8b8be6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-c .title strong,
.outline-box-c .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-c .tt-title strong,
.outline-box-c .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-c .dt-pill strong {
  color: #8b8b8bcc;
}
.outline-box-c .icon-div {
  color: #8b8b8b;
}
.outline-box-c.hvr:hover {
  background-color: #393e4680;
}
.filled-box-c {
  border: 1px solid #8b8b8b;
  background-color: #8b8b8b;
  color: #000;
}
.col-txt-c {
  color: #8b8b8b;
}
.col-back-c {
  background: #8b8b8b;
}
.icon-c {
  color: #8b8b8b;
}
.col-bg-c {
  background-color: #8b8b8be6;
}
.p-card.col-c {
  border: 1px solid #8b8b8b;
}
.outline-pill-c {
  border: 1px solid #8b8b8b;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-c {
  background-color: #8b8b8b;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #383838;
}
.pill-btn-c {
  background-color: #8b8b8b;
  color: #383838;
}
.img-wrapper.bg-b0 {
  background-color: #000;
  color: #666;
}
.img-wrapper.bg-b0:hover {
  background-color: #000;
  color: #b3b3b3;
}
.my-panel-b0 {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  background-color: #0000001a;
}
.my-panel-b0 .ticker-footer {
  background-color: #0003;
}
.td-pill-b0 {
  background-color: #000 !important;
}
.icon-bg-b0 {
  background-color: #0000001a !important;
  border-color: #0000004d !important;
}
.icon-bg-b0:hover {
  border-color: #000000b3 !important;
  background-color: #0000004d !important;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.icon-bg-b0:hover .i-mat {
  color: #fff !important;
}
.col-pill-b0 {
  background-color: #000;
  border: 2px solid black;
}
.app-title-b0,
.app-icon-b0 {
  color: #333 !important;
}
.app-rect-btn-b0 {
  color: #000 !important;
}
.app-rect-btn-b0 .i-mat {
  border-color: #000000b3 !important;
}
.app-rect-btn-b0.active {
  color: #000 !important;
}
.app-rect-btn-b0.active .i-mat {
  background: linear-gradient(45deg, #333 49%, #000 50%);
  border-color: #000000e6 !important;
  color: #fff;
}
.app-rect-btn-b0:hover .i-mat {
  border-color: #000000e6 !important;
}
.app-round-btn-b0 {
  color: #000 !important;
}
.app-round-btn-b0 .i-mat {
  border-color: #000000b3 !important;
}
.app-round-btn-b0.active {
  color: #000 !important;
}
.app-round-btn-b0.active .i-mat {
  background: linear-gradient(45deg, #333 49%, #000 50%);
  border-color: #000000e6 !important;
  color: #fff;
}
.app-round-btn-b0:hover .i-mat {
  border-color: #000000e6 !important;
}
.outline-box-b0 {
  color: #000;
}
.outline-box-b0 .title,
.outline-box-b0 .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-b0 .tt-title,
.outline-box-b0 .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-b0 .dt-pill {
  color: #000000e6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-b0 .title strong,
.outline-box-b0 .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-b0 .tt-title strong,
.outline-box-b0 .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-b0 .dt-pill strong {
  color: #000c;
}
.outline-box-b0 .icon-div {
  color: #000;
}
.outline-box-b0.hvr:hover {
  background-color: #393e4680;
}
.filled-box-b0 {
  border: 1px solid black;
  background-color: #000;
  color: #000;
}
.col-txt-b0 {
  color: #000;
}
.col-back-b0 {
  background: #000;
}
.icon-b0 {
  color: #000;
}
.col-bg-b0 {
  background-color: #000000e6;
}
.p-card.col-b0 {
  border: 1px solid black;
}
.outline-pill-b0 {
  border: 1px solid black;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-b0 {
  background-color: #000;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #000;
}
.pill-btn-b0 {
  background-color: #000;
  color: #000;
}
.img-wrapper.bg-w0 {
  background-color: #b3b3b3;
  color: #fff;
}
.img-wrapper.bg-w0:hover {
  background-color: #e6e6e6;
  color: #fff;
}
.my-panel-w0 {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background-color: #ffffff1a;
}
.my-panel-w0 .ticker-footer {
  background-color: #fff3;
}
.td-pill-w0 {
  background-color: #ccc !important;
}
.icon-bg-w0 {
  background-color: #ffffff1a !important;
  border-color: #ffffff4d !important;
}
.icon-bg-w0:hover {
  border-color: #ffffffb3 !important;
  background-color: #ffffff4d !important;
  box-shadow:
    0 2px 4px -1px #fff3,
    0 4px 5px #ffffff24,
    0 1px 10px #ffffff1f;
}
.icon-bg-w0:hover .i-mat {
  color: #fff !important;
}
.col-pill-w0 {
  background-color: #fff;
  border: 2px solid white;
}
.app-title-w0,
.app-icon-w0 {
  color: #fff !important;
}
.app-rect-btn-w0 {
  color: #ccc !important;
}
.app-rect-btn-w0 .i-mat {
  border-color: #ffffffb3 !important;
}
.app-rect-btn-w0.active {
  color: #fff !important;
}
.app-rect-btn-w0.active .i-mat {
  background: linear-gradient(45deg, #fff 49%, #ccc 50%);
  border-color: #ffffffe6 !important;
  color: #fff;
}
.app-rect-btn-w0:hover .i-mat {
  border-color: #ffffffe6 !important;
}
.app-round-btn-w0 {
  color: #ccc !important;
}
.app-round-btn-w0 .i-mat {
  border-color: #ffffffb3 !important;
}
.app-round-btn-w0.active {
  color: #fff !important;
}
.app-round-btn-w0.active .i-mat {
  background: linear-gradient(45deg, #fff 49%, #ccc 50%);
  border-color: #ffffffe6 !important;
  color: #fff;
}
.app-round-btn-w0:hover .i-mat {
  border-color: #ffffffe6 !important;
}
.outline-box-b0,
.outline-box-w0 {
  color: #000;
}
.outline-box-w0 .title,
.outline-box-w0 .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-w0 .tt-title,
.outline-box-w0 .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-w0 .dt-pill {
  color: #ffffffe6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-w0 .title strong,
.outline-box-w0 .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-w0 .tt-title strong,
.outline-box-w0 .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-w0 .dt-pill strong {
  color: #fffc;
}
.outline-box-w0 .icon-div {
  color: #fff;
}
.outline-box-w0.hvr:hover {
  background-color: #393e4680;
}
.filled-box-w0 {
  border: 1px solid white;
  background-color: #fff;
  color: #000;
}
.col-txt-w0 {
  color: #fff;
}
.col-back-w0 {
  background: #fff;
}
.icon-w0 {
  color: #fff;
}
.col-bg-w0 {
  background-color: #ffffffe6;
}
.p-card.col-w0 {
  border: 1px solid white;
}
.outline-pill-w0 {
  border: 1px solid white;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-w0 {
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #666;
}
.pill-btn-w0 {
  background-color: #fff;
  color: #666;
}
.img-wrapper.bg-lg {
  background-color: #7a8a1d;
  color: #d3e378;
}
.img-wrapper.bg-lg:hover {
  background-color: #9db125;
  color: #e9f1bb;
}
.my-panel-lg {
  border: 1px solid rgba(174, 197, 41, 0.3) !important;
  background-color: #aec5291a;
}
.my-panel-lg .ticker-footer {
  background-color: #aec52933;
}
.td-pill-lg {
  background-color: #8b9e21 !important;
}
.icon-bg-lg {
  background-color: #aec5291a !important;
  border-color: #aec5294d !important;
}
.icon-bg-lg:hover {
  border-color: #aec529b3 !important;
  background-color: #aec5294d !important;
  box-shadow:
    0 2px 4px -1px #aec52933,
    0 4px 5px #aec52924,
    0 1px 10px #aec5291f;
}
.icon-bg-lg:hover .i-mat {
  color: #fff !important;
}
.col-pill-lg {
  background-color: #aec529;
  border: 2px solid #aec529;
}
.app-title-lg,
.app-icon-lg {
  color: #c4da4b !important;
}
.app-rect-btn-lg {
  color: #8b9e21 !important;
}
.app-rect-btn-lg .i-mat {
  border-color: #aec529b3 !important;
}
.app-rect-btn-lg.active {
  color: #aec529 !important;
}
.app-rect-btn-lg.active .i-mat {
  background: linear-gradient(45deg, #bed154 49%, #8b9e21 50%);
  border-color: #aec529e6 !important;
  color: #fff;
}
.app-rect-btn-lg:hover .i-mat {
  border-color: #aec529e6 !important;
}
.app-round-btn-lg {
  color: #8b9e21 !important;
}
.app-round-btn-lg .i-mat {
  border-color: #aec529b3 !important;
}
.app-round-btn-lg.active {
  color: #aec529 !important;
}
.app-round-btn-lg.active .i-mat {
  background: linear-gradient(45deg, #bed154 49%, #8b9e21 50%);
  border-color: #aec529e6 !important;
  color: #fff;
}
.app-round-btn-lg:hover .i-mat {
  border-color: #aec529e6 !important;
}
.outline-box-b0,
.outline-box-lg {
  color: #000;
}
.outline-box-lg .title,
.outline-box-lg .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-lg .tt-title,
.outline-box-lg .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-lg .dt-pill {
  color: #aec529e6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-lg .title strong,
.outline-box-lg .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-lg .tt-title strong,
.outline-box-lg .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-lg .dt-pill strong {
  color: #aec529cc;
}
.outline-box-lg .icon-div {
  color: #aec529;
}
.outline-box-lg.hvr:hover {
  background-color: #393e4680;
}
.filled-box-lg {
  border: 1px solid #aec529;
  background-color: #aec529;
  color: #000;
}
.col-txt-lg {
  color: #aec529;
}
.col-back-lg {
  background: #aec529;
}
.icon-lg {
  color: #aec529;
}
.col-bg-lg {
  background-color: #aec529e6;
}
.p-card.col-lg {
  border: 1px solid #aec529;
}
.outline-pill-lg {
  border: 1px solid #aec529;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-lg {
  background-color: #aec529;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #464f10;
}
.pill-btn-lg {
  background-color: #aec529;
  color: #464f10;
}
.img-wrapper.bg-dg {
  background-color: #005859;
  color: #19fbff;
}
.img-wrapper.bg-dg:hover {
  background-color: #007172;
  color: #8cfdff;
}
.my-panel-dg {
  border: 1px solid rgba(0, 125, 127, 0.3) !important;
  background-color: #007d7f1a;
}
.my-panel-dg .ticker-footer {
  background-color: #007d7f33;
}
.td-pill-dg {
  background-color: #006466 !important;
}
.icon-bg-dg {
  background-color: #007d7f1a !important;
  border-color: #007d7f4d !important;
}
.icon-bg-dg:hover {
  border-color: #007d7fb3 !important;
  background-color: #007d7f4d !important;
  box-shadow:
    0 2px 4px -1px #007d7f33,
    0 4px 5px #007d7f24,
    0 1px 10px #007d7f1f;
}
.icon-bg-dg:hover .i-mat {
  color: #fff !important;
}
.col-pill-dg {
  background-color: #007d7f;
  border: 2px solid #007d7f;
}
.app-title-dg,
.app-icon-dg {
  color: #00c8cc !important;
}
.app-rect-btn-dg {
  color: #006466 !important;
}
.app-rect-btn-dg .i-mat {
  border-color: #007d7fb3 !important;
}
.app-rect-btn-dg.active {
  color: #007d7f !important;
}
.app-rect-btn-dg.active .i-mat {
  background: linear-gradient(45deg, #339799 49%, #006466 50%);
  border-color: #007d7fe6 !important;
  color: #fff;
}
.app-rect-btn-dg:hover .i-mat {
  border-color: #007d7fe6 !important;
}
.app-round-btn-dg {
  color: #006466 !important;
}
.app-round-btn-dg .i-mat {
  border-color: #007d7fb3 !important;
}
.app-round-btn-dg.active {
  color: #007d7f !important;
}
.app-round-btn-dg.active .i-mat {
  background: linear-gradient(45deg, #339799 49%, #006466 50%);
  border-color: #007d7fe6 !important;
  color: #fff;
}
.app-round-btn-dg:hover .i-mat {
  border-color: #007d7fe6 !important;
}
.outline-box-b0,
.outline-box-dg {
  color: #000;
}
.outline-box-dg .title,
.outline-box-dg .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-dg .tt-title,
.outline-box-dg .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-dg .dt-pill {
  color: #007d7fe6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-dg .title strong,
.outline-box-dg .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-dg .tt-title strong,
.outline-box-dg .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-dg .dt-pill strong {
  color: #007d7fcc;
}
.outline-box-dg .icon-div {
  color: #007d7f;
}
.outline-box-dg.hvr:hover {
  background-color: #393e4680;
}
.filled-box-dg {
  border: 1px solid #007d7f;
  background-color: #007d7f;
  color: #000;
}
.col-txt-dg {
  color: #007d7f;
}
.col-back-dg {
  background: #007d7f;
}
.icon-dg {
  color: #007d7f;
}
.col-bg-dg {
  background-color: #007d7fe6;
}
.p-card.col-dg {
  border: 1px solid #007d7f;
}
.outline-pill-dg {
  border: 1px solid #007d7f;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-dg {
  background-color: #007d7f;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #003233;
}
.pill-btn-dg {
  background-color: #007d7f;
  color: #003233;
}
.img-wrapper.bg-cg {
  background-color: #028d9f;
  color: #59eafd;
}
.img-wrapper.bg-cg:hover {
  background-color: #03b5cc;
  color: #acf4fe;
}
.my-panel-cg {
  border: 1px solid rgba(3, 201, 227, 0.3) !important;
  background-color: #03c9e31a;
}
.my-panel-cg .ticker-footer {
  background-color: #03c9e333;
}
.td-pill-cg {
  background-color: #02a1b6 !important;
}
.icon-bg-cg {
  background-color: #03c9e31a !important;
  border-color: #03c9e34d !important;
}
.icon-bg-cg:hover {
  border-color: #03c9e3b3 !important;
  background-color: #03c9e34d !important;
  box-shadow:
    0 2px 4px -1px #03c9e333,
    0 4px 5px #03c9e324,
    0 1px 10px #03c9e31f;
}
.icon-bg-cg:hover .i-mat {
  color: #fff !important;
}
.col-pill-cg {
  background-color: #03c9e3;
  border: 2px solid #03c9e3;
}
.app-title-cg,
.app-icon-cg {
  color: #22e3fc !important;
}
.app-rect-btn-cg {
  color: #02a1b6 !important;
}
.app-rect-btn-cg .i-mat {
  border-color: #03c9e3b3 !important;
}
.app-rect-btn-cg.active {
  color: #03c9e3 !important;
}
.app-rect-btn-cg.active .i-mat {
  background: linear-gradient(45deg, #35d4e9 49%, #02a1b6 50%);
  border-color: #03c9e3e6 !important;
  color: #fff;
}
.app-rect-btn-cg:hover .i-mat {
  border-color: #03c9e3e6 !important;
}
.app-round-btn-cg {
  color: #02a1b6 !important;
}
.app-round-btn-cg .i-mat {
  border-color: #03c9e3b3 !important;
}
.app-round-btn-cg.active {
  color: #03c9e3 !important;
}
.app-round-btn-cg.active .i-mat {
  background: linear-gradient(45deg, #35d4e9 49%, #02a1b6 50%);
  border-color: #03c9e3e6 !important;
  color: #fff;
}
.app-round-btn-cg:hover .i-mat {
  border-color: #03c9e3e6 !important;
}
.outline-box-b0,
.outline-box-cg {
  color: #000;
}
.outline-box-cg .title,
.outline-box-cg .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .outline-box-cg .tt-title,
.outline-box-cg .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .outline-box-cg .dt-pill {
  color: #03c9e3e6;
  font-size: 1.25rem !important;
  text-transform: uppercase;
}
.outline-box-cg .title strong,
.outline-box-cg .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .outline-box-cg .tt-title strong,
.outline-box-cg .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .outline-box-cg .dt-pill strong {
  color: #03c9e3cc;
}
.outline-box-cg .icon-div {
  color: #03c9e3;
}
.outline-box-cg.hvr:hover {
  background-color: #393e4680;
}
.filled-box-cg {
  border: 1px solid #03c9e3;
  background-color: #03c9e3;
  color: #000;
}
.col-txt-cg {
  color: #03c9e3;
}
.col-back-cg {
  background: #03c9e3;
}
.icon-cg {
  color: #03c9e3;
}
.col-bg-cg {
  background-color: #03c9e3e6;
}
.p-card.col-cg {
  border: 1px solid #03c9e3;
}
.outline-pill-cg {
  border: 1px solid #03c9e3;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-cg {
  background-color: #03c9e3;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #01505b;
}
.pill-btn-cg {
  background-color: #03c9e3;
  color: #01505b;
}
.mlr-0 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.mtb-0 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.plr-0 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}
.ptb-0 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.mlr-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.mtb-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.plr-1 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}
.ptb-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.mlr-2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.mtb-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.plr-2 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.ptb-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.mlr-3 {
  margin-right: 1rem;
  margin-left: 1rem;
}
.mtb-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.plr-3 {
  padding-right: 1rem;
  padding-left: 1rem;
}
.ptb-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.mlr-4 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
.mtb-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.plr-4 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.ptb-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.mlr-5 {
  margin-right: 2rem;
  margin-left: 2rem;
}
.mtb-5 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.plr-5 {
  padding-right: 2rem;
  padding-left: 2rem;
}
.ptb-5 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.mlr-6 {
  margin-right: 3rem;
  margin-left: 3rem;
}
.mtb-6 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.plr-6 {
  padding-right: 3rem;
  padding-left: 3rem;
}
.ptb-6 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.txt-mute,
.txt-off {
  color: #6f6f6f;
}
.txt-bold {
  font-weight: 600;
}
.txt-sm {
  font-size: 0.875rem !important;
}
.fcc,
.user-icon .badge,
.record-count-pill {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fsc,
.add-to-fav {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fec,
.utils-header .hdr-menu-items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.fbc,
._popup-basic .o-header,
.popup-tip-panel .o-header,
.quick-edit-panel .o-header,
.popup-notif-panel .o-header,
.popup-info-panel .o-header,
.popup-fav-panel .o-header,
.popup-status-panel .o-header,
.popup-pro-list .o-header,
.popup-quickedit-pamel .o-header,
.popup-subitem-pamel .o-header,
.popup-note-pamel .o-header,
.popup-time-picker-ampm .o-header,
.popup-sidebar-notif .o-header,
.popup-user-info .more-info-row,
.count-and-progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@keyframes border_blinker {
  0% {
    border: 1px solid transparent;
  }
  50% {
    border: 1px solid red;
  }
  to {
    border: 1px solid transparent;
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  to {
    opacity: 1;
  }
}
@keyframes bg_blinker {
  0% {
    background-color: #00a9ff45;
  }
  50% {
    background-color: #00a9ff00;
  }
  to {
    background-color: #00a9ff4e;
  }
}
@keyframes border_blinker {
  0% {
    border-color: #00a9ff45;
  }
  50% {
    border-color: #00a9ff00;
  }
  to {
    border-color: #00a9ff4e;
  }
}
.blink_me {
  animation: bg_blinker 1.5s linear infinite;
}
:root {
  --col-p: red;
}
* {
  box-sizing: border-box;
}
.p-component {
  font-family: Roboto;
  font-size: 0.9rem;
  font-weight: 400;
}
.p-component-overlay {
  background-color: #00000052;
  transition-duration: 0.2s;
}
.p-disabled,
.p-component:disabled {
  opacity: 0.38;
}
.p-error {
  color: #f44435;
}
.p-text-secondary {
  color: #ffffffe6;
}
.pi {
  font-size: 1rem;
}
.p-icon {
  width: 1rem;
  height: 1rem;
}
.p-link {
  font-size: 0.9rem;
  font-family: Roboto;
  border-radius: 0.25rem;
}
.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-component-overlay-leave {
  animation: p-component-overlay-leave-animation 0.15s forwards;
}
@keyframes p-component-overlay-enter-animation {
  0% {
    background-color: transparent;
  }
  to {
    background-color: var(--maskbg);
  }
}
@keyframes p-component-overlay-leave-animation {
  0% {
    background-color: var(--maskbg);
  }
  to {
    background-color: transparent;
  }
}
:root {
  --blue-50: #f7f9fb;
  --blue-100: #d8e1eb;
  --blue-200: #bac9db;
  --blue-300: #9bb1cc;
  --blue-400: #7d99bc;
  --blue-500: #5e81ac;
  --blue-600: #506e92;
  --blue-700: #425a78;
  --blue-800: #34475f;
  --blue-900: #263445;
  --green-50: #f9faf7;
  --green-100: #e0e9da;
  --green-200: #c8d7bd;
  --green-300: #b0c6a0;
  --green-400: #97b483;
  --green-500: #7fa366;
  --green-600: #6c8b57;
  --green-700: #597247;
  --green-800: #465a38;
  --green-900: #334129;
  --yellow-50: #fffaf2;
  --yellow-100: #ffe6c2;
  --yellow-200: #ffd191;
  --yellow-300: #ffbd61;
  --yellow-400: #ffa930;
  --yellow-500: #ff9500;
  --yellow-600: #d97f00;
  --yellow-700: #b36800;
  --yellow-800: #8c5200;
  --yellow-900: #663c00;
  --cyan-50: #f8fbfc;
  --cyan-100: #ddebf0;
  --cyan-200: #c2dbe5;
  --cyan-300: #a7cbd9;
  --cyan-400: #8cbbce;
  --cyan-500: #71abc2;
  --cyan-600: #6091a5;
  --cyan-700: #4f7888;
  --cyan-800: #3e5e6b;
  --cyan-900: #2d444e;
  --pink-50: #fcf7f9;
  --pink-100: #f0d9e2;
  --pink-200: #e3bbcb;
  --pink-300: #d79db3;
  --pink-400: #cb7f9c;
  --pink-500: #bf6185;
  --pink-600: #a25271;
  --pink-700: #86445d;
  --pink-800: #693549;
  --pink-900: #4c2735;
  --indigo-50: #f6f8fa;
  --indigo-100: #d5dbe9;
  --indigo-200: #b3bfd8;
  --indigo-300: #91a3c7;
  --indigo-400: #7086b5;
  --indigo-500: #4e6aa4;
  --indigo-600: #425a8b;
  --indigo-700: #374a73;
  --indigo-800: #2b3a5a;
  --indigo-900: #1f2a42;
  --teal-50: #f7fbf9;
  --teal-100: #d8ebe4;
  --teal-200: #badbcf;
  --teal-300: #9bccba;
  --teal-400: #7dbca5;
  --teal-500: #5eac90;
  --teal-600: #50927a;
  --teal-700: #427865;
  --teal-800: #345f4f;
  --teal-900: #26453a;
  --orange-50: #fdf9f8;
  --orange-100: #f4e2dd;
  --orange-200: #ebcbc2;
  --orange-300: #e2b5a6;
  --orange-400: #d99e8b;
  --orange-500: #d08770;
  --orange-600: #b1735f;
  --orange-700: #925f4e;
  --orange-800: #724a3e;
  --orange-900: #53362d;
  --bluegray-50: #f9f9fa;
  --bluegray-100: #e0e4e8;
  --bluegray-200: #c8ced6;
  --bluegray-300: #afb8c3;
  --bluegray-400: #97a3b1;
  --bluegray-500: #7e8d9f;
  --bluegray-600: #6b7887;
  --bluegray-700: #58636f;
  --bluegray-800: #454e57;
  --bluegray-900: #323840;
  --purple-50: #faf7fa;
  --purple-100: #e7dbe6;
  --purple-200: #d4bed2;
  --purple-300: #c0a1be;
  --purple-400: #ad84aa;
  --purple-500: #9a6796;
  --purple-600: #835880;
  --purple-700: #6c4869;
  --purple-800: #553953;
  --purple-900: #3e293c;
  --red-50: #fcf7f8;
  --red-100: #f0d9db;
  --red-200: #e3bbbf;
  --red-300: #d79da3;
  --red-400: #cb7f86;
  --red-500: #bf616a;
  --red-600: #a2525a;
  --red-700: #86444a;
  --red-800: #69353a;
  --red-900: #4c272a;
  --lg-50: #fbfcf4;
  --lg-100: #ecf1cc;
  --lg-200: #dce6a3;
  --lg-300: #cddb7a;
  --lg-400: #bdd052;
  --lg-500: #aec529;
  --lg-600: #94a723;
  --lg-700: #7a8a1d;
  --lg-800: #606c17;
  --lg-900: #464f10;
  --dg-50: #f2f9f9;
  --dg-100: #c2e0e0;
  --dg-200: #91c7c8;
  --dg-300: #61aeb0;
  --dg-400: #309697;
  --dg-500: #007d7f;
  --dg-600: #006a6c;
  --dg-700: #005859;
  --dg-800: #004546;
  --dg-900: #003233;
  --cg-50: #f2fcfe;
  --cg-100: #c3f2f8;
  --cg-200: #93e8f3;
  --cg-300: #63deee;
  --cg-400: #33d3e8;
  --cg-500: #03c9e3;
  --cg-600: #03abc1;
  --cg-700: #028d9f;
  --cg-800: #026f7d;
  --cg-900: #01505b;
}
.top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.status-tabs {
  display: flex;
  gap: 10px;
  background: #f5f6fa;
  border-radius: 25px;
}
.status-tab {
  border: none;
  background: transparent;
  padding: 6px 16px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  color: #6b7280;
  transition: 0.2s;
}
.status-tab.active {
  background: #5b5ce2;
  color: #fff;
  font-weight: 500;
}
.status-tab:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.header-actions {
  display: flex;
  gap: 10px;
}
.btn.export {
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  background: linear-gradient(135deg, #5b5ce2, #7a7bff);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
.btn.export:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #5b5ce24d;
}
.btn.export:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.dashboard-wrapper {
  position: relative;
}
.skeleton {
  width: 100%;
  height: 700px;
  border-radius: 8px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.2s infinite;
}
@keyframes shimmer {
  0% {
    background-position: 100% 0;
  }
  to {
    background-position: -100% 0;
  }
}
.spinner {
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-top: 2px solid #5b5ce2;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  margin-right: 6px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.toast {
  position: fixed;
  bottom: 20px;
  right: 20px;
  min-width: 260px;
  padding: 12px 16px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  z-index: 9999;
  animation: fadeIn 0.3s ease;
}
.toast.info {
  background: #5b5ce2;
}
.toast.success {
  background: #28a745;
}
.toast.error {
  background: #dc3545;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dropdown {
  position: relative;
}
.dropdown-menu {
  position: absolute;
  top: 110%;
  right: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 16px #00000026;
  overflow: hidden;
  min-width: 160px;
  z-index: 100;
  animation: fadeIn 0.2s ease;
}
.dropdown-menu button {
  width: 100%;
  padding: 10px 14px;
  border: none;
  background: #fff;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
}
.dropdown-menu button:hover {
  background: #f3f4f6;
}
.p-autocomplete .p-autocomplete-loader {
  right: 0.5rem;
}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
  right: 2.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
  padding: 0.125rem 0.5rem;
  gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  border-color: #00a9ff;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #00a9ff;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  padding: 0.125rem 0;
}
.p-autocomplete
  .p-autocomplete-multiple-container
  .p-autocomplete-input-token
  input {
  font-family: Roboto;
  font-size: 0.9rem;
  color: #fff;
  padding: 0;
  margin: 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: 0.125rem 0.5rem;
  background: #32af641a;
  color: #00a9ff;
  border-radius: 0.25rem;
}
.p-autocomplete
  .p-autocomplete-multiple-container
  .p-autocomplete-token
  .p-autocomplete-token-icon {
  margin-left: 0.5rem;
}
p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
  border-color: #f44435;
}
.p-autocomplete-panel {
  background: #222831;
  color: #fff;
  border: 0 none;
  border-radius: 0.25rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
}
.p-autocomplete-panel .p-autocomplete-items {
  padding: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  margin: 0;
  padding: 0.25rem 0.5rem;
  border: 0 none;
  color: #fff;
  background: transparent;
  transition: none;
  border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
  padding: 0.25rem 0.5rem;
  color: #fff;
  background: transparent;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  margin: 0;
  padding: 1rem;
  color: #ffffffe6;
  background: transparent;
  font-weight: 400;
}
p-autocomplete.p-autocomplete-clearable .p-inputtext {
  padding-right: 2rem;
}
p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
  color: #ffffffe6;
  right: 0.5rem;
}
p-autocomplete.p-autocomplete-clearable
  .p-autocomplete-dd
  .p-autocomplete-clear-icon {
  color: #ffffffe6;
  right: 2.5rem;
}
p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
  border-color: #f44435;
}
.p-datepicker {
  padding: 0.5rem;
  background: #393e46;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 0.25rem;
}
.p-datepicker:not(.p-datepicker-inline) {
  background: #222831;
  border: 0 none;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: #222831;
}
.p-datepicker .p-datepicker-header {
  padding: 0.5rem;
  color: #fff;
  background: #393e46;
  font-weight: 500;
  margin: 0;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
  line-height: 1rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  color: #fff;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  font-weight: 500;
  padding: 0rem 0.25rem;
}
.p-datepicker
  .p-datepicker-header
  .p-datepicker-title
  .p-datepicker-year:enabled:hover,
.p-datepicker
  .p-datepicker-header
  .p-datepicker-title
  .p-datepicker-month:enabled:hover {
  color: #00a9ff;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: 0.5rem;
}
.p-datepicker table {
  font-size: 0.9rem;
  margin: 0.5rem 0;
}
.p-datepicker table th {
  padding: 0rem 0.25rem;
}
.p-datepicker table th > span {
  width: 2.5rem;
  height: 2.5rem;
}
.p-datepicker table td {
  padding: 0rem;
}
.p-datepicker table td > span {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: none;
  border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-datepicker table td > span:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-datepicker table td.p-datepicker-today > span {
  background: transparent;
  color: #fff;
  border-color: #ffffff80;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-datepicker .p-datepicker-buttonbar {
  padding: 1rem 0;
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
}
.p-datepicker .p-datepicker-buttonbar .p-button {
  width: auto;
}
.p-datepicker .p-timepicker {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-datepicker .p-timepicker button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-datepicker .p-timepicker button:last-child {
  margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
  font-size: 0.9rem;
}
.p-datepicker .p-timepicker > div {
  padding: 0 0.5rem;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: 0 none;
}
.p-datepicker .p-monthpicker {
  margin: 0.5rem 0;
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
  padding: 0rem;
  transition: none;
  border-radius: 0.25rem;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-datepicker .p-yearpicker {
  margin: 0.5rem 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
  padding: 0rem;
  transition: none;
  border-radius: 0.25rem;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-left: 1px solid hsla(0, 0%, 100%, 0.12);
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  padding-left: 0;
  border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  padding-right: 0;
}
.p-datepicker:not(.p-disabled)
  table
  td
  span:not(.p-highlight):not(.p-disabled):hover {
  background: #ffffff0a;
}
.p-datepicker:not(.p-disabled)
  table
  td
  span:not(.p-highlight):not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-datepicker:not(.p-disabled)
  .p-monthpicker
  .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
  background: #ffffff0a;
}
.p-datepicker:not(.p-disabled)
  .p-monthpicker
  .p-monthpicker-month:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-datepicker:not(.p-disabled)
  .p-yearpicker
  .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
  background: #ffffff0a;
}
.p-datepicker:not(.p-disabled)
  .p-yearpicker
  .p-yearpicker-year:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
p-calendar.p-calendar-clearable .p-inputtext {
  padding-right: 2rem;
}
p-calendar.p-calendar-clearable .p-calendar-clear-icon {
  color: #ffffffe6;
  right: 0.5rem;
}
p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon {
  color: #ffffffe6;
  right: 2.5rem;
}
@media screen and (max-width: 769px) {
  .p-datepicker table th,
  .p-datepicker table td {
    padding: 0;
  }
}
.p-cascadeselect {
  background: #222831;
  border: 1px solid #555;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 0.25rem;
}
.p-cascadeselect:not(.p-disabled):hover {
  border-color: #00a9ff;
}
.p-cascadeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #00a9ff;
}
.p-cascadeselect .p-cascadeselect-label {
  background: transparent;
  border: 0 none;
  padding: 0.25rem 0.5rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
  color: #ffffffe6;
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
  background: transparent;
  color: #ffffffe6;
  width: 2.357rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.p-cascadeselect-panel {
  background: #222831;
  color: #fff;
  border: 0 none;
  border-radius: 0.25rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
}
.p-cascadeselect-panel .p-cascadeselect-items {
  padding: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
  margin: 0;
  border: 0 none;
  color: #fff;
  background: transparent;
  transition: none;
  border-radius: 0;
}
.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item
  .p-cascadeselect-item-content {
  padding: 0.25rem 0.5rem;
}
.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item
  .p-cascadeselect-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #fff;
  background: #ffffff0a;
}
.p-cascadeselect-panel
  .p-cascadeselect-items
  .p-cascadeselect-item
  .p-cascadeselect-group-icon {
  font-size: 0.9rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon {
  width: 0.9rem;
  height: 0.9rem;
}
p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
  border-color: #f44435;
}
.p-input-filled .p-cascadeselect {
  background: #ffffff0f;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
  background-color: #ffffff14;
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
  background-color: #ffffff1a;
}
p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
  padding-right: 0.5rem;
}
p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
  color: #ffffffe6;
  right: 2.357rem;
}
.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
  box-shadow: none;
  border-radius: 0;
  padding: 0.25rem 0 0.25rem 0.5rem;
}
.p-overlay-modal
  .p-cascadeselect-item-active
  > .p-cascadeselect-item-content
  .p-cascadeselect-group-icon {
  transform: rotate(90deg);
}
.p-checkbox {
  width: 18px;
  height: 18px;
}
.p-checkbox .p-checkbox-box {
  border: 2px solid #929292;
  background: #fff;
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 0.25rem;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: var(--text-color);
  font-size: 14px;
}
.p-checkbox .p-checkbox-box .p-icon {
  width: 14px;
  height: 14px;
}
.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #7066ff;
  background: #7066ff;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: #7066ff;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #00a9ff;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  border-color: #7066ff;
  background: #7066ff;
  color: var(--text-color);
}
p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
  border-color: #f44435;
}
.p-input-filled .p-checkbox .p-checkbox-box {
  background-color: #ffffff0f;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
  background: #7066ff;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  background-color: #ffffff14;
}
.p-input-filled
  .p-checkbox:not(.p-checkbox-disabled)
  .p-checkbox-box.p-highlight:hover {
  background: #7066ff;
}
.p-checkbox-label {
  margin-left: 0.5rem;
}
.p-chips .p-chips-multiple-container {
  padding: 0.125rem 0.5rem;
  gap: 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
  border-color: #00a9ff;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #00a9ff;
}
.p-chips .p-chips-multiple-container .p-chips-token {
  padding: 0.125rem 0.5rem;
  background: #32af641a;
  color: #00a9ff;
  border-radius: 0.25rem;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  margin-left: 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: 0.125rem 0;
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
  font-family: Roboto;
  font-size: 0.9rem;
  color: #fff;
  padding: 0;
  margin: 0;
}
p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
  border-color: #f44435;
}
p-chips.p-chips-clearable .p-inputtext {
  padding-right: 1.5rem;
}
p-chips.p-chips-clearable .p-chips-clear-icon {
  color: #ffffffe6;
  right: 0.5rem;
}
.p-colorpicker-preview,
.p-fluid .p-colorpicker-preview.p-inputtext {
  width: 2rem;
  height: 2rem;
}
.p-colorpicker-panel {
  background: #2b2b2b;
  border: 1px solid #393e46;
}
.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
  border-color: #fff;
}
.p-colorpicker-overlay-panel {
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
}
.p-dropdown {
  background: #222831;
  border: 1px solid #555;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 0.25rem;
  width: 100%;
}
.p-dropdown:not(.p-disabled):hover {
  border-color: #00a9ff;
}
.p-dropdown:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #00a9ff;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
  padding-right: 1.5rem;
}
.p-dropdown .p-dropdown-label {
  background: transparent;
  border: 0 none;
}
.p-dropdown .p-dropdown-label.p-placeholder {
  color: #ffffffe6;
}
.p-dropdown .p-dropdown-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}
.p-dropdown .p-dropdown-trigger {
  background: transparent;
  color: #ffffffe6;
  width: 2.357rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.p-dropdown .p-dropdown-clear-icon {
  color: #ffffffe6;
  right: 2.357rem;
}
.p-dropdown-panel {
  background: #222831;
  color: #fff;
  border: 0 none;
  border-radius: 0.25rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
}
.p-dropdown-panel .p-dropdown-header {
  padding: 0.25rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
  background: #222831;
  margin: 0;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
  padding-right: 1.5rem;
  margin-right: -1.5rem;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
  right: 0.5rem;
  color: #ffffffe6;
}
.p-dropdown-panel .p-dropdown-items {
  padding: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  margin: 0;
  padding: 0.25rem 0.5rem;
  border: 0 none;
  color: #fff;
  background: transparent;
  transition: none;
  border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-dropdown-panel
  .p-dropdown-items
  .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  color: #fff;
  background: #ffffff0a;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  padding: 0.25rem 0.5rem;
  color: #fff;
  background: transparent;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  margin: 0;
  padding: 1rem;
  color: #ffffffe6;
  background: transparent;
  font-weight: 400;
}
p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
  border-color: #f44435;
}
.p-input-filled .p-dropdown {
  background: #ffffff0f;
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
  background-color: #ffffff14;
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
  background-color: #ffffff1a;
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
  background-color: transparent;
}
.p-editor-container {
  width: 50rem;
}
.p-editor-container .p-editor-toolbar {
  background: #393e46;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #ffffffe6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #ffffffe6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #ffffffe6;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker
  .ql-picker-label:hover {
  color: #fff;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker
  .ql-picker-label:hover
  .ql-stroke {
  stroke: #fff;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker
  .ql-picker-label:hover
  .ql-fill {
  fill: #fff;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label {
  color: #fff;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label
  .ql-stroke {
  stroke: #fff;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label
  .ql-fill {
  fill: #fff;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options {
  background: #222831;
  border: 0 none;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
  border-radius: 0.25rem;
  padding: 0;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options
  .ql-picker-item {
  color: #fff;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-options
  .ql-picker-item:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-editor-container
  .p-editor-toolbar.ql-snow
  .ql-picker.ql-expanded:not(.ql-icon-picker)
  .ql-picker-item {
  padding: 0.25rem 0.5rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.p-editor-container .p-editor-content .ql-editor {
  background: #222831;
  color: #fff;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #fff;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #fff;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #fff;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #00a9ff;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #00a9ff;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #00a9ff;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-label.ql-active
  .ql-picker-label,
.p-editor-container
  .ql-snow.ql-toolbar
  .ql-picker-item.ql-selected
  .ql-picker-label {
  color: #00a9ff;
}
.p-inputgroup-addon {
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  padding: 0.25rem 0.5rem;
  min-width: 2.357rem;
}
.p-inputgroup-addon:last-child {
  border-right: 1px solid #555;
}
.p-inputgroup > .p-component,
.p-inputgroup > .p-element,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
  border-radius: 0;
  margin: 0;
}
.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-element + .p-inputgroup-addon,
.p-inputgroup
  > .p-inputwrapper
  > .p-component
  > .p-inputtext
  + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
  border-left: 0 none;
}
.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-element:focus,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
  z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-element:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
  z-index: 1;
}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-component,
.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-inputgroup .p-float-label:first-child input {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-component,
.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.p-inputgroup .p-float-label:last-child input {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.p-fluid .p-inputgroup .p-button {
  width: auto;
}
.p-fluid .p-inputgroup .p-button.p-button-icon-only {
  width: 2rem !important;
  padding: 0.4rem !important;
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
  border-color: #f44435;
}
p-inputmask.p-inputmask-clearable .p-inputtext {
  padding-right: 2rem;
}
p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
  color: #ffffffe6;
  right: 0.5rem;
}
p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
  border-color: #f44435;
}
p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
  padding-right: 2rem;
}
p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
  color: #ffffffe6;
  right: 0.5rem;
}
p-inputnumber.p-inputnumber-clearable
  .p-inputnumber-buttons-stacked
  .p-inputnumber-clear-icon {
  right: 2.5rem;
}
p-inputnumber.p-inputnumber-clearable
  .p-inputnumber-buttons-horizontal
  .p-inputnumber-clear-icon {
  right: 2.5rem;
}
.p-inputswitch {
  width: 2.75rem;
  height: 1rem;
}
.p-inputswitch .p-inputswitch-slider {
  background: #ffffff4d;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
}
.p-inputswitch .p-inputswitch-slider:before {
  background: #bdbdbd;
  width: 1.5rem;
  height: 1.5rem;
  left: -1px;
  margin-top: -0.75rem;
  border-radius: 50%;
  transition-duration: 0.2s;
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #00a9ff80;
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  background: #00a9ff;
  border: 1px solid rgba(0, 0, 0, 0.3764705882);
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translate(1.5rem);
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
  border: 1px solid rgba(0, 0, 0, 0.3764705882);
}
p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
  border-color: #f44435;
}
.p-inputtext {
  font-family: Roboto;
  font-size: 0.9rem;
  color: #000;
  padding: 0.25rem 0.5rem;
  border: 1px solid #555;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  appearance: none;
  border-radius: 0.25rem;
}
.p-inputtext:enabled:hover {
  border-color: #00a9ff;
}
.p-inputtext:enabled:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #00a9ff;
}
.p-inputtext.ng-dirty.ng-invalid {
  border-color: #f44435;
}
.p-inputtext.p-inputtext-sm {
  font-size: 0.7875rem;
  padding: 0.21875rem 0.4375rem;
}
.p-inputtext.p-inputtext-lg {
  font-size: 1.125rem;
  padding: 0.3125rem 0.625rem;
}
.p-float-label > label {
  left: 0.5rem;
  color: #ffffffe6;
  transition-duration: 0.2s;
}
.p-float-label > .ng-invalid.ng-dirty + label {
  color: #f44435;
}
.p-input-icon-left > .p-icon-wrapper.p-icon,
.p-input-icon-left > i:first-of-type {
  left: 0.5rem;
  color: #ffffffe6;
}
.p-input-icon-left > .p-inputtext {
  padding-left: 2rem;
}
.p-input-icon-left.p-float-label > label {
  left: 2rem;
}
.p-input-icon-right > .p-icon-wrapper,
.p-input-icon-right > i:last-of-type {
  right: 0.5rem;
  color: #ffffffe6;
}
.p-input-icon-right > .p-inputtext {
  padding-right: 2rem;
}
::-webkit-input-placeholder {
  color: #ffffffe6;
}
:-moz-placeholder {
  color: #ffffffe6;
}
::-moz-placeholder {
  color: #ffffffe6;
}
:-ms-input-placeholder {
  color: #ffffffe6;
}
.p-input-filled .p-inputtext {
  background-color: #ffffff0f;
}
.p-input-filled .p-inputtext:enabled:hover {
  background-color: #ffffff14;
}
.p-input-filled .p-inputtext:enabled:focus {
  background-color: #ffffff1a;
}
.p-inputtext-sm .p-inputtext {
  font-size: 0.7875rem;
  padding: 0.21875rem 0.4375rem;
}
.p-inputtext-lg .p-inputtext {
  font-size: 1.125rem;
  padding: 0.3125rem 0.625rem;
}
.p-listbox {
  background: #393e46;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 0.25rem;
}
.p-listbox .p-listbox-header {
  padding: 0.25rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
  background: #393e46;
  margin: 0;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-listbox .p-listbox-header .p-listbox-filter {
  padding-right: 1.5rem;
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
  right: 0.5rem;
  color: #ffffffe6;
}
.p-listbox .p-listbox-header .p-checkbox {
  margin-right: 0.5rem;
}
.p-listbox .p-listbox-list {
  padding: 0;
}
.p-listbox .p-listbox-list .p-listbox-item {
  margin: 0;
  padding: 0.25rem 0.5rem;
  border: 0 none;
  color: #fff;
  transition: none;
  border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-listbox .p-listbox-list .p-listbox-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
  margin-right: 0.5rem;
}
.p-listbox .p-listbox-list .p-listbox-item-group {
  margin: 0;
  padding: 1rem;
  color: #ffffffe6;
  background: transparent;
  font-weight: 400;
}
.p-listbox .p-listbox-list .p-listbox-empty-message {
  padding: 0.25rem 0.5rem;
  color: #fff;
  background: transparent;
}
.p-listbox:not(.p-disabled)
  .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  color: #fff;
  background: #ffffff0a;
}
p-listbox.ng-dirty.ng-invalid > .p-listbox {
  border-color: #f44435;
}
.p-multiselect {
  background: #222831;
  border: 1px solid #555;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 0.25rem;
}
.p-multiselect:not(.p-disabled):hover {
  border-color: #00a9ff;
}
.p-multiselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #00a9ff;
}
.p-multiselect .p-multiselect-label {
  padding: 0.25rem 0.5rem;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-multiselect .p-multiselect-label.p-placeholder {
  color: #ffffffe6;
}
.p-multiselect.p-multiselect-chip .p-multiselect-label {
  gap: 0.5rem;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token {
  padding: 0.125rem 0.5rem;
  background: #32af641a;
  color: #00a9ff;
  border-radius: 0.25rem;
}
.p-multiselect.p-multiselect-chip
  .p-multiselect-token
  .p-multiselect-token-icon {
  margin-left: 0.5rem;
}
.p-multiselect .p-multiselect-trigger {
  background: transparent;
  color: #ffffffe6;
  width: 2.357rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
  padding: 0.125rem 0.5rem;
}
.p-multiselect-panel {
  background: #222831;
  color: #fff;
  border: 0 none;
  border-radius: 0.25rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
}
.p-multiselect-panel .p-multiselect-header {
  padding: 0.25rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
  background: #222831;
  margin: 0;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-multiselect-panel
  .p-multiselect-header
  .p-multiselect-filter-container
  .p-inputtext {
  padding-right: 1.5rem;
}
.p-multiselect-panel
  .p-multiselect-header
  .p-multiselect-filter-container
  .p-multiselect-filter-icon {
  right: 0.5rem;
  color: #ffffffe6;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
  margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  margin-left: 0.5rem;
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items {
  padding: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  margin: 0;
  padding: 0.25rem 0.5rem;
  border: 0 none;
  color: #fff;
  background: transparent;
  transition: none;
  border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-multiselect-panel
  .p-multiselect-items
  .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #fff;
  background: #ffffff0a;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  margin: 0;
  padding: 1rem;
  color: #ffffffe6;
  background: transparent;
  font-weight: 400;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  padding: 0.25rem 0.5rem;
  color: #fff;
  background: transparent;
}
p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
  border-color: #f44435;
}
.p-input-filled .p-multiselect {
  background: #ffffff0f;
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
  background-color: #ffffff14;
}
.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background-color: #ffffff1a;
}
p-multiselect.p-multiselect-clearable .p-multiselect-label-container {
  padding-right: 1.5rem;
}
p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
  color: #ffffffe6;
  right: 2.357rem;
}
p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
  border-color: #f44435;
}
.p-password-panel {
  padding: 1rem;
  background: #393e4680;
  color: #fff;
  border: 0 none;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
  border-radius: 0.25rem;
}
.p-password-panel .p-password-meter {
  margin-bottom: 0.5rem;
  background: #00a9ff52;
}
.p-password-panel .p-password-meter .p-password-strength.weak {
  background: #ef9a9a;
}
.p-password-panel .p-password-meter .p-password-strength.medium {
  background: #fff59d;
}
.p-password-panel .p-password-meter .p-password-strength.strong {
  background: #c5e1a5;
}
p-password.p-password-clearable .p-password-input {
  padding-right: 2rem;
}
p-password.p-password-clearable .p-password-clear-icon {
  color: #ffffffe6;
  right: 0.5rem;
}
p-password.p-password-clearable.p-password-mask .p-password-input {
  padding-right: 3.5rem;
}
p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
  color: #ffffffe6;
  right: 2rem;
}
.p-radiobutton {
  width: 20px;
  height: 20px;
}
.p-radiobutton .p-radiobutton-box {
  border: 2px solid hsla(0, 0%, 100%, 0.7);
  background: #222831;
  width: 20px;
  height: 20px;
  color: #fff;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color: #00a9ff;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #00a9ff;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 0.9rem;
  height: 0.9rem;
  transition-duration: 0.2s;
  background-color: #00a9ff;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #00a9ff;
  background: var(--text-color);
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  border-color: #00a9ff;
  background: var(--text-color);
  color: #00a9ff;
}
p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
  border-color: #f44435;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
  background-color: #ffffff0f;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  background-color: #ffffff14;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
  background: var(--text-color);
}
.p-input-filled
  .p-radiobutton
  .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  background: var(--text-color);
}
.p-radiobutton-label {
  margin-left: 0.5rem;
}
.p-rating {
  gap: 0.5rem;
}
.p-rating .p-rating-icon {
  color: #00a9ff;
  margin-left: 0.5rem;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  font-size: 0.9rem;
}
.p-rating .p-rating-icon.p-icon {
  width: 0.9rem;
  height: 0.9rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
  color: #f44435;
}
.p-rating .p-rating-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-rating .p-rating-icon:first-child {
  margin-left: 0;
}
.p-rating .p-rating-icon.p-rating-icon-active {
  color: #00a9ff;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
  color: #00a9ff;
}
.p-rating:not(.p-disabled):not(.p-readonly)
  .p-rating-icon.p-rating-cancel:hover {
  color: #f44435;
}
.p-selectbutton .p-button {
  background: #2f2f2f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
  color: #ffffffe6;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #373737;
  border-color: #ffffff1f;
  color: #fff;
}
.p-selectbutton
  .p-button:not(.p-disabled):not(.p-highlight):hover
  .p-button-icon-left,
.p-selectbutton
  .p-button:not(.p-disabled):not(.p-highlight):hover
  .p-button-icon-right {
  color: #ffffffe6;
}
.p-selectbutton .p-button.p-highlight {
  background: #32af64cc;
  border-color: transparent;
  color: #fff;
}
.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
  color: #ffffffe6;
}
.p-selectbutton .p-button.p-highlight:hover {
  background: #32af64;
  border-color: transparent;
  color: #fff;
}
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
  color: #ffffffe6;
}
p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
  border-color: #f44435;
}
.p-slider {
  background: #ffffff4d;
  border: 0 none;
  border-radius: 0.25rem;
}
.p-slider.p-slider-horizontal {
  height: 2px;
}
.p-slider.p-slider-horizontal .p-slider-handle {
  margin-top: -10px;
  margin-left: -10px;
}
.p-slider.p-slider-vertical {
  width: 2px;
}
.p-slider.p-slider-vertical .p-slider-handle {
  margin-left: -10px;
  margin-bottom: -10px;
}
.p-slider .p-slider-handle {
  height: 20px;
  width: 20px;
  background: #00a9ff;
  border: 0 none;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-slider .p-slider-handle:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-slider .p-slider-range {
  background: #00a9ff;
}
.p-slider:not(.p-disabled) .p-slider-handle:hover {
  background: #00a9ff;
  border-color: 0 none;
}
.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1),
    left 0.2s;
}
.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
  transition: width 0.2s;
}
.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1),
    bottom 0.2s;
}
.p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
  transition: height 0.2s;
}
.p-togglebutton.p-button {
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  padding: 2px 0.5rem;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
  color: #ffffffe6;
}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #373737;
  border-color: #ffffff1f;
  color: #fff;
}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover
  .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover
  .p-button-icon-right {
  color: #ffffffe6;
}
.p-togglebutton.p-button.p-highlight {
  background: #32af64cc;
  border-color: transparent;
  color: #fff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
  color: #ffffffe6;
}
.p-togglebutton.p-button.p-highlight:hover {
  background: #32af64;
  border-color: transparent;
  color: #fff;
}
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
  color: #ffffffe6;
}
p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
  border-color: #f44435;
}
.p-treeselect {
  background: #222831;
  border: 1px solid #555;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 0.25rem;
}
.p-treeselect:not(.p-disabled):hover {
  border-color: #00a9ff;
}
.p-treeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  border-color: #00a9ff;
}
.p-treeselect .p-treeselect-label {
  padding: 0.25rem 0.5rem;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-treeselect .p-treeselect-label.p-placeholder {
  color: #ffffffe6;
}
.p-treeselect.p-treeselect-chip .p-treeselect-token {
  padding: 0.125rem 0.5rem;
  margin-right: 0.5rem;
  background: #ffffff1f;
  color: #fff;
  border-radius: 16px;
}
.p-treeselect .p-treeselect-trigger {
  background: transparent;
  color: #ffffffe6;
  width: 2.357rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
  border-color: #f44435;
}
.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
  padding: 0.125rem 0.5rem;
}
.p-treeselect-panel {
  background: #222831;
  color: #fff;
  border: 0 none;
  border-radius: 0.25rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
}
.p-treeselect-panel .p-treeselect-header {
  padding: 0.25rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
  background: #222831;
  margin: 0;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
  margin-right: 0.5rem;
}
.p-treeselect-panel
  .p-treeselect-header
  .p-treeselect-filter-container
  .p-treeselect-filter {
  padding-right: 1.5rem;
}
.p-treeselect-panel
  .p-treeselect-header
  .p-treeselect-filter-container
  .p-treeselect-filter-icon {
  right: 0.5rem;
  color: #ffffffe6;
}
.p-treeselect-panel
  .p-treeselect-header
  .p-treeselect-filter-container.p-treeselect-clearable-filter
  .p-treeselect-filter {
  padding-right: 3rem;
}
.p-treeselect-panel
  .p-treeselect-header
  .p-treeselect-filter-container.p-treeselect-clearable-filter
  .p-treeselect-filter-clear-icon {
  right: 2rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
  border: 0 none;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
  padding: 0.25rem 0.5rem;
  color: #fff;
  background: transparent;
}
.p-input-filled .p-treeselect {
  background: #ffffff0f;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
  background-color: #ffffff14;
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
  background-color: #ffffff1a;
}
p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
  padding-right: 1.5rem;
}
p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
  color: #ffffffe6;
  right: 2rem;
}
.p-button {
  border-radius: 8px;
  padding: 0.25rem 0.5rem;
  font-size: 0.9rem;
  transition: 0.5s;
  cursor: pointer;
}
.p-button:enabled:hover {
  background: #00a9ff;
  color: #fff;
}
.p-button:enabled:active {
  background: #33baff;
  color: #fff;
}
.p-button.p-button-outlined {
  background-color: transparent;
  color: #fff;
  border: 1px solid #00a9ff;
}
.p-button.p-button-outlined:enabled:hover {
  background-color: #00a9ff;
  border: 1px solid #00a9ff;
  color: #fff;
}
.p-button.p-button-text {
  background-color: transparent;
  color: #00a9ff;
  border-color: transparent;
  padding: 0px 0.25rem !important;
}
.p-button.p-button-text:enabled:hover {
  background-color: transparent !important;
  border-color: transparent;
}
.p-button.p-button-text:enabled:active {
  background-color: transparent !important;
  border-color: transparent;
}
.p-button:focus {
  border: 1px solid white;
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset none;
}
.p-button .p-button-label {
  transition-duration: 0.2s;
}
.p-button .p-button-icon-left {
  margin-right: 0.5rem;
}
.p-button .p-button-icon-right {
  margin-left: 0.5rem;
}
.p-button .p-button-icon-bottom {
  margin-top: 0.5rem;
}
.p-button .p-button-icon-top {
  margin-bottom: 0.5rem;
}
.p-button .p-badge {
  margin-left: 0.5rem;
  min-width: 0.9rem;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #0087cc;
  background-color: #fff;
}
.p-button.p-button-raised {
  box-shadow:
    0 3px 1px -2px #0003,
    0 2px 2px #00000024,
    0 1px 5px #0000001f;
}
.p-button.p-button-rounded {
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
}
.p-button.p-button-icon-only {
  width: 2rem;
  padding: 0.714rem;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
  margin: 0;
}
.p-button.p-button-icon-only.p-button-rounded {
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
}
.p-fluid .p-button {
  width: 100%;
}
.p-fluid .p-button-icon-only {
  width: 2rem;
}
.p-fluid .p-buttonset {
  display: flex;
}
.p-fluid .p-buttonset .p-button {
  flex: 1;
}
.p-button.p-button-info,
.p-buttonset.p-button-info > .p-button,
.p-splitbutton.p-button-info > .p-button {
  color: #212121;
  background: #00a9ff;
  border: 0 none;
}
.p-button.p-button-info:enabled:hover,
.p-buttonset.p-button-info > .p-button:enabled:hover,
.p-splitbutton.p-button-info > .p-button:enabled:hover {
  background: #00a9ffeb;
  color: #212121;
  border-color: transparent;
}
.p-button.p-button-info:enabled:active,
.p-buttonset.p-button-info > .p-button:enabled:active,
.p-splitbutton.p-button-info > .p-button:enabled:active {
  background: #00a9ffad;
  color: #212121;
  border-color: transparent;
}
.p-button.p-button-info.p-button-outlined,
.p-buttonset.p-button-info > .p-button.p-button-outlined,
.p-splitbutton.p-button-info > .p-button.p-button-outlined {
  background-color: transparent;
  color: #00a9ff;
  border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:hover,
.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  background: #00a9ff66;
  color: #00a9ff;
  border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:active,
.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  background: #00a9ff29;
  color: #00a9ff;
  border: 1px solid;
}
.p-button.p-button-success,
.p-buttonset.p-button-success > .p-button,
.p-splitbutton.p-button-success > .p-button {
  background: #32af64;
  border: 1px solid white;
}
.p-button.p-button-success:enabled:hover,
.p-buttonset.p-button-success > .p-button:enabled:hover,
.p-splitbutton.p-button-success > .p-button:enabled:hover {
  border: 1px solid white;
  background: #32af64eb;
}
.p-button.p-button-success.p-button-outlined,
.p-buttonset.p-button-success > .p-button.p-button-outlined,
.p-splitbutton.p-button-success > .p-button.p-button-outlined {
  background-color: transparent;
  color: #32af64;
  border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:hover,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  background: #32af6466;
  color: #32af64;
  border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:active,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  background: #32af6429;
  color: #32af64;
  border: 1px solid;
}
.p-button.p-button-danger,
.p-buttonset.p-button-danger > .p-button,
.p-splitbutton.p-button-danger > .p-button {
  color: #212121;
  background: #fc295e;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.p-button.p-button-danger.p-button-outlined,
.p-buttonset.p-button-danger > .p-button.p-button-outlined,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined {
  background-color: transparent;
  color: #fc295e;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:hover,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  border-color: transparent;
  background-color: transparent;
  color: #fd8eaa;
}
.p-button.p-button-danger.p-button-outlined:enabled:active,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  border-color: transparent;
  background-color: transparent;
  color: #fd8eaa;
}
.p-speeddial-button.p-button.p-button-icon-only {
  width: 4rem;
  height: 4rem;
}
.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
  font-size: 2rem;
}
.p-speeddial-button.p-button.p-button-icon-only .p-icon {
  width: 2rem;
  height: 2rem;
}
.p-speeddial-list {
  outline: 0 none;
}
.p-speeddial-item.p-focus > .p-speeddial-action {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-speeddial-action {
  width: 3rem;
  height: 3rem;
  background: #66cbff33;
  color: #212121;
}
.p-speeddial-action:hover {
  background: #66cbffeb;
  color: #212121;
}
.p-speeddial-direction-up .p-speeddial-item {
  margin: 0.25rem 0;
}
.p-speeddial-direction-up .p-speeddial-item:first-child {
  margin-bottom: 0.5rem;
}
.p-speeddial-direction-down .p-speeddial-item {
  margin: 0.25rem 0;
}
.p-speeddial-direction-down .p-speeddial-item:first-child {
  margin-top: 0.5rem;
}
.p-speeddial-direction-left .p-speeddial-item {
  margin: 0 0.25rem;
}
.p-speeddial-direction-left .p-speeddial-item:first-child {
  margin-right: 0.5rem;
}
.p-speeddial-direction-right .p-speeddial-item {
  margin: 0 0.25rem;
}
.p-speeddial-direction-right .p-speeddial-item:first-child {
  margin-left: 0.5rem;
}
.p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
  margin: 0;
}
.p-speeddial-circle .p-speeddial-item:first-child,
.p-speeddial-circle .p-speeddial-item:last-child,
.p-speeddial-semi-circle .p-speeddial-item:first-child,
.p-speeddial-semi-circle .p-speeddial-item:last-child,
.p-speeddial-quarter-circle .p-speeddial-item:first-child,
.p-speeddial-quarter-circle .p-speeddial-item:last-child {
  margin: 0;
}
.p-speeddial-mask {
  background-color: #00000052;
}
.p-splitbutton {
  border-radius: 0.25rem;
  height: 1.75rem;
}
.p-splitbutton.p-button-outlined > .p-button {
  background-color: transparent;
  color: #0087cc;
  border: 1px solid;
}
.p-splitbutton.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #0087cc66;
  color: #0087cc;
}
.p-splitbutton.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #0087cc29;
  color: #0087cc;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
  color: #ffffffe6;
  border-color: #ffffffe6;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover,
.p-splitbutton.p-button-outlined.p-button-plain
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #ffffff0a;
  color: #ffffffe6;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active,
.p-splitbutton.p-button-outlined.p-button-plain
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #ffffff29;
  color: #ffffffe6;
}
.p-splitbutton.p-button-text > .p-button {
  background-color: transparent;
  color: #0087cc;
  border-color: transparent;
}
.p-splitbutton.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #0087cc66;
  color: #0087cc;
  border-color: transparent;
}
.p-splitbutton.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #0087cc29;
  color: #0087cc;
  border-color: transparent;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button {
  color: #ffffffe6;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover,
.p-splitbutton.p-button-text.p-button-plain
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #ffffff0a;
  color: #ffffffe6;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active,
.p-splitbutton.p-button-text.p-button-plain
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #ffffff29;
  color: #ffffffe6;
}
.p-splitbutton.p-button-raised {
  box-shadow:
    0 3px 1px -2px #0003,
    0 2px 2px #00000024,
    0 1px 5px #0000001f;
}
.p-splitbutton.p-button-rounded {
  border-radius: 50%;
}
.p-splitbutton.p-button-rounded > .p-button {
  border-radius: 50%;
}
.p-splitbutton.p-button-sm > .p-button {
  font-size: 0.7875rem;
  padding: 0.21875rem 0.4375rem;
}
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
  font-size: 0.875rem;
}
.p-splitbutton.p-button-lg > .p-button {
  font-size: 1.125rem;
  padding: 0.3125rem 0.625rem;
}
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
  font-size: 1.25rem;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
  background-color: transparent;
  color: #32af64;
  border: 1px solid;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #32af6466;
  color: #32af64;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-secondary.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #32af6429;
  color: #32af64;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
  background-color: transparent;
  color: #32af64;
  border-color: transparent;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #32af6466;
  border-color: transparent;
  color: #32af64;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-secondary.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #32af6429;
  border-color: transparent;
  color: #32af64;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
  background-color: transparent;
  color: #00a9ff;
  border: 1px solid;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-info.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #00a9ff66;
  color: #00a9ff;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-info.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #00a9ff29;
  color: #00a9ff;
}
.p-splitbutton.p-button-info.p-button-text > .p-button {
  background-color: transparent;
  color: #00a9ff;
  border-color: transparent;
}
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-info.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #00a9ff66;
  border-color: transparent;
  color: #00a9ff;
}
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-info.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #00a9ff29;
  border-color: transparent;
  color: #00a9ff;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
  background-color: transparent;
  color: #32af64;
  border: 1px solid;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-success.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #32af6466;
  color: #32af64;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-success.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #32af6429;
  color: #32af64;
}
.p-splitbutton.p-button-success.p-button-text > .p-button {
  background-color: transparent;
  color: #32af64;
  border-color: transparent;
}
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-success.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #32af6466;
  border-color: transparent;
  color: #32af64;
}
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-success.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #32af6429;
  border-color: transparent;
  color: #32af64;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
  background-color: transparent;
  color: #ff9500;
  border: 1px solid;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-warning.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #ff950066;
  color: #ff9500;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-warning.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #ff950029;
  color: #ff9500;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button {
  background-color: transparent;
  color: #ff9500;
  border-color: transparent;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-warning.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #ff950066;
  border-color: transparent;
  color: #ff9500;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-warning.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #ff950029;
  border-color: transparent;
  color: #ff9500;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
  background-color: transparent;
  color: #66cbff33;
  border: 1px solid;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-help.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #66cbff66;
  color: #66cbff33;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-help.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #66cbff29;
  color: #66cbff33;
}
.p-splitbutton.p-button-help.p-button-text > .p-button {
  background-color: transparent;
  color: #66cbff33;
  border-color: transparent;
}
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-help.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #66cbff66;
  border-color: transparent;
  color: #66cbff33;
}
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-help.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #66cbff29;
  border-color: transparent;
  color: #66cbff33;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
  background-color: transparent;
  color: #fc295e;
  border: 1px solid;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-danger.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #fc295e66;
  color: #fc295e;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-danger.p-button-outlined
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #fc295e29;
  color: #fc295e;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button {
  background-color: transparent;
  color: #fc295e;
  border-color: transparent;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-danger.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #fc295e66;
  border-color: transparent;
  color: #fc295e;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-danger.p-button-text
  > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #fc295e29;
  border-color: transparent;
  color: #fc295e;
}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-carousel .p-carousel-content .p-carousel-prev:focus,
.p-carousel .p-carousel-content .p-carousel-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-carousel .p-carousel-indicators {
  padding: 1rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background-color: #ffffff4d;
  width: 2rem;
  height: 0.5rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
  background: #fff9;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background: #32af641a;
  color: #00a9ff;
}
.p-datatable .p-paginator-top,
.p-datatable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-datatable .p-datatable-header {
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-width: 0 0 1px 0;
  padding: 1rem;
  font-weight: 500;
}
.p-datatable .p-datatable-footer {
  background: #393e46;
  color: #fff;
  border: 1px solid #555;
  border-width: 0 0 1px 0;
  padding: 1rem;
  font-weight: 500;
}
.p-datatable .p-datatable-thead > tr > th {
  text-align: center;
  padding: 1rem;
  border: 1px solid #555;
  border-width: 0 0 1px 0;
  font-weight: 500;
  color: #7066ff;
  background: #867aff0a;
  transition: none;
  text-transform: none !important;
}
.p-datatable .p-datatable-thead > tr > th:first-child {
  text-align: left !important;
}
.p-datatable .subtask-indent {
  padding-left: 1.5rem;
}
.p-datatable .p-datatable-tfoot > tr > td {
  text-align: center;
  padding: 1rem;
  border: 1px solid #555;
  border-width: 0 0 1px 0;
  font-weight: 500;
  color: #fff;
  background: #393e46;
}
.p-datatable .p-datatable-tbody > tr {
  background: #fff !important;
  color: inherit !important;
  transition: none;
}
.p-datatable .p-datatable-tbody > tr > td {
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 0 1px 0;
  padding: 1rem;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
  margin-right: 0.5rem;
}
.p-datatable .p-datatable-tbody > tr:focus {
  outline: 0.15rem solid transparent;
  outline-offset: 0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
  background: #32af641a;
  color: #00a9ff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px #32af641a;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px #32af641a;
}
.p-datatable.p-datatable-hoverable-rows
  .p-datatable-tbody
  > tr:not(.p-highlight):hover {
  background: #32af641a;
  color: #00a9ff;
}
.p-datatable .p-column-resizer-helper {
  background: #00a9ff;
}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
  background: #393e46;
}
.p-datatable.p-datatable-scrollable
  > .p-datatable-wrapper
  > .p-datatable-table
  > .p-datatable-thead,
.p-datatable.p-datatable-scrollable
  > .p-datatable-wrapper
  > .p-datatable-table
  > .p-datatable-tfoot,
.p-datatable.p-datatable-scrollable
  > .p-datatable-wrapper
  > .p-scroller-viewport
  > .p-scroller
  > .p-datatable-table
  > .p-datatable-thead,
.p-datatable.p-datatable-scrollable
  > .p-datatable-wrapper
  > .p-scroller-viewport
  > .p-scroller
  > .p-datatable-table
  > .p-datatable-tfoot {
  background-color: #393e46;
}
.p-datatable .p-datatable-loading-icon {
  font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
  border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
  border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
  border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  border-width: 1px 0 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
  border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
  border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines
  .p-datatable-tbody
  > tr:last-child
  > td:last-child {
  border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
  border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
  border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines
  .p-datatable-thead
  + .p-datatable-tfoot
  > tr
  > td {
  border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines
  .p-datatable-thead
  + .p-datatable-tfoot
  > tr
  > td:last-child {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
    .p-datatable-tbody
  )
  .p-datatable-tbody
  > tr
  > td {
  border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
    .p-datatable-tbody
  )
  .p-datatable-tbody
  > tr
  > td:last-child {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
    .p-datatable-tfoot
  )
  .p-datatable-tbody
  > tr:last-child
  > td {
  border-width: 0 0 0 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
    .p-datatable-tfoot
  )
  .p-datatable-tbody
  > tr:last-child
  > td:last-child {
  border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(2n) {
  background: #383838;
}
.p-datatable.p-datatable-striped
  .p-datatable-tbody
  > tr:nth-child(2n).p-highlight {
  background: #32af641a;
  color: #00a9ff;
}
.p-datatable.p-datatable-striped
  .p-datatable-tbody
  > tr:nth-child(2n).p-highlight
  .p-row-toggler {
  color: #00a9ff;
}
.p-datatable.p-datatable-striped
  .p-datatable-tbody
  > tr:nth-child(2n).p-highlight
  .p-row-toggler:hover {
  color: #00a9ff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
  padding: 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
  padding: 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
  padding: 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
  padding: 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
  padding: 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
  padding: 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  padding: 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
  padding: 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-footer {
  padding: 1.25rem;
}
.p-dataview .p-paginator-top,
.p-dataview .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-dataview .p-dataview-header {
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-width: 0 0 1px 0;
  padding: 1rem;
  font-weight: 500;
}
.p-dataview .p-dataview-content {
  background: #2c2c2c;
  color: #fff;
  border: 0 none;
  padding: 1rem 0;
}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
  border: solid rgba(255, 255, 255, 0.12);
  border-width: 0 0 1px 0;
}
.p-dataview .p-dataview-footer {
  background: #393e46;
  color: #fff;
  border: 1px solid #555;
  border-width: 0 0 1px 0;
  padding: 1rem;
  font-weight: 500;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.p-dataview .p-dataview-loading-icon {
  font-size: 2rem;
}
.p-dataview .p-dataview-emptymessage {
  padding: 1rem;
}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
  margin-left: 0.5rem;
}
.p-column-filter-menu-button {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-column-filter-menu-button:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-column-filter-menu-button.p-column-filter-menu-button-open,
.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
  background: #ffffff0a;
  color: #ffffffe6;
}
.p-column-filter-menu-button.p-column-filter-menu-button-active,
.p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
  background: #32af641a;
  color: #00a9ff;
}
.p-column-filter-menu-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-column-filter-clear-button {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-column-filter-clear-button:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-column-filter-clear-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-column-filter-overlay {
  background: #222831;
  color: #fff;
  border: 0 none;
  border-radius: 0.25rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
  min-width: 12.5rem;
}
.p-column-filter-overlay .p-column-filter-row-items {
  padding: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  margin: 0;
  padding: 0.25rem 0.5rem;
  border: 0 none;
  color: #fff;
  background: transparent;
  transition: none;
  border-radius: 0;
}
.p-column-filter-overlay
  .p-column-filter-row-items
  .p-column-filter-row-item.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-column-filter-overlay
  .p-column-filter-row-items
  .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
  color: #fff;
  background: #ffffff0a;
}
.p-column-filter-overlay
  .p-column-filter-row-items
  .p-column-filter-row-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  margin: 0.5rem 0;
}
.p-column-filter-overlay-menu .p-column-filter-operator {
  padding: 0.25rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
  color: #fff;
  background: #222831;
  margin: 0;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
  padding: 1rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
}
.p-column-filter-overlay-menu
  .p-column-filter-constraint
  .p-column-filter-matchmode-dropdown {
  margin-bottom: 0.5rem;
}
.p-column-filter-overlay-menu
  .p-column-filter-constraint
  .p-column-filter-remove-button {
  margin-top: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
  border-bottom: 0 none;
}
.p-column-filter-overlay-menu .p-column-filter-add-rule,
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
  padding: 1rem;
}
.fc.fc-unthemed .fc-view-container th {
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff !important;
}
.fc.fc-unthemed .fc-view-container td.fc-widget-content {
  background: #393e4680;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
}
.fc.fc-unthemed .fc-view-container td.fc-head-container {
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.fc.fc-unthemed .fc-view-container .fc-row {
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.fc.fc-unthemed .fc-view-container .fc-event {
  background: #32af641a;
  border: 1px solid rgba(50, 175, 100, 0.1);
  color: #00a9ff;
}
.fc.fc-unthemed .fc-view-container .fc-divider {
  background: #393e46;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.fc.fc-unthemed .fc-toolbar .fc-button {
  color: #fff;
  background: #0087cc;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.9rem;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
  background: #80d4ff;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3) solid;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
  background: #005580;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3) solid;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: PrimeIcons !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "\e900";
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: PrimeIcons !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "\e901";
}
.fc.fc-unthemed .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: #2f2f2f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: #373737;
  border-color: #ffffff1f;
  color: #fff;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
  background: #32af64cc;
  border-color: transparent;
  color: #fff;
}
.fc.fc-unthemed
  .fc-toolbar
  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-unthemed
  .fc-toolbar
  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-unthemed
  .fc-toolbar
  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: #32af64;
  border-color: transparent;
  color: #fff;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  z-index: 1;
}
.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}
.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
  background-color: #fff;
}
.fc.fc-theme-standard .fc-view-harness th {
  background: #e4e4e4;
  border-color: #ffffff1f;
  color: #212fb1fa !important;
}
.fc.fc-theme-standard .fc-view-harness td {
  color: #000 !important;
  border-color: #e4e4e4;
}
.fc.fc-theme-standard .fc-view-harness .fc-view {
  background: #393e4680;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover {
  background: none;
  border: 0 none;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 1rem;
  background: #393e46;
  color: #fff;
}
.fc.fc-theme-standard
  .fc-view-harness
  .fc-popover
  .fc-popover-header
  .fc-popover-close {
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-family: PrimeIcons !important;
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.fc.fc-theme-standard
  .fc-view-harness
  .fc-popover
  .fc-popover-header
  .fc-popover-close:before {
  content: "\e90b";
}
.fc.fc-theme-standard
  .fc-view-harness
  .fc-popover
  .fc-popover-header
  .fc-popover-close:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.fc.fc-theme-standard
  .fc-view-harness
  .fc-popover
  .fc-popover-header
  .fc-popover-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #393e4680;
  color: #fff;
  border-top: 0 none;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
  color: #00a9ff;
  background: #32af641a;
  border-color: #32af641a;
}
.fc.fc-theme-standard
  .fc-view-harness
  .fc-event.fc-daygrid-block-event
  .fc-event-main {
  color: #00a9ff;
}
.fc.fc-theme-standard
  .fc-view-harness
  .fc-event.fc-daygrid-dot-event
  .fc-daygrid-event-dot {
  background: #32af641a;
  border-color: #32af641a;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
  background: #ffffff0a;
  color: #fff;
}
.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
  background: #393e46;
}
.fc.fc-theme-standard .fc-toolbar .fc-button {
  color: #fff;
  background: #0087cc;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.9rem;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 0.25rem;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
  background: #80d4ff;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3) solid;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
  background: #005580;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3) solid;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
  opacity: 0.38;
  color: #fff;
  background: #0087cc;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: PrimeIcons !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "\e900";
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: PrimeIcons !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "\e901";
}
.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: #2f2f2f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: #373737;
  border-color: #ffffff1f;
  color: #fff;
}
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridDay-button.fc-button-active {
  background: #32af64cc;
  border-color: transparent;
  color: #fff;
}
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: #32af64;
  border-color: transparent;
  color: #fff;
}
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
.fc.fc-theme-standard
  .fc-toolbar
  .fc-button.fc-timeGridDay-button:not(:disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  z-index: 1;
}
.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}
.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.fc.fc-theme-standard .fc-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-orderlist .p-orderlist-controls {
  padding: 1rem;
}
.p-orderlist .p-orderlist-controls .p-button {
  margin-bottom: 0.5rem;
}
.p-orderlist .p-orderlist-header {
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 1rem;
  border-bottom: 0 none;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-orderlist .p-orderlist-header .p-orderlist-title {
  font-weight: 500;
}
.p-orderlist .p-orderlist-filter-container {
  padding: 1rem;
  background: #393e4680;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 0 none;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
  padding-right: 1.5rem;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
  right: 0.5rem;
  color: #ffffffe6;
}
.p-orderlist .p-orderlist-list {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #393e4680;
  color: #fff;
  padding: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
  padding: 0.25rem 0.5rem;
  margin: 0;
  border: 0 none;
  color: #fff;
  background: transparent;
  transition: none;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
  padding: 0.25rem 0.5rem;
  color: #fff;
}
.p-orderlist
  .p-orderlist-list:not(.cdk-drop-list-dragging)
  .p-orderlist-item:not(.p-highlight):hover {
  background: #ffffff0a;
  color: #fff;
}
.p-orderlist.p-orderlist-striped
  .p-orderlist-list
  .p-orderlist-item:nth-child(2n) {
  background: #ffffff05;
}
.p-orderlist.p-orderlist-striped
  .p-orderlist-list
  .p-orderlist-item:nth-child(2n):hover {
  background: #ffffff0a;
}
.p-orderlist-item.cdk-drag-preview {
  padding: 0.25rem 0.5rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
  border: 0 none;
  color: #fff;
  background: #393e4680;
  margin: 0;
}
.p-organizationchart
  .p-organizationchart-node-content.p-organizationchart-selectable-node:not(
    .p-highlight
  ):hover {
  background: #ffffff0a;
  color: #fff;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
  background: #32af641a;
  color: #00a9ff;
}
.p-organizationchart
  .p-organizationchart-node-content.p-highlight
  .p-node-toggler
  i {
  color: #164c2b1a;
}
.p-organizationchart .p-organizationchart-line-down {
  background: #ffffff1f;
}
.p-organizationchart .p-organizationchart-line-left {
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  border-color: #ffffff1f;
}
.p-organizationchart .p-organizationchart-line-top {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-color: #ffffff1f;
}
.p-organizationchart .p-organizationchart-node-content {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #393e4680;
  color: #fff;
  padding: 1rem;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  background: inherit;
  color: inherit;
  border-radius: 50%;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-paginator {
  color: #fff;
  border: solid #555;
  border-width: 0;
  padding: 0.5rem 1rem;
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
  background-color: transparent;
  border: 0 none;
  color: #ffffffe6;
  min-width: 2rem;
  height: 2rem;
  margin: 0.143rem;
  transition: none;
  border-radius: 50%;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
  background: #ffffff0a;
  border-color: transparent;
  color: #ffffffe6;
}
.p-paginator .p-paginator-first {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.p-paginator .p-paginator-last {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.p-paginator .p-dropdown {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: 2rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
  padding-right: 0;
}
.p-paginator .p-paginator-page-input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.p-paginator .p-paginator-page-input .p-inputtext {
  max-width: 2rem;
}
.p-paginator .p-paginator-current {
  background-color: transparent;
  border: 0 none;
  color: #000;
  min-width: 2rem;
  height: 2rem;
  margin: 0.143rem;
  padding: 0 0.5rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
  background-color: transparent;
  border: 0 none;
  color: #ffffffe6;
  min-width: 2rem;
  height: 2rem;
  margin: 0.143rem;
  transition: none;
  border-radius: 50%;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #32af641a;
  border-color: #32af641a;
  color: #00a9ff;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  background: #ffffff0a;
  border-color: transparent;
  color: #ffffffe6;
}
.p-picklist .p-picklist-buttons {
  padding: 1rem;
}
.p-picklist .p-picklist-buttons .p-button {
  margin-bottom: 0.5rem;
}
.p-picklist .p-picklist-header {
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 1rem;
  border-bottom: 0 none;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-picklist .p-picklist-header .p-picklist-title {
  font-weight: 500;
}
.p-picklist .p-picklist-filter-container {
  padding: 1rem;
  background: #393e4680;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 0 none;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
  padding-right: 1.5rem;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
  right: 0.5rem;
  color: #ffffffe6;
}
.p-picklist .p-picklist-list {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #393e4680;
  color: #fff;
  padding: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-picklist .p-picklist-list .p-picklist-item {
  padding: 0.25rem 0.5rem;
  margin: 0;
  border: 0 none;
  color: #fff;
  background: transparent;
  transition: none;
}
.p-picklist .p-picklist-list .p-picklist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  color: #00a9ff;
  background: #32af641a;
}
.p-picklist .p-picklist-list .p-picklist-empty-message {
  padding: 0.25rem 0.5rem;
  color: #fff;
}
.p-picklist
  .p-picklist-list:not(.cdk-drop-list-dragging)
  .p-picklist-item:not(.p-highlight):hover {
  background: #ffffff0a;
  color: #fff;
}
.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(2n) {
  background: #ffffff05;
}
.p-picklist.p-picklist-striped
  .p-picklist-list
  .p-picklist-item:nth-child(2n):hover {
  background: #ffffff0a;
}
.p-picklist-item.cdk-drag-preview {
  padding: 0.25rem 0.5rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
  border: 0 none;
  color: #fff;
  background: #393e4680;
  margin: 0;
}
.p-timeline .p-timeline-event-marker {
  border: 0 none;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #bdbdbd;
}
.p-timeline .p-timeline-event-connector {
  background-color: #bdbdbd;
}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
  padding: 0 1rem;
}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
  width: 2px;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
  padding: 1rem 0;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
  height: 2px;
}
.p-tree {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #393e4680;
  color: #fff;
  padding: 1rem;
  border-radius: 0.25rem;
}
.p-tree .p-tree-container .p-treenode {
  padding: 0.25rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
  border-radius: 0.25rem;
  transition: none;
  padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-tree-toggler:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-tree-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
  margin-right: 0.5rem;
  color: #ffffffe6;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
  margin-right: 0.5rem;
}
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content
  .p-checkbox
  .p-indeterminate
  .p-checkbox-icon {
  color: #fff;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
  background: #32af641a;
  color: #00a9ff;
}
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-highlight
  .p-tree-toggler,
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-highlight
  .p-treenode-icon,
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-highlight
  .p-tree-toggler:hover,
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-highlight
  .p-treenode-icon:hover {
  color: #00a9ff;
}
.p-tree
  .p-tree-container
  .p-treenode
  .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #ffffff0a;
  color: #fff;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
  background: #ffffff0a;
  color: #fff;
}
.p-tree .p-tree-filter-container {
  margin-bottom: 0.5rem;
}
.p-tree .p-tree-filter-container .p-tree-filter {
  width: 100%;
  padding-right: 1.5rem;
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
  right: 0.5rem;
  color: #ffffffe6;
}
.p-tree .p-treenode-children {
  padding: 0 0 0 1rem;
}
.p-tree .p-tree-loading-icon {
  font-size: 2rem;
}
.p-tree .p-tree-loading-icon.p-icon {
  width: 2rem;
  height: 2rem;
}
.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
  background-color: #288c501a;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
  border-radius: 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: #393e4680;
  color: #fff;
  padding: 0.5rem;
  transition: none;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
  background-color: #32af641a;
  color: #00a9ff;
}
.p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content.p-highlight
  .p-treenode-icon {
  color: #00a9ff;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
  margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content
  .p-treenode-label:not(.p-highlight):hover {
  background-color: inherit;
  color: inherit;
}
.p-tree.p-tree-horizontal
  .p-treenode
  .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #ffffff0a;
  color: #fff;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-treetable .p-paginator-top,
.p-treetable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-treetable .p-treetable-header {
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-width: 0 0 1px 0;
  padding: 1rem;
  font-weight: 500;
}
.p-treetable .p-treetable-footer {
  background: #393e46;
  color: #fff;
  border: 1px solid #555;
  border-width: 0 0 1px 0;
  padding: 1rem;
  font-weight: 500;
}
.p-treetable .p-treetable-thead > tr > th {
  text-align: center;
  padding: 1rem;
  border: 1px solid #555;
  border-width: 0 0 1px 0;
  font-weight: 500;
  color: #fff;
  background: #393e46;
  transition: none;
}
.p-treetable .p-treetable-tfoot > tr > td {
  text-align: center;
  padding: 1rem;
  border: 1px solid #555;
  border-width: 0 0 1px 0;
  font-weight: 500;
  color: #fff;
  background: #393e46;
}
.p-treetable .p-sortable-column {
  outline-color: transparent;
}
.p-treetable .p-sortable-column .p-sortable-column-icon {
  color: #ffffffe6;
  margin-left: 0.5rem;
}
.p-treetable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 0.9rem;
  min-width: 0.9rem;
  line-height: 0.9rem;
  color: #00a9ff;
  background: #32af641a;
  margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {
  background: #ffffff0a;
  color: #fff;
}
.p-treetable
  .p-sortable-column:not(.p-highlight):hover
  .p-sortable-column-icon {
  color: #ffffffe6;
}
.p-treetable .p-sortable-column.p-highlight {
  background: #393e46;
  color: #fff;
}
.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: #fff;
}
.p-treetable .p-treetable-tbody > tr {
  background: #2c2c2c;
  color: #fff;
  transition: none;
}
.p-treetable .p-treetable-tbody > tr > td {
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 0 1px 0;
  padding: 1rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon {
  width: 2rem;
  height: 2rem;
}
.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
  margin-right: 0.5rem;
}
.p-treetable
  .p-treetable-tbody
  > tr
  > td
  p-treetablecheckbox
  .p-checkbox
  .p-indeterminate
  .p-checkbox-icon {
  color: #fff;
}
.p-treetable .p-treetable-tbody > tr:focus {
  outline: 0.15rem solid transparent;
  outline-offset: -0.15rem;
}
.p-treetable .p-treetable-tbody > tr.p-highlight {
  background: #32af641a;
  color: #00a9ff;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
  color: #00a9ff;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
  color: #00a9ff;
}
.p-treetable.p-treetable-hoverable-rows
  .p-treetable-tbody
  > tr:not(.p-highlight):hover {
  background: #66cbff;
  color: #fff;
}
.p-treetable.p-treetable-hoverable-rows
  .p-treetable-tbody
  > tr:not(.p-highlight):hover
  .p-treetable-toggler {
  color: #fff;
}
.p-treetable .p-column-resizer-helper {
  background: #00a9ff;
}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
  background: #393e46;
}
.p-treetable .p-treetable-loading-icon {
  font-size: 2rem;
}
.p-treetable .p-treetable-loading-icon.p-icon {
  width: 2rem;
  height: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
  border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
  border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
  border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
  border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
  border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
  border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
  padding: 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
  padding: 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
  padding: 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
  padding: 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
  padding: 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
  padding: 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
  padding: 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
  padding: 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
  padding: 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-footer {
  padding: 1.25rem;
}
.p-virtualscroller .p-virtualscroller-header {
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-width: 0 0 1px 0;
  padding: 1rem;
  font-weight: 500;
}
.p-virtualscroller .p-virtualscroller-content {
  background: #2c2c2c;
  color: #fff;
  border: 0 none;
  padding: 1rem 0;
}
.p-virtualscroller .p-virtualscroller-footer {
  background: #393e46;
  color: #fff;
  border: 1px solid #555;
  border-width: 0 0 1px 0;
  padding: 1rem;
  font-weight: 500;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.p-accordion .p-accordion-header .p-accordion-header-link {
  padding: 1.5rem;
  border: 0 none;
  color: #fff;
  background: #393e46;
  font-weight: 400;
  border-radius: 0.25rem;
  transition: none;
}
.p-accordion
  .p-accordion-header
  .p-accordion-header-link
  .p-accordion-toggle-icon {
  margin-right: 0.5rem;
}
.p-accordion
  .p-accordion-header:not(.p-disabled)
  .p-accordion-header-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset none;
}
.p-accordion
  .p-accordion-header:not(.p-highlight):not(.p-disabled):hover
  .p-accordion-header-link {
  background: #ffffff0a;
  border-color: transparent;
  color: #fff;
}
.p-accordion
  .p-accordion-header:not(.p-disabled).p-highlight
  .p-accordion-header-link {
  background: #393e46;
  border-color: transparent;
  color: #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.p-accordion
  .p-accordion-header:not(.p-disabled).p-highlight:hover
  .p-accordion-header-link {
  border-color: transparent;
  background: #ffffff0a;
  color: #fff;
}
.p-accordion .p-accordion-content {
  padding: 1rem 1.5rem;
  border: 0 none;
  background: #393e46;
  color: #fff;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-accordion p-accordiontab .p-accordion-tab {
  margin-bottom: 0;
}
.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  border-radius: 0;
}
.p-accordion p-accordiontab .p-accordion-content {
  border-radius: 0;
}
.p-accordion
  p-accordiontab:not(:first-child)
  .p-accordion-header
  .p-accordion-header-link {
  border-top: 0 none;
}
.p-accordion
  p-accordiontab:not(:first-child)
  .p-accordion-header:not(.p-highlight):not(.p-disabled):hover
  .p-accordion-header-link,
.p-accordion
  p-accordiontab:not(:first-child)
  .p-accordion-header:not(.p-disabled).p-highlight:hover
  .p-accordion-header-link {
  border-top: 0 none;
}
.p-accordion
  p-accordiontab:first-child
  .p-accordion-header
  .p-accordion-header-link {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-accordion
  p-accordiontab:last-child
  .p-accordion-header:not(.p-highlight)
  .p-accordion-header-link {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-accordion p-accordiontab:last-child .p-accordion-content {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-card {
  background: #393e4680;
  color: #fff;
  box-shadow: #64646f33 0 7px 29px;
  border-radius: 6px;
}
.p-card .p-card-body {
  padding: 1rem;
  background-color: #fff;
  color: #000;
}
.p-card .p-card-title {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.p-card .p-card-subtitle {
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #ffffffe6;
}
.p-card .p-card-content {
  padding: 1rem 0;
}
.p-card .p-card-footer {
  padding: 1rem 0 0;
}
.p-divider .p-divider-content {
  background-color: #393e4680;
}
.p-divider.p-divider-horizontal {
  margin: 1.25rem 0;
  padding: 0 1.25rem;
}
.p-divider.p-divider-horizontal:before {
  border-top: 1px hsla(0, 0%, 100%, 0.12);
}
.p-divider.p-divider-horizontal .p-divider-content {
  padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
  margin: 0 1.25rem;
  padding: 1.25rem 0;
}
.p-divider.p-divider-vertical:before {
  border-left: 1px hsla(0, 0%, 100%, 0.12);
}
.p-divider.p-divider-vertical .p-divider-content {
  padding: 0.5rem 0;
}
.p-fieldset {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #393e4680;
  color: #fff;
  border-radius: 0.25rem;
}
.p-fieldset .p-fieldset-legend {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  background: #393e46;
  font-weight: 500;
  border-radius: 0.25rem;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
  padding: 0;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
  padding: 1rem;
  color: #fff;
  border-radius: 0.25rem;
  transition: none;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
  margin-right: 0.5rem;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  background: #ffffff0a;
  border-color: #ffffff1f;
  color: #fff;
}
.p-fieldset .p-fieldset-content {
  padding: 1rem;
}
.p-panel .p-panel-header {
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 1rem;
  background: #393e46;
  color: #fff;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-panel .p-panel-header .p-panel-title {
  font-weight: 500;
}
.p-panel .p-panel-header .p-panel-header-icon {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-panel.p-panel-toggleable .p-panel-header {
  padding: 0.5rem 1rem;
}
.p-panel .p-panel-content {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #393e4680;
  color: #fff;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top: 0 none;
}
.p-panel .p-panel-footer {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #393e46;
  color: #fff;
  border-top: 0 none;
}
.p-panel .p-panel-icons-end {
  order: 2;
  margin-left: auto;
}
.p-panel .p-panel-icons-start {
  order: 0;
  margin-right: 0.5rem;
}
.p-panel .p-panel-icons-center {
  order: 2;
  width: 100%;
  text-align: center;
}
.p-scrollpanel .p-scrollpanel-bar {
  background: #ffffff1f;
  border: 0 none;
}
.p-splitter {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #393e4680;
  border-radius: 0.25rem;
  color: #fff;
}
.p-splitter .p-splitter-gutter {
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  background: #ffffff0a;
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle,
.p-splitter .p-splitter-gutter-resizing {
  background: #ffffff1f;
}
.p-tabview .p-tabview-nav-content {
  scroll-padding-inline: 2rem;
}
.p-tabview .p-tabview-nav {
  background: transparent;
  border: solid rgba(255, 255, 255, 0.12);
  border-width: 0 0 1px 0;
}
.p-tabview .p-tabview-nav li {
  margin-right: 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border: solid rgba(255, 255, 255, 0.12);
  text-align: left;
  border-width: 1px 1px 0 1px;
  border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent;
  background: transparent;
  color: #ffffffe6;
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  transition: none;
  margin: 0;
  font-size: 0.9rem;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link .i-mat {
  padding-right: 0.25rem;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset none;
}
.p-tabview
  .p-tabview-nav
  li:not(.p-highlight):not(.p-disabled):hover
  .p-tabview-nav-link {
  background: #00a9ff0a;
  border-color: #ffffff1f;
  color: #ffffffe6;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: #00a9ff33;
  border-color: #00a9ff;
  color: #00a9ff;
}
.p-tabview .p-tabview-left-icon {
  margin-right: 0.5rem;
}
.p-tabview .p-tabview-right-icon,
.p-tabview .p-tabview-close {
  margin-left: 0.5rem;
}
.p-tabview .p-tabview-nav-btn.p-link {
  background: #00a9ff33;
  color: #00a9ff;
  width: 2rem;
  box-shadow:
    0 3px 1px -2px #0003,
    0 2px 2px #00000024,
    0 1px 5px #0000001f;
  border-radius: 0;
}
.p-tabview .p-tabview-nav-btn.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset none;
}
.p-tabview .p-tabview-panels {
  background: transparent;
  padding: 1rem;
  border: 0 none;
  color: #fff;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-toolbar {
  background: #393e46;
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 1rem;
  border-radius: 0.25rem;
  gap: 0.5rem;
}
.p-toolbar .p-toolbar-separator {
  margin: 0 0.5rem;
}
.p-confirm-popup {
  background: #393e46;
  color: #fff;
  border: 0 none;
  border-radius: 0.25rem;
  box-shadow:
    0 11px 15px -7px #0003,
    0 24px 38px 3px #00000024,
    0 9px 46px 8px #0000001f;
}
.p-confirm-popup .p-confirm-popup-content {
  padding: 1rem;
}
.p-confirm-popup .p-confirm-popup-footer {
  text-align: right;
  padding: 1rem;
}
.p-confirm-popup .p-confirm-popup-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}
.p-confirm-popup .p-confirm-popup-footer button:last-child {
  margin: 0;
}
.p-confirm-popup:after {
  border: solid transparent;
  border-color: #393e4600;
  border-bottom-color: #393e46;
}
.p-confirm-popup:before {
  border: solid transparent;
  border-color: #393e4600;
  border-bottom-color: #393e46;
}
.p-confirm-popup.p-confirm-popup-flipped:after {
  border-top-color: #393e46;
}
.p-confirm-popup.p-confirm-popup-flipped:before {
  border-top-color: #393e46;
}
.p-confirm-popup .p-confirm-popup-icon {
  font-size: 1.5rem;
}
.p-confirm-popup .p-confirm-popup-icon.p-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.p-confirm-popup .p-confirm-popup-message {
  margin-left: 1rem;
}
.p-dialog {
  border-radius: 0.25rem;
  border: 0 none;
}
.p-dialog .p-dialog-header {
  border-bottom: 0 none;
  background: #393e46;
  color: #fff;
  padding: 1.5rem;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-dialog .p-dialog-header .p-dialog-title {
  font-weight: 500;
  font-size: 0.9rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
  margin-right: 0;
}
.p-dialog .p-dialog-content {
  background: #393e46;
  color: #fff;
  padding: 0 1.5rem 1.5rem;
}
.p-dialog .p-dialog-footer {
  border-top: 0 none;
  background: #393e46;
  color: #fff;
  padding: 1rem 1.5rem;
  text-align: right;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-dialog .p-dialog-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
  font-size: 2rem;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
  width: 2rem;
  height: 2rem;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  margin-left: 1rem;
}
.p-overlaypanel {
  background: #393e46;
  color: #fff;
  border: 0 none;
  border-radius: 0.25rem;
  box-shadow:
    0 11px 15px -7px #0003,
    0 24px 38px 3px #00000024,
    0 9px 46px 8px #0000001f;
}
.p-overlaypanel .p-overlaypanel-content {
  padding: 1rem;
}
.p-overlaypanel .p-overlaypanel-close {
  background: #0087cc;
  color: #fff;
  width: 1rem;
  height: 1rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 50%;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.p-overlaypanel .p-overlaypanel-close:enabled:hover {
  background: #80d4ff;
  color: #fff;
}
.p-overlaypanel:after {
  border: solid transparent;
  border-color: #393e4600;
  border-bottom-color: #393e46;
}
.p-overlaypanel:before {
  border: solid transparent;
  border-color: #393e4600;
  border-bottom-color: #363b43;
}
.p-overlaypanel.p-overlaypanel-flipped:after {
  border-top-color: #393e46;
}
.p-overlaypanel.p-overlaypanel-flipped:before {
  border-top-color: #393e46;
}
.p-sidebar {
  background: #393e46;
  color: #fff;
  border: 0 none;
  box-shadow:
    0 11px 15px -7px #0003,
    0 24px 38px 3px #00000024,
    0 9px 46px 8px #0000001f;
}
.p-sidebar .p-sidebar-header {
  padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
  width: 1rem;
  height: 1rem;
  color: #ffffffe6;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
  color: #ffffffe6;
  border-color: transparent;
  background: #ffffff0a;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-sidebar .p-sidebar-header + .p-sidebar-content {
  padding-top: 0;
}
.p-sidebar .p-sidebar-content,
.p-sidebar .p-sidebar-footer {
  padding: 1rem;
}
.p-tooltip .p-tooltip-text {
  background: #444;
  color: #fff;
  padding: 0.5rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
  border-radius: 0.25rem;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: #444;
}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: #444;
}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: #444;
}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: #444;
}
.p-fileupload .p-fileupload-buttonbar {
  background: #393e46;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  border-bottom: 0 none;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
  margin-right: 0.5rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-fileupload .p-fileupload-content {
  background: #393e4680;
  padding: 2rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-fileupload .p-progressbar {
  height: 4px;
}
.p-fileupload .p-fileupload-row > div {
  padding: 1rem;
}
.p-fileupload.p-fileupload-advanced .p-message {
  margin-top: 0;
}
.p-fileupload-choose:not(.p-disabled):hover {
  background: #80d4ff;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3) solid;
}
.p-fileupload-choose:not(.p-disabled):active {
  background: #005580;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3) solid;
}
.p-breadcrumb {
  background: #393e46;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.25rem;
  padding: 1rem;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
  transition: none;
  border-radius: 0.25rem;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
  color: #fff;
}
.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
  color: #ffffffe6;
}
.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
  margin: 0 0.5rem;
  color: #ffffffe6;
}
.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
  color: #fff;
}
.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
  color: #ffffffe6;
}
.p-contextmenu {
  padding: 0.5rem 0;
  background: #2b2b2b;
  color: #fff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
  border-radius: 0.25rem;
  width: 12.5rem;
}
.p-contextmenu .p-contextmenu-root-list {
  outline: 0 none;
}
.p-contextmenu .p-submenu-list {
  padding: 0.5rem 0;
  background: #2b2b2b;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
  border-radius: 0.25rem;
}
.p-contextmenu .p-menuitem > .p-menuitem-content {
  color: #fff;
  transition: none;
  border-radius: 0;
}
.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
  color: #fff;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
}
.p-contextmenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-contextmenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-contextmenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
  color: #fff;
  background: #ffffff0a;
}
.p-contextmenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-contextmenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-contextmenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
  background: #ffffff0a;
}
.p-contextmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content {
  color: #fff;
  background: #ffffff1f;
}
.p-contextmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-contextmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-contextmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #fff;
}
.p-contextmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-contextmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-contextmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-icon,
.p-contextmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-contextmenu .p-menuitem-separator {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  margin: 0.5rem 0;
}
.p-contextmenu .p-submenu-icon {
  font-size: 0.9rem;
}
.p-contextmenu .p-submenu-icon.p-icon {
  width: 0.9rem;
  height: 0.9rem;
}
.p-dock .p-dock-list-container {
  background: #ffffff1a;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.p-dock .p-dock-list-container .p-dock-list {
  outline: 0 none;
}
.p-dock .p-dock-item {
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.p-dock .p-dock-item.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-dock .p-dock-link {
  width: 4rem;
  height: 4rem;
}
.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next,
.p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
  margin: 0 0.9rem;
}
.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next,
.p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
  margin: 0 1.3rem;
}
.p-dock.p-dock-top .p-dock-item-current,
.p-dock.p-dock-bottom .p-dock-item-current {
  margin: 0 1.5rem;
}
.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next,
.p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
  margin: 0.9rem 0;
}
.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next,
.p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
  margin: 1.3rem 0;
}
.p-dock.p-dock-left .p-dock-item-current,
.p-dock.p-dock-right .p-dock-item-current {
  margin: 1.5rem 0;
}
@media screen and (max-width: 960px) {
  .p-dock.p-dock-top .p-dock-list-container,
  .p-dock.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-left .p-dock-list-container,
  .p-dock.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
}
.p-megamenu {
  padding: 1rem;
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.25rem;
}
.p-megamenu .p-megamenu-root-list {
  outline: 0 none;
}
.p-megamenu .p-menuitem > .p-menuitem-content {
  color: #fff;
  transition: none;
  border-radius: 0;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
  color: #fff;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
}
.p-megamenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-megamenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
  color: #ffffffe6;
}
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
  color: #fff;
  background: #ffffff0a;
}
.p-megamenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-megamenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-megamenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
  background: #ffffff0a;
}
.p-megamenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content {
  color: #fff;
  background: #ffffff1f;
}
.p-megamenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-megamenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-megamenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #fff;
}
.p-megamenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-megamenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-megamenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-icon,
.p-megamenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-megamenu .p-megamenu-panel {
  background: #2b2b2b;
  color: #fff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.p-megamenu .p-submenu-header {
  margin: 0;
  padding: 1rem;
  color: #ffffffe6;
  background: transparent;
  font-weight: 400;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-megamenu .p-submenu-list {
  padding: 0.5rem 0;
  width: 12.5rem;
}
.p-megamenu .p-submenu-list .p-menuitem-separator {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-vertical {
  width: 12.5rem;
  padding: 0.5rem 0;
}
.p-megamenu.p-megamenu-horizontal
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-content {
  color: #fff;
  transition: none;
  border-radius: 0.25rem;
}
.p-megamenu.p-megamenu-horizontal
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link {
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
}
.p-megamenu.p-megamenu-horizontal
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-megamenu.p-megamenu-horizontal
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal
  .p-megamenu-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
  margin-left: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal
  .p-megamenu-root-list
  > .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-megamenu.p-megamenu-horizontal
  .p-megamenu-root-list
  > .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-megamenu.p-megamenu-horizontal
  .p-megamenu-root-list
  > .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-icon,
.p-megamenu.p-megamenu-horizontal
  .p-megamenu-root-list
  > .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-menu {
  padding: 0.5rem 0;
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.25rem;
  width: 12.5rem;
}
.p-menu .p-menuitem > .p-menuitem-content {
  color: #fff;
  transition: none;
  border-radius: 0;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
  color: #fff;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
  color: #fff;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
  color: #ffffffe6;
}
.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
  color: #fff;
  background: #ffffff0a;
}
.p-menu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-menu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-menu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
  background: #ffffff0a;
}
.p-menu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content {
  color: #fff;
  background: #ffffff1f;
}
.p-menu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-menu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-menu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #fff;
}
.p-menu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-menu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-menu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-icon,
.p-menu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-menu.p-menu-overlay {
  background: #2b2b2b;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.p-menu .p-submenu-header {
  margin: 0;
  padding: 1rem;
  color: #ffffffe6;
  background: transparent;
  font-weight: 400;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.p-menu .p-menuitem-separator {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  margin: 0.5rem 0;
}
.p-menu .p-menuitem-badge {
  background: #00a9ff;
  color: var(--text-color);
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p-menubar {
  padding: 1rem;
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.25rem;
}
.p-menubar .p-menubar-root-list {
  outline: 0 none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
  color: #fff;
  transition: none;
  border-radius: 0.25rem;
}
.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link {
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
}
.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-menubar
  .p-menubar-root-list
  > .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
  margin-left: 0.5rem;
}
.p-menubar
  .p-menubar-root-list
  > .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-menubar
  .p-menubar-root-list
  > .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-menubar
  .p-menubar-root-list
  > .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-icon,
.p-menubar
  .p-menubar-root-list
  > .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-menubar .p-menuitem > .p-menuitem-content {
  color: #fff;
  transition: none;
  border-radius: 0;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
  color: #fff;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
  color: #fff;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
  color: #ffffffe6;
}
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
  color: #fff;
  background: #ffffff0a;
}
.p-menubar
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-menubar
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-menubar
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
  background: #ffffff0a;
}
.p-menubar
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content {
  color: #fff;
  background: #ffffff1f;
}
.p-menubar
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-menubar
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-menubar
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #fff;
}
.p-menubar
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-menubar
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-menubar
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-icon,
.p-menubar
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-menubar .p-submenu-list {
  padding: 0.5rem 0;
  background: #2b2b2b;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
  width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menuitem-separator {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
  font-size: 0.9rem;
}
@media screen and (max-width: 960px) {
  .p-menubar {
    position: relative;
  }
  .p-menubar .p-menubar-button {
    display: flex;
    width: 1rem;
    height: 1rem;
    color: #ffffffe6;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-menubar .p-menubar-button:hover {
    color: #ffffffe6;
    background: #ffffff0a;
  }
  .p-menubar .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-menubar .p-menubar-root-list {
    position: absolute;
    display: none;
    padding: 0.5rem 0;
    background: #2b2b2b;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px #0003,
      0 4px 5px #00000024,
      0 1px 10px #0000001f;
    width: 100%;
  }
  .p-menubar .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid hsla(0, 0%, 100%, 0.12);
    margin: 0.5rem 0;
  }
  .p-menubar .p-menubar-root-list .p-submenu-icon {
    font-size: 0.9rem;
  }
  .p-menubar
    .p-menubar-root-list
    .p-menuitem
    .p-menuitem-content
    .p-menuitem-link
    .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar
    .p-menubar-root-list
    .p-menuitem.p-menuitem-active
    > .p-menuitem-content
    > .p-menuitem-link
    > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar .p-menubar-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar
    .p-menubar-root-list
    .p-submenu-list
    .p-menuitem-active
    > .p-menuitem-content
    > .p-menuitem-link
    > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar .p-menubar-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menubar
    .p-menubar-root-list
    .p-submenu-list
    .p-menuitem
    .p-menuitem-content
    .p-menuitem-link {
    padding-left: 3rem;
  }
  .p-menubar
    .p-menubar-root-list
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-menuitem-content
    .p-menuitem-link {
    padding-left: 5rem;
  }
  .p-menubar
    .p-menubar-root-list
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-menuitem-content
    .p-menuitem-link {
    padding-left: 7rem;
  }
  .p-menubar
    .p-menubar-root-list
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-menuitem-content
    .p-menuitem-link {
    padding-left: 9rem;
  }
  .p-menubar
    .p-menubar-root-list
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-submenu-list
    .p-menuitem
    .p-menuitem-content
    .p-menuitem-link {
    padding-left: 11rem;
  }
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
    display: flex;
    flex-direction: column;
    top: 100%;
    left: 0;
    z-index: 1;
  }
}
.p-panelmenu .p-panelmenu-header {
  outline: 0 none;
}
.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
  border: 0 none;
  color: #fff;
  background: #393e46;
  border-radius: 0.25rem;
  transition: none;
}
.p-panelmenu
  .p-panelmenu-header
  .p-panelmenu-header-content
  .p-panelmenu-header-action {
  color: #fff;
  padding: 1.5rem;
  font-weight: 400;
}
.p-panelmenu
  .p-panelmenu-header
  .p-panelmenu-header-content
  .p-panelmenu-header-action
  .p-submenu-icon,
.p-panelmenu
  .p-panelmenu-header
  .p-panelmenu-header-content
  .p-panelmenu-header-action
  .p-menuitem-icon {
  margin-right: 0.5rem;
}
.p-panelmenu
  .p-panelmenu-header:not(.p-disabled):focus
  .p-panelmenu-header-content {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset none;
}
.p-panelmenu
  .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover
  .p-panelmenu-header-content {
  background: #ffffff0a;
  border-color: transparent;
  color: #fff;
}
.p-panelmenu
  .p-panelmenu-header:not(.p-disabled).p-highlight
  .p-panelmenu-header-content {
  background: #393e46;
  border-color: transparent;
  color: #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
}
.p-panelmenu
  .p-panelmenu-header:not(.p-disabled).p-highlight:hover
  .p-panelmenu-header-content {
  border-color: transparent;
  background: #ffffff0a;
  color: #fff;
}
.p-panelmenu .p-panelmenu-content {
  padding: 0.5rem 0;
  border: 0 none;
  background: #393e46;
  color: #fff;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
  outline: 0 none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
  color: #fff;
  transition: none;
  border-radius: 0;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link {
  color: #fff;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem.p-highlight
  > .p-menuitem-content {
  color: #fff;
  background: #ffffff0a;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem.p-highlight.p-focus
  > .p-menuitem-content {
  background: #ffffff0a;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content {
  color: #fff;
  background: #ffffff1f;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #fff;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-icon,
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-panelmenu
  .p-panelmenu-content
  .p-menuitem
  .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-menuitem-separator {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  margin: 0.5rem 0;
}
.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
  padding: 0 0 0 1rem;
}
.p-panelmenu .p-panelmenu-panel {
  margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content,
.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
  border-radius: 0;
}
.p-panelmenu
  .p-panelmenu-panel:not(:first-child)
  .p-panelmenu-header
  .p-panelmenu-header-content {
  border-top: 0 none;
}
.p-panelmenu
  .p-panelmenu-panel:not(:first-child)
  .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover
  .p-panelmenu-header-content,
.p-panelmenu
  .p-panelmenu-panel:not(:first-child)
  .p-panelmenu-header:not(.p-disabled).p-highlight:hover
  .p-panelmenu-header-content {
  border-top: 0 none;
}
.p-panelmenu
  .p-panelmenu-panel:first-child
  .p-panelmenu-header
  .p-panelmenu-header-content {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.p-panelmenu
  .p-panelmenu-panel:last-child
  .p-panelmenu-header:not(.p-highlight)
  .p-panelmenu-header-content {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.p-slidemenu {
  padding: 0.5rem 0;
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.25rem;
  width: 12.5rem;
}
.p-slidemenu .p-slidemenu-root-list,
.p-slidemenu .p-submenu-list {
  outline: 0 none;
}
.p-slidemenu .p-menuitem > .p-menuitem-content {
  color: #fff;
  transition: none;
  border-radius: 0;
}
.p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
  color: #fff;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
}
.p-slidemenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-slidemenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-slidemenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
  color: #fff;
  background: #ffffff0a;
}
.p-slidemenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-slidemenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-slidemenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
  background: #ffffff0a;
}
.p-slidemenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content {
  color: #fff;
  background: #ffffff1f;
}
.p-slidemenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-slidemenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-slidemenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #fff;
}
.p-slidemenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-slidemenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-slidemenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-icon,
.p-slidemenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-slidemenu.p-slidemenu-overlay {
  background: #2b2b2b;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.p-slidemenu .p-slidemenu-list {
  padding: 0.5rem 0;
  background: #2b2b2b;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.p-slidemenu .p-menuitem-separator {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  margin: 0.5rem 0;
}
.p-slidemenu .p-slidemenu-icon {
  font-size: 0.9rem;
}
.p-slidemenu .p-icon {
  width: 0.9rem;
  height: 0.9rem;
}
.p-slidemenu .p-slidemenu-backward {
  padding: 1rem;
  color: #fff;
}
.p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset none;
}
.p-slidemenu .p-menuitem-badge {
  background: #00a9ff;
  color: var(--text-color);
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p-steps .p-steps-item .p-menuitem-link {
  transition: none;
  border-radius: 0.25rem;
  background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  color: #fff;
  border: 1px solid transparent;
  background: transparent;
  min-width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.9rem;
  z-index: 1;
  border-radius: 50%;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  margin-top: 0.5rem;
  color: #fff;
}
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
  background: #32af641a;
  color: #00a9ff;
}
.p-steps .p-steps-item.p-highlight .p-steps-title {
  font-weight: 500;
  color: #fff;
}
.p-steps .p-steps-item:before {
  content: " ";
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  margin-top: -1rem;
}
.p-tabmenu .p-tabmenu-nav {
  background: transparent;
  border: solid rgba(255, 255, 255, 0.12);
  border-width: 0 0 1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
  background: #00a9ff;
  color: var(--text-color);
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
  margin-right: 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border: solid rgba(255, 255, 255, 0.12);
  border-width: 1px 1px 0 1px;
  border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent;
  background: transparent;
  color: #ffffffe6;
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  transition: none;
  margin: 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
  margin-right: 0.5rem;
}
.p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem
  .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset none;
}
.p-tabmenu
  .p-tabmenu-nav
  .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover
  .p-menuitem-link {
  background: #00a9ff0a;
  border-color: #ffffff1f;
  color: #ffffffe6;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  background: #00a9ff33;
  border-color: #00a9ff;
  color: #00a9ff;
}
.p-tabmenu .p-tabmenu-left-icon {
  margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-right-icon {
  margin-left: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav-btn.p-link {
  background: #00a9ff33;
  color: #00a9ff;
  width: 2rem;
  box-shadow:
    0 3px 1px -2px #0003,
    0 2px 2px #00000024,
    0 1px 5px #0000001f;
  border-radius: 0;
}
.p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset none;
}
.p-tieredmenu {
  padding: 0.5rem 0;
  background: #393e46;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.25rem;
  width: 12.5rem;
}
.p-tieredmenu.p-tieredmenu-overlay {
  background: #2b2b2b;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.p-tieredmenu .p-tieredmenu-root-list {
  outline: 0 none;
}
.p-tieredmenu .p-submenu-list {
  padding: 0.5rem 0;
  background: #2b2b2b;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content {
  color: #fff;
  transition: none;
  border-radius: 0;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
  color: #fff;
  padding: 1rem;
  -webkit-user-select: none;
  user-select: none;
}
.p-tieredmenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-tieredmenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon {
  color: #ffffffe6;
  margin-right: 0.5rem;
}
.p-tieredmenu
  .p-menuitem
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
  color: #fff;
  background: #ffffff0a;
}
.p-tieredmenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-tieredmenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-tieredmenu
  .p-menuitem.p-highlight
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
  background: #ffffff0a;
}
.p-tieredmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content {
  color: #fff;
  background: #ffffff1f;
}
.p-tieredmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-tieredmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-menuitem-icon,
.p-tieredmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
  > .p-menuitem-content
  .p-menuitem-link
  .p-submenu-icon {
  color: #fff;
}
.p-tieredmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover {
  color: #fff;
  background: #ffffff0a;
}
.p-tieredmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-text {
  color: #fff;
}
.p-tieredmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-menuitem-icon,
.p-tieredmenu
  .p-menuitem:not(.p-highlight):not(.p-disabled)
  > .p-menuitem-content:hover
  .p-menuitem-link
  .p-submenu-icon {
  color: #ffffffe6;
}
.p-tieredmenu .p-menuitem-separator {
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  margin: 0.5rem 0;
}
.p-tieredmenu .p-submenu-icon {
  font-size: 0.9rem;
}
.p-tieredmenu .p-submenu-icon.p-icon {
  width: 0.9rem;
  height: 0.9rem;
}
.p-inline-message {
  padding: 0.25rem 0.5rem;
  margin: 0;
  border-radius: 0.25rem;
}
.p-inline-message.p-inline-message-info {
  background: transparent;
  border: solid #00a9ff;
  border-width: 1px;
  color: #00a9ff;
}
.p-inline-message.p-inline-message-info .p-inline-message-icon {
  color: #00a9ff;
}
.p-inline-message.p-inline-message-success {
  background: transparent;
  border: solid #32af64;
  border-width: 1px;
  color: #32af64;
}
.p-inline-message.p-inline-message-success .p-inline-message-icon {
  color: #32af64;
}
.p-inline-message.p-inline-message-warn {
  background: transparent;
  border: solid #ff9500;
  border-width: 1px;
  color: #ff9500;
}
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
  color: #ff9500;
}
.p-inline-message.p-inline-message-error {
  background: transparent;
  border: solid #fc295e;
  border-width: 1px;
  color: #fc295e;
}
.p-inline-message.p-inline-message-error .p-inline-message-icon {
  color: #fc295e;
}
.p-inline-message .p-inline-message-icon {
  font-size: 0.9rem;
  margin-right: 0.5rem;
}
.p-inline-message .p-icon {
  width: 0.9rem;
  height: 0.9rem;
}
.p-inline-message .p-inline-message-text {
  font-size: 0.9rem;
}
.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
  margin-right: 0;
}
.p-message {
  margin: 1rem 0;
  border-radius: 0.25rem;
}
.p-message .p-message-wrapper {
  padding: 1.25rem 1.5rem;
}
.p-message .p-message-close {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: transparent;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-message .p-message-close:hover {
  background: #ffffff4d;
}
.p-message .p-message-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-message.p-message-info {
  background: transparent;
  border: solid #00a9ff;
  border-width: 1px;
  color: #00a9ff;
}
.p-message.p-message-info .p-message-icon,
.p-message.p-message-info .p-message-close {
  color: #00a9ff;
}
.p-message.p-message-success {
  background: transparent;
  border: solid #32af64;
  border-width: 1px;
  color: #32af64;
}
.p-message.p-message-success .p-message-icon,
.p-message.p-message-success .p-message-close {
  color: #32af64;
}
.p-message.p-message-warn {
  background: transparent;
  border: solid #ff9500;
  border-width: 1px;
  color: #ff9500;
}
.p-message.p-message-warn .p-message-icon,
.p-message.p-message-warn .p-message-close {
  color: #ff9500;
}
.p-message.p-message-error {
  background: transparent;
  border: solid #fc295e;
  border-width: 1px;
  color: #fc295e;
}
.p-message.p-message-error .p-message-icon,
.p-message.p-message-error .p-message-close {
  color: #fc295e;
}
.p-message .p-message-text {
  font-size: 0.9rem;
  font-weight: 500;
}
.p-message .p-message-icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.p-message .p-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.p-message .p-message-summary {
  font-weight: 700;
}
.p-message .p-message-detail {
  margin-left: 0.5rem;
}
.p-toast {
  opacity: 0.9;
}
.p-toast .p-toast-message {
  margin: 0 0 1rem;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
  border-radius: 0.25rem;
}
.p-toast .p-toast-message .p-toast-message-content {
  padding: 1.5rem;
  border-width: 0 0 0 0;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
  margin: 0 0 0 1rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
  font-size: 0.9rem;
}
.p-toast
  .p-toast-message
  .p-toast-message-content
  .p-icon:not(.p-toast-icon-close-icon) {
  width: 0.9rem;
  height: 0.9rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
  font-weight: 700;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  margin: 0.5rem 0 0;
}
.p-toast .p-toast-message .p-toast-icon-close {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: transparent;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-toast .p-toast-message .p-toast-icon-close:hover {
  background: #ffffff4d;
}
.p-toast .p-toast-message .p-toast-icon-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-toast .p-toast-message.p-toast-message-info {
  background: transparent;
  border: solid #00a9ff;
  border-width: 1px;
  color: #00a9ff;
}
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
  color: #00a9ff;
}
.p-toast .p-toast-message.p-toast-message-success {
  background: transparent;
  border: solid #32af64;
  border-width: 1px;
  color: #32af64;
}
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  color: #32af64;
}
.p-toast .p-toast-message.p-toast-message-warn {
  background: transparent;
  border: solid #ff9500;
  border-width: 1px;
  color: #ff9500;
}
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  color: #ff9500;
}
.p-toast .p-toast-message.p-toast-message-error {
  background: transparent;
  border: solid #fc295e;
  border-width: 1px;
  color: #fc295e;
}
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: #fc295e;
}
.p-galleria .p-galleria-close {
  margin: 0.5rem;
  background: transparent;
  color: #ffffffde;
  width: 4rem;
  height: 4rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
  font-size: 2rem;
}
.p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
  width: 2rem;
  height: 2rem;
}
.p-galleria .p-galleria-close:hover {
  background: #ffffff1a;
  color: #ffffffde;
}
.p-galleria .p-galleria-item-nav {
  background: transparent;
  color: #ffffffde;
  width: 4rem;
  height: 4rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 50%;
  margin: 0 0.5rem;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
  font-size: 2rem;
}
.p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
  width: 2rem;
  height: 2rem;
}
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
  background: #ffffff1a;
  color: #ffffffde;
}
.p-galleria .p-galleria-caption {
  background: #00000080;
  color: #ffffffde;
  padding: 1rem;
}
.p-galleria .p-galleria-indicators {
  padding: 1rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button {
  background-color: #ffffff4d;
  width: 1.25rem;
  height: 1.25rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
  background: #fff9;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: #32af641a;
  color: #00a9ff;
}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
.p-galleria.p-galleria-indicators-top .p-galleria-indicator {
  margin-right: 0.5rem;
}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator,
.p-galleria.p-galleria-indicators-right .p-galleria-indicator {
  margin-bottom: 0.5rem;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
  background: #00000080;
}
.p-galleria.p-galleria-indicator-onitem
  .p-galleria-indicators
  .p-galleria-indicator
  button {
  background: #ffffff4d;
}
.p-galleria.p-galleria-indicator-onitem
  .p-galleria-indicators
  .p-galleria-indicator
  button:hover {
  background: #fff9;
}
.p-galleria.p-galleria-indicator-onitem
  .p-galleria-indicators
  .p-galleria-indicator.p-highlight
  button {
  background: #32af641a;
  color: #00a9ff;
}
.p-galleria .p-galleria-thumbnail-container {
  background: #000000e6;
  padding: 1rem 0.25rem;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
  margin: 0.5rem;
  background-color: transparent;
  color: #ffffffde;
  width: 2rem;
  height: 2rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
  background: #ffffff1a;
  color: #ffffffde;
}
.p-galleria-mask,
.p-image-mask {
  --maskbg: rgba(0, 0, 0, 0.9);
}
.p-image-preview-indicator {
  background-color: transparent;
  color: #f8f9fa;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-image-preview-container:hover > .p-image-preview-indicator {
  background-color: #00000080;
}
.p-image-toolbar {
  padding: 1rem;
}
.p-image-action.p-link {
  color: #f8f9fa;
  background-color: transparent;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin-right: 0.5rem;
}
.p-image-action.p-link:last-child {
  margin-right: 0;
}
.p-image-action.p-link:hover {
  color: #f8f9fa;
  background-color: #ffffff1a;
}
.p-image-action.p-link i {
  font-size: 1.5rem;
}
.p-image-action.p-link .p-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.p-avatar {
  background-color: #ffffff1f;
  border-radius: 0.25rem;
}
.p-avatar.p-avatar-lg {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
}
.p-avatar.p-avatar-lg .p-avatar-icon {
  font-size: 1.5rem;
}
.p-avatar.p-avatar-xl {
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
}
.p-avatar.p-avatar-xl .p-avatar-icon {
  font-size: 2rem;
}
.p-avatar-group .p-avatar {
  border: 2px solid rgba(57, 62, 70, 0.5);
}
.p-badge {
  background: #00a9ff;
  color: var(--text-color);
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
  background-color: #32af64;
  color: #ccc;
}
.p-badge.p-badge-success {
  background-color: #32af64;
  color: #212121;
}
.p-badge.p-badge-info {
  background-color: #00a9ff;
  color: #212121;
}
.p-badge.p-badge-warning {
  background-color: #ff9500;
  color: #212121;
}
.p-badge.p-badge-danger {
  background-color: #fc295e;
  color: #212121;
}
.p-badge.p-badge-lg {
  font-size: 1.275rem;
  min-width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
}
.p-badge.p-badge-xl {
  font-size: 1.7rem;
  min-width: 3rem;
  height: 3rem;
  line-height: 3rem;
}
.p-chip {
  background-color: #ffffff1f;
  color: #fff;
  border-radius: 16px;
  padding: 0 0.5rem;
}
.p-chip .p-chip-text {
  line-height: 1.5;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.p-chip .p-chip-icon {
  margin-right: 0.5rem;
}
.p-chip .pi-chip-remove-icon {
  margin-left: 0.5rem;
}
.p-chip img {
  width: 1.75rem;
  height: 1.75rem;
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}
.p-chip .pi-chip-remove-icon {
  border-radius: 0.25rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-chip .pi-chip-remove-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-inplace .p-inplace-display {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
  background: #ffffff0a;
  color: #fff;
}
.p-inplace .p-inplace-display:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}
.p-progressbar {
  border: 0 none;
  height: 4px;
  background: #00a9ff52;
  border-radius: 0.25rem;
}
.p-progressbar .p-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #00a9ff;
}
.p-progressbar .p-progressbar-label {
  color: var(--text-color);
  line-height: 4px;
}
.p-scrolltop {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  box-shadow:
    0 5px 5px -3px #0003,
    0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-scrolltop.p-link {
  background: #66cbff33;
}
.p-scrolltop.p-link:hover {
  background: #66cbffeb;
}
.p-scrolltop .p-scrolltop-icon {
  font-size: 1.5rem;
  color: #ccc;
}
.p-scrolltop .p-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.p-skeleton {
  background-color: #ffffff0f;
  border-radius: 0.25rem;
}
.p-skeleton:after {
  background: linear-gradient(90deg, #fff0, #ffffff0a, #fff0);
}
.p-tag {
  background: #00a9ff;
  color: var(--text-color);
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.25rem 0.4rem;
  border-radius: 0.25rem;
}
.p-tag.p-tag-success {
  background-color: #32af64;
  color: #212121;
}
.p-tag.p-tag-info {
  background-color: #00a9ff;
  color: #212121;
}
.p-tag.p-tag-warning {
  background-color: #ff9500;
  color: #212121;
}
.p-tag.p-tag-danger {
  background-color: #fc295e;
  color: #212121;
}
.p-tag .p-tag-icon {
  margin-right: 0.25rem;
  font-size: 0.85rem;
}
.p-tag .p-icon {
  width: 0.85rem;
  height: 0.85rem;
}
.p-terminal {
  background: #393e4680;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 1rem;
}
.p-terminal .p-terminal-input {
  font-size: 0.9rem;
  font-family: Roboto;
}
.layout-super-admin {
  height: 100vh;
  display: flex;
}
.layout-super-admin .lsa-menu-mini {
  width: 3.5rem;
  background-color: #393e46;
  border-right: 1px solid #555;
}
.layout-super-admin .lsa-menu-mini .apps {
  display: flex;
  flex-direction: column;
  flex-grow: 1 0 auto;
  height: 100vh;
  background-color: #1f2937;
}
.layout-super-admin .lsa-menu-mini .apps .top {
  padding: 0.5rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.5rem;
}
.layout-super-admin .lsa-menu-mini .apps .bottom {
  flex: 1;
  padding: 0.5rem;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 0.5rem;
}
.layout-super-admin .lsa-menu-exp {
  background-color: #393e46;
  border-right: none !important;
  height: 100vh;
}
.layout-super-admin .lsa-menu-exp .sidebar.minimized {
  width: 3rem;
}
.layout-super-admin .lsa-menu-exp .sidebar.minimized .hide-on-min {
  display: none !important;
}
.layout-super-admin .lsa-menu-exp .sidebar.minimized .left {
  display: none;
}
.layout-super-admin .lsa-menu-exp .sidebar.minimized .exp-coll-div {
  display: none !important;
}
.layout-super-admin .lsa-menu-exp .sidebar.minimized .min-max-div {
  margin-left: 0.25rem;
}
.layout-super-admin .lsa-menu-exp .sidebar.expanded {
  width: 15rem;
}
.layout-super-admin .lsa-menu-exp .sidebar .main {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.layout-super-admin .lsa-menu-exp .sidebar .main .menu-content {
  flex: 1;
  overflow-y: auto;
}
.layout-super-admin .lsa-menu-exp .sidebar .main .sticky-image-container {
  flex-shrink: 0;
  padding: 0.75rem 0.5rem;
  margin-top: auto;
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.sidebar.minimized
  .layout-super-admin
  .lsa-menu-exp
  .sidebar
  .main
  .sticky-image-container {
  padding: 0.5rem;
}
.layout-super-admin .lsa-menu-exp .header {
  padding: 0.25rem 0.5rem;
  height: 3rem;
  border-bottom: none;
  background-color: #fff;
  border: 0.5px solid rgba(151, 151, 151, 0.49);
}
.layout-super-admin .lsa-menu-exp .header .right {
  display: flex;
  gap: 0.5rem;
}
.layout-super-admin .lsa-menu-exp .main {
  height: calc(99.2vh - 7.65rem);
  background-color: #e5e7eb;
  overflow-y: auto;
}
.layout-super-admin .lsa-menu-exp .main .push-pin-btn {
  color: #6f6f6f;
  padding: 3px;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
.layout-super-admin .lsa-menu-exp .main .push-pin-btn:hover {
  border: 1px solid rgb(111, 111, 111);
  color: #e48f45;
}
.layout-super-admin .lsa-menu-exp .footer {
  height: 2rem;
  padding: 2px 0.5rem;
  border-top: 1px solid #555;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.layout-super-admin .lsa-menu-exp .footer .left {
  display: flex;
  justify-content: flex-start;
}
.layout-super-admin .lsa-menu-exp .footer .right {
  display: flex;
  justify-content: flex-end;
}
.layout-super-admin .lsa-main-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100vh;
}
.layout-super-admin .lsa-main-wrapper .lsa-header {
  height: 3rem;
  border-bottom: 1px solid #555;
  background-color: #393e46;
  background-color: #fff;
}
.layout-super-admin .lsa-main-wrapper .lsa-header .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.layout-super-admin .lsa-main-wrapper .lsa-header .header .left {
  display: flex;
  justify-content: flex-start;
}
.layout-super-admin .lsa-main-wrapper .lsa-header .header .right {
  display: flex;
  justify-content: flex-end;
}
.layout-super-admin
  .lsa-main-wrapper
  .lsa-header
  .header
  .right
  .hdr-icon-btn-wrapper
  .hdr-icon-btn {
  font-size: 1.25rem;
  padding: 0.35rem;
}
.layout-super-admin .lsa-main-wrapper .lsa-header .header .center .p-message {
  margin: 0;
}
.layout-super-admin .lsa-main-wrapper .lsa-main {
  height: calc(100vh - 5rem);
  background-color: #fff;
  overflow-y: auto;
  padding: 1rem;
}
.layout-super-admin .lsa-main-wrapper .lsa-main.lsa-meeting {
  height: calc(100vh - 2rem) !important;
}
.layout-super-admin .lsa-main-wrapper .lsa-main.p0 {
  padding: 0rem;
}
.layout-super-admin .lsa-main-wrapper .lsa-footer {
  height: 2rem;
  border-top: 1px solid #555;
  background-color: #393e46;
  background-color: #fff;
}
.layout-super-admin .lsa-main-wrapper .lsa-footer .footer {
  padding: 0.25rem 0.5rem;
  display: flex;
  justify-content: space-between;
}
.layout-super-admin .lsa-main-wrapper .lsa-footer .footer .left {
  display: flex;
  justify-content: flex-start;
}
.layout-super-admin .lsa-main-wrapper .lsa-footer .footer .right {
  display: flex;
  justify-content: flex-end;
}
.layout-utils .main-content {
  padding: 1rem;
}
body,
html {
  font-family: Lato, sans-serif !important;
}
::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #00a9ff33;
}
::-webkit-scrollbar-thumb:hover {
  background: #00a9ff;
}
.col-txt-hl {
  color: #f2a867;
}
.p-calendar {
  width: 100% !important;
  height: 2rem;
}
.p-calendar .p-button-icon-only {
  width: 2rem !important;
  padding: 0.4rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.p-calendar .p-inputtext {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.p-dropdown {
  background: #fff !important;
  border: none !important;
}
.p-dropdown .p-dropdown-trigger {
  color: #000 !important;
}
.p-dropdown .p-dropdown-clear-icon {
  color: #aaa !important;
}
.p-dropdown .p-dropdown-label {
  border: 1px solid #c8c7cc;
}
.p-dropdown-panel {
  width: 18rem;
}
.p-dropdown-panel .p-dropdown-item {
  color: #000 !important;
  background: #fff !important;
}
.p-autocomplete-panel {
  width: 18rem;
}
._ov-footer,
.popup-time-picker .p-footer,
.cal-overlay .cal-footer {
  background-color: #1011124d;
  padding-top: 0.25rem;
  margin: 1rem -0.5rem -0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p-autocomplete {
  width: 100%;
}
.p-autocomplete .p-autocomplete-multiple-container {
  width: 100% !important;
  padding: 0.125rem 0.5rem;
  gap: 0.5rem;
  height: 2rem;
  overflow-y: scroll;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: 0rem;
}
.p-autocomplete
  .p-autocomplete-multiple-container
  .p-autocomplete-token
  .p-autocomplete-token-icon {
  font-size: 0.75rem !important;
  margin-left: -0.5rem !important;
  color: #000;
}
.p-autocomplete .p-button-icon-only {
  width: 2rem !important;
  height: 2rem !important;
  padding: 0.4rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.p-autocomplete .p-inputtext {
  margin: 0;
  padding: 0.5rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.w-100 {
  width: 100%;
}
.w-lbl {
  width: 7rem;
}
.w-full .p-inputnumber-input {
  width: 100%;
}
.hvr {
  cursor: pointer;
}
.hvr-pnl-ticker {
  cursor: pointer;
  text-align: center;
}
.user-speaking {
  border-radius: 50%;
  background-color: #32af64;
  color: #fff;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-speaking.off {
  background-color: #fc295e;
  color: #fff;
}
.toggle-btn-wrapper {
  cursor: pointer;
}
.toggle-btn-wrapper:hover {
  background-color: #66cbff33;
  border-radius: 1rem;
}
.ddl-list-item {
  width: 10rem;
}
.ddl-list-item .ddl-list-item-sub {
  font-size: 0.75rem;
  color: #8b8b8b;
}
.view-pills {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.view-pills.left {
  justify-content: flex-start;
}
.view-pills .view-pill {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0.25rem 0.5rem;
  background-color: #32af641a;
}
.view-pills .view-pill:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.view-pills .view-pill:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.view-pills .view-pill .i-mat {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.view-pills .view-pill.active {
  background-color: #32af64;
}
.view-pills .view-pill:hover {
  background-color: #8b8b8b;
}
.btn-with-icon-2-line {
  cursor: pointer;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.btn-with-icon-2-line.p-button-outlined {
  border: 1px solid transparent;
}
.btn-with-icon-2-line.p-button-outlined:hover {
  background-color: #00a9ff;
  border: 1px solid #00a9ff;
  color: #fff;
}
.btn-with-icon-2-line .icon-wrapper {
  width: 2rem;
  max-width: 2rem;
  min-width: 2rem;
  height: 2rem;
  max-height: 2rem;
  min-height: 2rem;
  background-color: #8b8b8b;
  border-radius: 50%;
}
.btn-with-icon-2-line .icon-wrapper .i-mat {
  font-size: 1.5rem;
}
.btn-with-icon-2-line .main {
  margin-left: 0.5rem;
  line-height: 1rem;
}
.btn-with-icon-2-line .main .line1 {
  font-weight: 700;
}
.btn-with-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0px;
}
.btn-with-icon .i-mat {
  margin-right: 0.25rem;
}
.show-on-hover:hover .soh-div {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.record-count-pill {
  border-radius: 1rem;
  padding: 0.25rem 0.5rem;
  background-color: #000 !important;
}
h1 {
  text-transform: uppercase;
  font-size: 1.25rem;
}
h1.clean-grad {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 1.25rem;
}
h1.big {
  font-size: 20px !important;
  line-height: 2rem !important;
}
h1.off {
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #ccccccbd;
}
h1.grad {
  background-image: linear-gradient(to bottom, #000, #8b8b8b, #00a9ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1 strong {
  color: #cccccca9;
}
.info-panel {
  border: 1px solid transparent;
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  color: #666 !important;
  background-color: #eee !important;
  border-radius: 8px !important;
  border-color: transparent !important;
}
.info-panel h1,
.info-panel h2,
.info-panel h3 {
  padding: 0;
  margin: 0;
}
.info-panel kbd {
  padding: 0rem 0.5rem;
}
kbd.inline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.5rem;
  padding: 1px 0.25rem;
  background-color: #1c1b1b !important;
}
.colors {
  padding: 0.75rem !important;
  margin: 0rem !important;
}
.manual-input-wrapper {
  padding: 0.5rem !important;
  margin: 0rem !important;
  color: #000 !important;
  font-weight: 700;
}
.txt-id {
  color: #6f6f6f;
}
.icon-txt,
.icon-txt .i-mat {
  display: flex;
  align-items: center;
}
.icon-wrap {
  width: 3rem;
  height: 3rem;
  max-width: 3rem;
  max-height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-wrap.round {
  border-radius: 50%;
}
.icon-wrap .i-mat {
  font-size: 2rem;
}
.ngx-colors-overlay,
.opened {
  z-index: 1000000 !important;
}
.tag-pill {
  font-size: 0.875rem !important;
  border-radius: 1.25rem;
  padding: 0.3rem 0.7rem;
  color: #fff;
  display: flex;
  background-color: #393e4680;
}
.tag-pill.none {
  background-color: #555;
}
.tag-pill .i-mat {
  display: flex;
  align-items: center;
}
.tag-pill.default {
  background-color: #00a9ff;
}
.tag-pill.tag-picked {
  border: 1px solid white;
}
.tag-pill.hvr {
  cursor: pointer;
}
.cal-task {
  font-size: 1rem;
  color: #ed7d31 !important;
  cursor: pointer;
}
.cal-task:hover {
  background-color: #000 !important;
}
.cal-mtask {
  color: #ff9500 !important;
  cursor: pointer;
}
.cal-mtask:hover {
  background-color: #000 !important;
}
pre {
  color: #888;
  padding: 0rem;
  margin: 0rem;
  overflow: auto;
  word-break: normal !important;
  word-wrap: normal !important;
  font-style: italic;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.my-row {
  width: 100%;
  display: flex;
  gap: 0.2rem;
  padding: 0rem;
  align-items: center;
  margin-top: 0.5rem;
}
.my-row .my-col.full {
  flex: 1 1 auto;
}
.my-row .my-col.left {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 1rem;
}
.my-row .my-col.right {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 0.2rem;
}
.my-row .my-col.d-inline {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 1rem;
}
.my-row .txt-main {
  max-width: 30rem;
}
.my-row .txt-main.min {
  max-width: 18rem;
}
.my-row.done .txt-main {
  color: #6f6f6f;
}
.landing-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
  color: #fff;
  text-align: center;
  padding: 15%;
}
.landing-wrapper .text-container {
  margin-top: 2rem;
}
.landing-wrapper .text-container h1 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}
.landing-wrapper .image-slider {
  margin: 1.5rem 0;
  width: 300px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-wrapper .image-slider img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  transition: opacity 0.5s ease-in-out;
}
.landing-wrapper .desc-container {
  max-width: 80%;
  font-size: 1rem;
  color: #d1d1d1;
  margin-bottom: 1.5rem;
}
.landing-wrapper .dots {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.landing-wrapper .dots span {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #aaa;
  border-radius: 50%;
  display: inline-block;
  transition: background 0.3s;
}
.landing-wrapper .dots span.active {
  background: #fff;
}
.grid {
  display: flex;
  margin: auto;
}
.grid .col-8 {
  width: 50%;
  padding: 0;
}
.grid .col-8 .ht-full {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.grid .col-8 .ht-full .carousel {
  z-index: 99;
  width: 80%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.grid .col-8 .ht-full .login-screen {
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.grid .col-8 .ht-full .carousel-item {
  text-align: center;
}
.grid .col-8 .ht-full .register-content {
  z-index: 99;
  width: 80%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: start;
}
.grid .col-8 .ht-full .register-content h2 {
  color: #fff;
  font-size: 45px;
  font-family: Poppins;
  font-weight: 600;
  line-height: 55px;
  word-wrap: break-word;
}
.grid .col-8 .ht-full .register-content p {
  color: #fff;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
}
.grid .col-8 .ht-full .register-content ul li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 15px;
}
.grid .col-8 .ht-full .register-content ul li > img {
  width: 30px;
  height: 30px;
  margin-right: 30px;
}
.grid .col-8 .ht-full .register-content ul li div > span {
  color: #fff;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 600;
  word-wrap: break-word;
}
.grid .col-8 .ht-full .above {
  color: #fff;
  font-size: 45px;
  font-family: Poppins;
  font-weight: 600;
  line-height: 53px;
  word-wrap: break-word;
  text-align: center;
}
.grid .col-8 .ht-full .below {
  color: #fff;
  font-size: 18px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 28px;
  word-wrap: break-word;
  text-align: center;
}
.grid .col-login {
  width: 50%;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 5%;
}
.grid .col-login .login-wrapper {
  width: 100% !important;
}
.grid .col-login .login-wrapper .login-box {
  padding: 20px;
  background: #fff;
  box-shadow: 0 4px 10px #0000;
  border-radius: 8px;
}
.grid .col-login .login-wrapper .login-box .title,
.grid .col-login .login-wrapper .login-box .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .grid .col-login .login-wrapper .login-box .tt-title,
.grid .col-login .login-wrapper .login-box .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .grid .col-login .login-wrapper .login-box .dt-pill {
  font-size: 24px;
  font-weight: 700;
  color: #1a032c;
  font-size: 32px;
  font-family: Poppins;
  font-weight: 500;
  word-wrap: break-word;
}
.grid .col-login .login-wrapper .login-box .sub {
  font-size: 16px;
  color: #666;
}
.grid .col-login .login-wrapper .login-box .link {
  color: #007bff;
  cursor: pointer;
}
.grid .col-login .login-wrapper .login-box .reg-box .pb-3 .register {
  color: #202020 !important;
}
app-pmt-task-core-edit .pop-grid {
  display: flex !important;
  flex-direction: column !important;
}
app-pmt-task-core-edit .pop-grid .pop-grid-container {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 10px 0;
}
app-pmt-task-core-edit .pop-grid .pop-grid-container .col-3-container {
  width: 100% !important;
}
app-pmt-task-core-edit
  .pop-grid
  .pop-grid-container
  .col-3-container
  app-ui-panel
  .my-panel-c {
  border: none !important;
  border-radius: 0;
  background-color: transparent;
}
app-pmt-task-core-edit .pop-grid .col-9 {
  width: 100% !important;
}
.p-inputtext {
  color: #6d6d6d !important;
  padding: 0.5rem !important;
}
.pop-grid {
  display: flex !important;
  flex-direction: column !important;
}
.pop-grid .pop-grid-container {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 10px 0;
}
.pop-grid .pop-grid-container .col-3-container app-ui-panel .my-panel-c {
  border: none !important;
  border-radius: 0;
  background-color: transparent;
}
.pop-grid .col-9 {
  width: 100% !important;
}
.pop-grid .ht-80 {
  height: 80vh;
}
.pop-grid .wd-full {
  width: 100vw;
}
.pop-grid .scroll-x-y {
  overflow-y: scroll;
  overflow-x: scroll;
}
.pop-grid .ht-2 {
  height: 2rem;
}
.pop-grid .ht-2.fixed-h {
  height: 50px;
  max-height: 50px;
  min-height: 50px;
}
.pop-grid .ht-15 {
  height: 200px;
}
.pop-grid .ht-15.fixed-h {
  height: 200px;
  max-height: 200px;
  min-height: 200px;
}
.pop-grid .wd-2 {
  height: 2rem;
}
.pop-grid .wd-2.fixed-w {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
}
.pop-grid .wd-15 {
  height: 200px;
}
.pop-grid .wd-15.fixed-w {
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}
.pop-grid .x-wrapper {
  display: flex;
}
.pop-grid .x-wrapper .x-col.full {
  flex: 1 1 auto;
}
.pop-grid .y-wrapper {
  display: flex;
  flex-direction: column;
}
.pop-grid .y-wrapper .y-row {
  display: flex;
}
.pop-grid .y-wrapper .y-row.full {
  flex: 1 1 auto;
}
.pop-grid .tag-pills-wrapper {
  display: flex;
}
.pop-grid .tag-pills-wrapper .tag-pill-min {
  border-radius: 0.5rem;
  padding: 1px 5px;
  width: auto;
}
.pop-grid .tag-pills-wrapper .tag-pill {
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
}
.pop-grid .tag-pills-wrapper .tag-pill.tag-pill-picked {
  background-color: #00a9ff;
}
.pop-grid .lines .line {
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.25rem 0.5rem;
}
.pop-grid .lines .line.active {
  background-color: #32af641a !important;
  color: #00a9ff;
  border-left: 0.25rem solid #00a9ff;
}
.pop-grid .lines .line:hover {
  background-color: #32af641a !important;
  color: #00a9ff;
}
.pop-grid .lines-ro {
  background-color: #efeff4;
  border-radius: 20px;
  margin: 0.2rem 0;
}
.pop-grid .lines-ro .line-ro {
  border-radius: 10px;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  margin: 0.5rem auto;
}
.pop-grid .my-kv-wrapper .ng-star-inserted .task-container .task-id {
  display: flex;
  justify-content: start;
  align-items: center;
}
.pop-grid .my-kv-wrapper .ng-star-inserted .task-container .task-id .key {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 30%;
}
.pop-grid
  .my-kv-wrapper
  .ng-star-inserted
  .task-container
  .task-id
  .key
  span
  .icon-class {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-grid .my-kv-wrapper .td-pill-wrapper {
  display: flex;
  gap: 0.5rem;
}
.pop-grid .my-kv-wrapper .td-pill {
  padding: 1px 0.25rem !important;
  border-radius: 0.25rem;
  color: #000 !important;
}
.pop-grid .my-kv-wrapper .my-kv {
  cursor: pointer;
  padding: 0.25rem 0;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
.pop-grid .my-kv-wrapper .my-kv .key {
  width: 25% !important;
  display: flex;
  justify-content: left;
  align-items: center;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 0.5rem;
}
.pop-grid .my-kv-wrapper .my-kv .key span .icon-class {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-grid .my-kv-wrapper .my-kv .val {
  font-weight: 700;
  width: 70%;
  max-width: 70% !important;
  padding: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  transition: all ease-in-out 0.3s;
  scrollbar-width: none;
}
.pop-grid .my-kv-wrapper .my-kv .val::-webkit-scrollbar {
  display: none;
}
.pop-grid .my-kv-wrapper .my-kv:last-child {
  border-bottom: 0px solid transparent;
}
.pop-grid .td-pill-wrapper {
  display: flex;
  gap: 0.5rem;
}
.pop-grid .td-pill {
  padding: 1px 0.25rem !important;
  border-radius: 0.25rem;
  color: #000 !important;
}
.pop-grid .my-kv {
  cursor: pointer;
  padding: 0.25rem 0;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
.pop-grid .my-kv .key {
  width: 25% !important;
  display: flex;
  justify-content: left;
  align-items: center;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 0.5rem;
}
.pop-grid .my-kv .key span .icon-class {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-grid .my-kv:last-child {
  border-bottom: 0px solid transparent;
}
.ht-full {
  height: 100vh !important;
  background: url(/assets/login-bg.svg) no-repeat center center;
  background-size: 100% auto;
}
.lt-full {
  height: 100vh !important;
  background: url(/assets/startpanelbg.svg) no-repeat center center;
  background-size: 100% auto;
}
.lt-slider2-full {
  height: 100vh !important;
  background: url(/assets/signup-bg-slider2.png) no-repeat center center;
  background-size: 100% auto;
}
.lt-slider3-full {
  height: 100vh !important;
  background: url(/assets/signup-bg-slider3.svg) no-repeat center center;
  background-size: 100% auto;
}
.progress {
  width: 100%;
  margin-top: 0.25rem;
}
.progress .p-progressbar {
  height: 1rem;
}
.progress .p-progressbar .p-progressbar-label {
  font-size: 0.5rem;
  color: #000;
  font-weight: 700;
}
.col-status-wrapper {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  width: 8rem;
}
.col-status-wrapper .status-pill {
  cursor: pointer;
  width: 7rem;
  border-radius: 50%;
}
.col-pill-wrapper {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  width: 8rem;
}
.col-pill-wrapper .col-pill {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.col-pill-wrapper .col-pill:hover {
  border: 2px solid white;
}
.app-icon {
  font-size: 1.25rem;
  font-weight: bolder;
}
.app-title {
  font-size: 1rem;
  font-weight: 700;
}
.btn-more-optn {
  border-radius: 50%;
  border: 1px solid #555;
  cursor: pointer;
  width: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  min-height: 1.5rem;
}
.btn-more-optn:hover {
  background-color: #00a9ff33;
  border: 1px solid #f2a867;
}
.app-round-btn {
  position: relative;
}
.app-round-btn .i-mat {
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.25rem;
  border: 3px solid transparent !important;
  border-radius: 8px;
}
.app-round-btn.rect {
  border-radius: 0.5rem !important;
}
.app-round-btn .rount-btn-badge {
  color: #fff;
  position: absolute;
  background-color: #000;
  top: -0.5rem;
  right: -0.5rem;
  padding: 0.25rem;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-round-btn .rount-btn-badge.green {
  background-color: #32af64;
}
.app-round-btn .rount-btn-badge.red {
  background-color: #fc295e;
}
.app-rect-btn {
  position: relative;
}
.app-rect-btn .i-mat {
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.25rem;
  border: 3px solid transparent;
  border-radius: 0.5rem;
}
.app-rect-btn.rect {
  border-radius: 0.5rem !important;
}
.app-rect-btn .badge {
  color: #fff;
  position: absolute;
  background-color: #870202;
  top: -0.5rem;
  right: -0.5rem;
  padding: 0.25rem;
  border-radius: 0.5rem;
}
.uinfo.uinfo-hdr {
  text-align: right;
  margin-right: 0.5rem;
  line-height: 1rem;
}
.uinfo.uinfo-pop {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}
.req {
  padding-left: 0.25rem;
  color: red;
}
.w-full-btn {
  padding: 12px;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.2s;
}
.p-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
kbd {
  border-radius: 0.25rem;
  color: #fff;
  padding: 1px 0.5rem;
}
.err {
  color: red;
  font-size: 0.85rem;
}
.kanban {
  display: flex;
  position: relative;
  gap: 1rem;
  width: calc(100vw - 21.5rem);
  overflow: hidden;
}
.kanban .navigator {
  position: fixed;
  bottom: 0.1rem;
  right: 40%;
  z-index: 10000;
  display: flex;
  gap: 0.5rem;
}
.kanban:hover {
  overflow-y: hidden;
  overflow-x: scroll;
}
.kanban .board-hdr-btns {
  display: flex;
  gap: 0.25rem;
}
.kanban .icon-btn {
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  color: #6f6f6f;
}
.kanban .icon-btn:hover {
  color: #00a9ff;
}
.kanban .my-frm .p-card-body {
  padding: 0.5rem 0;
  background-color: red !important;
}
.kanban .my-frm .p-card-body .p-card-content {
  padding: 0;
}
.kanban .kanban-header .line-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kanban .kanban-header .line-2 {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0.5rem 0;
  align-items: center;
}
.kanban .kanban-header .title.folded,
.kanban .kanban-header .p-tooltip .p-tooltip-text .folded.tt-title,
.p-tooltip .p-tooltip-text .kanban .kanban-header .folded.tt-title,
.kanban .kanban-header .my-cal .dt-lbl .folded.dt-pill,
.my-cal .dt-lbl .kanban .kanban-header .folded.dt-pill {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.kanban .kanban-header .total-pill {
  border: 1px solid #efeff4;
  color: #000;
  background-color: #fff;
  padding: 1px 0.25rem;
  border-radius: 1rem;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kanban .board {
  height: calc(100vh - 11.5rem);
  border-radius: 0.5rem;
  width: 25rem;
  min-width: 25rem;
  max-width: 25rem;
  border: 1px solid #efeff4;
  padding: 1rem;
  border-radius: 10px;
  background: #c8c7cc40;
  transition: transform 0.6s cubic-bezier(0.32, 0, 0.67, 0);
  margin-bottom: 5px;
}
.kanban .board.folded {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.kanban .board.folded .kanban-header .line-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.kanban .board.folded .kanban-header .line-1 .title,
.kanban
  .board.folded
  .kanban-header
  .line-1
  .p-tooltip
  .p-tooltip-text
  .tt-title,
.p-tooltip
  .p-tooltip-text
  .kanban
  .board.folded
  .kanban-header
  .line-1
  .tt-title,
.kanban .board.folded .kanban-header .line-1 .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .kanban .board.folded .kanban-header .line-1 .dt-pill {
  text-transform: uppercase;
}
.kanban .board.folded .kanban-header .line-2 .progress {
  display: none;
}
.kanban .progress {
  width: 100%;
  margin-right: 1rem;
}
.kanban .progress .p-progressbar {
  height: 0.75rem;
}
.kanban .progress .p-progressbar .p-progressbar-label {
  font-size: 0.5rem;
}
.kanban .items-wrapper {
  height: calc(100vh - 17rem);
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.kanban .items-wrapper::-webkit-scrollbar {
  display: none;
}
.kanban .items-wrapper .row {
  background: #fff;
  gap: 1rem;
  margin: 1rem 5px 1rem 0;
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.kanban .items-wrapper .row .kanban-alias-title-action {
  display: flex;
  gap: 8px;
  background: red;
}
.kanban .items-wrapper .row .item-line-title {
  padding: 0.25rem 0.5rem 0;
  height: 1.5rem;
}
.kanban .items-wrapper .row .item-line-title .title,
.kanban
  .items-wrapper
  .row
  .item-line-title
  .p-tooltip
  .p-tooltip-text
  .tt-title,
.p-tooltip
  .p-tooltip-text
  .kanban
  .items-wrapper
  .row
  .item-line-title
  .tt-title,
.kanban .items-wrapper .row .item-line-title .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .kanban .items-wrapper .row .item-line-title .dt-pill {
  display: inline-block;
  width: 10rem;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  color: #00a9ff;
  overflow-x: hidden;
}
.kanban .items-wrapper .row .item-line-descr {
  color: #fff;
  padding: 0.25rem 0.5rem 0;
}
.kanban .items-wrapper .row .item-line-settings {
  padding: 0.5rem;
}
.kanban .items-wrapper .row.being-dragged {
  background-color: #00f3;
}
.bread {
  border: 1px solid #555;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
span.off {
  color: #8b8b8b;
}
span.sm {
  font-size: small;
}
._title,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill,
.my-cal
  .dt-lbl
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-header
  .p-dialog-title,
.popup-tip-panel .o-content .ttx-title,
.nrf-container .no-rec-found .nrf-title,
.ui-table-header .left-wrapper .title,
.my-dlg .pop-dlg .pop-dlg-header .title,
.my-dlg .pop-dlg .pop-dlg-header .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .my-dlg .pop-dlg .pop-dlg-header .tt-title,
.my-dlg .pop-dlg .pop-dlg-header .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .my-dlg .pop-dlg .pop-dlg-header .dt-pill,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill,
.my-cal
  .dt-lbl
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill,
.p-dialog-mask .my-dlg-full-screen .p-dialog-header .p-dialog-title,
.my-card .ui-card-header .title,
.title,
.p-tooltip .p-tooltip-text .tt-title,
.my-cal .dt-lbl .dt-pill {
  font-size: 1rem;
  font-weight: 700;
  color: #00a9ff;
}
._title strong,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title
  strong,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill
  strong,
.my-cal
  .dt-lbl
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill
  strong,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title
  strong,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title
  strong,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-header
  .p-dialog-title
  strong,
.popup-tip-panel .o-content .ttx-title strong,
.nrf-container .no-rec-found .nrf-title strong,
.ui-table-header .left-wrapper .title strong,
.my-dlg .pop-dlg .pop-dlg-header .title strong,
.my-dlg .pop-dlg .pop-dlg-header .p-tooltip .p-tooltip-text .tt-title strong,
.p-tooltip .p-tooltip-text .my-dlg .pop-dlg .pop-dlg-header .tt-title strong,
.my-dlg .pop-dlg .pop-dlg-header .my-cal .dt-lbl .dt-pill strong,
.my-cal .dt-lbl .my-dlg .pop-dlg .pop-dlg-header .dt-pill strong,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title
  strong,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title
  strong,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title
  strong,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill
  strong,
.my-cal
  .dt-lbl
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill
  strong,
.p-dialog-mask .my-dlg-full-screen .p-dialog-header .p-dialog-title strong,
.my-card .ui-card-header .title strong,
.title strong,
.p-tooltip .p-tooltip-text .tt-title strong,
.my-cal .dt-lbl .dt-pill strong {
  color: red;
}
._title span,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title
  span,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill
  span,
.my-cal
  .dt-lbl
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill
  span,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title
  span,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title
  span,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-header
  .p-dialog-title
  span,
.popup-tip-panel .o-content .ttx-title span,
.nrf-container .no-rec-found .nrf-title span,
.ui-table-header .left-wrapper .title span,
.my-dlg .pop-dlg .pop-dlg-header .title span,
.my-dlg .pop-dlg .pop-dlg-header .p-tooltip .p-tooltip-text .tt-title span,
.p-tooltip .p-tooltip-text .my-dlg .pop-dlg .pop-dlg-header .tt-title span,
.my-dlg .pop-dlg .pop-dlg-header .my-cal .dt-lbl .dt-pill span,
.my-cal .dt-lbl .my-dlg .pop-dlg .pop-dlg-header .dt-pill span,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title
  span,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title
  span,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title
  span,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill
  span,
.my-cal
  .dt-lbl
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill
  span,
.p-dialog-mask .my-dlg-full-screen .p-dialog-header .p-dialog-title span,
.my-card .ui-card-header .title span,
.title span,
.p-tooltip .p-tooltip-text .tt-title span,
.my-cal .dt-lbl .dt-pill span {
  margin-right: 0.25rem;
}
._title span.off,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title
  span.off,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill
  span.off,
.my-cal
  .dt-lbl
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill
  span.off,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title
  span.off,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title
  span.off,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-header
  .p-dialog-title
  span.off,
.popup-tip-panel .o-content .ttx-title span.off,
.nrf-container .no-rec-found .nrf-title span.off,
.ui-table-header .left-wrapper .title span.off,
.my-dlg .pop-dlg .pop-dlg-header .title span.off,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title
  span.off,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title
  span.off,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title
  span.off,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill
  span.off,
.my-cal
  .dt-lbl
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill
  span.off,
.p-dialog-mask .my-dlg-full-screen .p-dialog-header .p-dialog-title span.off,
.my-card .ui-card-header .title span.off,
.title span.off,
.p-tooltip .p-tooltip-text .tt-title span.off,
.my-cal .dt-lbl .dt-pill span.off {
  color: #8b8b8b;
}
._title .txt-mute,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title
  .txt-mute,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill
  .txt-mute,
.my-cal
  .dt-lbl
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill
  .txt-mute,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title
  .txt-mute,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title
  .txt-mute,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-header
  .p-dialog-title
  .txt-mute,
.popup-tip-panel .o-content .ttx-title .txt-mute,
.nrf-container .no-rec-found .nrf-title .txt-mute,
.ui-table-header .left-wrapper .title .txt-mute,
.my-dlg .pop-dlg .pop-dlg-header .title .txt-mute,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .title
  .txt-mute,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .p-tooltip
  .p-tooltip-text
  .tt-title
  .txt-mute,
.p-tooltip
  .p-tooltip-text
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .tt-title
  .txt-mute,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .my-cal
  .dt-lbl
  .dt-pill
  .txt-mute,
.my-cal
  .dt-lbl
  .p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .dt-pill
  .txt-mute,
.p-dialog-mask .my-dlg-full-screen .p-dialog-header .p-dialog-title .txt-mute,
.my-card .ui-card-header .title .txt-mute,
.title .txt-mute,
.p-tooltip .p-tooltip-text .tt-title .txt-mute,
.my-cal .dt-lbl .dt-pill .txt-mute {
  color: #6f6f6f;
}
._sub_title,
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .sub,
.ui-table-header .left-wrapper .sub,
.my-dlg .pop-dlg .pop-dlg-header .sub-title,
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .sub,
.my-card .ui-card-header .sub,
.sub {
  font-size: 0.75rem;
}
.popup-kanban {
  width: 13rem;
}
.popup-kanban .my-color-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.popup-kanban .my-color-wrapper .my-color-box {
  width: 2rem;
  height: 2rem;
  border: 1px solid #ccc;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.title.mute,
.p-tooltip .p-tooltip-text .mute.tt-title,
.my-cal .dt-lbl .mute.dt-pill {
  color: #8b8b8b;
}
.c-col,
.dt-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lr .l {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.lr .r {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.left-right,
.task-card-wrapper .task-card .task-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-right .left,
.task-card-wrapper .task-card .task-card-footer .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.left-right .right,
.task-card-wrapper .task-card .task-card-footer .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.dt-wrapper .dt-date {
  font-size: small;
}
.dt-wrapper .dt-time {
  font-size: large;
}
._crtl_lbl,
.ctrl-lbl {
  text-transform: uppercase;
  color: #aaa;
}
.ctrl-lbl {
  margin-bottom: 0.25rem !important;
}
.my-ctrl.ctrl-flex {
  display: flex;
  align-items: center;
}
.my-ctrl.ctrl-flex .ctrl-lbl {
  padding-right: 0.5rem;
  width: 7rem;
  max-width: 7rem;
  min-width: 7rem;
  text-align: right;
}
.my-frm .ctrl-inline {
  display: flex;
  width: 100%;
}
.my-frm .ctrl-inline .ctrl-lbl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0.5rem;
}
.my-frm .ctrl-inline .ctrl-input {
  flex: 1 1 auto;
}
.my-frm .p-card-body {
  padding: 0 !important;
  padding-top: 0rem;
}
.my-frm .p-card-content {
  padding-top: 1rem;
}
.my-frm .ctrl-err {
  color: red;
}
.fw-wrapper {
  display: block;
  width: 100%;
}
.r-aligned-btns-wrapper {
  display: flex;
  row-gap: 0.5rem;
  column-gap: 0.5rem;
  justify-content: flex-end;
  align-items: center;
}
.list-item .name {
  color: #8b8b8b;
}
.my-box {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  align-content: center;
}
.my-box.summary {
  display: flex;
  flex-direction: column;
}
.my-box .title,
.my-box .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .my-box .tt-title,
.my-box .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .my-box .dt-pill {
  font-size: 1.25rem;
  color: #000;
}
.my-box.ht1 {
  height: 5rem;
}
.my-box .icon-div {
  border-radius: 0.5rem;
}
.my-box .icon-div .i-mat {
  font-size: 2rem;
}
.hdr-actions {
  display: flex;
  gap: 0.5rem;
}
.arrow-btns {
  display: flex;
}
.arrow-btns .arrow-btn {
  background-color: #00a9ff33;
  padding: 0.5rem 1rem 0.5rem 2rem;
  margin: 2px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.arrow-btns .arrow-btn.active {
  background-color: #00a9ffcc;
}
.arrow-btns .arrow-btn.active:after {
  border-left: 0.5rem solid rgba(0, 169, 255, 0.8);
}
.arrow-btns .arrow-btn:hover {
  background-color: #00a9ff80;
}
.arrow-btns .arrow-btn:hover:after {
  border-left: 0.5rem solid rgba(0, 169, 255, 0.5);
}
.arrow-btns .arrow-btn:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  margin-top: -1rem;
  border-left: 0.5rem solid rgba(0, 169, 255, 0.2);
  top: 50%;
  left: 100%;
  z-index: 2;
}
.arrow-btns .arrow-btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  margin-top: -1rem;
  border-left: 0.5rem solid #222831;
  top: 50%;
  left: 100%;
  margin-left: 4px;
  z-index: 1;
}
.two-line .mute {
  color: #6f6f6f;
  font-size: smaller;
}
.my-card.card-pad-0-body .p-card-body {
  padding: 0 !important;
}
.my-card.no-b {
  border: 0px !important;
  box-shadow: unset;
  height: 100% !important;
}
.my-card.no-bg {
  background-color: transparent;
}
.my-card.card-pad-0-content .p-card-content,
.my-card.card-no-pad .p-card-body,
.my-card.card-no-pad .p-card-body .p-card-content {
  padding: 0 !important;
}
.my-card.no-border {
  border: 0px !important;
  box-shadow: unset;
}
.my-card.no-padding .p-card-body {
  padding: 0 !important;
}
.my-card .p-message {
  width: 100%;
  margin: 0 0 1rem !important;
}
.my-card .p-card-header {
  padding: 0 !important;
}
.my-card .p-card-footer footer {
  display: flex;
  row-gap: 0.5rem;
  column-gap: 0.5rem;
  justify-content: flex-end;
  align-items: center;
}
.my-card .ui-card-header {
  display: flex;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  justify-content: space-between;
  background-color: #f5f5f5;
  color: #000;
  align-items: center;
  padding: 0.5rem 1rem;
}
.my-card .ui-card-header .left-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.my-card .ui-card-header .left-wrapper .icon-wrapper {
  border-right: 1px solid green;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}
.my-card .ui-card-header h1 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #000 !important;
}
.my-card .ui-card-header .sub strong {
  color: #fc295e;
}
.txt-link {
  font-weight: 700;
  color: #e48f45;
  cursor: pointer;
}
.txt-link:hover {
  color: #00a9ff;
}
.links {
  display: flex;
}
.links .link {
  display: flex;
  align-items: center;
}
.links .link .i-mat {
  padding-right: 0.25rem;
}
.links .link:hover {
  color: #00a9ff;
}
.img-auto {
  flex: 100%;
  max-width: 100%;
  padding: 0 4px;
  border-radius: 0.5rem;
}
.p-editor-container {
  width: 100%;
}
.tip {
  color: #ff9500;
}
.tip .i-mat {
  color: #ffbf66;
  font-size: 1.5rem;
}
.my-content {
  position: relative;
  border-radius: 0.5rem;
  padding: 1rem;
  border: 1px solid #555;
  color: #c6c5c5;
}
.my-content h1,
.my-content h2,
.my-content p {
  margin: 0;
}
.my-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.my-content ul li:last-child {
  margin-bottom: 1rem;
}
.my-content .my-content-edit {
  position: absolute;
  right: 2px;
  top: 2px;
  display: none;
}
.my-content:hover .my-content-edit {
  display: block;
}
.my-ig {
  width: 100%;
  display: flex;
}
.my-ig input {
  flex: 1;
}
.icon-bg {
  border-style: solid;
  cursor: pointer;
}
.icon-bg.icon-bg-circle {
  border-radius: 50%;
}
.icon-bg.icon-bg-box {
  border-radius: 0.5rem;
}
.my-panel,
.task-card-wrapper .task-card {
  border-radius: none !important;
  border: none !important;
  overflow-y: auto;
}
.my-panel.pad0,
.task-card-wrapper .pad0.task-card {
  padding: 0rem;
}
.my-panel.pad1,
.task-card-wrapper .pad1.task-card {
  padding: 0.5rem;
}
.my-panel.pad2,
.task-card-wrapper .pad2.task-card {
  padding: 1rem;
}
.my-panel.no-b,
.task-card-wrapper .no-b.task-card {
  border: 0px soild #ccc !important;
}
.my-panel-c {
  background-color: transparent !important;
}
.my-sidebar {
  border-left: 1px solid #555;
  background-color: #393e46;
  position: relative;
}
.my-sidebar .p-sidebar-header {
  display: none;
}
.my-sidebar .float-btn {
  position: absolute;
  right: 1rem;
  top: 1.5rem;
  z-index: 10000;
}
.my-sidebar .p-sidebar-content {
  padding: 0rem !important;
}
.my-sidebar .p-sidebar-footer {
  display: none;
}
.my-sidebar .my-sidebar-contant {
  padding: 0rem;
}
.my-sidebar .ui-siderbar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #393e46;
  padding: 0.5rem;
  min-height: 3rem;
}
.my-sidebar .ui-siderbar-header .left-wrapper {
  display: flex;
  justify-content: flex-start;
}
.my-sidebar .ui-siderbar-header .right-wrapper {
  display: flex;
  justify-content: flex-end;
}
.my-menu-more-option {
  padding: 0.5rem 0rem;
  min-width: 10rem;
}
.my-menu-more-option .p-overlaypanel-content {
  padding: 0rem;
}
.task-picker-overlay {
  width: 15rem;
}
.task-picker-overlay .p-overlaypanel-content {
  padding: 0rem;
}
.cal-overlay .p-overlaypanel-content {
  padding: 0rem !important;
}
.my-cal {
  display: flex;
}
.my-cal.vert {
  flex-direction: column;
  align-items: center;
}
.my-cal.vert .dt-lbl {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-cal .p-inputtext {
  width: 1px !important;
}
.my-cal .dt-lbl {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-cal .dt-lbl .dt-pill {
  text-transform: uppercase;
}
.my-cal .dt-lbl:hover {
  border-radius: 0.5rem;
  background-color: #32af641a;
}
.task-card-wrapper {
  background-color: transparent !important;
  margin-top: 0.5rem;
  padding: 0.5rem 0.25rem;
  background-color: #222831;
  border-radius: 0.25rem;
}
.task-card-wrapper .task-card {
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.task-card-wrapper .task-card.active,
.task-card-wrapper .task-card:hover {
  background-color: #393e46;
}
.task-card-wrapper .task-card .descr {
  font-size: 0.85rem;
  font-style: italic;
  color: #aaa !important;
}
.task-card-wrapper .task-card .task-card-footer {
  padding-top: 0.5rem;
}
.rez-pnl {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.rez-pnl .scroll-pnl {
  position: relative;
  overflow-y: scroll;
}
.rez-pnl .scroll-pnl .person-card {
  height: 3rem;
  background-color: #aaa;
  padding: 1rem;
  margin-top: 1rem;
}
.rez-pnl .pnl-hdr {
  height: 2rem;
  min-height: 2rem;
  max-height: 2rem;
  background-color: wheat;
  color: #000;
}
.rez-pnl .header {
  flex: auto;
  height: 2rem;
  max-height: 2rem;
  min-height: 2rem;
  background-color: #fc295e;
}
.rez-pnl .main {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}
.rez-pnl .main .left {
  width: 15rem;
  background-color: #32af64;
}
.rez-pnl .main .middle {
  flex: 1 1 auto;
  background-color: #00a9ff;
}
.rez-pnl .main .right {
  width: 15rem;
  background-color: #32af64;
}
.rez-pnl .footer {
  height: 15rem;
  flex: auto;
  background-color: #32af64;
}
.avatar-head-text {
  color: #000 !important;
}
.app-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #7066ff29 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-avatar .avatar-text {
  color: #7066ff !important;
  font-size: 12px;
}
.app-avatar img {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}
.search-input {
  position: relative;
  width: 100%;
  padding: 0.5rem 0.2rem;
}
.search-input.rounded input {
  border-radius: 0.5rem;
}
.search-input .search-div-sidebar {
  width: 100%;
  padding: 0.4rem 1rem !important;
  border-radius: 8px;
  border: 1px solid rgba(192, 215, 240, 0.41);
  background: #e2e8f0;
  color: #2d3748;
}
.search-input .icon-search {
  position: absolute;
  left: 0.4rem;
  top: 1.1rem;
  color: #8b8b8b;
  width: 1.3rem !important;
  height: 1.3rem !important;
}
.search-input .icon-cancel {
  width: 1.3rem !important;
  border-width: 1px;
  height: 1.3rem !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 0.8em;
  right: 0.6rem;
}
.my-picker .p-dialog-content,
.my-picker .p-dialog-content .my-pop-content {
  padding: 0;
}
.pnl-static {
  position: static;
  top: 0;
}
.p-dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end !important;
  align-items: center;
}
.p-dialog-mask .my-dlg-full-screen {
  width: 50% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: end !important;
}
.p-dialog-mask .my-dlg-full-screen .p-dialog-header {
  display: none;
  background-color: #393e46 !important;
}
.p-dialog-mask .my-dlg-full-screen .p-dialog-content {
  overflow: hidden !important;
  background-color: transparent !important;
  padding: 0;
  width: 100%;
}
.p-dialog-mask .my-dlg-full-screen .p-dialog-content .my-table {
  overflow-y: auto;
}
.p-dialog-mask .my-dlg-full-screen .p-dialog-content .my-pop-dlg {
  position: relative;
  background: #fff;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #000;
}
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg.no-header
  .my-pop-content {
  margin-top: 0;
  padding: 0;
  overflow: hidden;
}
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .my-pop-header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 3rem;
  background-color: #bdbcbc09;
}
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .my-pop-content {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 1rem;
  height: 100%;
  overflow: auto;
}
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .my-pop-content
  .scroll-y {
  overflow-y: auto;
}
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .my-pop-footer {
  background-color: #bdbcbc09;
  padding: 0.5rem 1rem;
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: 0;
}
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  min-height: 3rem;
}
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .left-wrapper {
  display: flex;
  justify-content: flex-start;
}
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .right-wrapper {
  display: flex;
  justify-content: flex-end;
}
.p-dialog-mask
  .my-dlg-full-screen
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .center-wrapper
  .p-message {
  border: none !important;
  margin: 0;
}
.my-dlg {
  border: 1px solid #555;
  border-radius: 0.5rem;
  position: absolute;
  left: 30%;
}
.my-dlg.confirm-dlg {
  border: 1px solid rgba(252, 41, 94, 0.2);
  border-radius: 0.5rem;
}
.my-dlg.confirm-dlg .p-dialog-content .icon {
  border-radius: 50%;
  height: 3rem;
  max-height: 3rem;
  min-height: 3rem;
  width: 3rem;
  max-width: 3rem;
  min-width: 3rem;
  background-color: #fc295e80;
}
.my-dlg.confirm-dlg .p-dialog-content .icon .i-mat {
  font-size: 2rem;
  padding: 0.5rem;
}
.my-dlg .p-dialog-header {
  display: none;
}
.my-dlg .p-dialog-content {
  padding: 0rem;
  border-radius: 0.5rem;
}
.my-dlg .pop-dlg {
  padding: 1.5rem;
  width: 40vw;
}
.my-dlg .pop-dlg .pop-dlg-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 0rem;
}
.my-dlg .pop-dlg .pop-dlg-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.delete-confirm-dlg {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  max-width: calc(100vw - 32px) !important;
  margin: auto !important;
  align-self: center !important;
  border: 0 !important;
  border-radius: 8px !important;
  transform: none !important;
}
.delete-confirm-dlg .p-dialog-content {
  overflow: visible !important;
  padding: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
}
.delete-confirm-dlg .pop-dlg-footer {
  align-items: center !important;
  gap: 64px !important;
}
.delete-confirm-dlg app-ui-btn.pop-delete-no,
.delete-confirm-dlg app-ui-btn.pop-delete-yes,
.delete-confirm-dlg app-ui-btn.pop-delete-not-checked {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 156px !important;
  height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.delete-confirm-dlg app-ui-btn.pop-delete-no p-button,
.delete-confirm-dlg app-ui-btn.pop-delete-yes p-button,
.delete-confirm-dlg app-ui-btn.pop-delete-not-checked p-button,
.delete-confirm-dlg app-ui-btn.pop-delete-no .p-element,
.delete-confirm-dlg app-ui-btn.pop-delete-yes .p-element,
.delete-confirm-dlg app-ui-btn.pop-delete-not-checked .p-element,
.delete-confirm-dlg app-ui-btn.pop-delete-no button.p-button,
.delete-confirm-dlg app-ui-btn.pop-delete-yes button.p-button,
.delete-confirm-dlg app-ui-btn.pop-delete-not-checked button.p-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 156px !important;
  height: 62px !important;
  min-width: 156px !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: top !important;
}
.delete-confirm-dlg app-ui-btn.pop-delete-no .p-button {
  background: #eee7fb !important;
  color: #000 !important;
}
.delete-confirm-dlg app-ui-btn.pop-delete-yes .p-button {
  background: #eb4e3d !important;
  color: #fff !important;
}
.tab-pill {
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 16px;
  background: #eaedff;
}
.p-tabview-panels {
  padding: 1rem 0 !important;
}
.ctrl-lbl {
  text-transform: uppercase;
}
.btns {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  align-items: center;
}
.ui-table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0rem 0.5rem 0.5rem;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom: 1px solid #c8c7cc !important;
  border-left: 1px solid #c8c7cc;
  border-right: 1px solid #c8c7cc;
  border-top: 1px solid #c8c7cc;
}
.ui-table-header .left-wrapper {
  width: 50%;
}
.ui-table-header .main-center-wrapper {
  width: auto;
  display: flex;
  gap: 15px;
  padding-right: 0.5rem;
}
.ui-table-header .right-wrapper {
  display: flex;
  gap: 20px;
  width: auto;
}
.ui-table-header
  .right-wrapper
  div
  .fsc-g1
  div:nth-child(3)
  app-ui-btn-ex
  app-ui-btn
  .p-element
  button,
.ui-table-header
  .right-wrapper
  div
  .folder
  div:nth-child(3)
  app-ui-btn-ex
  app-ui-btn
  .p-element
  button {
  border: 1px solid #555 !important;
}
.td-avatar {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
}
.td-avatar.mini {
  height: 1.25rem;
  width: 1.25rem;
}
.td-avatar.micro {
  height: 1rem;
  width: 1rem;
}
.td-circle {
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  padding: 2px;
}
.td-circle:hover {
  background-color: #8b8b8b;
}
.status-pill-wrapper,
.user-type-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px;
}
.status-pill {
  min-width: 72px;
  height: 24px;
  padding: 0 16px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
.status-pill-yes {
  background: #b7efd6;
  color: #2f8f62;
}
.status-pill-no {
  background: #ffb5ad;
  color: #d84a3f;
}
.user-type-pill {
  min-width: 56px;
  height: 22px;
  padding: 0 12px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
}
.user-pill,
.admin-pill,
.readonly-pill {
  background: #f7eddc;
  color: #e67e22;
}
.td-pill-wrapper {
  display: flex;
  gap: 0.5rem;
}
.td-pill {
  padding: 1px 0.25rem !important;
  font-size: 0.875rem !important;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
}
.td-img {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
}
.td-title {
  font-weight: 700;
}
.td-descr {
  padding: 0.25rem 0 !important;
  font-style: italic;
}
.td-sub-items {
  border-radius: 0.5rem;
  padding: 1px 0.25rem;
  background-color: #ccc;
  cursor: pointer;
}
.td-link {
  color: #0476fc !important;
  font-weight: 500;
  cursor: pointer;
}
.td-link:hover {
  color: #4f9ffd !important;
}
.td-action {
  display: flex;
}
.td-action .td-btn {
  cursor: pointer;
}
.td-action .td-btn:hover {
  color: #00a9ff;
}
.my-frozen-table {
  width: calc(100vw - 23rem);
}
.my-frozen-table.inner-table .p-datatable-header {
  background-color: #222831;
  padding: 0.25rem;
}
.my-frozen-table tr td:not(.expanded-row-container) {
  padding: 0.25rem !important;
}
.my-frozen-table tr td.td-r {
  text-align: right;
}
.my-frozen-table tr td.td-c {
  text-align: center;
}
.my-frozen-table tr th {
  padding: 0.25rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}
.my-frozen-table tr th:first-child {
  padding-left: 1rem !important;
}
.my-table {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.my-table.simple-table {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.my-table.simple-table thead tr th {
  border-bottom: 1px solid #ccc !important;
  text-align: left;
  font-weight: 700;
}
.my-table.simple-table tr td {
  border-bottom: 1px solid #ccc !important;
  font-size: 0.8rem;
}
.my-table.simple-table tr:last-child td {
  border-bottom: 0px solid #ccc !important;
}
.my-table.static-table {
  border: unset !important;
}
.my-table tr td {
  padding: 0.25rem !important;
}
.my-table tr td:first-child {
  padding-left: 1rem !important;
}
.my-table tr td.td-r {
  text-align: right;
}
.my-table tr td.td-c {
  text-align: center;
}
.my-table tr th {
  font-weight: 700 !important;
  text-transform: uppercase;
}
.my-table tr th:first-child {
  padding-left: 1rem !important;
}
.subtask-indent {
  padding-left: 1.5rem;
}
.img-view {
  width: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.img-view .img-view-msg {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.img-view .edit-img {
  z-index: 10000;
  position: absolute;
  top: 0rem;
  right: 0rem;
}
.p-message {
  margin: 0;
}
.my-progress {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 1rem;
  font-weight: 700;
}
.my-progress img {
  width: 1.5rem;
  height: 1.5rem;
}
.my-progress.mp-inline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.one-pxl-trans {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==);
}
.img-wrapper {
  background-color: #00a9ff;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
}
._hr-min-block,
.hh-mm-wrapper .mm,
.hh-mm-wrapper .hh {
  padding: 1rem;
  border: 1px solid #8b8b8b;
  cursor: pointer;
}
._hr-min-block:hover,
.hh-mm-wrapper .mm:hover,
.hh-mm-wrapper .hh:hover {
  background-color: #8b8b8b33;
  color: #00a9ff;
}
.hh-mm-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.hh-mm-wrapper .hh,
.hh-mm-wrapper .mm {
  width: 3rem;
}
.avatar-img {
  height: 2rem;
  width: 2rem;
  border: 2px solid white;
  border-radius: 50%;
  cursor: pointer;
}
.avatar-img:hover {
  border: 2px solid #00a9ff;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.avatar-img.in-form {
  height: 7rem;
  width: 7rem;
  border: 5px solid #8b8b8b;
}
.avatar-img.lg {
  height: 5rem;
  width: 5rem;
}
.p-overlaypanel-content {
  background: #fff;
  border-radius: 10px;
  color: #000;
}
.p-overlaypanel-content .s-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  padding: 15px 10px;
}
.p-overlaypanel-content .s-header .s-header-img,
.p-overlaypanel-content .s-header .s-header-info {
  display: flex;
  justify-content: center;
}
.p-overlaypanel-content .menu-items .hr {
  border-top: 1px solid #555;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}
.p-overlaypanel-content .menu-items .menu-item {
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: unset !important;
}
.p-overlaypanel-content .menu-items .menu-item .btn-lbl {
  line-height: 1rem;
}
.p-overlaypanel-content .menu-items .menu-item .btn-lbl small {
  color: #6f6f6f;
}
.brand {
  display: flex;
  justify-content: flex-start;
}
.brand .brand-logo {
  height: 2rem;
  border-radius: 50%;
}
.brand .brand-logo img {
  margin-left: 0.25rem;
  margin-top: 0.5rem;
  height: 1.5rem;
}
.brand .brand-title {
  padding-left: 0.5rem;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
}
.col-border-left {
  border-left: 1px solid #484747;
  box-shadow: -0.25rem 0 0.25rem #48474780;
}
.layout-blank {
  height: 100vh;
  width: 100vw;
}
.layout-blank .login-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-family: Lato;
}
.layout-blank .login-wrapper .login-box {
  padding: 0rem 2rem;
  background: #fff;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.layout-blank .login-wrapper .login-box .logo {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.layout-blank .login-wrapper .login-box .logo img {
  width: 150px;
}
.layout-blank .login-wrapper .login-box .title,
.layout-blank .login-wrapper .login-box .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .layout-blank .login-wrapper .login-box .tt-title,
.layout-blank .login-wrapper .login-box .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .layout-blank .login-wrapper .login-box .dt-pill {
  font-size: 1.6rem;
  font-weight: 600;
  color: #1f1f1f;
}
.layout-blank .login-wrapper .login-box .sub {
  font-size: 1rem;
  color: #6b7280;
  margin-bottom: 1.5rem;
}
.layout-blank .login-wrapper .login-box app-ui-form {
  text-align: left;
}
.layout-blank .login-wrapper .login-box app-ui-form input {
  padding: 12px;
  border: 1px solid #d1d5db;
  font-size: 1rem;
  transition: border 0.2s;
}
.layout-blank .login-wrapper .login-box app-ui-form input:focus {
  border-color: #2563eb;
  outline: none;
}
.layout-blank .login-wrapper .login-box .login-btn {
  margin: auto;
  background-color: #1f2937;
  color: #fff;
  padding: 12px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  margin-top: 1rem;
  transition: background 0.2s;
}
.layout-blank .login-wrapper .login-box .login-btn:hover {
  background-color: #1e40af;
}
.layout-blank .login-wrapper .login-box .link {
  color: #2563eb;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.layout-blank .login-wrapper .login-box .link:hover {
  color: #1e40af;
}
.layout-blank .login-wrapper .login-box .terms-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  font-size: 0.9rem;
  color: #6b7280;
}
.layout-blank .login-wrapper .login-box .terms-container input {
  margin-right: 0.5rem;
}
.layout-blank .login-wrapper .login-box .terms-container a {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
}
.layout-blank .login-wrapper .login-box .terms-container a:hover {
  color: #1e40af;
}
.layout-blank .login-wrapper .login-box .text-center {
  font-size: 0.85rem;
  color: #6b7280;
  margin-top: 1rem;
}
.g-hvr,
.g-sidebar-top-btn {
  color: #00a9ff;
  cursor: pointer;
}
.g-hvr:hover,
.g-sidebar-top-btn:hover {
  color: #66cbff;
}
.g-sidebar-top-btn {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  cursor: pointer;
}
.g-sidebar-top-btn .i-mat {
  font-size: 1.5rem;
}
.msg {
  padding: 0.25rem 0.5rem;
  display: flex;
  align-items: center;
}
.float-sub-menu {
  color: #fff !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition:
    width 2s,
    height 4s;
  position: absolute;
  left: 3.5rem;
  width: 15rem;
  background-color: #393e46;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  border-top: 1px solid #555;
  margin-top: 4rem;
}
.float-sub-menu .menu-item.inner {
  height: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-weight: unset;
  font-size: 1rem !important;
}
.float-sub-menu .menu-item.inner .i-mat {
  padding: 0;
  margin: 0;
  font-size: 1rem !important;
}
.float-sub-menu .menu-item.inner .icon-btn {
  padding-top: 0.5rem !important;
}
.float-sub-menu .menu-item.inner .btn-lbl {
  padding: 0;
  margin: 0;
}
.goto-icon {
  cursor: pointer;
  border-radius: 0.5rem;
  padding-top: 0.25rem;
}
.goto-icon:hover {
  background-color: #00a9ff80;
}
.btn b {
  color: red;
}
.env-local {
  background-color: #ff000057;
}
.menu-item {
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0rem;
  font-weight: 600;
  min-height: 2rem;
  color: #000;
  width: 96%;
  cursor: pointer;
}
.menu-item.active {
  border-radius: 10px;
  background: #d1d5db;
}
.menu-item .right {
  padding-right: 0.5rem;
}
.menu-item .icon-btn {
  font-size: 1.5rem;
}
.menu-item.icon-only .icon-btn {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  margin-left: 0.25rem;
  font-size: 1.5rem;
}
.menu-item:hover {
  background-color: #32af641a;
  color: #00a9ff;
  border-radius: 0rem;
}
.menu-item.inner {
  font-size: 14px !important;
  color: #2d3748;
}
.menu-item.inner .icon-btn {
  font-size: 1.5rem;
}
.logo {
  background-color: #ffffff4d;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
}
.logo:hover {
  background-color: #fff;
}
.p-card .p-card-header-text-common,
.p-card .p-card-header h2,
.p-card .p-card-header h1,
.p-card .p-card-title {
  padding: 0;
  font-weight: 700;
  margin: 0;
}
.p-card .p-card-title {
  font-size: 0.9rem;
}
.p-card .p-card-header {
  padding: 0.25rem 0.5rem;
}
.p-card .p-card-header h1 {
  font-size: 0.9rem;
  font-weight: bolder;
}
.p-card .p-card-header h2 {
  font-size: 0.9rem;
  font-weight: 700;
}
.p-card .p-card-footer {
  padding: 0;
}
.link-inline {
  color: #00a9ff;
  cursor: pointer;
}
.link-inline:hover {
  color: #ce6408;
}
.toolbar {
  display: flex;
  justify-content: space-between;
  background-color: #222831;
  padding: 0.25rem;
  font-family: Roboto;
}
.toolbar .i-btn {
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  color: #d3d3d3;
}
.toolbar .i-btn:hover {
  background-color: #4c596d;
}
.toolbar .link-btn {
  padding: 0.25rem 0.5rem;
  text-decoration: none;
  color: #d3d3d3;
  border-radius: 0.25rem;
  cursor: pointer;
}
.toolbar .link-btn.active {
  background-color: #66cbff33;
  color: #000;
}
._pill-wrapper,
.popup-user-info .pill-wrapper,
.popup-user-details .pill-wrapper,
.popup-tag-list .pill-wrapper {
  padding: 0.5rem 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  row-gap: 0.25rem;
}
._border_and_shadow,
._popup-basic,
.popup-tip-panel,
.quick-edit-panel,
.popup-notif-panel,
.popup-info-panel,
.popup-fav-panel,
.popup-status-panel,
.popup-pro-list,
.popup-quickedit-pamel,
.popup-subitem-pamel,
.popup-note-pamel,
.popup-time-picker-ampm,
.popup-sidebar-notif,
.popup-user-info,
.popup-user-details,
.popup-tag-list {
  border: 1px solid #555;
  box-shadow: -0.5rem -0.1rem 5rem -1rem #000c;
}
.link {
  font-weight: 700;
  color: #e48f45;
  cursor: pointer;
}
.link:hover {
  color: #f2a867;
}
.link.off {
  color: #6f6f6f !important;
}
.link.off:hover {
  color: #f2a867 !important;
}
.import-link {
  font-weight: 700;
  color: #e48f45;
  cursor: pointer;
}
.import-link:hover {
  color: #f2a867;
}
.scroll-y {
  overflow-y: scroll;
}
.hdr-group-btn {
  border-radius: 1rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid rgb(111, 111, 111);
}
.hdr-group-btn .btn {
  color: #aaa;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 0.5rem;
  padding: 0.25rem;
}
.hdr-group-btn .btn:hover {
  color: #fff;
  background-color: #00a9ff;
}
.hdr-group-btn-ex .hdr-icon {
  font-size: 1.25rem;
  padding: 0.35rem;
  border-radius: 50%;
  background-color: #cccccc0c;
  cursor: pointer;
}
.hdr-group-btn-ex .hdr-icon.active {
  background-color: #00a9ff66;
}
.hdr-group-btn-ex .hdr-icon:hover {
  color: #fff;
  background-color: #00a9ff;
}
.popup-tag-list {
  width: 15rem !important;
}
.popup-tag-list .p-overlaypanel-content {
  padding: 0rem;
}
.popup-tag-list .o-title {
  padding: 0.5rem 1rem;
  background-color: #111;
  color: #fff;
}
.popup-tag-list .o-title.off {
  color: #8b8b8b;
  margin-top: 0.5rem;
}
.popup-tag-list .o-sub-text {
  color: #000;
  padding: 0 1rem;
}
.popup-tag-list .o-msg {
  padding: 0.5rem 1rem;
  background-color: transparent;
}
.popup-tag-list .o-footer {
  padding: 0.5rem 1rem;
  background-color: #111;
}
.popup-user-details {
  width: 15rem !important;
}
.theme-picker .light {
  border: 1px solid black;
  background: #fff;
  color: #000;
}
.theme-picker .dark {
  background: #000;
  border: 1px solid black;
  color: #fff;
}
.curr-orgn-box {
  border: 1px solid #8b8b8b;
  cursor: pointer;
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 1rem;
}
.curr-orgn-box .orgn:hover {
  color: #f2a867;
}
.curr-orgn-box .proj {
  max-width: 7rem;
  font-weight: 700;
  text-wrap: nowrap;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.curr-orgn-box .proj:hover {
  color: #f2a867;
}
.my-grid {
  max-width: calc(50vw - 10rem);
  display: flex;
  row-gap: 1rem;
  column-gap: 1rem;
  flex-wrap: wrap;
}
.p-datepicker-inline {
  height: 26rem !important;
}
.p-link {
  background-color: #222831 !important;
  color: #fff !important;
  border: 0px solid transparent !important;
}
.selected {
  color: red !important;
}
.done-pill {
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 0 0.25rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
}
.done-pill.rounded {
  border-radius: 50%;
  width: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  min-height: 1.5rem;
}
.done-pill .i-mat {
  display: flex;
  justify-content: center;
  align-items: center;
}
.done-pill:hover {
  color: #f2a867;
}
.dt-pill {
  border-radius: 0.25rem;
  padding: 0 0.25rem;
}
.msg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.msg .i-mat {
  display: flex;
  align-items: center;
}
.card-bic {
  cursor: pointer;
  padding: 1rem;
  border-radius: 0.5rem;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-items: flex-start;
  opacity: 1;
}
.card-bic:hover {
  opacity: 0.7;
}
.card-bic.cols {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card-bic .icon-wrap .count {
  color: #fff;
  font-size: 1.5rem;
  text-shadow: 2px 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.card-bic .sub-click {
  color: #f2a867;
  font-weight: 700;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
}
.dot {
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
  background-color: #8b8b8b33;
}
.app-color-picker .preview {
  background: unset !important;
  margin: 0 !important;
  padding: 0 !important;
}
.app-color-picker .preview .preview-background {
  background: unset !important;
}
.app-color-picker .preview .circle {
  height: 1rem !important;
  width: 1rem !important;
}
._time_cell,
.popup-time-picker .hh-mm-wrapper .cell-hh,
.popup-time-picker .hh-mm-wrapper .cell-mm {
  padding: 0.25rem;
  border-radius: 0.25rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #8b8b8b33;
  cursor: pointer;
}
._time_cell:hover,
.popup-time-picker .hh-mm-wrapper .cell-hh:hover,
.popup-time-picker .hh-mm-wrapper .cell-mm:hover {
  background-color: #8b8b8bb3;
}
._time_cell.active,
.popup-time-picker .hh-mm-wrapper .active.cell-hh,
.popup-time-picker .hh-mm-wrapper .active.cell-mm {
  background-color: #ed7d314d;
}
.popup-time-picker {
  width: 10rem;
}
.popup-time-picker .p-overlaypanel-content {
  padding: 0.5rem;
}
.popup-time-picker .p-title {
  text-transform: uppercase;
  font-weight: 700;
  color: #00a9ff;
  padding-bottom: 0.5rem;
}
.popup-time-picker.w2 {
  width: 20rem;
}
.popup-time-picker .hh-mm-wrapper .cell-mm.active {
  background-color: #fc295e4d;
}
.popup-time-picker .hh-mm-wrapper .cell-hh.active {
  background-color: #ed7d314d;
}
.my-ig input {
  padding: 0.5rem;
}
.p-inputgroup-addon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: unset !important;
  font-weight: bolder;
  cursor: pointer;
}
.data-pill {
  padding: 1px 0.25rem;
  border-radius: 0.5rem;
  border: 1px solid #555;
  display: flex;
  flex-direction: column !important;
  line-height: 1rem;
  justify-content: center;
  align-items: center;
}
.data-pill.d-inline {
  display: flex !important;
  flex-direction: row !important;
  gap: 0.25rem;
  padding: 0;
  border: unset;
}
.data-pill .d-title,
.data-pill .d-count {
  text-transform: uppercase;
  font-weight: 500;
}
.counter-list.c-inline {
  border: 1px solid #ff9500;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row !important;
  gap: 0.25rem;
  font-weight: 700;
}
.counter {
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #555;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.counter.c-inline {
  flex-direction: row !important;
  gap: 0.5rem;
}
.counter .c-title {
  text-transform: uppercase;
  font-weight: 500;
}
.counter .c-count {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 500;
}
.p-inputswitch.mini {
  width: 2rem;
  height: 1rem;
}
.p-inputswitch.mini .p-inputswitch-slider:before {
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
}
.p-inputswitch.mini.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translate(1rem);
}
.dnd-file .drop-zone {
  border: dashed 1px black;
  text-align: center;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
}
.dnd-file .drop-zone .fsc-g1,
.dnd-file .drop-zone .folder {
  display: flex;
  justify-content: space-between;
}
.dnd-file .fileover {
  animation: shake 1s;
  animation-iteration-count: infinite;
}
.dnd-file .single-file {
  padding: 0.5rem;
  justify-content: space-between;
  align-items: center;
  border: dashed 1px #979797;
  margin-bottom: 1rem;
  display: flex;
  flex-grow: 1;
}
.dnd-file .single-file img.delete {
  margin-left: 0.5rem;
  cursor: pointer;
  align-self: flex-end;
}
.dnd-file .single-file .name {
  font-size: 14px;
  font-weight: 500;
  color: #353f4a;
  margin: 0;
}
.dnd-file .single-file .size {
  font-size: 12px;
  font-weight: 500;
  color: #a4a4a4;
  margin: 0;
  margin-bottom: 0.25rem;
}
.dnd-file .single-file .info {
  width: 100%;
}
.dg .a {
  margin-top: 3rem;
}
.dg .main {
  top: 1rem !important;
}
.img-initials {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.initials {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.initials.in-header {
  height: 2rem;
  width: 2rem;
}
.initials.in-header .img-initials {
  height: 2rem !important;
  width: 2rem !important;
}
.initials.ai {
  border: 0px solid transparent;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.initials .img-initials {
  height: 2.5rem !important;
  width: 2.5rem !important;
}
.initials:hover {
  border: 1px solid #00a9ff;
}
.initials .badge {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.initials.rect {
  border-radius: 0.5rem;
}
.initials.rect .img-initials {
  height: 2.5rem !important;
  width: 2.5rem !important;
  border-radius: 0.5rem;
}
.initials.big {
  height: 3rem !important;
  width: 3rem !important;
  margin-right: 0.5rem;
}
.initials.big .img-initials,
.initials.custom-big {
  height: 3rem !important;
  width: 3rem !important;
}
.initials.custom {
  height: 35px !important;
  width: 35px !important;
}
.initials.mini,
.initials.sm {
  font-size: 0.875rem;
  height: 2.25rem;
  width: 2.25rem;
}
.initials.mini .i-mat,
.initials.sm .i-mat,
.initials.mini .lbl,
.initials.sm .lbl {
  color: #ffffff4d;
}
.initials.mini .img-initials,
.initials.sm .img-initials {
  height: 1.25rem !important;
  width: 1.25rem !important;
}
.initials.micro {
  font-size: 0.875rem;
  height: 2.25rem;
  width: 2.25rem;
  margin-left: 35px;
}
.initials.micro .img-initials {
  height: 1.25rem !important;
  width: 1.25rem !important;
}
.p-column-filter-menu {
  display: flex !important;
}
.p-column-filter-menu-button:hover {
  background-color: #00a9ff !important;
}
.p-column-filter-menu-button .pi {
  padding-top: 2px;
  font-size: 0.65rem !important;
}
.p-column-filter-buttonbar,
.p-column-filter-constraint {
  padding: 0.25rem !important;
}
.p-column-filter-constraint .p-inputtext {
  width: 100%;
}
.p-column-filter-add-rule {
  padding: 0.25rem !important;
}
.p-column-filter-menu-button-active {
  color: red !important;
}
.tbl-list-row-container {
  background-color: #fff;
}
.tbl-list-row-container .my-row .my-col:nth-child(2) {
  width: 70% !important;
}
.tbl-list-row-container .my-row .my-col:nth-child(3) {
  width: 30% !important;
  display: flex;
  justify-content: space-between;
}
.tbl-list-row-container .tbl-list-row,
.tbl-list-row-container .tbl-list-row-inner {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.25rem 0.5rem;
}
.tbl-list-row-container .tbl-list-row:hover,
.tbl-list-row-container .tbl-list-row-inner:hover {
  background-color: #00a9ff33 !important;
  transition: ease-in-out 0.3s;
}
.tbl-list-row-container .tbl-list-row.active,
.tbl-list-row-container .tbl-list-row-inner.active {
  background-color: #32af641a !important;
  color: #00a9ff;
}
.tbl-list-row-container .tbl-list-row .tbl-list-cell,
.tbl-list-row-container .tbl-list-row-inner .tbl-list-cell {
  display: flex;
}
.tbl-list-row-container .tbl-list-row-inner {
  padding-left: 3rem;
}
.nested-list-container {
  padding-top: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #555;
  background-color: #393e46;
  padding: 0.5rem;
}
.nested-list-container .nested-list-card {
  padding: 0.5rem 1rem !important;
}
.nested-list-container .nested-list-card:nth-child(odd) {
  background-color: #383838;
}
.nested-list-container .nested-list-card:nth-child(2n) {
  background-color: #2c2c2c;
}
.nested-list-container-inner {
  padding-top: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #555;
  background-color: #393e46;
  padding: 0.5rem;
}
.nested-list-container-inner .nested-list-card-inner {
  padding: 0.5rem 1rem !important;
}
.nested-list-container-inner .nested-list-card-inner:nth-child(odd) {
  background-color: #383838;
}
.nested-list-container-inner .nested-list-card-inner:nth-child(2n) {
  background-color: #2c2c2c;
}
.tbl-grid-block-container {
  display: grid;
  grid-template-columns: repeat(4, 25% [col-start]);
  padding-top: 0.5rem;
}
.tbl-grid-block-container .tbl-grid-block {
  margin: 0.25rem;
  border-radius: 0.5rem;
  border: 1px solid #555;
  background-color: #393e46;
  padding: 0.5rem;
}
.tbl-grid-block-container .tbl-grid-block:nth-child(odd) {
  background-color: #383838;
}
.tbl-grid-block-container .tbl-grid-block:nth-child(2n) {
  background-color: #2c2c2c;
}
.p-checkbox-icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-weight: 700;
}
.flex-ht {
  overflow-y: auto;
}
.flex-ht.ht19x {
  height: calc(100vh - 19.5rem) !important;
}
.about-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sb-btn.circle {
  border-radius: 50%;
  padding: 0.25rem;
  color: #6f6f6f;
  cursor: pointer;
  border: 1px solid rgb(111, 111, 111);
}
.done-true {
  color: #6f6f6f;
}
.p-datatable-wrapper {
  border-radius: 0.25rem;
  border: 1px solid #555;
}
.p-inputtext.listening {
  animation: pulse-border-animation 1s infinite;
}
.count-and-progress {
  width: 100% !important;
  gap: 0.5rem;
}
.count-and-progress .counts {
  font-size: 1.25rem;
}
.count-and-progress .counts {
  width: 28%;
}
.count-and-progress .counts .all:before {
  content: "/";
  color: #6f6f6f;
}
.count-and-progress .progress-container {
  width: 40%;
}
.i-mat.sz-1 {
  font-size: 1rem;
  padding: 3px;
}
.i-mat.sz-2 {
  font-size: 2rem;
  padding: 6px;
}
.i-mat.sz-3 {
  font-size: 3rem;
  padding: 9px;
}
.i-mat.sz-4 {
  font-size: 4rem;
  padding: 12px;
}
.i-mat.circle {
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.661);
  background-color: #ffffff3c;
}
.i-mat.sz-5 {
  font-size: 5rem;
  padding: 15px;
}
.fv-1 {
  display: flex;
  flex-direction: column;
  gap: 0.25 rem;
}
.fv-2 {
  display: flex;
  flex-direction: column;
  gap: 0.5 rem;
}
.fv-3 {
  display: flex;
  flex-direction: column;
  gap: 0.75 rem;
}
.fv-4 {
  display: flex;
  flex-direction: column;
  gap: 1 rem;
}
.fv-5 {
  display: flex;
  flex-direction: column;
  gap: 1.25 rem;
}
.fv-6 {
  display: flex;
  flex-direction: column;
  gap: 1.5 rem;
}
.fv-7 {
  display: flex;
  flex-direction: column;
  gap: 1.75 rem;
}
.fv-8 {
  display: flex;
  flex-direction: column;
  gap: 2 rem;
}
.circle-btn {
  height: 1.5rem !important;
  width: 1.5rem !important;
  border: 1px solid white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.circle-btn.meet-btn {
  height: 2.5rem !important;
  width: 2.5rem !important;
  background-color: #484848;
  border: 0px solid white;
  color: #fff;
}
.circle-btn.meet-btn.red-hover {
  background-color: #fc295e;
  color: #000;
}
.circle-btn.meet-btn.red-hover:hover {
  background-color: #fc295e;
}
.circle-btn.meet-btn.green {
  color: #32af64;
}
.circle-btn.meet-btn.red {
  color: #fc295e;
}
.circle-btn.meet-btn .i-mat {
  font-size: 1.5rem !important;
}
.circle-btn.meet-btn.active {
  background-color: #00a9ff;
}
.circle-btn:hover {
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
  background-color: #00a9ff;
}
.circle-btn.random {
  background: linear-gradient(
    135deg,
    #fc295e,
    #32af64,
    #00a9ff,
    #ff9500,
    #ed7d31
  ) !important;
}
.circle-btn.color {
  background: linear-gradient(
    90deg,
    #fc295e,
    #32af64 50%,
    #00a9ff 1000%
  ) !important;
}
.circle-btn.color-grad {
  background: linear-gradient(
    135deg,
    #32af641a,
    #32af644d,
    #32af6480,
    #32af64b3,
    #32af64e6
  ) !important;
}
.circle-btn.black {
  background-color: #000;
}
.circle-btn.white {
  background-color: #fff;
}
.dlg-hdr-icon {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-right: 1px solid #555;
}
.dlg-hdr-icon .i-mat {
  font-size: 2rem;
}
.in-one-line {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
}
.pill-btn {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
}
.pill-btn.mini {
  font-size: 0.6rem;
  text-transform: uppercase;
}
.user-cell {
  line-height: 1rem;
}
.cr-upd-one-line.user-cell {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
}
.menu-pill {
  padding: 1px 0.25rem;
  border: 1px solid #666;
  color: #111;
  border-radius: 0.25rem;
}
.my-tab-wrapper .tab-nav {
  border-bottom: 1px solid #555;
}
.my-tab-wrapper .tab-nav .my-tab-nav-item {
  border: solid rgba(255, 255, 255, 0.12);
  text-align: left;
  border-width: 1px 1px 0 1px;
  border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent;
  background: transparent;
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  transition: none;
  margin: 0;
  cursor: pointer;
}
.my-tab-wrapper .tab-nav .my-tab-nav-item:hover,
.my-tab-wrapper .tab-nav .active {
  background: #00a9ff33;
  border-color: #00a9ff;
  color: #00a9ff;
}
.my-tab-wrapper .tab-content {
  background: #efeff4;
  padding: 1rem;
  border-radius: 20px;
  margin: 0.5rem 0;
}
.my-tab-wrapper .my-expanded {
  background: #efeff4;
  padding: 1rem;
  border-radius: 20px;
  margin: 0.5rem 0;
  height: 38rem;
}
.my-tab-wrapper .expanded-panel {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.my-tab-wrapper .hidden-panel {
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
}
i.sm {
  line-height: 0.7rem;
}
.summary-strip {
  opacity: 0.4;
}
.summary-strip:hover {
  opacity: 1;
}
.red-switch .p-inputswitch-checked .p-inputswitch-slider {
  background: red !important;
}
.red-switch .p-inputswitch-checked .p-inputswitch-slider:before {
  background: red !important;
}
.bg-none {
  background-color: transparent !important;
}
.trans-input {
  border: none;
}
.note-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1rem !important;
  padding: 1rem !important;
}
.note-container .note-wrapper {
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  background-color: transparent;
  border: 1px solid #555;
  height: 15rem;
  overflow: hidden;
}
.note-container .note-wrapper .note {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 15rem;
  overflow: hidden;
  padding: 0.5rem;
}
.note-container .note-wrapper .note .note-content {
  flex: 1;
  overflow-y: auto;
  padding-right: 0.5rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
}
.note-container .note-wrapper .note .note-content::-webkit-scrollbar {
  width: 5px;
}
.note-container .note-wrapper .note .note-content::-webkit-scrollbar-thumb {
  background: #ffffff80;
  border-radius: 10px;
}
.note-container .note-wrapper .note .note-content::-webkit-scrollbar-track {
  background: transparent;
}
.note-container .note-wrapper .note .note-title {
  font-size: 1rem;
  color: #00a9ff;
  font-weight: bolder;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
}
.note-container .note-wrapper .note .note-descr p {
  padding: 0;
  margin: 0;
  color: #000;
}
.note-container .note-wrapper .note .note-blurred {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.note-container .note-wrapper .note .note-blurred .note-title {
  font-size: 1rem;
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 169, 255, 0.5);
}
.note-container .note-wrapper .note .note-blurred .note-descr {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.note-container .note-wrapper .note .note-blurred .note-descr p {
  color: transparent;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.9);
}
:focus-visible {
  outline: unset;
}
.txt-done {
  color: #8b8b8b;
  text-decoration: line-through;
}
.chk-list-itm .title,
.chk-list-itm .p-tooltip .p-tooltip-text .tt-title,
.p-tooltip .p-tooltip-text .chk-list-itm .tt-title,
.chk-list-itm .my-cal .dt-lbl .dt-pill,
.my-cal .dt-lbl .chk-list-itm .dt-pill {
  font-weight: 700 !important;
}
.chk-list-itm .descr {
  font-style: italic;
}
.no-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  gap: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.5rem;
}
.txt-hl {
  font-weight: 700;
}
.txt-hl-1 {
  color: #00a9ff;
}
.txt-hl-2 {
  color: #ed7d31;
}
.tab-title-pill {
  background-color: #000;
  color: #fff;
  border-radius: 0.5rem;
  padding: 1px 0.5rem;
  font-weight: 700;
}
.sep {
  color: #6f6f6f;
}
.folder {
  padding: 1px 0.5rem;
  border-radius: 0.5rem;
  background-color: #dda900b3;
  cursor: pointer;
}
.folder:before {
  font-family: Material Symbols Outlined;
  content: "\e2c7";
}
.folder:hover {
  background-color: #da0;
}
.folder .root {
  color: #fc295e;
}
.folder .current {
  color: #00a9ff;
}
.folder .current:before {
  font-family: Material Symbols Outlined;
  content: "\e2c8";
}
.pasted-image {
  width: 10rem;
}
.img-view {
  width: 10rem;
  border-radius: 0.5rem;
}
.popup-time-picker-ampm .min-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 2rem);
  justify-content: center;
  grid-gap: 0.25rem;
}
.popup-time-picker-ampm .min-wrapper .cell-mm {
  padding: 0.25rem;
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
}
.popup-time-picker-ampm .min-wrapper .cell-mm.active {
  background-color: #00a9ff;
}
.popup-time-picker-ampm .min-wrapper .cell-mm:hover {
  background-color: #da0;
}
.popup-time-picker-ampm .hr-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 2rem);
  justify-content: center;
  grid-gap: 0.25rem;
}
.popup-time-picker-ampm .hr-wrapper .cell-hh {
  padding: 0.25rem;
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
}
.popup-time-picker-ampm .hr-wrapper .cell-hh .ampm {
  font-size: 0.5rem;
}
.popup-time-picker-ampm .hr-wrapper .cell-hh.active {
  background-color: #00a9ff;
}
.popup-time-picker-ampm .hr-wrapper .cell-hh:hover {
  background-color: #da0;
}
.img-icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.lines-wrapper {
  margin-top: 0.5rem;
  background-color: #222831;
  border-radius: 0.25rem;
}
.lines-wrapper .line {
  padding: 0.25rem 0.5rem;
}
.lines-wrapper .line:hover {
  background-color: #00a9ff40;
}
.p-btn-circle {
  border-radius: 50%;
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff4d !important;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.p-btn-circle.p-button-danger {
  color: #fc295e !important;
  border-color: #fc295e !important;
}
.p-btn-circle:hover {
  border: 1px solid #00a9ff !important;
  color: #00a9ff !important;
}
.p-btn-circle.sm {
  height: 1.25rem;
  width: 1.25rem;
}
.p-btn-circle .btn-with-icon {
  padding: 5px 0 0 !important;
  margin: 0 !important;
  width: 1rem !important;
}
.nrf-container {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.nrf-container .no-rec-found {
  width: 100%;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.5rem;
  border: 1px solid #555;
  border-radius: 0.5rem;
}
.nrf-container .no-rec-found.mini-by3 {
  width: 33% !important;
}
.nrf-container .no-rec-found.mini-by2 {
  width: 50% !important;
}
.nrf-container .no-rec-found.big-p .nrf-content {
  max-width: 100%;
}
.nrf-container .no-rec-found .nrf-icon {
  font-size: 3rem;
  padding: 0.5rem;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.nrf-container .no-rec-found .nrf-content {
  max-width: 15rem;
  text-align: center;
}
.txt-sm {
  font-size: small;
}
.txt-sm.it {
  font-style: italic;
}
.txt-sm.bold {
  font-weight: bolder;
}
.txt-sm.off {
  color: #6f6f6f;
}
.txt-0.bold,
.p-tooltip .p-tooltip-text .bold.tt-descr,
.p-tooltip .bold.p-tooltip-text,
.chk-list-itm .bold.title,
.chk-list-itm .p-tooltip .p-tooltip-text .bold.tt-title,
.p-tooltip .p-tooltip-text .chk-list-itm .bold.tt-title,
.chk-list-itm .my-cal .dt-lbl .bold.dt-pill,
.my-cal .dt-lbl .chk-list-itm .bold.dt-pill {
  font-weight: bolder;
}
.txt-0.col-p,
.p-tooltip .p-tooltip-text .col-p.tt-descr,
.p-tooltip .col-p.p-tooltip-text,
.chk-list-itm .col-p.title,
.chk-list-itm .p-tooltip .p-tooltip-text .col-p.tt-title,
.p-tooltip .p-tooltip-text .chk-list-itm .col-p.tt-title,
.chk-list-itm .my-cal .dt-lbl .col-p.dt-pill,
.my-cal .dt-lbl .chk-list-itm .col-p.dt-pill {
  color: #00a9ff;
}
.txt-0.txt-mute,
.p-tooltip .p-tooltip-text .txt-mute.tt-descr,
.p-tooltip .txt-mute.p-tooltip-text,
.chk-list-itm .txt-mute.title,
.chk-list-itm .p-tooltip .p-tooltip-text .txt-mute.tt-title,
.p-tooltip .p-tooltip-text .chk-list-itm .txt-mute.tt-title,
.chk-list-itm .my-cal .dt-lbl .txt-mute.dt-pill,
.my-cal .dt-lbl .chk-list-itm .txt-mute.dt-pill {
  color: #6f6f6f;
}
.task-container .task-group {
  height: 2rem;
  background-color: #353f4a;
  border: 1px solid green;
  cursor: pointer;
}
.task-container .task-group .task-item {
  border: 1px solid blue;
  height: 1.5rem;
  padding-left: 2rem;
}
.expanded-row-container {
  padding: 0 !important;
  margin: 0 !important;
  border-left: 0.5rem solid #00a9ff;
}
.btn-outline {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}
.btn-outline:hover {
  background-color: #ccc;
  color: #f2a867;
}
.p-frozen-column {
  background-color: #00a9ff;
}
.table-header1 {
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  padding: 0 1rem 0.5rem;
  background-color: #393e46;
}
.fv-g1 {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}
.ctx-menu {
  min-width: 12rem;
}
.ctx-menu .p-overlaypanel-content {
  padding: 0;
  margin: 0;
}
.p-paginator .p-highlight {
  color: #000 !important;
  background-color: #00a9ff !important;
}
.pnl-no-rec {
  background-color: transparent;
  border-radius: 0.5rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
.list-pill {
  background-color: transparent;
  border: 1px solid #555;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
}
.list-button {
  background-color: transparent;
  border: 1px solid #555;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
  cursor: pointer;
}
.list-button:hover {
  background-color: #00a9ff;
  color: #fff;
}
.count-and-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  border: 1px solid #555;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
}
.count-and-action .half {
  width: 50%;
}
.count-and-action .act-btn {
  background-color: #00a9ff;
}
.count-and-action .act-btn:hover {
  background-color: #66cbff33;
}
.my-ul {
  list-style-type: none;
  padding: 0;
}
.my-ul li {
  padding-left: 1rem;
}
.op-table-menu-more {
  width: 15rem !important;
}
.op-table-menu-more .p-overlaypanel-content {
  padding: 0.25rem;
}
.bid-view .bv-row {
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid #555;
}
.bid-view .bv-row:last-child {
  border-bottom: unset !important;
}
.bid-view .l1 {
  padding-left: 1rem;
  background-color: #38383840;
}
.bid-view .l2 {
  padding-left: 2rem;
  background-color: #38383880;
}
.bid-view .l3 {
  padding-left: 3rem;
  background-color: #383838bf;
}
.ui-card-header-1 {
  background-color: #38383878;
  padding: 0 1rem;
}
.no-ovf {
  overflow: hidden;
}
.three-dot {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 15rem;
  height: 1.2em;
  white-space: nowrap;
}
.fstack-wrapper {
  margin-bottom: 1rem;
  background-color: #393e46;
  border-radius: 0.5rem;
  padding: 0.25rem;
}
.utils-header {
  background-color: #393e46;
  padding: 0.5rem 1rem;
}
.utils-header .hdr-menu-items .hdr-menu-item {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
}
.utils-header .hdr-menu-items .hdr-menu-item.active,
.utils-header .hdr-menu-items .hdr-menu-item:hover {
  background-color: #66cbff33;
}
.p-datatable-no-border .p-datatable-wrapper {
  border: unset !important;
}
._my-ul,
.my-ul-arrow {
  list-style-type: none !important;
}
._my-ul li,
.my-ul-arrow li {
  padding: 0.25rem 0rem;
}
._my-ul li:before,
.my-ul-arrow li:before {
  color: #00a9ff;
  font-family: Material Icons;
  vertical-align: middle;
  margin-right: 0.25rem;
}
._my-ul li a,
.my-ul-arrow li a {
  text-decoration: none !important;
  color: #00a9ff;
  font-weight: bolder;
  padding-bottom: 1rem;
}
._my-ul li a:hover,
.my-ul-arrow li a:hover {
  color: #66cbff33;
}
ul {
  padding-inline-start: unset !important;
  margin-top: 0rem;
  margin-bottom: 0;
}
.my-ul-arrow li:before {
  font-family: Material Symbols Outlined;
  content: "\eac9";
}
.my-ul-arrow li a.active {
  font-weight: 700;
  color: #66cbff33;
}
.my-ticker {
  padding: 0.5rem 0 0;
  border-radius: 0.5rem;
  text-align: center;
}
.my-ticker .ticker-count {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 2rem;
}
.my-ticker .ticker-footer {
  padding: 0.5rem;
}
.picker-view .fbc .key,
.picker-view ._popup-basic .o-header .key,
.picker-view .popup-tip-panel .o-header .key,
.picker-view .quick-edit-panel .o-header .key,
.picker-view .popup-notif-panel .o-header .key,
.picker-view .popup-info-panel .o-header .key,
.picker-view .popup-fav-panel .o-header .key,
.picker-view .popup-status-panel .o-header .key,
.picker-view .popup-pro-list .o-header .key,
.picker-view .popup-quickedit-pamel .o-header .key,
.picker-view .popup-subitem-pamel .o-header .key,
.picker-view .popup-note-pamel .o-header .key,
.picker-view .popup-time-picker-ampm .o-header .key,
.picker-view .popup-sidebar-notif .o-header .key,
._popup-basic .picker-view .o-header .key,
.popup-tip-panel .picker-view .o-header .key,
.quick-edit-panel .picker-view .o-header .key,
.popup-notif-panel .picker-view .o-header .key,
.popup-info-panel .picker-view .o-header .key,
.popup-fav-panel .picker-view .o-header .key,
.popup-status-panel .picker-view .o-header .key,
.popup-pro-list .picker-view .o-header .key,
.popup-quickedit-pamel .picker-view .o-header .key,
.popup-subitem-pamel .picker-view .o-header .key,
.popup-note-pamel .picker-view .o-header .key,
.popup-time-picker-ampm .picker-view .o-header .key,
.popup-sidebar-notif .picker-view .o-header .key,
.picker-view .popup-user-info .more-info-row .key,
.popup-user-info .picker-view .more-info-row .key,
.picker-view .count-and-progress .key {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #666;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 45% !important;
}
.picker-view .fbc .key .picker-title,
.picker-view ._popup-basic .o-header .key .picker-title,
.picker-view .popup-tip-panel .o-header .key .picker-title,
.picker-view .quick-edit-panel .o-header .key .picker-title,
.picker-view .popup-notif-panel .o-header .key .picker-title,
.picker-view .popup-info-panel .o-header .key .picker-title,
.picker-view .popup-fav-panel .o-header .key .picker-title,
.picker-view .popup-status-panel .o-header .key .picker-title,
.picker-view .popup-pro-list .o-header .key .picker-title,
.picker-view .popup-quickedit-pamel .o-header .key .picker-title,
.picker-view .popup-subitem-pamel .o-header .key .picker-title,
.picker-view .popup-note-pamel .o-header .key .picker-title,
.picker-view .popup-time-picker-ampm .o-header .key .picker-title,
.picker-view .popup-sidebar-notif .o-header .key .picker-title,
._popup-basic .picker-view .o-header .key .picker-title,
.popup-tip-panel .picker-view .o-header .key .picker-title,
.quick-edit-panel .picker-view .o-header .key .picker-title,
.popup-notif-panel .picker-view .o-header .key .picker-title,
.popup-info-panel .picker-view .o-header .key .picker-title,
.popup-fav-panel .picker-view .o-header .key .picker-title,
.popup-status-panel .picker-view .o-header .key .picker-title,
.popup-pro-list .picker-view .o-header .key .picker-title,
.popup-quickedit-pamel .picker-view .o-header .key .picker-title,
.popup-subitem-pamel .picker-view .o-header .key .picker-title,
.popup-note-pamel .picker-view .o-header .key .picker-title,
.popup-time-picker-ampm .picker-view .o-header .key .picker-title,
.popup-sidebar-notif .picker-view .o-header .key .picker-title,
.picker-view .popup-user-info .more-info-row .key .picker-title,
.popup-user-info .picker-view .more-info-row .key .picker-title,
.picker-view .count-and-progress .key .picker-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 35%;
}
.picker-view .fbc .key span .icon-class,
.picker-view ._popup-basic .o-header .key span .icon-class,
.picker-view .popup-tip-panel .o-header .key span .icon-class,
.picker-view .quick-edit-panel .o-header .key span .icon-class,
.picker-view .popup-notif-panel .o-header .key span .icon-class,
.picker-view .popup-info-panel .o-header .key span .icon-class,
.picker-view .popup-fav-panel .o-header .key span .icon-class,
.picker-view .popup-status-panel .o-header .key span .icon-class,
.picker-view .popup-pro-list .o-header .key span .icon-class,
.picker-view .popup-quickedit-pamel .o-header .key span .icon-class,
.picker-view .popup-subitem-pamel .o-header .key span .icon-class,
.picker-view .popup-note-pamel .o-header .key span .icon-class,
.picker-view .popup-time-picker-ampm .o-header .key span .icon-class,
.picker-view .popup-sidebar-notif .o-header .key span .icon-class,
._popup-basic .picker-view .o-header .key span .icon-class,
.popup-tip-panel .picker-view .o-header .key span .icon-class,
.quick-edit-panel .picker-view .o-header .key span .icon-class,
.popup-notif-panel .picker-view .o-header .key span .icon-class,
.popup-info-panel .picker-view .o-header .key span .icon-class,
.popup-fav-panel .picker-view .o-header .key span .icon-class,
.popup-status-panel .picker-view .o-header .key span .icon-class,
.popup-pro-list .picker-view .o-header .key span .icon-class,
.popup-quickedit-pamel .picker-view .o-header .key span .icon-class,
.popup-subitem-pamel .picker-view .o-header .key span .icon-class,
.popup-note-pamel .picker-view .o-header .key span .icon-class,
.popup-time-picker-ampm .picker-view .o-header .key span .icon-class,
.popup-sidebar-notif .picker-view .o-header .key span .icon-class,
.picker-view .popup-user-info .more-info-row .key span .icon-class,
.popup-user-info .picker-view .more-info-row .key span .icon-class,
.picker-view .count-and-progress .key span .icon-class {
  height: 18px;
  width: 17px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.picker-view .fbc .fec-g1,
.picker-view ._popup-basic .o-header .fec-g1,
.picker-view .popup-tip-panel .o-header .fec-g1,
.picker-view .quick-edit-panel .o-header .fec-g1,
.picker-view .popup-notif-panel .o-header .fec-g1,
.picker-view .popup-info-panel .o-header .fec-g1,
.picker-view .popup-fav-panel .o-header .fec-g1,
.picker-view .popup-status-panel .o-header .fec-g1,
.picker-view .popup-pro-list .o-header .fec-g1,
.picker-view .popup-quickedit-pamel .o-header .fec-g1,
.picker-view .popup-subitem-pamel .o-header .fec-g1,
.picker-view .popup-note-pamel .o-header .fec-g1,
.picker-view .popup-time-picker-ampm .o-header .fec-g1,
.picker-view .popup-sidebar-notif .o-header .fec-g1,
._popup-basic .picker-view .o-header .fec-g1,
.popup-tip-panel .picker-view .o-header .fec-g1,
.quick-edit-panel .picker-view .o-header .fec-g1,
.popup-notif-panel .picker-view .o-header .fec-g1,
.popup-info-panel .picker-view .o-header .fec-g1,
.popup-fav-panel .picker-view .o-header .fec-g1,
.popup-status-panel .picker-view .o-header .fec-g1,
.popup-pro-list .picker-view .o-header .fec-g1,
.popup-quickedit-pamel .picker-view .o-header .fec-g1,
.popup-subitem-pamel .picker-view .o-header .fec-g1,
.popup-note-pamel .picker-view .o-header .fec-g1,
.popup-time-picker-ampm .picker-view .o-header .fec-g1,
.popup-sidebar-notif .picker-view .o-header .fec-g1,
.picker-view .popup-user-info .more-info-row .fec-g1,
.popup-user-info .picker-view .more-info-row .fec-g1,
.picker-view .count-and-progress .fec-g1 {
  font-weight: 700;
  width: 100%;
  padding: 5px;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  margin: 0.4rem 0;
  display: flex;
  justify-content: flex-start;
}
.exp-panel .exp-panel-grp {
  border-radius: 0.5rem;
  padding: 0.25rem;
}
.exp-panel .exp-panel-grp:hover {
  background-color: #393e46 !important;
}
.exp-panel .exp-pnl-icon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
}
.exp-panel .exp-pnl-icon-btn:hover {
  background-color: #353f4a;
}
.exp-panel .exp-pnl-title {
  font-weight: 700;
  color: #00a9ff;
}
._b4Icon,
.dscs-channel:before,
.dscs-huddle:before,
.dscs-add:before {
  font-family: Material Symbols Outlined;
  font-size: 1.25rem;
  color: #6f6f6f;
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
._dscs-line-base,
.dscs-channel,
.dscs-huddle,
.dscs-user,
.dscs-add {
  display: flex;
  padding: 0.5rem 0;
  line-height: 1rem;
}
.dscs-line {
  border-radius: 0.5rem;
  cursor: pointer;
  padding-left: 1rem;
}
.dscs-line:hover {
  background-color: #393e46 !important;
}
.dscs-add:before {
  content: "\e145";
  border-radius: 0.25rem;
  background-color: #000;
}
.dscs-huddle:before {
  content: "\e04b";
}
.dscs-channel:before {
  content: "\e9ef";
}
.dscs-channel.active {
  background-color: #00a9ff33;
  color: red;
  font-weight: 700;
}
.comment-div {
  background-color: #353f4a;
  border-radius: 0.5rem;
  padding: 0.5rem;
  width: 100%;
  height: 3rem;
  font-size: 1rem;
}
.highlight {
  background-color: #ff0;
  font-weight: 700;
}
.ql-editor {
  line-height: 1;
  background-color: #393e46;
}
.ql-editor:placeholder {
  color: red !important;
}
.ql-aio {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.ql-toolbar {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border: 1px solid #555 !important;
  border-bottom: unset !important;
  background-color: #393e4680 !important;
}
.ql-container {
  border: 1px solid #555 !important;
  height: 5rem !important;
  min-height: 5rem !important;
}
.ql-footer {
  background-color: #393e4680 !important;
  border-top: unset !important;
  padding: 0.5rem 1rem;
  border: 1px solid #555;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.ql-picker-label {
  background-color: #000 !important;
}
.chat-container-empty {
  border: 1px solid #555 !important;
  border-radius: 0.5rem;
  background-color: #393e46 !important;
  height: calc(100vh - 7.5rem);
  padding: 1rem 2rem;
}
.chat-container {
  border: 1px solid #555 !important;
  border-radius: 0.5rem;
  background-color: #393e46 !important;
  height: calc(100vh - 22.5rem);
  overflow-y: scroll;
  margin-bottom: 0.5rem;
}
.chat-container .q-opened {
  background-color: #32af641a !important;
}
.chat-container.ai-page {
  height: calc(100vh - 14rem);
}
.chat-container .welcome-msg {
  padding: 1rem;
  border-radius: 1rem;
  background-color: #393e46;
}
.chat-container .welcome-msg h1,
.chat-container .welcome-msg h2 {
  margin: 0;
  padding: 0;
}
.chat-container .ai-chat-bubble {
  background-color: #393e46;
  border-radius: 1rem;
  margin: 0.5rem 0rem;
  position: relative;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
}
.chat-container .ai-chat-bubble.mine {
  font-size: 1rem;
  font-weight: 700;
  align-items: center;
}
.chat-container .ai-chat-bubble.mine:hover {
  background-color: #eee;
}
.chat-container .ai-chat-bubble.ai {
  background-color: transparent;
  align-content: space-between;
}
.chat-container .ai-chat-bubble .time-info {
  position: absolute;
  right: 0.5rem;
  color: #6f6f6f;
}
.chat-container .ai-chat-bubble .ai-answer {
  margin-left: 1rem;
}
.chat-container .ai-chat-bubble .ai-answer ul {
  padding-inline-start: 1rem !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.chat-container .ai-chat-bubble .ai-answer strong {
  color: #00a9ff;
}
.chat-container .ai-chat-bubble .ai-answer pre {
  padding: 1rem;
}
.chat-container .ai-chat-bubble .my-question {
  margin-left: 1rem;
}
.chat-header {
  border: 1px solid #555 !important;
  border-radius: 0.5rem;
  background-color: #393e46 !important;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem !important;
}
.chat-header .chat-info {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.chat-header .initials,
.chat-header .initials .img-initials {
  width: 2rem !important;
  height: 2rem !important;
}
.chat-header .chat-info-title {
  font-weight: 700;
  font-size: 0.9rem;
  color: #00a9ff;
}
.chat-header .chat-info-descr {
  color: #6f6f6f;
}
.chat-header .chat-hdr-btn .i-mat {
  font-size: 1.5rem;
  cursor: pointer;
}
.chat-header .chat-hdr-btn .i-mat:hover {
  color: #00a9ff;
}
.initials {
  border: 1px solid gray;
}
.h1-0 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.75rem;
}
.p-editor-container.full-h {
  height: calc(80vh - 14rem) !important;
  border: 0px solid green;
}
.p-editor-container.full-h .p-editor-content {
  border: 0px solid green;
  height: calc(80vh - 17rem) !important;
}
.chat-user-card {
  padding: 0.5rem;
  cursor: pointer;
  border-radius: 0.5rem;
  display: flex;
  gap: 0.5rem;
}
.chat-user-card.active {
  background-color: #00a9ff33;
}
.chat-user-card:hover {
  background-color: #66cbff33;
}
.chat-user-card .chat-user-initials.initials,
.chat-user-card .chat-user-initials .img-initials {
  height: 2rem !important;
  width: 2rem !important;
}
.chat-user-card .chat-user-user-info {
  line-height: 1rem;
}
.chat-user-card .chat-user-user-info .email {
  color: #6f6f6f;
  font-size: 0.875rem;
}
.inline-block-clipped {
  display: flex;
  gap: 0.5rem;
  flex-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
}
.inline-block-clipped div .user-email {
  font-size: medium !important;
}
.inline-block-clipped.custom-hover:hover {
  background: #7066ff;
  color: #fff;
}
.custom-hover:hover {
  background: #7066ff;
  border-radius: 12px;
  padding: 0.3rem 0.5rem !important;
}
.custom-hover:hover .project-pop-title {
  color: #fff !important;
}
.custom-hover:hover .app-avatar {
  background: #fff !important;
}
.custom-hover:hover .app-avatar .avatar-text,
.custom-hover:hover .app-avatar .i-mat {
  color: #7066ff !important;
}
.clipped-text {
  text-overflow: ellipsis !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.chat-bubble-channel {
  display: flex;
  justify-content: flex-start;
}
.chat-bubble-channel .user-info-circle {
  padding: 0.5rem;
}
.chat-bubble-channel .chat-bubble-channel-content {
  padding: 0.5rem;
  margin: 0.25rem 0.5rem 0.25rem 0.25rem;
  border-radius: 0.5rem;
  width: 100%;
  background-color: #cccccc1a;
}
.chat-bubble-channel .chat-bubble-channel-content .time-info-main {
  color: #6f6f6f;
}
.chat-bubble-channel .chat-bubble-channel-content .chat-line {
  position: relative;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  width: 100%;
}
.chat-bubble-channel .chat-bubble-channel-content .chat-line p {
  padding: 0 !important;
  margin: 0 !important;
}
.chat-bubble-channel .chat-bubble-channel-content .chat-line:hover {
  background-color: #00a9ff21;
}
.chat-bubble-channel .chat-bubble-channel-content .chat-line .time-info {
  color: #6f6f6f;
  position: absolute;
  right: 0.25rem;
  bottom: 0.25rem;
}
.chat-bubble-channel.initials,
.chat-bubble-channel .img-initials {
  height: 2rem;
  width: 2rem;
}
.chat-bubble-channel .user-info {
  line-height: 1rem;
}
.chat-bubble-channel .user-info p {
  margin: 0 !important;
  padding: 0 !important;
}
.chat-bubble {
  padding: 0.5rem 5rem 0.5rem 0.5rem;
  margin: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  position: relative;
  background-color: #cccccc1a;
  display: flex;
  justify-content: flex-start;
  width: fit-content;
}
.chat-bubble .time-info {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  color: #6f6f6f;
}
.chat-bubble.mine {
  background-color: #0080001a;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
.chat-bubble.initials,
.chat-bubble .img-initials {
  height: 2rem;
  width: 2rem;
}
.chat-bubble .user-info {
  line-height: 1rem;
}
.chat-bubble .user-info p {
  margin: 0 !important;
  padding: 0 !important;
}
.chat-bubble:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 0;
  margin-top: -10px;
}
.chat-bubble.left:after {
  left: 0;
  border-right-color: #eee;
  border-left: 0;
  margin-left: -20px;
}
.chat-bubble.right:after {
  right: 0;
  border-left-color: #00a9ff;
  border-right: 0;
  margin-right: -20px;
}
.note-card .note-user-initials.initials,
.note-card .note-user-initials .img-initials {
  height: 2rem;
  width: 2rem;
}
.note-core-edit .p-editor-content {
  height: calc(50vh - 4rem) !important;
}
.ht-dm {
  max-height: 15rem;
  overflow-y: auto;
}
.ht-channel {
  max-height: 10rem;
  overflow-y: auto;
}
.p-toast-message .p-toast-icon-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.p-toast-message .p-toast-message-content {
  background-color: #fff;
  padding: 0.25rem 1rem !important;
}
.p-toast-message .p-toast-message-content .p-toast-message-icon {
  font-size: 1rem !important;
}
.p-toast-message .p-toast-message-content .p-toast-summary {
  font-weight: 700;
}
.p-toast-message .p-toast-message-content .p-toast-detail {
  margin-top: 0 !important;
}
.pill-online {
  width: 0.75rem !important;
  height: 0.75rem !important;
  border-radius: 50%;
  background-color: #32af64;
  animation: pulse-blob 2s infinite;
}
.pill-inline {
  width: 1.5rem !important;
  height: 1.5rem !important;
  padding: 0 0.5rem;
  font-size: 0.8rem;
  border-radius: 50%;
  background-color: #8b8b8b;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
}
.pill-inline.green {
  background-color: #32af64;
}
.pill-inline.red {
  background-color: #7066ff;
  color: #fff;
  font-weight: 700;
}
.anim-blob {
  animation: pulse-blob 2s infinite;
}
.anim-blob.fast {
  animation: pulse-blob 1s infinite;
}
.anim-blob.fast-big {
  animation: pulse-blob-big 1s infinite;
}
.pill-static {
  width: 1rem !important;
  height: 1rem !important;
  border-radius: 50%;
  background-color: #32af64;
  font-size: 0.75rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes pulse-blob {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 #32af64b3;
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px #32af6400;
  }
  to {
    transform: scale(0.95);
    box-shadow: 0 0 #32af6400;
  }
}
@keyframes pulse-blob-big {
  0% {
    transform: scale(1);
    box-shadow: 0 0 #fc295eb3;
  }
  25% {
    transform: scale(1.25);
    box-shadow: 0 0 0 10px #fc295e00;
  }
  75% {
    transform: scale(1.5);
    box-shadow: 0 0 #fc295e00;
  }
  to {
    transform: scale(1);
    box-shadow: 0 0 #fc295e00;
  }
}
.hdr-badge-count {
  background-color: #fc295e;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1rem !important;
  top: -0.25rem;
  right: -0.25rem;
  padding: 0.25rem;
  font-size: 0.65rem !important;
}
.dialer-btn .sub-text {
  font-size: 0.75rem !important;
  color: #fff;
  padding-top: 0.5rem;
}
.dialer-btn .i-mat {
  font-size: 1.5rem;
  border-radius: 50%;
  padding: 0.5rem;
  cursor: pointer;
}
.dialer-btn .i-mat.red {
  background-color: #fc295e;
}
.dialer-btn .i-mat.green {
  background-color: #32af64;
}
.dialer-btn .i-mat:hover {
  background-color: #00a9ff;
  box-shadow:
    0 9px 46px 8px #00a9ff1f,
    0 24px 38px 3px #00a9ff24,
    0 11px 15px #00a9ff33;
}
.p-dialog-header {
  padding: 0.5rem 1rem !important;
}
.p-dialog-header .p-dialog-title {
  font-size: 1rem !important;
  font-weight: 700 !important;
}
.calling-audio-panel {
  width: 25rem;
}
.calling-audio-panel .calling-icon {
  border-radius: 50%;
  font-size: 2rem;
  color: #32af64;
  animation: anim-call 1s infinite;
}
.calling-audio-panel .ongoing-call {
  overflow: hidden;
  height: 0rem;
}
.calling-audio-panel .ongoing-call.max {
  height: 10rem;
}
.calling-audio-panel .p-dialog-header {
  background-image: linear-gradient(-60deg, #23a5d595 50%, #0099ff68 50%);
}
.calling-audio-panel .p-dialog-content {
  padding: 0.5rem;
}
.calling-audio-panel .user-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.calling-audio-panel .img-initials,
.calling-audio-panel .img-res,
.calling-audio-panel .img-res .img-initials {
  width: 2rem;
  height: 2rem;
}
.calling-audio-panel .img-res.anim .img-initials {
  animation: anim-call 1s infinite;
}
.call-container {
  display: flex;
}
.call-container video {
  width: 180px !important;
}
.call-container .vid-container.remote {
  border: 2px solid red;
}
.call-container .vid-container.local {
  border: 2px solid green;
}
@keyframes anim-call {
  15% {
    box-shadow: 0 0 0 4px #32af6480;
  }
  25% {
    box-shadow:
      0 0 0 8px #32af6480,
      0 0 0 16px #32af644d;
  }
  30% {
    box-shadow:
      0 0 0 12px #32af6480,
      0 0 0 24px #32af644d;
  }
}
.call-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  background-color: #32af64;
  cursor: pointer;
}
.call-btn .i-mat {
  font-size: 1.5rem;
}
.call-btn:hover {
  background-color: #00a9ff;
}
.popup-user-info {
  width: 18rem !important;
  margin-left: 3rem;
  color: #000;
}
.popup-user-info.in-header {
  width: 15rem !important;
  margin-left: unset;
}
.popup-user-info .more-info-row {
  margin-top: 1rem;
  color: #000;
}
._popup-basic,
.popup-tip-panel,
.quick-edit-panel,
.popup-notif-panel,
.popup-info-panel,
.popup-fav-panel,
.popup-status-panel,
.popup-pro-list,
.popup-quickedit-pamel,
.popup-subitem-pamel,
.popup-note-pamel,
.popup-time-picker-ampm,
.popup-sidebar-notif {
  border: none !important;
}
._popup-basic .p-overlaypanel-content,
.popup-tip-panel .p-overlaypanel-content,
.quick-edit-panel .p-overlaypanel-content,
.popup-notif-panel .p-overlaypanel-content,
.popup-info-panel .p-overlaypanel-content,
.popup-fav-panel .p-overlaypanel-content,
.popup-status-panel .p-overlaypanel-content,
.popup-pro-list .p-overlaypanel-content,
.popup-quickedit-pamel .p-overlaypanel-content,
.popup-subitem-pamel .p-overlaypanel-content,
.popup-note-pamel .p-overlaypanel-content,
.popup-time-picker-ampm .p-overlaypanel-content,
.popup-sidebar-notif .p-overlaypanel-content {
  padding: 0rem;
  border-radius: 10px;
  background: #f9f9f9;
  overflow-y: auto;
}
._popup-basic .o-header,
.popup-tip-panel .o-header,
.quick-edit-panel .o-header,
.popup-notif-panel .o-header,
.popup-info-panel .o-header,
.popup-fav-panel .o-header,
.popup-status-panel .o-header,
.popup-pro-list .o-header,
.popup-quickedit-pamel .o-header,
.popup-subitem-pamel .o-header,
.popup-note-pamel .o-header,
.popup-time-picker-ampm .o-header,
.popup-sidebar-notif .o-header {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: center !important;
  align-items: center;
}
._popup-basic .o-header .o-title,
.popup-tip-panel .o-header .o-title,
.quick-edit-panel .o-header .o-title,
.popup-notif-panel .o-header .o-title,
.popup-info-panel .o-header .o-title,
.popup-fav-panel .o-header .o-title,
.popup-status-panel .o-header .o-title,
.popup-pro-list .o-header .o-title,
.popup-quickedit-pamel .o-header .o-title,
.popup-subitem-pamel .o-header .o-title,
.popup-note-pamel .o-header .o-title,
.popup-time-picker-ampm .o-header .o-title,
.popup-sidebar-notif .o-header .o-title {
  font-size: 1.2rem;
  text-transform: uppercase;
  background: -webkit-linear-gradient(315deg, #000 25%, #000);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Lato;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
._popup-basic .o-edit-panel,
.popup-tip-panel .o-edit-panel,
.quick-edit-panel .o-edit-panel,
.popup-notif-panel .o-edit-panel,
.popup-info-panel .o-edit-panel,
.popup-fav-panel .o-edit-panel,
.popup-status-panel .o-edit-panel,
.popup-pro-list .o-edit-panel,
.popup-quickedit-pamel .o-edit-panel,
.popup-subitem-pamel .o-edit-panel,
.popup-note-pamel .o-edit-panel,
.popup-time-picker-ampm .o-edit-panel,
.popup-sidebar-notif .o-edit-panel {
  padding: 0.5rem !important;
}
._popup-basic .o-edit-panel .quick-frm,
.popup-tip-panel .o-edit-panel .quick-frm,
.quick-edit-panel .o-edit-panel .quick-frm,
.popup-notif-panel .o-edit-panel .quick-frm,
.popup-info-panel .o-edit-panel .quick-frm,
.popup-fav-panel .o-edit-panel .quick-frm,
.popup-status-panel .o-edit-panel .quick-frm,
.popup-pro-list .o-edit-panel .quick-frm,
.popup-quickedit-pamel .o-edit-panel .quick-frm,
.popup-subitem-pamel .o-edit-panel .quick-frm,
.popup-note-pamel .o-edit-panel .quick-frm,
.popup-time-picker-ampm .o-edit-panel .quick-frm,
.popup-sidebar-notif .o-edit-panel .quick-frm {
  padding: 0 !important;
}
._popup-basic .o-content,
.popup-tip-panel .o-content,
.quick-edit-panel .o-content,
.popup-notif-panel .o-content,
.popup-info-panel .o-content,
.popup-fav-panel .o-content,
.popup-status-panel .o-content,
.popup-pro-list .o-content,
.popup-quickedit-pamel .o-content,
.popup-subitem-pamel .o-content,
.popup-note-pamel .o-content,
.popup-time-picker-ampm .o-content,
.popup-sidebar-notif .o-content {
  min-height: 240px;
  padding-top: 1.5rem;
  height: 50%;
  overflow-y: auto !important;
  box-sizing: border-box;
}
._popup-basic .o-footer,
.popup-tip-panel .o-footer,
.quick-edit-panel .o-footer,
.popup-notif-panel .o-footer,
.popup-info-panel .o-footer,
.popup-fav-panel .o-footer,
.popup-status-panel .o-footer,
.popup-pro-list .o-footer,
.popup-quickedit-pamel .o-footer,
.popup-subitem-pamel .o-footer,
.popup-note-pamel .o-footer,
.popup-time-picker-ampm .o-footer,
.popup-sidebar-notif .o-footer {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
._popup-basic .o-footer.right,
.popup-tip-panel .o-footer.right,
.quick-edit-panel .o-footer.right,
.popup-notif-panel .o-footer.right,
.popup-info-panel .o-footer.right,
.popup-fav-panel .o-footer.right,
.popup-status-panel .o-footer.right,
.popup-pro-list .o-footer.right,
.popup-quickedit-pamel .o-footer.right,
.popup-subitem-pamel .o-footer.right,
.popup-note-pamel .o-footer.right,
.popup-time-picker-ampm .o-footer.right,
.popup-sidebar-notif .o-footer.right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}
.project-head,
.status-head {
  padding: 1rem !important;
  border: 1px solid #e9ecef;
}
.popup-sidebar-notif {
  width: 18rem !important;
  margin-left: 3rem;
}
.popup-time-picker-ampm {
  width: 22rem !important;
}
.popup-time-picker-ampm .o-content {
  max-height: 8rem;
  min-height: 8rem;
}
.popup-time-picker-ampm .flex-hhmm {
  display: flex;
}
.popup-time-picker-ampm .flex-hhmm .flex-hr {
  width: 14rem;
}
.popup-time-picker-ampm .flex-hhmm .flex-hr.hhmm-title {
  width: 13rem;
}
.popup-time-picker-ampm .flex-hhmm .flex-min {
  width: 7rem;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  border-left: 1px solid #555;
}
.popup-time-picker-ampm .flex-hhmm .flex-min.hhmm-title {
  text-align: right;
  width: 4rem;
}
.popup-note-pamel {
  width: 30rem !important;
  border-radius: 10px;
  background: #d9d9d9;
  color: #000;
}
.popup-subitem-pamel {
  width: 30rem !important;
  height: 24rem !important;
}
.popup-quickedit-pamel {
  width: 30rem !important;
  padding-top: 0rem !important;
}
.popup-quickedit-pamel .o-content {
  min-height: unset !important;
  padding-top: 0rem !important;
}
.popup-pro-list {
  width: 260px !important;
}
.popup-status-panel {
  width: 16rem !important;
  border-radius: 16px;
  border: 1px solid #d8d8d8 !important;
}
.popup-fav-panel {
  width: 16rem !important;
}
.popup-info-panel {
  width: 18rem !important;
}
.popup-info-panel .o-content strong {
  color: #ce6408;
  text-align: justify;
}
.popup-notif-panel {
  width: 24.5rem !important;
  overflow-y: auto !important;
}
.quick-edit-panel {
  width: 20rem !important;
}
.quick-edit-panel .o-content {
  min-height: auto !important;
  max-height: auto !important;
}
.status-row {
  cursor: pointer;
  margin-top: 0rem;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
}
.status-row .status-inner {
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.status-row .status {
  padding-right: 1rem;
}
.status-row:hover {
  color: #ce6408;
}
.project-headerbar {
  background: #b2d4ea !important;
  color: #000 !important;
}
.project-row {
  cursor: pointer;
  margin-top: 0rem;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  margin-right: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.project-row .avatar-container {
  height: 1.5rem;
  width: 1.5rem;
  overflow: hidden;
}
.project-row .avatar-container .app-avatar {
  background: #b2d4ea !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
  font-size: 0.7rem !important;
  color: #000 !important;
}
.project-row .proj-name {
  padding: 0 0.25rem;
}
.project-row:hover,
.proj-list-container .app-avatar {
  color: #000;
}
.clock-row {
  cursor: pointer;
  margin-top: 0rem;
  margin-right: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: background-color 1s linear;
}
.clock-row.clock-in,
.clock-row.clock-out {
  background: #2c9273;
  color: #fff;
  border-radius: 8px;
}
.clock-row:hover {
  color: #000;
}
.hr {
  border-top: 1px solid #555;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}
.status-icon-btn {
  cursor: pointer;
}
.status-icon-btn:hover {
  background-color: #66cbff33;
}
.spacer {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #555;
}
.user-icon {
  position: relative;
}
.user-icon .badge {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  padding: 0.1rem;
  border-radius: 50%;
  height: 0.75rem;
  width: 0.75rem;
}
.chat-status-pill .status-icon {
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat-status-pill .status-icon .i-mat {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-speeddial-button.p-button.p-button-icon-only {
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-speeddial-button.p-button.p-button-icon-only .p-icon-wrapper {
  margin: 0;
  padding: 0;
}
.p-speeddial-button.p-button.p-button-icon-only .p-icon {
  width: 1rem;
  height: 1rem;
}
.dial-btn-item {
  cursor: pointer;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border: none;
}
.dial-btn-item .i-mat {
  font-size: 1.5rem;
}
.dial-btn-item:hover {
  background-color: #00a9ff;
}
.p-speeddial-quarter-circle.p-speeddial-direction-up-left {
  right: 1rem;
  bottom: 2.5rem;
}
.p-speeddial-quarter-circle.p-speeddial-direction-up-right {
  left: 0;
  bottom: 0;
}
.p-speeddial-quarter-circle.p-speeddial-direction-down-left {
  right: 0;
  top: 0;
}
.p-speeddial-quarter-circle.p-speeddial-direction-down-right {
  left: 0;
  top: 0;
}
.my-page-margin {
  margin: 0rem 10rem;
}
.send-txt-container input {
  padding: 1rem;
  border-radius: 2rem;
}
.send-txt-container .send-btn {
  top: 0.75rem;
  right: 1rem;
}
.chat-height {
  height: calc(100vh - 15rem);
  overflow-y: auto;
}
.box-room-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-room-container .meeting-join-start-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.box-room-container .meeting-join-start-container .rotate-container,
.box-room-container .meeting-join-start-container .error-msg {
  margin-top: 1rem;
}
.box-room-container .box-room {
  display: flex;
  padding: 1rem;
  border-radius: 1rem;
  background-color: #fff;
}
.box-room-container .box-room .box-half {
  width: 25rem;
  height: 20rem;
  background-color: pink;
}
.meeting-video-container {
  border-radius: 1rem;
  height: calc(100vh - 7rem);
  background-color: #393e46;
  padding: 1rem;
  margin: 1rem;
}
.meeting-video-container .meeting-video-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.meeting-video-container .meeting-video-content .my-video-container,
.meeting-video-container .meeting-video-content .remote-video-container {
  display: flex;
}
.meeting-video-container .participant-video {
  background-color: #cb912c;
}
.meeting-video-container .owner-video {
  background-color: #443cdd;
}
.meeting-video-container .my-video {
  background-color: #e33eca;
}
.meeting-video-container .vid-box-container {
  position: relative;
  margin: 0.25rem;
  border-radius: 1rem;
  padding: 0.25rem;
  background-color: #1b1b1b;
}
.meeting-video-container .vid-box-container .vid-user-info {
  width: 4rem;
  overflow: hidden;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 1rem;
  top: 1rem;
}
.meeting-video-container .vid-box-container .vid-user-info.vid-off {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.meeting-video-container .vid-box-container .vid-is-speaking {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
.meeting-video-container .vid-box-container .vid-title .user-role.bg-green {
  background-color: #32af64;
}
.meeting-video-container .vid-box-container .vid-title .user-role.bg-red {
  background-color: #fc295e;
}
.meeting-right-panel-container {
  border-radius: 1rem;
  width: 20rem;
  height: calc(100vh - 7rem);
  background-color: #393e46;
  padding: 1rem;
  margin: 1rem;
}
.meeting-right-panel-container .meeting-panel-header {
  background-color: #ccc;
  margin: -1rem -1rem 1rem;
  padding: 1rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.meeting-ctrl {
  width: calc(100vw - 2rem);
  position: absolute;
  bottom: 2.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 1rem;
  background-color: #fff;
}
.meeting-container {
  display: flex;
  position: relative;
}
.meeting-container .meeting-area {
  flex-grow: 1;
}
.ai-please-wait {
  animation: pulse-animation 1s infinite;
  border-radius: 0.5rem;
  padding: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 1rem 0;
}
.p-sortable-column .p-icon {
  width: 0.7rem;
  height: 0.7rem;
}
.td-date-time-min {
  font-size: 0.875rem !important;
}
.no-bm {
  margin-bottom: 0 !important;
}
.txt-footer {
  font-size: 0.8rem;
  color: #aaa;
}
.dash-info {
  border-color: #eee !important;
  margin-top: 1rem;
}
.rotate-container {
  position: relative;
  width: 1rem;
  height: 1rem;
}
.rotate-container .i-mat {
  font-size: 1rem !important;
  margin: 0 !important;
  padding: 0 !important;
}
.rotate-container.x2 {
  width: 2rem;
  height: 2rem;
}
.rotate-container.x2 .i-mat {
  font-size: 2rem !important;
}
.rotate-container.x3 {
  width: 3rem;
  height: 3rem;
}
.rotate-container.x3 .i-mat {
  font-size: 3rem !important;
}
.btn-big-outline {
  padding: 1rem !important;
}
.meeting-chat-container .meeting-chat-history {
  height: calc(100vh - 16.5rem);
  overflow-y: auto;
  margin-bottom: 0.5rem;
}
.meeting-chat-container .meeting-chat-history .chat-msg {
  color: #fff;
}
.meeting-chat-container .meeting-chat-history .chat-msg-r,
.meeting-chat-container .meeting-chat-history .chat-msg-g {
  color: #fc295e;
}
.meeting-chat-container .meeting-chat-history .chat-message {
  display: flex;
}
.meeting-chat-container .meeting-chat-sender {
  height: 3rem;
}
.btn-grad {
  background-image: linear-gradient(to right, #dc2424, #4a569d 51%, #dc2424);
  transition: 0.5s;
  margin: 10px;
  padding: 15px 45px;
  text-align: center;
  text-transform: uppercase;
  background-size: 200% auto;
  color: #fff;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  display: block;
}
.btn-grad:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}
.grad-msg {
  border-radius: 1rem;
  margin: 0 1rem;
  color: #fff !important;
}
.progress-msg {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 0.5rem;
  border-radius: 1rem;
  font-weight: 700;
}
.progress-msg img {
  width: 1.5rem;
  height: 1.5rem;
}
.progress-msg.mp-inline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hdr-notif {
  border-radius: 50%;
  position: relative;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  cursor: pointer;
}
.hdr-notif:hover {
  color: #fc295e;
}
.hdr-notif .i-mat {
  padding-top: 0.25rem;
  font-size: 1.5rem;
}
.hdr-notif .hdr-notif-badge {
  padding: 0.25rem;
  background-color: #fc295e;
  position: absolute;
  border-radius: 50%;
  font-size: 0.7rem;
  color: #fff;
  margin-left: -0.5rem;
}
.pop-list-content {
  height: 10rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.theme-menu {
  border-radius: 1rem;
}
.theme-menu.dark {
  background-color: #000;
  color: #fff;
}
.theme-menu.light {
  background-color: #fff;
  color: #000;
}
.div-screen-container {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 1024px;
  height: 768px;
  background-color: #222831;
}
.div-screen-container .vid-screen {
  width: 1024px;
  height: 768px;
}
.tbl-action-icon {
  color: #6f6f6f;
}
.tbl-action-icon:hover {
  color: #ce6408;
}
.td-col-wrap {
  text-wrap: wrap !important;
}
.pill-mini {
  font-size: 0.7rem;
  border-radius: 0.25rem;
  padding: 0px 0.25rem;
  color: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-to-fav {
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  color: #6f6f6f;
}
.add-to-fav .fav-txt {
  font-size: 0.8rem;
}
.add-to-fav:hover {
  color: #ce6408;
}
.spinner-container {
  position: fixed;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  background: #00000052;
  z-index: 2000;
}
.no-notif {
  text-align: center;
  margin-top: 3rem;
  cursor: pointer;
  color: #6f6f6f;
}
.no-notif .i-mat {
  border-radius: 50%;
  padding: 0.5rem;
  margin: 0.5rem;
  font-size: 2.5rem;
}
.p-image-preview {
  max-width: 50vw;
  max-height: 50vh;
}
.p-image-toolbar {
  padding: 0 !important;
}
.p-link {
  cursor: pointer;
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.p-icon {
  width: 1rem !important;
  height: 1rem !important;
}
p strong {
  color: #e48f45;
}
.attachment-lbl {
  color: #6f6f6f;
}
.float-div-container {
  position: relative;
}
.float-div-container .float-div {
  position: absolute;
  right: 2px;
}
.quick-frm {
  padding: 1rem;
}
.quick-frm .frm-lbl {
  text-transform: uppercase;
  margin-bottom: 0.25rem !important;
  color: #aaa;
}
.quick-frm .frm-ctrl input {
  width: 100%;
  max-width: 100%;
}
.quick-frm .frm-ctrl textarea {
  width: 100%;
  max-width: 100%;
  overflow: auto !important;
  max-height: 10rem !important;
}
.td-count {
  display: flex;
  font-size: 0.7rem;
  justify-content: center;
  align-items: center;
}
.info-container {
  cursor: pointer;
}
.info-container.info-big .i-mat {
  font-size: 2rem !important;
}
.info-container.info-anim .i-mat {
  transition: width 0.2s;
  border-radius: 50%;
  animation: animinfo 2s infinite linear;
  -webkit-animation: animinfo 2s infinite linear;
}
.tip-container {
  cursor: pointer;
}
.tip-container.tip-big .i-mat {
  font-size: 1.5rem !important;
}
.tip-container.tip-anim .i-mat {
  transition: width 0.2s;
  border-radius: 50%;
  animation: animtip 1s infinite linear;
  -webkit-animation: animtip 1s infinite linear;
}
.tip-container.kbd-anim .i-mat {
  transition: width 0.2s;
  border-radius: 50%;
  animation: animkbd 2s infinite linear;
  -webkit-animation: animkbd 2s infinite linear;
}
.tip-text {
  transition: animappear 2s infinite linear;
}
.one-line-tb {
  min-height: 1.75rem;
}
.three-line-tb {
  min-height: 3.75rem;
}
.task-links {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
}
.task-links .rmf {
  margin-left: 0.5rem;
  border-radius: 0.5rem;
  padding: 2px;
  font-size: 0.7rem;
  background-color: #6f6f6f;
  color: #fff !important;
}
.task-links .rmf.rmf-r {
  background-color: #fc295e;
  color: #fff !important;
}
.task-links .rmf.rmf-g {
  background-color: #32af64;
  color: #fff !important;
}
.task-links .rmf.rmf-b {
  background-color: #7752fe;
  color: #fff !important;
}
.td-two-field {
  position: relative;
}
.td-two-field .td-quick-edit {
  margin-left: 0.5rem;
  border-radius: 0.5rem;
  padding: 2px;
  font-size: 0.7rem;
  display: none;
  background-color: #fc295e;
  color: #fff !important;
}
.td-two-field .td-quick-edit.float-qedit {
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.td-two-field:hover .td-quick-edit {
  display: inline;
}
.td-two-field .tf-content {
  cursor: pointer;
}
.td-two-field .tf-content:hover .tf-title {
  color: #00a9ff !important;
}
.td-two-field .tf-content .tf-title {
  position: relative;
  margin: 10px 0 0 0 0;
  color: #000;
  font-size: 16px;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
.td-two-field .tf-content .tf-title .rmf {
  margin-left: 0.5rem;
  border-radius: 0.5rem;
  padding: 2px;
  font-size: 0.7rem;
  background-color: #6f6f6f;
  color: #fff !important;
}
.td-two-field .tf-content .tf-title .rmf.rmf-r {
  background-color: #fc295e;
  color: #fff !important;
}
.td-two-field .tf-content .tf-title .rmf.rmf-g {
  background-color: #32af64;
  color: #fff !important;
}
.td-two-field .tf-content .tf-title .rmf.rmf-b {
  background-color: #7752fe;
  color: #fff !important;
}
.td-two-field .tf-content .tf-descr {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  white-space: normal;
  padding-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #777;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  text-align: left;
}
.p-tooltip {
  max-width: 15rem;
  position: fixed !important;
}
.p-tooltip .p-tooltip-text {
  background-color: #e6e6bb !important;
  color: #000;
}
.p-tooltip .p-tooltip-text strong {
  color: red;
}
.popup-tip-panel {
  width: 384px !important;
  height: 180px !important;
  border-radius: 16px !important;
}
.popup-tip-panel .p-overlaypanel {
  border: 1px solid #d8d8d8 !important;
}
.popup-tip-panel .o-content {
  padding: 1rem;
  height: auto !important;
  min-height: 5rem;
  max-height: auto !important;
}
.popup-tip-panel .o-content strong {
  color: #ce6408;
  text-align: justify;
}
.popup-tip-panel .o-content .ttx-content {
  margin-top: 1rem;
  color: #666;
}
.popup-tip-panel .o-content .ttx-sub {
  color: #6f6f6f;
  margin-top: 1rem;
  font-size: 0.7rem;
}
.popup-tip-panel .o-footer {
  border-top: 1px solid #e9ecef;
  margin-top: 15px !important;
}
.personal-details {
  display: flex !important;
  flex-direction: column;
}
.personal-details .personal-col {
  width: 100% !important;
}
.personal-details .personal-col .profile-and-name {
  display: flex !important;
}
.personal-details .personal-col .profile-and-name .profile-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px !important;
  margin-left: 10px;
  padding: 5px;
}
.personal-details .personal-col .user-details .infos .my-kv-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-gap: 16px !important;
}
.personal-details .personal-col .user-details .infos .my-kv-wrapper .my-kv {
  display: grid;
  grid-template-columns: 140px auto;
  align-items: center;
  column-gap: 10px;
}
.personal-details
  .personal-col
  .user-details
  .infos
  .my-kv-wrapper
  .my-kv
  .key {
  position: relative;
  font-weight: 600;
  padding-right: 12px;
}
.personal-details
  .personal-col
  .user-details
  .infos
  .my-kv-wrapper
  .my-kv
  .key:after {
  content: ":";
  position: absolute;
  right: 0;
}
.personal-details
  .personal-col
  .user-details
  .infos
  .my-kv-wrapper
  .my-kv
  .val {
  text-align: left;
}
.personal-details .other-info {
  display: flex;
  width: 100% !important;
}
.personal-details .other-info .other-details {
  width: 50% !important;
}
.personal-details
  .other-info
  .other-details
  app-ui-card
  .p-element
  .my-card
  .p-card-body
  .p-card-content
  .lines {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-gap: 10px !important;
  text-decoration: none !important;
  align-items: center;
}
.personal-details .other-info .other-details .organization-card .my-kv-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-gap: 16px !important;
}
.personal-details
  .other-info
  .other-details
  .organization-card
  .my-kv-wrapper
  .my-kv {
  display: grid;
  grid-template-columns: 150px auto;
  align-items: center;
  column-gap: 12px;
}
.personal-details
  .other-info
  .other-details
  .organization-card
  .my-kv-wrapper
  .my-kv
  .key {
  position: relative;
  font-weight: 600;
  padding-right: 12px;
}
.personal-details
  .other-info
  .other-details
  .organization-card
  .my-kv-wrapper
  .my-kv
  .key:after {
  content: ":";
  position: absolute;
  right: 0;
}
.personal-details
  .other-info
  .other-details
  .organization-card
  .my-kv-wrapper
  .my-kv
  .val {
  text-align: left;
}
app-common-tag-mgr div .grid .ng-star-inserted {
  width: 100% !important;
  max-width: 100% !important;
}
app-common-tag-mgr div .grid .col-3 {
  width: 50%;
}
app-common-tag-mgr div .grid .col-6 {
  width: 50%;
}
app-common-list-mgr div .grid .col-3 {
  width: 50%;
}
app-common-list-mgr div .grid .col-6 {
  width: 50%;
}
.initials {
  height: 1.5rem !important;
  width: 1.5rem !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
}
.initials span {
  color: #000 !important;
}
.layout-super-admin .lsa-main-wrapper {
  overflow: auto;
}
.layout-super-admin .lsa-main-wrapper .lsa-header {
  border-bottom: none !important;
  background-color: #fff !important;
}
.layout-super-admin .lsa-main-wrapper .lsa-header .header {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0.5rem 1rem !important;
  background-color: #fff !important;
}
.layout-super-admin .lsa-main-wrapper .lsa-main {
  background: #f9f9f9 !important;
}
.forgot-password-container {
  padding: 20px;
  position: relative;
  background-color: #fff;
  height: 100vh;
}
.forgot-password-container .forgot-content-container {
  display: flex;
  margin: auto;
  text-align: center;
  justify-content: space-around;
  width: 80%;
  height: 100%;
}
.forgot-password-container .forgot-content-container .lock-image .image {
  height: 100%;
  width: 100%;
}
.forgot-password-container .forgot-content-container .forgot-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.forgot-password-container .forgot-content-container .forgot-form a {
  margin-top: 20px;
  color: #1f2937;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 500;
  word-wrap: break-word;
}
.forgot-password-container .forgot-content-container .forgot-form h2 {
  color: #1a032c;
  font-size: 32px;
  font-family: Poppins;
  font-weight: 500;
  word-wrap: break-word;
}
.forgot-password-container .forgot-content-container .forgot-form p {
  color: #5f6368;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 400;
  word-wrap: break-word;
}
.forgot-password-container .forgot-content-container .forgot-form input,
.forgot-password-container .forgot-content-container .forgot-form button {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.forgot-password-container .forgot-content-container .forgot-form button {
  background-color: #2c3e50;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.forgot-password-container .forgot-content-container .forgot-form button:hover {
  background-color: #34495e;
}
.des-textarea {
  border-radius: 10px !important;
  min-height: 50px !important;
}
.des-textarea-expanded {
  border-radius: 10px !important;
  min-height: 11rem !important;
}
.pop-tag-manager {
  position: absolute;
  width: 100%;
  top: 20%;
  transform: translate(-50%);
  height: 60%;
}
.ctrl-wrpper {
  background: red;
}
.plus-button {
  color: #000;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.plus-button:hover {
  background-color: #c2c2c2;
}
.label-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.label-select .dropdown-with-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
}
.label-select .dropdown-with-edit select {
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  cursor: pointer;
}
.title-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  cursor: pointer;
}
.pop-tag-manager {
  position: absolute;
  width: 100%;
  top: 20%;
  transform: translate(-50%);
}
.date-lable span {
  font-size: 14px;
}
.assignee,
.approval-person-filed {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 0.5rem;
  gap: 0.5rem;
  margin: 0.25rem 0;
}
.assignee .assignee-lable-image,
.approval-person-filed .assignee-lable-image {
  color: #666;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0.2rem 0;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  width: 25%;
}
.assignee .assignee-lable-image .assignee-image,
.approval-person-filed .assignee-lable-image .assignee-image {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.assignee .ai-picker-and-button,
.approval-person-filed .ai-picker-and-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  width: 70%;
}
.assignee .ai-picker-and-button .ai-ui-user-picker,
.approval-person-filed .ai-picker-and-button .ai-ui-user-picker {
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  cursor: pointer;
  width: 70%;
  padding: 5px;
}
.assignee .ai-picker-and-button .ai-agent-button-enabled,
.approval-person-filed .ai-picker-and-button .ai-agent-button-enabled {
  color: #fff;
  text-align: center;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  border-radius: 8px;
  border: 1px solid #7066ff;
  box-shadow: 0 1px 2px #1018280d;
  padding: 0.4rem;
  cursor: pointer;
  background: #7066ff;
  transition: all ease-in-out 0.3s;
}
.assignee .ai-picker-and-button ai-agent-button:hover,
.approval-person-filed .ai-picker-and-button ai-agent-button:hover {
  background: #9089ef;
}
.assignee .ai-picker-and-button .ai-agent-button-disabled,
.approval-person-filed .ai-picker-and-button .ai-agent-button-disabled {
  color: #fff;
  text-align: center;
  font-family: Lato;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  border-radius: 8px;
  border: none;
  background: #9089ef;
  box-shadow: 0 1px 2px #1018280d;
  padding: 0.5rem;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.assignee .ai-picker-and-button app-project-dropdown,
.approval-person-filed .ai-picker-and-button app-project-dropdown {
  width: 100% !important;
}
.assignee .ai-picker-and-button app-team-dropdown,
.approval-person-filed .ai-picker-and-button app-team-dropdown {
  width: 100%;
}
.assignee .ai-picker-and-button app-custom-search-dropdown,
.approval-person-filed .ai-picker-and-button app-custom-search-dropdown {
  width: 100%;
}
.p-overlaypanel {
  color: #000;
}
.date-inputs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  margin: 0.3rem 0;
}
.date-inputs input {
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  cursor: pointer;
  width: 100%;
  border: transparent;
}
.date-lable {
  color: #666;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 400;
  font-family: Lato;
  line-height: normal;
  margin: 0.2rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.date-lable span {
  font-size: 15px;
}
.date-lable span .icon-class {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.assignee {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 0.5rem;
  gap: 0.5rem;
  margin: 0.25rem 0;
}
.assignee label {
  color: #666;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0.2rem 0;
  width: 25%;
}
.assignee .ai-ui-user-picker {
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  cursor: pointer;
  width: 80%;
  padding: 5px;
}
.p-overlaypanel {
  background-color: transparent !important;
  border: none !important;
}
.desc-container .desc-content {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
}
.desc-container .desc-content span .icon-class {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.desc-container .desc-content span label {
  color: #666;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.desc-container textarea {
  color: #000;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.extention-images {
  object-fit: contain;
}
.clipboard-btn {
  display: flex;
  justify-content: end;
  gap: 0.5rem;
}
.no-rec-found {
  background-color: #efeff4 !important;
  border-color: #efeff4 !important;
  color: #000 !important;
}
.fbc,
.count-and-progress,
.popup-user-info .more-info-row,
._popup-basic .o-header,
.popup-sidebar-notif .o-header,
.popup-time-picker-ampm .o-header,
.popup-note-pamel .o-header,
.popup-subitem-pamel .o-header,
.popup-quickedit-pamel .o-header,
.popup-pro-list .o-header,
.popup-status-panel .o-header,
.popup-fav-panel .o-header,
.popup-info-panel .o-header,
.popup-notif-panel .o-header,
.quick-edit-panel .o-header,
.popup-tip-panel .o-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px !important;
}
.change-clear-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.change-clear-container .change-clear-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.icon-class {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pcalender-custom {
  height: 30px;
}
.pcalender,
.pcalender .p-inputtext {
  height: 30px !important;
}
.menu-container {
  position: relative;
  display: inline-block;
}
.menu-container .menu-button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  padding: 4px 8px;
}
.menu-container .menu-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 9999;
  min-width: 120px;
  box-shadow: 0 2px 6px #00000026;
}
.menu-container .menu-dropdown .menu-item {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
}
.menu-container .menu-dropdown .menu-item:hover {
  background-color: #f0f0f0;
}
.menu-container-disabled {
  position: relative;
  display: inline-block;
}
.menu-container-disabled .menu-button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  padding: 4px 8px;
}
.menu-container-disabled .menu-dropdown {
  position: absolute;
  top: 140%;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 9999;
  min-width: 120px;
  box-shadow: 0 2px 6px #00000026;
}
.menu-container-disabled .menu-dropdown .menu-item {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
}
.menu-container-disabled .menu-dropdown .menu-item:hover {
  background-color: #f0f0f0;
}
.task-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.task-title-wrapper .key {
  width: 15%;
}
.task-title-wrapper .key span .icon-class {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.task-title-wrapper .title-label {
  display: flex;
  color: #666;
  font-size: 24px;
  margin-bottom: 4px;
  align-items: center;
  justify-content: flex-start;
}
.task-title-wrapper .title-display {
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  padding: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-title-wrapper .title-edit {
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  padding: 0.5rem;
  overflow: hidden;
}
.task-title-wrapper .title-edit input,
.task-title-wrapper .title-edit .title-input {
  display: block;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: none;
  padding: 0;
  font-size: medium;
  font-family: Lato;
  background: transparent;
  outline: none;
}
.task-title-wrapper .auto-schedule {
  color: #7066ff;
  text-align: center;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 8px;
  border: 1px solid #7066ff;
  box-shadow: 0 1px 2px #1018280d;
  background-color: #fff;
  padding: 0.5rem;
  cursor: pointer;
}
.button-input {
  width: 90%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  justify-content: stretch;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}
.date-style {
  display: flex;
  width: 100%;
  font-family: Lato;
}
.date-style .date-lable {
  width: 45%;
}
.date-style .date-inputs {
  width: 100%;
}
.custom-move-button-style {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 71px;
  height: 25px;
  border-radius: 6px;
  border: 1px solid #7066ff;
  color: #7066ff !important;
  box-shadow: 0 1px 2px #1018280d;
  transition: all ease-in-out 0.3s;
  text-decoration: none;
}
.custom-delete-button-style {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 71px;
  height: 25px;
  border-radius: 6px;
  border: 1px solid red;
  color: red;
  box-shadow: 0 1px 2px #1018280d;
  transition: all ease-in-out 0.3s;
  text-decoration: none;
}
.project-name-internal {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.generic-table-picker-container {
  position: fixed;
  right: 50%;
  height: 50%;
  width: 55vw !important;
  top: 25%;
  border-radius: 20px;
  background: #efeff4;
  padding: 0.8rem;
}
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch .switch-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 28px;
}
.toggle-switch .switch-slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 50%;
}
.toggle-switch input:checked + .switch-slider {
  background-color: #7066ff;
}
.toggle-switch input:checked + .switch-slider:before {
  transform: translate(22px);
}
.auto-save-buttons {
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
}
.save-button {
  color: #fff;
  text-align: center;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0.5rem;
  border-radius: 8px;
  border: 1px solid #7066ff;
  background: #7066ff;
  box-shadow: 0 1px 2px #1018280d;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.save-button:hover {
  background: #5a53c1;
}
.comment-box-wrapper {
  background-color: transparent;
  height: calc(50vh - 7rem);
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.comment-box-wrapper::-webkit-scrollbar {
  display: none;
}
.comment-box-wrapper-expanded {
  background-color: transparent;
  height: 32rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.comment-box-wrapper-expanded::-webkit-scrollbar {
  display: none;
}
.comment-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  background: #f9f9f9;
}
.comment-content {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 85%;
}
.comment-content span {
  width: 85%;
}
.timestamp {
  font-size: 0.75rem;
  color: #888;
}
.mention-text {
  color: #7066ff;
  font-weight: 600;
}
.mention-dropdown {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block !important;
  opacity: 1 !important;
}
.mentionList {
  transition: all ease-in-out 0.3s;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.mentionList:hover {
  background-color: #f0f0f0 !important;
  color: #00a9ff !important;
}
.mention-item {
  display: flex;
  align-items: center;
}
.mention-initial {
  background-color: #7066ff;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-right: 8px;
  text-transform: uppercase;
}
.small-initial {
  width: 35px;
  height: 35px;
  font-size: 15px;
}
.comment-input {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comment-input input {
  display: flex;
  height: 45px;
  padding: 6px 10px;
  align-items: center;
  gap: 13px;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  padding-right: 10rem;
  overflow-x: auto;
  white-space: nowrap;
  box-sizing: border-box;
}
.comment-input .attchemnt-send-mic-buttons {
  position: absolute;
  top: 0.18rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
.comment-input .attchemnt-send-mic-buttons .send-comment-btn {
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  border: 1px solid #7066ff;
  background: #7066ff;
  box-shadow: 0 1px 2px #1018280d;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
}
.comment-input .attchemnt-send-mic-buttons .send-comment-btn:hover {
  background: #5a53c1;
}
.comment-input .attchemnt-send-mic-buttons .comment-attachment-button {
  background: transparent;
  border: none;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.comment-input .attchemnt-send-mic-buttons .comment-attachment-button:hover {
  background-color: #c1c1c1;
  color: #fff;
}
.comment-input .attachments-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.comment-input .attachments-preview .attachment-item {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #f4f4f4;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.comment-input .attachments-preview .attachment-item button {
  background: red;
  border: none;
  border-radius: 50%;
  color: #fff;
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
}
.comment-input .attachments-preview .attachment-item button:hover {
  background: #8b0000;
}
.comment-attachment-button {
  background: transparent;
  border: none;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.comment-attachment-button:hover {
  background-color: #c1c1c1;
  color: #fff;
}
.speech-button {
  background: transparent;
  border: none;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.speech-button:hover {
  background: #c1c1c1;
}
.speech-button.listening {
  background: #bbb6ff;
  animation: pulse 1s infinite;
}
.speech-button .microphone {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.custom-user-dropdown {
  width: 70%;
}
.custom-dropdown {
  position: relative;
  width: 100%;
  font-family: inherit;
  cursor: pointer;
}
.dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 999;
  padding: 0.5rem;
}
.selected-option,
.dropdown-options li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.5rem;
  border-bottom: 1px solid #eee;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
}
.selected-option {
  border-radius: 6px;
  background-color: #fff;
  justify-content: space-between;
  padding: 0.5rem;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
}
.dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 0 0 6px 6px;
  z-index: 999;
}
.dropdown-options li:hover {
  background-color: #f3f3f3;
}
.avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  border-radius: 50%;
  background-color: #1e1e2f;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.arrow {
  margin-left: auto;
  font-size: 12px;
  color: #555;
}
.recurring,
.approval-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 0.5rem;
  gap: 0.5rem;
  margin: 0.25rem 0;
}
.recurring .recurring-lable,
.recurring .approval-field-lable,
.approval-field .recurring-lable,
.approval-field .approval-field-lable {
  color: #666;
  font-family: Lato !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0.2rem 0;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  width: 25%;
}
.recurring .recurring-lable .recurring-image,
.recurring .approval-field-lable .recurring-image,
.approval-field .recurring-lable .recurring-image,
.approval-field .approval-field-lable .recurring-image {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recurring .select-container,
.approval-field .select-container {
  width: 70%;
}
.recurring .select-container .recurring-select,
.recurring .select-container .approval-select,
.approval-field .select-container .recurring-select,
.approval-field .select-container .approval-select {
  font-family: Lato;
  font-weight: 500;
  width: 100%;
  padding: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
}
.recurring .select-container .recurring-select option,
.recurring .select-container .approval-select option,
.approval-field .select-container .recurring-select option,
.approval-field .select-container .approval-select option {
  padding: 10px;
  font-size: 14px;
  color: #222;
  background-color: #fff;
}
.recurring-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  margin-top: 8px;
}
.recurring-body .recurring-inner .recurring-inner-wrapper {
  display: flex;
  justify-content: space-between;
}
.recurring-body .recurring-inner .recurring-inner-wrapper .recurring-sub-label {
  color: #666;
  font-family: Lato !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0.2rem 0;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  width: 25%;
}
.recurring-body
  .recurring-inner
  .recurring-inner-wrapper
  .recurring-sub-label
  .recurring-image {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recurring-body .recurring-inner .recurring-sub-label {
  color: #666;
  font-family: Lato !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0.2rem 0;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  width: 25%;
}
.recurring-body .recurring-inner .recurring-sub-label .recurring-image {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recurring-body .select-container {
  width: 70%;
}
.recurring-body .select-container .recurring-select {
  font-family: Lato;
  font-weight: 500;
  width: 100%;
  padding: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
}
.recurring-body .select-container .recurring-select option {
  padding: 10px;
  font-size: 14px;
  color: #222;
  background-color: #fff;
}
.recurring-body .recurring-ends-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.recurring-body .ends-label {
  color: #666;
  font-family: Lato !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0.2rem 0;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  width: 25%;
}
.recurring-body .ends-label .recurring-image {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recurring-body .ends-input {
  width: 70%;
  padding: 0.5rem;
  border-radius: 8px;
  border: 1px solid #dbe2eb;
  background: #fff;
  font-family: Lato;
  font-size: 14px;
}
.note-edit-textarea {
  border: 1px solid #ccc;
  padding: 6px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
  width: 100% !important;
  min-height: 80px !important;
}
.save-btn {
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  border: 1px solid #7066ff;
  background: #7066ff;
  box-shadow: 0 1px 2px #1018280d;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  padding: 0.5rem;
}
.save-btn:hover {
  background-color: #7770d7;
  color: #fff;
  border: 1px solid #7770d7;
  box-shadow: 0 1px 2px #1018280d;
}
.cancel-btn {
  color: #7066ff;
  font-weight: 700;
  border-radius: 8px;
  border: 1px solid #7066ff;
  background: #fff;
  box-shadow: 0 1px 2px #1018280d;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  padding: 0.5rem;
}
.cancel-btn:hover {
  background-color: #7c79ab;
  color: #fff;
  border: 1px solid #7066ff;
  box-shadow: 0 1px 2px #1018280d;
}
.subtasks-kanban {
  border-radius: 8px;
  border: 1px solid #efeff4;
  background: #f9f9f9;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.subtasks-kanban span {
  color: #8a8a8f;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.subtasks-kanban span img {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  stroke-width: 2px;
  stroke: #8a8a8f;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.clock-kanban {
  border-radius: 16px;
  border: 1px solid #efeff4;
  background: #f9f9f9;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.clock-kanban span {
  color: #8a8a8f;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.clock-kanban span img {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  stroke-width: 2px;
  stroke: #8a8a8f;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.danger {
  color: #ff2d55;
  border-radius: 16px;
  background: #ff2d551a;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.text-danger {
  color: #ff2d55 !important;
  font: 600 !important;
}
.kanban-assignee-div {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  transition: all ease-in-out 0.3s;
  scrollbar-width: none;
}
.kanban-assignee-div::-webkit-scrollbar {
  display: none;
}
.icon-small {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  stroke-width: 2px;
  stroke: #8a8a8f;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.border-kanban {
  border-top: 2px solid #efeff4;
  padding-top: 1rem;
}
.tag-picker-mannual {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.2rem;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
.tag-picker-mannual::-webkit-scrollbar {
  height: 4px;
}
.tag-picker-mannual::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.kanban-board-add-sign {
  display: flex;
  align-items: center;
}
.features-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  background-color: #f8f9fa;
  border-radius: 0.5rem;
}
.features-container .search-container,
.features-container .sort-container {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  position: relative;
}
.features-container .search-container label,
.features-container .sort-container label {
  font-size: 0.85rem;
  color: #555;
}
.features-container .search-container .form-control,
.features-container .sort-container .form-control {
  padding: 0.5rem 0.75rem;
  font-size: 0.95rem;
  border: 1px solid #ccc;
  border-radius: 0.375rem;
  transition: border-color 0.3s ease;
}
.features-container .search-container .form-control:focus,
.features-container .sort-container .form-control:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 0 0.1rem #007bff40;
}
.features-container .search-container .feature-search,
.features-container .sort-container .feature-search {
  position: absolute;
  top: 15%;
  right: 2%;
}
.action-panel {
  z-index: 100000 !important;
  background-color: #fff !important;
}
.action-panel .p-overlaypanel-content {
  width: 10rem !important;
  padding: 0.25rem 0.5rem !important;
}
.attachment-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.attachment-preview-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.attachment-chip {
  background: #f2f2f2;
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.attachment-chip button {
  background: transparent;
  border: none;
  color: red;
  margin-left: 0.5rem;
  cursor: pointer;
}
.attachment {
  display: flex;
  align-items: center;
}
.p-overlaypanel-content {
  color: #000 !important;
  max-height: 35rem !important;
}
.p-overlaypanel-content .o-content .lines .line .inline-block-clipped {
  padding: 0.3rem 0.5rem;
}
.pop-list-content {
  height: auto;
  max-height: 10rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.pop-list-content .lines .line {
  padding: 0.4rem;
  border-bottom: 1px solid whitesmoke;
}
.pop-list-content .lines .line .fsc-g1,
.pop-list-content .lines .line .folder {
  color: #000 !important;
}
.chat-feature-button {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.chat-feature-button button {
  text-align: left;
  margin: 0.2rem;
  padding: 0.2rem;
  background-color: transparent;
  border: none;
  font-weight: 700;
  color: #00a9ff;
  font-size: 14px;
  transition: ease-in-out 0.3s;
}
.chat-feature-button:hover {
  color: #fff;
}
.center-wrapper.cn .p-button {
  color: #7066ff !important;
  padding: 6px 16px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  border: 1px solid #7066ff !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  background: transparent !important;
}
.center-wrapper.cn .p-button:hover {
  background: #7066ff1a !important;
}
.center-wrapper.cn .p-button:active {
  background: #7066ff33 !important;
}
.budget-container {
  cursor: pointer;
  padding: 0.25rem 0;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
.budget-container .budget-label {
  width: 25% !important;
  display: flex;
  justify-content: left;
  align-items: center;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 0.5rem;
}
.budget-container .budget-label span .icon-class {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.budget-container .budget-input {
  font-weight: 700;
  width: 70%;
  max-width: 70% !important;
  border-radius: 8px;
  background: var(--Base-White, #fff);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 2rem;
  transition: all ease-in-out 0.3s;
}
.budget-container .budget-input input {
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  border-radius: 8px;
  padding: 5px;
  width: 100%;
  font-weight: 700;
  background: transparent;
}
.sidebar,
.sidebar .main {
  background-color: #f1f5f9 !important;
}
.sidebar-menu-item {
  color: #757678;
  font-family: Lato !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  display: flex;
  align-items: center;
  margin-left: 0.5rem;
}
.sidebar-apps-list {
  background: linear-gradient(180deg, #1e293b 55.84%, #5270a1) !important;
  stroke-width: 1px;
  stroke: #555;
}
.sidebar-menu-title {
  color: #757678;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  padding-left: 0.5rem;
}
.pop-dlg-confirm {
  border-radius: 10px;
  background: #fff;
}
.pop-dlg-confirm div .pop-dlg-header {
  text-align: center;
  color: #555;
}
.pop-dlg-confirm .pop-dlg-content {
  text-align: center;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  color: #000 !important;
}
.pop-dlg-confirm .pop-dlg-content .fsc,
.pop-dlg-confirm .pop-dlg-content .add-to-fav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  color: #000 !important;
}
.pop-dlg-confirm .pop-dlg-content .fsc .text kbd:nth-child(2),
.pop-dlg-confirm .pop-dlg-content .add-to-fav .text kbd:nth-child(2) {
  background-color: red !important;
}
.pop-dlg-confirm .pop-dlg-content .fsc .text kbd:nth-child(3),
.pop-dlg-confirm .pop-dlg-content .add-to-fav .text kbd:nth-child(3) {
  background-color: green !important;
}
.pop-dlg-confirm .pop-dlg-footer {
  display: flex !important;
  justify-content: center !important;
}
.pop-delete-no {
  background: #9e77ed2b;
  border-radius: 8px;
  width: 8rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop-delete-no .p-button-outlined {
  border: 1px solid transparent !important;
  color: #000;
  width: 8rem;
  height: 3rem;
  display: flex;
  justify-content: center;
}
.pop-delete-no .p-button-outlined button {
  color: #000;
  width: 8rem;
  height: 3rem;
  display: flex;
  justify-content: center;
}
.pop-delete-yes {
  background: #9e77ed2b;
  border-radius: 8px;
  width: 8rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop-delete-yes .p-element {
  border: 1px solid transparent !important;
  color: #000;
}
.pop-delete-yes .p-element button {
  color: #000;
  width: 8rem;
  height: 3rem;
  display: flex;
  justify-content: center;
}
.pop-delete-yes .p-element:enabled:hover {
  background-color: #eb4e3d !important;
}
.pop-delete-yes:hover {
  background-color: #eb4e3d !important;
}
.pop-delete-not-checked {
  background: #9e77ed2b;
  border-radius: 8px;
  width: 8rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop-delete-not-checked .p-element {
  border: 1px solid transparent !important;
  color: #000;
}
.notify-message {
  color: #000;
}
.search-box-assignee {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
}
.no-results-assignee {
  padding: 6px;
  color: #888;
  text-align: center;
  font-size: 0.9em;
}
.save-button {
  position: relative;
  padding: 0.5rem 1rem;
}
.spinner {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: spin 0.8s linear infinite;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.approval-style {
  width: 100%;
  display: flex;
  font-family: Lato;
}
.approval-label {
  width: 45%;
  color: #666;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 400;
  font-family: Lato;
  line-height: normal;
  margin: 0.2rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.approval-label span {
  font-size: 15px;
}
.approval-label span .icon-class {
  height: 15px;
  width: 15px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.approval-owner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  margin: 0.3rem 0;
}
.recjection-reason {
  width: 45%;
  color: #666;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 400;
  font-family: Lato;
  line-height: normal;
  margin: 0.2rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.approval-textarea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  max-height: 400px;
  overflow-y: auto;
}
.p-dialog-mask-deliverable-expanded {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center !important;
  align-items: center;
}
.p-dialog-mask-deliverable-expanded .p-dialog-deliverable-expanded {
  width: 70vw !important;
  height: 90vh !important;
  max-height: 90vh !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: end !important;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-header {
  display: none;
  background-color: #393e46 !important;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content {
  overflow: hidden !important;
  background-color: transparent !important;
  padding: 0;
  width: 100%;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-table {
  overflow-y: auto;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg {
  position: relative;
  background: #fff;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #000;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg.no-header
  .my-pop-content {
  margin-top: 0;
  padding: 0;
  overflow: hidden;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .my-pop-header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 3rem;
  background-color: #bdbcbc09;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .my-pop-content {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 1rem;
  height: 100%;
  overflow: auto;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .my-pop-content
  .scroll-y {
  overflow-y: auto;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .my-pop-footer {
  background-color: #bdbcbc09;
  padding: 0.5rem 1rem;
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: 0;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  min-height: 3rem;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .left-wrapper {
  display: flex;
  justify-content: flex-start;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .right-wrapper {
  display: flex;
  justify-content: flex-end;
}
.p-dialog-mask-deliverable-expanded
  .p-dialog-deliverable-expanded
  .p-dialog-content
  .my-pop-dlg
  .ui-pop-dlg-header
  .center-wrapper
  .p-message {
  border: none !important;
  margin: 0;
}
.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.collapse,
.expand {
  display: flex;
  gap: 0.5rem;
  border-radius: 8px;
  border: 1px solid #7066ff;
  box-shadow: 0 1px 2px #1018280d;
  padding: 0.5rem;
}
.collapse .collapse-image,
.expand .collapse-image {
  width: 25px;
  height: 25px;
}
.collapse .expand-image,
.expand .expand-image {
  width: 20px;
  height: 20px;
}
.collapse span,
.expand span {
  color: #7066ff;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.log-time-task-container {
  cursor: pointer;
  display: flex;
}
.log-time-task-container .log-time-task-label {
  width: 19%;
  display: flex;
  align-items: center;
  color: #666;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 400;
  font-family: Lato;
  line-height: normal;
}
.log-time-task-container .log-time-task-label-input {
  width: 100%;
}
.log-time-task-container .log-time-task-label-input .des-input {
  width: 44%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
}
.des-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  margin: 0.3rem 0;
}
.import-export-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
.column-picker-grid {
  display: flex;
  gap: 1rem;
}
.column-picker-col {
  flex: 1;
}
.column-picker-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.column-picker-card-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.25rem;
}
.column-picker-btn {
  font-size: 0.875rem;
}
.column-picker-lines {
  display: flex;
  flex-direction: column;
}
.column-picker-line {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  transition: background-color 0.2s;
}
.column-picker-line-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.column-picker-line.even-row {
  background-color: #f9f9f9;
}
.column-picker-line.odd-row {
  background-color: #fff;
}
.column-picker-line:hover {
  background-color: #e6f7ff;
}
.column-picker-header {
  font-size: 0.875rem;
  color: #333;
}
.column-picker-id {
  color: #888;
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
.ml-1 {
  margin-left: 0.5rem;
}
.no-table {
  background: #f9f9f9;
  width: 100%;
  height: 70vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.no-table p {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.no-table button {
  color: #7066ff !important;
  padding: 6px 16px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  border: 1px solid #7066ff !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  background: transparent !important;
}
.p-inputtext {
  border-bottom: 1px solid #c8c7cc !important;
  border-left: 1px solid #c8c7cc;
  border-right: 1px solid #c8c7cc;
  border-top: 1px solid #c8c7cc;
}
.p-inputtext:focus {
  border: 1px solid #00a9ff !important;
  outline: none;
  box-shadow: 0 0 4px #00a9ff;
}
.p-inputgroup-addon {
  border-bottom: 1px solid #c8c7cc;
  border-right: 1px solid #c8c7cc !important;
  border-top: 1px solid #c8c7cc;
}
.showBlurToTabs {
  filter: blur(4px);
  pointer-events: none;
}
.relative {
  position: relative;
}
.blur-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
  background-color: #fff9;
  z-index: 10;
}
.overlay-message {
  text-align: center;
  background: #ffffffd9;
  padding: 1rem 2rem;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  box-shadow: 0 2px 8px #00000026;
}
.recurring-inputs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 70%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  margin: 0.3rem 0;
}
.recurring-inputs input {
  border-radius: 8px;
  border: 1px solid var(--Neutral-New-100, #dbe2eb);
  background: var(--Base-White, #fff);
  cursor: pointer;
  width: 100%;
  border: transparent;
}
.date-range-selector input {
  color: #fff;
  padding: 0.3rem;
  border-radius: 8px;
  border: 1px solid #7066ff;
  background: #7066ff;
  box-shadow: 0 1px 2px #1018280d;
  cursor: pointer;
  outline: none;
}
.date-range-selector input::placeholder {
  color: #fff;
}
.date-range-selector input::-webkit-calendar-picker-indicator {
  filter: brightness(0) invert(1);
  cursor: pointer;
}
.date-range-selector label {
  padding: 0 0.5rem;
}
.home-left .home-user-name {
  color: #000;
  font-family: Lato;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}
.home-left p {
  color: #777;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 1px;
}
.p-dialog-mask-feedback-centered {
  background: #0009 !important;
}
.p-dialog-mask-feedback-centered .p-dialog-feedback-centered {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 40% !important;
  height: 90vh !important;
}
.feedback-container {
  padding: 10px;
  width: 100%;
}
.feedback-container h2 {
  color: #000;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.feedback-container p {
  color: #666;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section {
  margin-bottom: 20px;
}
.section h4 {
  color: #000;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.section .checkbox {
  border-radius: 4px;
  background: #d8d8d830;
  width: 100%;
  padding: 0.5rem 0;
  margin: 0.5rem 0;
}
.section .checkbox input {
  color: #333;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.stars-row span {
  font-size: 28px;
  cursor: pointer;
  color: #ccc;
}
.stars-row span.active {
  color: #f5b301;
}
.rating-text {
  margin: 0;
  color: #22a570 !important;
  font-family: Lato, sans-serif;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal;
}
.number-rating {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.number-rating span {
  border: 1px solid #ccc;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 6px;
}
.number-rating span.selectedNum {
  background: #6c63ff;
  color: #fff;
}
.ease-labels {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: gray;
}
textarea {
  width: 100%;
  max-width: 100%;
  min-height: 70px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #ccc;
}
.btn-submit {
  background: #6c63ff;
  color: #fff;
  border: none;
  padding: 10px 26px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: end;
}
.ease-text {
  margin-top: 6px;
  font-size: 13px;
  color: #6c63ff;
  font-weight: 600;
}
.number-rating span {
  position: relative;
}
.number-rating span:hover:after {
  content: attr(data-tip);
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translate(-50%);
  background: #333;
  color: #fff;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 6px;
  white-space: nowrap;
}
.share-options {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 1rem;
}
.share-title {
  margin: 0.5rem;
  color: #333;
  font-family: Lato, sans-serif;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
}
.radio-option {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.section-label {
  color: #000;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.access-box {
  background: #fff;
  border: 1px solid #dce3ff;
  border-radius: 10px;
  padding: 18px;
  margin-top: 10px;
}
.access-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  border-radius: 10px;
  background: #f2f2f2;
  margin-bottom: 12px;
}
.access-info {
  color: #555;
  font-size: 15px;
}
.access-btn {
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid #7066ff;
  box-shadow: 0 1px 2px #1018280d;
  cursor: pointer;
  font-weight: 600;
  color: #7066ff;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: 0.3s ease-in-out;
}
.access-btn:hover {
  background: #7066ff;
  color: #fff;
}
.access-btn.disabled,
.access-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.p-dialog-mask:has(.force-password-dialog) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.p-dialog.force-password-dialog {
  background: #fff !important;
  color: #000 !important;
  border-radius: 12px;
}
.p-dialog.force-password-dialog .p-dialog-header {
  display: none !important;
}
.p-dialog.force-password-dialog .p-dialog-content {
  padding: 0 !important;
  background: #fff !important;
  color: #000 !important;
  border-radius: 12px;
}
.p-dialog.force-password-dialog .fp-wrapper {
  background: #fff !important;
  border-radius: 12px;
  padding: 24px 22px 22px;
  box-shadow: 0 20px 45px #00000073;
  color: #000;
}
.p-dialog.force-password-dialog .dialog-header {
  text-align: center;
  margin-bottom: 20px;
}
.p-dialog.force-password-dialog .dialog-body {
  display: flex;
  flex-direction: column;
}
.p-dialog.force-password-dialog .field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.p-dialog.force-password-dialog h2 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.p-dialog.force-password-dialog p {
  font-size: 13px;
  color: #374151;
}
.p-dialog.force-password-dialog label {
  font-size: 12px;
  color: #6b7280;
}
.p-dialog.force-password-dialog input.p-inputtext {
  height: 36px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
  width: 100%;
  padding: 0 10px;
  font-size: 13px;
}
.p-dialog.force-password-dialog .continue-btn {
  margin-top: 10px;
  height: 38px;
  border-radius: 8px;
  width: 100%;
  background: #1d06a5;
  color: #fff;
}
.refresh-btn-div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
}
.refresh-btn-div .new-design-btn {
  color: #7066ff;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 8px;
  border: 1px solid #7066ff;
  box-shadow: 0 1px 2px #1018280d;
}
.refresh-btn-div .new-design-btn:hover {
  background-color: #7066ff !important;
  color: #fff;
}
.hide-section-toolbar {
  display: none;
}
.global-overlay {
  position: fixed;
  inset: 0;
  background: #00000026;
  z-index: 9998;
}
.text-title {
  font-size: 16px;
  font-family: Lato;
  color: #676767;
  font-weight: 400;
}
.custom-text-tooltip .p-tooltip-text {
  background-color: #d9d6b8 !important;
  color: #000 !important;
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 6px;
  max-width: 240px;
  white-space: normal;
  word-break: break-word;
  box-shadow: 0 4px 10px #00000026;
}
.move-dialog .p-dialog-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.move-dialog .p-dialog-header {
  border-bottom: 1px solid #d9d9d9;
}
.custom-dialog-header {
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.move-text {
  font-size: 24px;
  font-weight: 600;
}
.custom-close {
  background: none;
  border: none;
}
.text-over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.logo-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo-img {
  max-width: 180px;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.p-tieredmenu {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #e5e7eb !important;
}
.p-tieredmenu .p-submenu-list {
  background: #fff !important;
}
.p-tieredmenu .p-menuitem-link {
  background: #fff !important;
  color: #000 !important;
}
.p-tieredmenu .p-menuitem-text {
  color: #000 !important;
}
.p-tieredmenu .p-menuitem-link:hover {
  background: #f3f4f6 !important;
  color: #000 !important;
}
.p-tieredmenu .p-menuitem-link:focus {
  background: #f3f4f6 !important;
}
.p-tieredmenu .p-submenu-icon {
  display: inline-block !important;
  color: #000 !important;
  font-size: 14px !important;
  margin-left: auto !important;
}
.p-tieredmenu .p-menuitem-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.popup-pro-list {
  border: 1px solid #d8d8d8;
  border-radius: 16px;
}
.popup-pro-list .p-overlaypanel-content {
  height: 21rem !important;
}
.popup-note-pamel .p-overlaypanel-content,
.popup-subitem-pamel .p-overlaypanel-content {
  height: 24rem !important;
}
.desc-container .des-textarea {
  height: 10rem;
}
.p-tooltip .p-tooltip-text {
  max-width: 260px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  white-space: normal !important;
  word-break: break-word !important;
}
.no-results {
  text-align: center;
  padding: 60px 20px;
  color: #475569;
}
.no-results-icon {
  font-size: 48px;
  margin-bottom: 12px;
}
.no-results h3 {
  font-size: 20px;
  margin-bottom: 6px;
  color: #1e293b;
}
.no-results p {
  font-size: 14px;
  margin-bottom: 16px;
}
.text-break {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 200px;
}
.custom-icon-padding {
  padding: 5px 10px;
}
.view-btn,
.customize-btn {
  font-family: Lato;
  font-weight: 600;
  font-size: 14px;
}
.delete-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
}
.approval-status-select {
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  justify-content: space-between;
  padding: 0.5rem;
}
.info-container {
  padding: 5px;
  background-color: #fff;
}
.info-container .info-text {
  color: #036ae3;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 0;
}
.d-space {
  display: flex;
  justify-content: space-between;
}
.d-end {
  position: relative;
  display: inline-flex;
}
.primary-btn {
  border-radius: 8px;
  border: 1px solid #7066ff;
  box-shadow: 0 1px 2px #1018280d;
  color: #7066ff;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background-color: transparent;
  white-space: nowrap;
  padding: 6px 16px !important;
}
.tabs-box {
  width: 100%;
  height: 46px;
  background: #fff;
  display: flex;
  align-items: center;
  padding-left: 22px;
  box-sizing: border-box;
  border-radius: 8px 8px 0 0;
  margin-bottom: 10px;
}
.tabs-badge {
  border: none;
  background: transparent;
  padding: 6px 16px;
  margin: 10px;
  border-radius: 999px;
  color: #17232d66;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.tabs-badge.active {
  border-radius: 16px;
  color: #036ae3;
  background: #036ae317;
}
.kanban-text-item {
  color: #8a8a8f;
  font-size: 16px;
  font-weight: 400;
}
.kanban-text-status {
  background: #ff61ad1a;
  border-radius: 16px;
  color: #ff61ad;
  width: 116px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.kanban-text-sprint-status {
  border-radius: 16px;
  width: 116px;
  text-align: center;
  display: flex;
  justify-content: center;
  background: #036ae31a;
  color: #036ae3;
}
.title-section {
  flex: 1;
  min-width: 0;
}
.actions-section {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.save-button {
  white-space: nowrap;
}
.kanban-board-btn {
  justify-content: space-between;
  margin: 15px 0;
}
.vote-box {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 6px 8px;
  background: #1cc96d;
  border-radius: 4px;
  width: 90px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.count-box {
  display: flex;
  align-items: center;
  gap: 0px;
  background: #fff;
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  width: 31px;
}
.task-title-break {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 225px;
}
.header-status-badge {
  padding: 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 20px;
  width: 78px;
  height: 22px;
  font-size: 12px;
  background: #1cc96d57;
}
.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.popup-user-circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.status-text {
  font-size: 12px;
  font-weight: 600;
  font-family: Lato;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.notif-item {
  padding: 10px;
  border-bottom: 1px solid #ececec;
  cursor: pointer;
}
.notif-item:hover {
  background: #f5f5f5;
}
.notif-title {
  font-weight: 600;
  font-size: 13px;
}
.notif-message {
  font-size: 12px;
  margin-top: 4px;
}
.notif-meta {
  font-size: 11px;
  opacity: 0.7;
  margin-top: 4px;
}
.notif-assigned {
  font-size: 12px;
  margin-top: 4px;
}
.notif-assigned span {
  font-weight: 600;
  font-family: Lato;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.popup-notif-panel {
  width: 650px;
}
.o-header {
  position: relative;
  text-align: center;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.o-title {
  font-size: 28px;
  font-weight: 600;
  color: #3b82f6;
}
.pill-inline.red {
  position: absolute;
  right: 20px;
  top: 5px;
}
.o-content {
  max-height: 450px;
  overflow-y: auto;
}
.notif-actions-top {
  text-align: right;
  padding: 15px 20px;
}
.mark-all-link {
  color: #3b82f6;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.notif-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-top: 1px solid #ececec;
}
.notif-avatar {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 50%;
  background: #e5e7eb;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: #666;
}
.notif-body {
  flex: 1;
}
.notif-message {
  font-size: 14px;
  color: #222;
  line-height: 1.4;
}
.notif-sub {
  margin-top: 4px;
  font-size: 13px;
  color: #888;
}
.notif-actions {
  display: flex;
  gap: 18px;
  align-items: center;
}
.notif-link {
  color: #3b82f6;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.notif-link:hover {
  text-decoration: underline;
}
.o-footer {
  border-top: 1px solid #e5e5e5;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
}
.popup-new .o-content {
  padding-top: 0;
}
.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.text-black {
  color: #000 !important;
  background: #eaedf0 !important;
  border: 1px solid #e5eaf2;
  border-radius: 4px;
}
.project-btn,
.project-btn .p-button.p-button-outlined {
  border-radius: 4px;
  background: #f3f4f6 !important;
  border: 1px solid #e5eaf2 !important;
  color: #000 !important;
}
.project-btn .p-button {
  border: 1px solid #e5eaf2 !important;
}
.custom-focus-btn,
.custom-focus-btn .p-button.p-button-primary {
  border-radius: 8px;
  background: #7066ff;
  color: #fff !important;
}
.project-foot {
  padding: 0.3rem 1rem !important;
  border-top: 1px solid #e9ecef;
}
.project-pop-title {
  font-family: Lato;
  font-weight: 500;
  color: #666;
  font-size: 14px;
}
.custom-pad {
  padding-top: 0.5rem !important;
}
.status-foot {
  padding: 0.3rem 1rem !important;
  border-top: 1px solid #e9ecef;
}
.block-cen {
  display: flex;
  align-items: center;
}
.inside-status-dot {
  border-radius: 50%;
  position: fixed;
  width: 6px;
  height: 6px;
}
.circle-inside {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.text-cl {
  color: #666 !important;
}
.pop-h {
  min-height: 200px !important;
}
.popup-user-info-header .p-overlaypanel-content {
  border: 1px solid rgba(195, 198, 206, 0.1490196078);
  border-radius: 8px;
  width: 410px;
  position: relative;
  right: 0;
  height: 300px;
  padding: 0 !important;
}
.collapse-btn {
  height: 30px;
  border: none;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chevron {
  width: 10px;
  height: 10px;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  transform: rotate(45deg) translateY(-2px);
}
.g-10 {
  gap: 10px;
}
.basic-badge {
  align-items: center;
  display: flex;
  justify-content: center;
  position: fixed;
  right: 65px;
  width: 63px;
  height: 23px;
  border-radius: 9999px;
  font-size: 10px;
  margin: 25px;
  font-weight: 700;
}
.basic-role {
  color: #4f46e5;
  background: #4f46e51a;
}
.premium-role {
  color: #ff9500;
  background: #ff950024;
}
.custom-menu {
  background: #f0f4f8 !important;
  height: 136px;
  padding: 10px 15px;
  margin: 5px 0;
}
.custom-menu .text-inner {
  color: #94a3b8;
  font-size: 12px;
  margin: 8px 5px;
  font-weight: 900;
  font-family: Lato;
}
.no-bgColor {
  background: none !important;
}
.logout-t {
  align-items: center;
  margin: 22px 30px;
  gap: 10px;
  justify-content: center;
  display: flex;
  color: #ba1a1a;
  background: #e4e9ed;
  padding: 10px;
}
.active-dot {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: 2;
}
.popup-tip-panel .tip-header {
  border-bottom: 1px solid #e9ecef;
  font-size: 16px !important;
  font-weight: 600;
  justify-content: flex-start !important;
}
.popup-tip-panel .o-header {
  border-bottom: 1px solid #e9ecef !important;
}
.kbd-color {
  color: #036ae3 !important;
  font-size: 14px;
  font-weight: 600;
}
.custom-tip-t {
  color: #666;
  font-size: 14px;
  font-weight: 500;
}
.custom-btn {
  border: 1px solid #e5eaf2;
  background: #f3f4f6;
  border-radius: 8px;
}
.custom-slide-w {
  width: 600px !important;
  height: 494px !important;
}
.d-flex {
  display: flex;
}
:host ::ng-deep .country-dropdown .p-dropdown {
  border: 1px solid #dce2f7;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-slide-img {
  padding: 15px 15px 0;
  max-height: 98vh;
  width: 100%;
  max-width: 100vh;
}
.login-title {
  font-size: 40px;
  font-weight: 700;
  text-align: left;
}
.login-sub {
  font-size: 23px;
  text-align: left;
  font-weight: 300;
  color: #000;
  margin-bottom: 1.5rem;
}
.logo-wrapper-cls {
  display: flex;
  justify-content: flex-start;
}
.custom-input-cls {
  padding: 10px !important;
  width: 555px !important;
  display: flex;
  position: absolute;
  height: 40px;
}
.custom-pwd-cls {
  width: 555px !important;
  position: absolute;
}
.c-margin {
  margin: 40px 0 5px !important;
}
.login-options {
  display: flex;
  align-items: center;
  margin: 22px 0;
  font-size: 14px;
  gap: 58%;
  width: 555px;
}
.remember-me {
  display: flex;
  align-items: center;
  gap: 8px;
}
.remember-me input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #6759ff;
}
.remember-me label {
  color: #464554;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 500;
  font-size: 14px;
}
.forgot-link {
  color: #003ea8;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s;
  font-size: 14px;
}
.forgot-link:hover {
  text-decoration: underline;
}
.login-btn {
  width: 100%;
  height: 58px;
  border: none;
  border-radius: 12px;
  background: #7066ff !important;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
}
.login-btn i {
  font-size: 18px;
}
.divider {
  display: flex;
  align-items: center;
  margin: 32px 0;
}
.divider span {
  flex: 1;
  height: 1px;
  background: #d9d9e8;
}
.divider p {
  margin: 0 18px;
  color: #8a8fa3;
  font-size: 15px;
  font-weight: 500;
}
.google-btn {
  width: 100%;
  height: 60px;
  border: 1px solid #d7d9e7;
  border-radius: 12px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
  color: #222;
  transition: 0.3s;
}
.google-btn:hover {
  border-color: #6759ff;
  box-shadow: 0 5px 20px #6759ff14;
}
.google-btn img {
  width: 22px;
  height: 22px;
}
.signup-text {
  margin-top: 35px;
  text-align: center;
  color: #666;
  font-size: 16px;
}
.signup-text a {
  color: #003ea8;
  text-decoration: none;
  font-weight: 600;
}
.signup-text a:hover {
  text-decoration: underline;
}
.login-footer {
  margin-top: 45px;
  display: flex;
  justify-content: center;
  gap: 35px;
  font-size: 14px;
}
.login-footer a {
  color: #777586;
  text-decoration: none;
}
.login-footer a:hover {
  color: #6558f5;
}
@media (max-width: 768px) {
  .login-options {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .login-btn,
  .google-btn {
    height: 54px;
    font-size: 16px;
  }
  .signup-text {
    font-size: 15px;
  }
  .login-footer {
    gap: 20px;
    flex-wrap: wrap;
    font-size: 13px;
  }
}
.signup-section {
  margin-top: 40px;
  text-align: center;
  font-size: 16px;
  color: #5f6472;
  font-weight: 400;
}
.signup-section a {
  margin-left: 4px;
  color: #003ea8;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}
.signup-section a:hover {
  color: #2563eb;
  text-decoration: underline;
}
.login-footer {
  margin-top: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 36px;
  flex-wrap: wrap;
}
.login-footer a {
  font-size: 14px;
  color: #6b7280;
  text-decoration: none;
  font-weight: 400;
  transition: color 0.3s ease;
}
.login-footer a:hover {
  color: #4f46e5;
}
@media (max-width: 768px) {
  .signup-section {
    font-size: 15px;
  }
  .login-footer {
    gap: 20px;
    margin-top: 28px;
  }
  .login-footer a {
    font-size: 13px;
  }
}
.my-card.p-card-body {
  padding: 0 !important;
}
.forgot-pwd-wrapper {
  width: 100%;
  padding: 0rem 2rem;
}
.forgot-pwd-title {
  margin-top: 24px;
  margin-bottom: 14px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  color: #111827;
  text-transform: capitalize;
}
.forgot-pwd-subtitle {
  max-width: 560px;
  margin-bottom: 42px;
  color: #000;
  font-size: 23px;
  line-height: 34px;
  font-weight: 300;
}
.forgot-pwd-form {
  margin-bottom: 34px;
}
.forgot-pwd-back {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 38px;
  color: #4b4bd4 !important;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s;
}
.forgot-pwd-back:hover {
  color: #4a49ea;
}
.forgot-pwd-back i {
  font-size: 16px;
}
.forgot-pwd-label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #232323;
}
.forgot-pwd-input-wrapper {
  display: flex;
  align-items: center;
  height: 58px;
  border: 1px solid #c7c4d7;
  border-radius: 8px;
  background: #f9f9ff;
  padding: 0 18px;
  transition: 0.25s;
}
.forgot-pwd-icon {
  font-size: 18px;
  color: #777586;
}
.forgot-pwd-input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  margin-left: 14px;
  font-size: 16px;
  color: #6b7280 !important;
  border-bottom: none !important;
}
.forgot-pwd-input::placeholder {
  color: #9ca3af;
}
.verify-email-wrapper {
  width: 100%;
  padding: 0rem 2rem;
}
.verify-email-title {
  margin-top: 28px;
  margin-bottom: 14px;
  font-size: 40px;
  font-weight: 700;
  color: #111827;
  text-transform: capitalize;
}
.verify-email-subtitle {
  max-width: 560px;
  margin-bottom: 42px;
  color: #000;
  font-size: 23px;
  line-height: 34px;
}
.verify-email-subtitle strong {
  color: #111827;
  font-weight: 700;
}
.verify-email-otp {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 26px;
}
.verify-email-box {
  width: 72px;
  height: 72px;
  border: 1px solid #c7c4d7;
  border-radius: 10px;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  outline: none;
  transition: 0.25s;
}
.verify-email-box:focus {
  border-color: #7066ff;
}
.verify-email-timer {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #5c5f62;
  margin-bottom: 32px;
  font-size: 14px;
}
.verify-email-timer span {
  color: #ba1a1a;
  font-weight: 600;
}
.verify-email-resend {
  margin-top: 28px;
  text-align: center;
  color: #5c5f62;
  font-size: 14px;
}
.verify-email-resend a {
  margin-left: 6px;
  color: #4b4bd4;
  cursor: pointer;
  font-weight: 600;
}
.verify-email-resend a.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.verify-email-back {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 90px;
  text-decoration: none;
  color: #1a0cab;
  font-size: 14px;
  font-weight: 500;
}
.reset-password-wrapper {
  width: 100%;
  padding: 0rem 2rem;
}
.reset-password-title {
  margin-top: 28px;
  margin-bottom: 14px;
  font-size: 40px;
  font-weight: 700;
  color: #000;
  text-transform: capitalize;
}
.reset-password-subtitle {
  margin-bottom: 42px;
  color: #000;
  font-size: 23px;
  line-height: 34px;
  font-weight: 300;
}
.reset-password-form-group {
  margin-bottom: 28px;
}
.reset-password-label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #141b2b;
  letter-spacing: 0.5px;
}
.reset-password-input-wrapper {
  height: 60px;
  display: flex;
  align-items: center;
  border: 1px solid #c7c4d7;
  border-radius: 8px;
  background: #f9f9ff;
  padding: 0 18px;
  transition: 0.25s;
  width: 546px;
}
.reset-password-input-wrapper:focus-within {
  border-color: #7066ff;
}
.reset-password-input {
  flex: 1;
  border: none !important;
  outline: none;
  font-size: 16px;
  border-bottom: none !important;
  border-radius: 8px;
  background: none;
}
.reset-password-input::placeholder {
  color: #6b7280;
}
.reset-password-input-wrapper i {
  cursor: pointer;
  color: #6b7280;
  font-size: 16px;
}
.reset-password-back {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 70px;
  text-decoration: none;
  color: #0b0075;
  font-size: 14px;
  font-weight: 500;
}
.reset-password-back:hover {
  text-decoration: underline;
}
.pwd-success-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0rem 4rem;
}
.pwd-success-icon-bg {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: #f1f3ff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 70px 0 40px;
}
.pwd-success-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #0b0075;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pwd-success-icon i {
  color: #fff;
  font-size: 30px;
}
.pwd-success-title {
  font-size: 32px;
  font-weight: 800;
  color: #000;
  margin-bottom: 20px;
}
.pwd-success-subtitle {
  max-width: 520px;
  font-weight: 400;
  color: #000;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 48px;
}
.pwd-success-wrapper .login-btn {
  width: 100%;
  max-width: 560px;
}
.pwd-success-back {
  margin-top: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #0b0075;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
.pwd-success-back:hover {
  text-decoration: underline;
}
.display-cen {
  justify-content: center !important;
}
:host ::ng-deep .forgot-pwd-input-wrapper.p-inputtext:focus {
  border: none !important;
}
.otp-error-msg {
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: Lato;
}
.login-error-msg {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 30px 0;
  padding: 16px 18px;
  background: #fef2f2;
  border: 1px solid #fee2e2;
  border-radius: 8px;
  color: #dc2626;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.login-error-msg i {
  font-size: 20px;
  color: #ef4444;
  flex-shrink: 0;
}
.login-error-msg span {
  color: #dc2626;
}
.verify-email-resend a.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.mb-10 {
  margin-bottom: 10px;
}
.upgrade-plan {
  color: #5044d5;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Manrope;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.upgrade-plan:hover {
  opacity: 0.8;
}
.upgrade-divider {
  width: 1px;
  height: 32px;
  background: #c8c4d74d;
  margin-right: 10px;
  align-self: auto;
}
.custom-datepicker {
  border-radius: 12px !important;
  border: 1px solid #d6dbe6 !important;
  box-shadow: 0 12px 32px #0f172a1f;
  background: #fff !important;
  color: #111827 !important;
}
.custom-datepicker .p-datepicker-header {
  background: #fff !important;
  color: #111827 !important;
  border-bottom: 1px solid #e5e7eb;
}
.custom-datepicker .p-datepicker-calendar td > span {
  border-radius: 8px;
}
.custom-datepicker .p-highlight {
  background-color: #6366f1 !important;
  color: #fff !important;
}
.custom-datepicker .p-datepicker .p-datepicker-header .p-datepicker-prev,
.custom-datepicker .p-datepicker .p-datepicker-header .p-datepicker-next,
.custom-datepicker
  .p-datepicker
  .p-datepicker-header
  .p-datepicker-title
  .p-datepicker-month,
.custom-datepicker
  .p-datepicker
  .p-datepicker-header
  .p-datepicker-title
  .p-datepicker-year {
  background-color: #fff !important;
  color: #111827 !important;
}
.empty-state {
  text-align: center;
  max-width: 320px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.empty-state h3 {
  margin: 0 0 12px;
  color: #000;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0;
}
.empty-state p {
  margin: 0;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}
.project-empty {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body {
  padding: 0;
  margin: 0;
  font-family: Roboto;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: normal;
  background-color: #222831;
}
.layout-blank {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.full-bg {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.full-bg.bg1 {
  background-image: url(/assets/bg/bg1.jpg);
}
.full-bg.bg2 {
  background-image: url(/assets/bg/bg2.jpg);
}
.full-bg.bg3 {
  background-image: "assets/bg/bg3.jpg";
}
.bg-login {
  background-image: url(/assets/bg/bg-blue.png);
  background-size: cover;
  width: 100%;
  background-position: bottom;
  min-height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 10% !important;
  flex: 0 0 60%;
  max-width: 1000px;
  flex-direction: column;
  opacity: 0.7;
}
.i-mat {
  font-family: Material Symbols Outlined;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
.i-mat.sz-1 {
  font-size: 1rem;
}
.i-mat.sz-2 {
  font-size: 1.5rem;
}
.i-mat.sz-3 {
  font-size: 2rem;
}
.i-mat.sz-4 {
  font-size: 2.5rem;
}
.i-mat.sz-5 {
  font-size: 3rem;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::placeholder {
  color: #c6c5c5;
  opacity: 0.4;
}
::-ms-input-placeholder {
  color: #c6c5c5;
}
.my-card {
  background-color: #393e4680;
}
.ui-table-header {
  background-color: #fff;
}
.td-avatar {
  border: 1px solid white;
}
.initials {
  color: #fff !important;
}
.descr,
.note-wrapper .note-blurred .note .note-descr,
.note-wrapper .note-blurred .note .note-descr p {
  color: #aaa !important;
}
.ql-mention-list-container {
  background-color: #393e46 !important;
}
.ql-mention-list-container .ql-mention-list-item {
  padding: 0.25rem 0.5rem !important;
  line-height: 1rem !important;
}
.td-sub-items {
  background-color: #000;
}
.td-sub-items:hover {
  background-color: #00a9ff;
  color: #fff;
}
.ql-editor.ql-blank:before {
  color: #fff !important;
}
.p-button {
  border: 1px solid #7066ff;
  display: block;
}
.p-button:enabled:hover {
  border-color: #0076b3;
  background-color: #0087cc;
  color: #fff;
}
.p-button.p-button-outlined {
  background-color: transparent;
  color: #00a9ff;
  border: 1px solid #00a9ff;
}
.p-button.p-button-outlined:enabled:hover {
  background-color: #00a9ff;
  border-color: #0076b3;
  color: #fff;
}
.p-button.p-button-text {
  background-color: transparent;
  color: #00a9ff;
  border: none !important;
}
.p-button.p-button-text:enabled:hover {
  color: #0076b3;
}
.p-button-danger {
  border: 1px solid white;
  background-color: #fc295e;
  border-color: #fc104b;
  color: #fff;
  display: block;
}
.p-button-danger:enabled:hover {
  border-color: #d60338;
  background-color: #ef033e;
  color: #fff;
}
.p-button-danger.p-button-outlined {
  background-color: transparent;
  color: #fc295e;
  border: 1px solid #fc295e;
}
.p-button-danger.p-button-outlined:enabled:hover {
  background-color: #fc295e;
  border-color: #d60338;
  color: #fff;
}
.p-button-danger.p-button-text {
  background-color: transparent;
  color: #fc295e;
  border: none !important;
}
.p-button-danger.p-button-text:enabled:hover {
  color: #d60338;
}
.info-panel {
  background-color: #393e46;
  border-color: #555;
}
.dash-info {
  border-color: #555 !important;
}
.status-row:hover {
  color: #000;
}
.p-speeddial-item {
  background-color: #000;
  border-radius: 50%;
  box-shadow:
    0 2px 4px -1px #0003,
    0 4px 5px #00000024,
    0 1px 10px #0000001f;
}
.p-speeddial-item:hover {
  color: #000;
}
.user-icon .badge {
  border: 1px solid white;
}
kbd {
  background-color: #6ba3fe3b !important;
}
.col-txt-c-0 {
  color: #555 !important;
}