.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /*
/*rtl:begin:ignore*/
  left: 0;
} /*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /*
/*rtl:begin:ignore*/
  right: 0;
} /*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(/images/vendor/leaflet/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(/images/vendor/leaflet/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url(/images/vendor/leaflet/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
@charset "UTF-8";
/* --------------------- CORE ---------------------- */
/* ----------------------------- */
/* ---------- COLORS ----------- */
/* ----------------------------- */
/* ----------------------------- */
/* ------- BASE SETTINGS ------- */
/* ----------------------------- */
/* base setting */
/* links */
/* headings */
/* buttons */
/* forms */
/* tables */
/* breadcrumb */
/* nav */
/* tabs */
/* card */
/* modal */
/* popover */
/* dropdown */
/* list group */
/* progress bar */
/* ----- BOOTSTRAP ----- */
/* --------------------- CORE ---------------------- */
/* urls*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes downUp {
  0% {
    bottom: -2.8125rem;
  }
  50% {
    bottom: -3.4375rem;
  }
  100% {
    bottom: -2.8125rem;
  }
}
@keyframes kuk {
  0% {
    height: 0;
  }
  50% {
    height: 2%;
  }
  100% {
    height: 0;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes levitate {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes left {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(1.875rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(1.875rem);
  }
}
.bg-dark {
  background-color: var(--dark-bg) !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.bg-light-gray {
  background-color: var(--color-2) !important;
}

.bg-extra-light {
  background-color: var(--color-5);
}

.text-gray {
  color: var(--color-3) !important;
}

.text-l-success {
  color: #00FF67 !important;
}

[data-bs-theme=dark] .text-gray {
  color: #ddd !important;
}

/* ------------------- MIXINS ---------------------- */
.svg-cover {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.svg-cover svg {
  position: absolute;
  top: 0;
  left: 0;
}

/* -------------------- BASE ----------------------- */
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.container {
  margin: auto;
}
.container-xl {
  max-width: 93.75rem;
}

a {
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

img {
  max-width: 100%;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.lh-1-2 {
  line-height: 1.2;
}

.w-40 {
  width: 40%;
}

@media only screen and (min-width: 1200px) {
  .text-xl-nowrap {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 1800px) {
  .d-none-1800 {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .modal-xxl {
    max-width: 90%;
  }
}
@media only screen and (min-width: 992px) {
  .modal-xxl {
    max-width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .chart-container {
    position: relative;
    width: 85vw;
  }
}

code {
  padding: 0.625rem 0;
}

.mh-340 {
  padding-bottom: 4.375rem !important;
}
@media only screen and (min-width: 768px) {
  .mh-340 {
    padding-bottom: inherit !important;
    min-height: 21.25rem;
  }
}

@media only screen and (min-width: 576px) {
  .me-sm-n5 {
    margin-right: -3rem;
  }
}

.bi::before, [class^=bi-]::before,
[class*=" bi-"]::before {
  line-height: 1.5 !important;
}

@media only screen and (max-width: 1199px) {
  #front-chat-iframe {
    bottom: 5.625rem !important;
  }
}

h1 {
  font-weight: bold;
}
h1 > span {
  color: #777;
  font-size: 1.125rem;
  text-transform: lowercase;
}
h1 > span:before {
  content: "−";
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}

h2, .h2 {
  position: relative;
  margin-bottom: 1.5625rem;
}

.text-font-base {
  font-family: "Roboto", sans-serif;
}

.font-base {
  font-family: "Roboto", sans-serif;
}

.text-pink {
  color: #FF336C !important;
}

.text-gray {
  color: #777 !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.fs-21 {
  font-size: 1.3125rem !important;
}

.fs-24 {
  font-size: 1.5rem !important;
}

.fs-36 {
  font-size: 2.25rem !important;
}

.fs-48 {
  font-size: 3rem !important;
}

.fs-64 {
  font-size: 4rem !important;
}

.form-control,
.form-select {
  background-color: var(--input-bg);
  color: var(--bs-body-color);
  box-shadow: none;
}
.form-control:focus,
.form-select:focus {
  background-color: var(--input-bg);
  color: var(--bs-body-color);
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(28, 204, 91, 0.4);
}

.form-select {
  background-size: 1rem 1rem;
}

.form-label > small {
  font-size: 1rem;
  color: #FF595E;
}

.form-group.required label:not(:empty, .form-check-label):after {
  content: "*";
  color: #FF595E;
  margin-left: 0.3125rem;
}

label.required:not(:empty, .form-check-label):after {
  content: "*";
  color: #FF595E;
  margin-left: 0.3125rem;
}

.form-check {
  padding-left: 2rem;
}
.form-check .form-check-input {
  margin-left: -2rem;
  border-color: var(--color-6);
}
.form-check .form-check-input:focus {
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.125rem rgba(28, 204, 91, 0.4);
}
.form-check .form-check-input:checked {
  background-color: #1ccc5b;
  border-color: #1ccc5b;
}
.form-check .form-check-input:checked[type=radio] {
  background-size: 1.5em 1.5em;
  background-color: #fff;
}
.form-check-label {
  vertical-align: middle;
}
.form-check input,
.form-check label {
  cursor: pointer;
}

.form-switch {
  padding-left: 2rem;
}
.form-switch .form-check-input {
  margin-left: -2rem;
  width: 1.5rem;
  height: 1em;
  margin-top: 0.25rem;
}
.form-switch.align-text-top {
  position: relative;
  top: 0.125rem;
}

.form-group {
  margin-bottom: 1.5625rem;
}

@media only screen and (min-width: 576px) {
  .mt-form {
    margin-top: 2.875rem;
  }
}

.info-block .form-text {
  display: block;
}

.form-control:disabled, .form-control[readonly] {
  background-color: var(--white);
  border: 1px solid #ddd;
}

.invalid-feedback:not(:empty) {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  font-size: 0.75rem;
  background: #FF595E;
  display: inline-block;
  color: var(--white);
  padding: 0.0625rem 0.3125rem;
  border-radius: 4px !important;
  width: auto;
  max-width: 100%;
  font-family: "Roboto Mono", monospace;
}
.invalid-feedback:not(:empty):before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-bottom: 0.3125rem solid #FF595E;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  position: absolute;
  left: 0.75rem;
  top: -0.3125rem;
}

textarea.form-control + .invalid-feedback:not(:empty) {
  top: auto;
}

.trix-validation .invalid-feedback:not(:empty) {
  top: 93%;
}

.form-autocomplete {
  border: none;
  background-color: transparent;
  color: transparent;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: default !important;
  width: 1rem;
}
.form-autocomplete:-webkit-autofill {
  opacity: 0;
}

._radio-card {
  display: block;
  text-align: center;
  padding: 0.75rem 0.5rem;
  border: 2px solid #ddd;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s ease-out;
  color: var(--bs-body-color);
}
._radio-card:hover, ._radio-card:active, ._radio-card:focus {
  border-color: #1ccc5b;
}
._radio-card i {
  color: var(--color-1);
}

._radio-card-input:checked + ._radio-card {
  border-color: #1ccc5b;
  background-color: rgba(28, 204, 91, 0.05);
}
._radio-card-input:checked + ._radio-card i {
  color: #1ccc5b;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-color: var(--danger-light);
}

/* bg dark */
.bg-dark .form-control,
.bg-dark .form-select {
  color: #fff;
}
.bg-dark .form-control::placeholder,
.bg-dark .form-select::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

[data-bs-theme=dark] .form-check .form-check-input,
[data-bs-theme=dark] .form-check-input {
  --bs-form-check-bg: #546064;
}
[data-bs-theme=dark] .form-check .form-check-input:checked[type=radio],
[data-bs-theme=dark] .form-check-input:checked[type=radio] {
  background-color: transparent;
}
[data-bs-theme=dark] .form-switch .form-check-input {
  background-color: transparent;
}
[data-bs-theme=dark] .form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%231ccc5b%27/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .form-text {
  color: var(--bs-body-color);
}
[data-bs-theme=dark] input[type=file]::file-selector-button {
  background: var(--input-bg);
  color: var(--bs-body-color);
}
[data-bs-theme=dark] input[type=file]:hover, [data-bs-theme=dark] input[type=file]:active, [data-bs-theme=dark] input[type=file]:focus {
  background: var(--color-2);
}
[data-bs-theme=dark] .input-group-text {
  color: var(--bs-body-color);
  background-color: var(--input-bg);
}
[data-bs-theme=dark] .form-control:disabled, [data-bs-theme=dark] .form-control[readonly] {
  background-color: var(--color-2);
  border-color: rgb(27.323255814, 43.188372093, 48.476744186);
}

.btn {
  --bs-btn-active-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-active-bg: var(--bs-btn-bg);
  border: 1px solid var(--bs-btn-bg);
  box-shadow: none;
  color: #fff;
  font-weight: 500;
  transition: all 0.2s ease-out;
}
.btn:disabled, .btn.disabled {
  opacity: 0.4;
}
.btn:hover, .btn:active, .btn:focus {
  border-color: var(--bs-btn-bg);
  text-decoration: none;
}
.btn-primary:focus-visible {
  box-shadow: 0 0 0 3px #a4ebbd;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: rgb(20.581443299, 153.018556701, 67.1134020619);
}
.btn-secondary:focus-visible {
  box-shadow: 0 0 0 3px #b1cfe8;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: rgb(0, 122.4, 183.6);
}
.btn-primary-outline {
  border: 1px solid #17AB4B !important;
  color: #17AB4B !important;
  background-color: transparent !important;
}
.btn-primary-outline:focus-visible {
  box-shadow: 0 0 0 3px #e8faef;
}
.btn-primary-outline:hover, .btn-primary-outline:active, .btn-primary-outline:focus {
  background-color: var(--primary-light) !important;
}
.btn-secondary-outline {
  border: 1px solid #0088cc !important;
  color: #0088cc !important;
  background-color: transparent !important;
}
.btn-secondary-outline:focus-visible {
  box-shadow: 0 0 0 3px #CCE7F5;
}
.btn-secondary-outline:hover, .btn-secondary-outline:active, .btn-secondary-outline:focus {
  background-color: var(--secondary-lighter) !important;
}
.btn-warning {
  --bs-btn-active-color: $warning-extra-dark;
  --bs-btn-hover-color: $warning-extra-dark;
  color: #000;
}
.btn-warning:focus-visible {
  box-shadow: 0 0 0 3px #ffe599;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
  background-color: rgb(234.6, 175.72, 0);
  color: #000;
}
.btn-warning:disabled, .btn-warning.disabled {
  --bs-btn-disabled-color: #000;
}
.btn-warning-light {
  color: var(--dark-text);
  background-color: #FFF7D3;
  border-color: #EDD982;
}
.btn-warning-light:hover, .btn-warning-light:active, .btn-warning-light:focus {
  color: var(--dark-text);
  background-color: #FFF7D3;
  border-color: #EDD982;
}
.btn-warning-outline {
  border: 1px solid #FFBF00 !important;
  color: #8A6700 !important;
  background-color: transparent !important;
}
.btn-warning-outline:focus-visible {
  box-shadow: 0 0 0 3px #FFF7D3;
}
.btn-warning-outline:hover, .btn-warning-outline:active, .btn-warning-outline:focus {
  background-color: #FFF7D3 !important;
}
.btn-danger:focus-visible {
  box-shadow: 0 0 0 3px #f7c1c1;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background-color: rgb(255, 68.6, 74.2144578313);
}
.btn-danger-outline, .btn-outline-danger {
  color: #FF595E !important;
  border-color: #FF595E !important;
  background-color: var(--danger-light) !important;
}
.btn-danger-outline:hover, .btn-danger-outline:active, .btn-danger-outline:focus, .btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger:focus {
  color: #FF595E !important;
  border-color: #FF595E !important;
  background-color: color-mix(in srgb, var(--danger-light) 96%, white) !important;
}
.btn-danger-outline:disabled, .btn-danger-outline.disabled, .btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #FF595E !important;
  border-color: #FF595E !important;
  opacity: 0.4;
}
.btn-success:focus-visible {
  box-shadow: 0 0 0 3px #a4ebbd;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
  background-color: rgb(25.5379310345, 186.0620689655, 82.9982758621);
}
.btn-success-outline {
  border: 1px solid #1ccc5b !important;
  color: #1ccc5b !important;
  background-color: transparent !important;
}
.btn-success-outline:focus-visible {
  box-shadow: 0 0 0 3px #e8faef;
}
.btn-success-outline:hover, .btn-success-outline:active, .btn-success-outline:focus {
  background-color: #e8faef !important;
}
.btn-pink:focus-visible {
  box-shadow: 0 0 0 3px #f7b9c8;
}
.btn-pink:hover, .btn-pink:active, .btn-pink:focus {
  background-color: rgb(255, 30.6, 93.3);
}
.btn-pink-outline {
  border: 1px solid #FF336C !important;
  color: #FF336C !important;
  background-color: transparent !important;
}
.btn-pink-outline:focus-visible {
  box-shadow: 0 0 0 3px #fce4ec;
}
.btn-pink-outline:hover, .btn-pink-outline:active, .btn-pink-outline:focus {
  background-color: #fce4ec !important;
}
.btn-info:focus-visible {
  box-shadow: 0 0 0 3px #b1cfe8;
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
  background-color: rgb(0, 122.4, 183.6);
}
.btn-info-outline {
  border: 1px solid #0088cc !important;
  color: #0088cc !important;
  background-color: transparent !important;
}
.btn-info-outline:focus-visible {
  box-shadow: 0 0 0 3px #E9F6FE;
}
.btn-info-outline:hover, .btn-info-outline:active, .btn-info-outline:focus {
  background-color: #E9F6FE !important;
}
.btn-dark:focus-visible {
  box-shadow: 0 0 0 3px #d3d6d7;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
  background-color: rgb(23.6465116279, 37.376744186, 41.9534883721);
}
.btn-light, .btn-light.show {
  background-color: var(--white);
  color: var(--dark-text);
  border-color: var(--border);
  /*&:hover
  * box-shadow: 0 0 0 3px #a4ebbd*/
}
.btn-light:focus-visible, .btn-light:active, .btn-light.active, .btn-light.show:focus-visible, .btn-light.show:active, .btn-light.show.active {
  background-color: var(--white) !important;
  box-shadow: 0 0 0 3px #ddd !important;
  color: var(--dark-text) !important;
}
.btn-light:disabled, .btn-light.disabled, .btn-light.show:disabled, .btn-light.show.disabled {
  background-color: transparent;
  color: var(--dark-text);
  border-color: var(--border);
}
.btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light.show:hover, .btn-light.show:active, .btn-light.show:focus {
  border-color: var(--border);
  background-color: var(--color-2);
  color: var(--dark-text);
}
.btn-outline-light:active, .btn-outline-light:focus {
  color: var(--white) !important;
}
.btn-outline-light:focus-visible {
  color: var(--dark-text) !important;
}
.btn-outline-light.active {
  border-color: #00FF67 !important;
  color: #00FF67;
  background-color: rgba(0, 255, 103, 0.1);
}
.btn-outline-light.active:hover, .btn-outline-light.active:active, .btn-outline-light.active:focus {
  border-color: #00FF67 !important;
  color: #00FF67 !important;
  background-color: rgba(0, 255, 103, 0.1);
}
.btn-l-success {
  background-color: #00FF67;
  color: #1F3137;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
}
.btn-l-success:hover, .btn-l-success:active, .btn-l-success:focus {
  color: #1F3137;
  background-color: #fff;
  border-color: #fff;
  color: #1F3137;
}
.btn-custom {
  background-color: var(--custom-btn-bg) !important;
  border-color: #EDD982 !important;
  color: var(--body-color) !important;
  transition: all 0.2s ease-out;
}
.btn-custom:focus-visible, .btn-custom:active, .btn-custom.active {
  background-color: var(--custom-btn-bg) !important;
  box-shadow: 0 0 0 3px var(--warning-light-hover) !important;
  color: var(--body-color) !important;
  border-color: #EDD982 !important;
}
.btn-custom:hover, .btn-custom:active, .btn-custom:focus {
  background-color: var(--warning-light-hover) !important;
}
.btn-continue {
  color: var(--dark) !important;
  border-color: transparent !important;
}
.btn-continue:focus-visible {
  box-shadow: 0 0 0 3px #ddd;
}
.btn-continue:hover, .btn-continue:active, .btn-continue:focus {
  border-color: var(--border) !important;
}
.btn-link {
  color: #1F3137;
}
.btn-link:hover, .btn-link:active, .btn-link:focus {
  color: #1F3137;
}
.btn-badge {
  font-size: 0.75rem;
  border-radius: 0.25rem;
  padding: 0 0.3125rem;
  line-height: 1.5;
}
.btn-lg {
  font-size: 1.125rem;
}
.btn--full {
  width: 100%;
  display: block;
}
.btn.pulse-btn, .btn.pulse-btn:hover {
  animation: pulse 2s ease-in-out infinite;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  perspective: 1000px;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1) translateZ(0);
  }
  50% {
    transform: scale(1.015) translateZ(0);
  }
}
[data-bs-theme=dark] .btn-dark {
  background-color: #263F47;
}
[data-bs-theme=dark] .btn-dark:hover, [data-bs-theme=dark] .btn-dark:active, [data-bs-theme=dark] .btn-dark:focus {
  background-color: rgb(34.4440366972, 57.104587156, 64.3559633028);
}
[data-bs-theme=dark] .btn-warning-light {
  background-color: rgba(255, 191, 0, 0.2);
  border-color: transparent;
}
[data-bs-theme=dark] .btn-warning-light:hover, [data-bs-theme=dark] .btn-warning-light:active, [data-bs-theme=dark] .btn-warning-light:focus {
  background-color: rgba(255, 191, 0, 0.2);
  border-color: transparent;
}
[data-bs-theme=dark] .btn-custom {
  background-color: #332600 !important;
}
[data-bs-theme=dark] .btn-custom:hover, [data-bs-theme=dark] .btn-custom:active, [data-bs-theme=dark] .btn-custom:focus {
  background-color: rgb(61.2, 45.6, 0) !important;
}

.table--no-bg {
  background-color: transparent;
}
.table-sticky-head thead th {
  position: sticky;
  top: var(--sticky-header-top, 0);
  z-index: 2;
  background-color: var(--white);
  box-shadow: inset 0 -1px 0 var(--table-border-color);
}
.table-sticky-head td:has(> .p_folder) {
  position: sticky;
  top: var(--sticky-folder-top, 2.5rem);
  z-index: 1;
  background-color: var(--secondary-light);
}
@media only screen and (max-width: 767px) {
  .table-sticky-head td:has(> .p_folder) {
    position: static;
  }
  .table-sticky-head tr:has(.p_folder) {
    position: sticky;
    top: var(--sticky-folder-top-mobile, 0);
    z-index: 1;
    background-color: var(--secondary-light);
  }
}
.table th {
  border-bottom: 1px solid var(--table-border-color);
}
.table th,
.table td {
  padding: 0.5rem 0.75rem;
}
@media only screen and (min-width: 576px) {
  .table th,
  .table td {
    padding: 0.5rem 0.75rem;
  }
}
.table > :not(:first-child) {
  border-top: 0;
}
.table tfoot td {
  background-color: var(--success-light);
}

.table-responsive.table-sticky-head,
.table-responsive:has(.table-sticky-head) {
  overflow: visible;
}

@media only screen and (max-width: 575px) {
  .table-responsive {
    margin: -0.625rem;
  }
}
@media only screen and (max-width: 767px) {
  .table-responsive thead {
    display: none;
  }
  .table-responsive tbody {
    border: 1px solid #ddd !important;
  }
  .table-responsive tbody.border-0 {
    border: 0 !important;
  }
  .table-responsive tr,
  .table-responsive td {
    display: block;
    border: 0;
  }
  .table-responsive td.td-responsive-inline {
    display: inline-block;
    border: 0;
  }
  .table-responsive td {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
  }
  .table-responsive td small {
    color: #777;
  }
  .table-responsive tr {
    border-top: 0;
  }
  .table-responsive tr td:first-child {
    padding-top: 0.625rem;
  }
  .table-responsive tr td:last-child:not(.td-responsive-inline--last) {
    padding-bottom: 0.625rem;
  }
  .table-responsive .table-hover > tbody > tr:hover > td {
    box-shadow: none;
  }
}
@media only screen and (max-width: 575px) {
  .table-responsive:has(.stacked-table) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .stacked-table tbody {
    border: 0 !important;
  }
  .stacked-table tr {
    margin-bottom: 1rem;
    border: 1px solid #ddd;
  }
  .stacked-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    text-align: right;
    border-top: 1px solid #ddd;
  }
  .stacked-table td::before {
    content: attr(data-label);
    font-weight: 600;
    text-align: left;
    color: var(--color-1);
  }
  .stacked-table td.row-caption {
    justify-content: flex-start;
    font-weight: bold;
    background: var(--bs-tertiary-bg);
    border-top: 0;
  }
  .stacked-table td.row-caption::before {
    content: none;
  }
}

.c_table-header a {
  text-decoration: none;
  position: relative;
  padding-right: 1.5625rem;
  display: block;
}
.c_table-header a span:first-child {
  text-decoration: underline;
}
.c_table-header a span:first-child + span {
  position: absolute;
  right: 0;
  top: 0;
  color: #1F3137;
}
.c_table-header a:hover span, .c_table-header a:active span, .c_table-header a:focus span {
  text-decoration: none;
}

/* -------------------- VENDOR --------------------- */
.ace_editor {
  min-height: 48vh;
  font: 14px/normal "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
}

code {
  color: unset;
}

.choices {
  margin-bottom: 0;
  overflow: visible;
}
.choices.is-focused {
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(28, 204, 91, 0.4);
  border-radius: 0.25rem;
}
.choices--error {
  overflow: visible;
}
.choices--error .choices__inner {
  border-color: #FF595E !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23ff595e%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23ff595e%27 stroke=%27none%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 2.25rem center;
  background-size: 1.0625rem 1.0625rem;
  padding-right: 3.75rem !important;
}
.choices__inner {
  padding: 0.0625rem 0.5rem 0.0625rem !important;
  background-color: var(--input-bg) !important;
  border-radius: 0.25rem !important;
  min-height: 2.25rem !important;
  border: 1px solid var(--color-6) !important;
  font-size: 1rem !important;
}
.choices__input {
  background-color: var(--input-bg) !important;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 10px;
}
.choices__placeholder {
  opacity: 0.7;
  padding-right: 0.75rem;
}
.choices__autocomplete {
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  border: none;
  padding: 0;
  color: transparent;
  background-color: transparent;
}
.choices__autocomplete:-webkit-autofill {
  opacity: 0;
}
.choices__autocomplete:-webkit-autofill ~ .choices__inner {
  background-color: rgb(232, 240, 254) !important;
}
.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  border: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,<svg width=\"21\" height=\"21\" viewBox=\"0 0 21 21\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"%23000\" fill-rule=\"evenodd\"><path d=\"M2.592.044l18.364 18.364-2.548 2.548L.044 2.592z\"/><path d=\"M0 18.364L18.364 0l2.548 2.548L2.548 20.912z\"/></g></svg>");
  border-radius: 0.25rem;
  opacity: 1;
  padding-left: 0;
  width: 1rem !important;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:active, .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=text] .choices__button:hover, .choices[data-type*=text] .choices__button:active, .choices[data-type*=text] .choices__button:focus {
  background-color: #C8BEBE;
}
.choices .choices__list--dropdown {
  background-color: var(--input-bg) !important;
}
.choices__list--multiple {
  position: relative;
  top: 0.125rem;
}
.choices__list--multiple .choices__item {
  background-color: rgba(226, 226, 226, 0.25) !important;
  border-color: var(--bs-border-color) !important;
  padding: 0.125rem 0.625rem 0.125rem 0.3125rem !important;
  margin-bottom: 0.125rem !important;
  color: var(--bs-body-color) !important;
  border-radius: 0.25rem !important;
  font-weight: normal;
  font-size: 0.875rem;
}
.choices__list--multiple + .choices__input {
  margin-bottom: 0 !important;
  padding: 0.1875rem 0 0.1875rem 0.125rem !important;
}
.choices__list--single {
  padding-right: 1.75rem !important;
}
.choices__list--dropdown {
  background: var(--light-bg) !important;
  border-color: var(--bs-border-color) !important;
  z-index: 4;
}
.choices__list--dropdown .choices__item--selectable {
  padding-right: 0;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--color-2) !important;
}
.choices--pairing .choices__inner {
  padding-top: 0 !important;
}
.choices--pairing .choices[data-type*=select-one] > .choices__list > .choices__list > .choices__item--selectable {
  padding-right: 0px;
}
.choices--pairing .choices[data-type*=select-one] > .choices__list > .choices__list > .choices__item--selectable::after {
  display: none;
}
.choices[data-type*=select-one] .choices__input {
  border-color: var(--bs-border-color) !important;
}
.choices[data-type*=select-one]::after {
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z%27 fill=%27%231F3137%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0 0;
  pointer-events: none;
  border: 0;
  right: 0.8125rem;
  margin-top: -0.5rem;
}

.d-flex .choices {
  flex: 1 1 auto;
}

[data-bs-theme=dark] .choices[data-type*=select-one]::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .choices[data-type*=select-multiple] .choices__button,
[data-bs-theme=dark] .choices[data-type*=text] .choices__button {
  background-image: url("data:image/svg+xml,<svg width=\"21\" height=\"21\" viewBox=\"0 0 21 21\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"%23fff\" fill-rule=\"evenodd\"><path d=\"M2.592.044l18.364 18.364-2.548 2.548L.044 2.592z\"/><path d=\"M0 18.364L18.364 0l2.548 2.548L2.548 20.912z\"/></g></svg>");
}
[data-bs-theme=dark] .choices[data-type*=select-multiple] .choices__button:hover, [data-bs-theme=dark] .choices[data-type*=select-multiple] .choices__button:active, [data-bs-theme=dark] .choices[data-type*=select-multiple] .choices__button:focus,
[data-bs-theme=dark] .choices[data-type*=text] .choices__button:hover,
[data-bs-theme=dark] .choices[data-type*=text] .choices__button:active,
[data-bs-theme=dark] .choices[data-type*=text] .choices__button:focus {
  background-color: rgba(0, 0, 0, 0.4);
}

.CodeMirror {
  font-size: 0.75rem;
  height: auto;
}
.CodeMirror-sizer {
  min-height: auto !important;
}
.CodeMirror-gutters {
  height: auto !important;
}

.iti {
  width: 100%;
}
.iti__selected-flag {
  max-height: 2.125rem;
}

trix-editor {
  margin-bottom: 0.625rem;
  border-color: var(--border);
}
trix-editor .attachment__metadata {
  top: 0.25em;
}

trix-toolbar {
  position: sticky;
  top: 4.5rem;
  z-index: 3;
  background-color: var(--white);
  padding: 0.625rem 0;
}
@media only screen and (min-width: 768px) {
  trix-toolbar {
    top: 7.1875rem;
  }
}
@media only screen and (min-width: 1400px) {
  trix-toolbar {
    top: 7.375rem;
  }
}
trix-toolbar .trix-button-row {
  flex-wrap: wrap;
}
trix-toolbar .trix-button--icon-heading:before {
  background-image: url(/images/icons/headline.svg);
  background-size: 1.5625rem 0.9375rem;
}
trix-toolbar .trix-button--icon-heading-1:before {
  background-image: url(/images/icons/headline-1.svg);
  background-size: 1.5625rem 0.9375rem;
}
trix-toolbar .trix-button--icon-heading-2:before {
  background-image: url(/images/icons/headline-2.svg);
  background-size: 1.5625rem 0.9375rem;
}
trix-toolbar .trix-button--icon-heading-3:before {
  background-image: url(/images/icons/headline-3.svg);
  background-size: 1.5625rem 0.9375rem;
}
trix-toolbar .trix-button--icon-attach:before {
  background-image: url(/images/icons/image.svg);
  background-size: 1.25rem 1.25rem;
}
trix-toolbar .trix-button--icon-emoji:before {
  background-image: url(/images/icons/emoji.svg);
  background-size: 1.25rem 1.25rem;
}
trix-toolbar div[role=tooltip] {
  z-index: 1052;
}
trix-toolbar .trix-dropdown-backdrop {
  z-index: 1051;
  background-color: transparent;
}
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 0.625rem;
}

[data-bs-theme=dark] trix-toolbar .trix-button {
  background-color: rgba(255, 255, 255, 0.3);
}

.p_box > .datagrid-container {
  box-shadow: none;
}

.datagrid-container {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0705882353);
}
.datagrid-container .col-globalSearch {
  display: none;
}
.datagrid-container.hide-group-actions .row-group-actions {
  display: none;
}
.datagrid-container .datagrid {
  padding: 0;
  border-radius: 0.25rem;
}
.datagrid-container .datagrid select {
  padding: 0.25rem 2.25rem 0.25rem 0.5rem;
}
.datagrid-container .datagrid .row-grid-bottom {
  background-color: var(--white);
  border: none;
}
.datagrid-container .datagrid table {
  border-color: var(--white);
}
.datagrid-container .datagrid table thead th.col-checkbox {
  background-color: var(--white);
}
.datagrid-container .datagrid table tbody td {
  position: relative;
  font-size: 0.875rem;
  color: var(--color-1);
}
.datagrid-container .datagrid table tbody td.edited {
  animation-name: edited-text;
  animation-duration: 5s !important;
}
.datagrid-container .datagrid table tbody td.edited-error {
  animation-name: edited-error-text;
  animation-duration: 5s !important;
}
.datagrid-container .datagrid table tbody td .dropdown-toggle:after {
  display: none;
}
.datagrid-container .datagrid table tbody td .btn-link {
  color: var(--color-1) !important;
}
.datagrid-container .datagrid table tbody tr:has(.dropdown-menu.show) {
  position: relative;
  z-index: 999;
}
.datagrid-container .datagrid table tbody tr a.item-link {
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity));
  font-weight: bold;
  text-decoration: none;
  border-radius: 0.375rem;
  padding: 0.3em 0.5em;
  margin-left: -0.5em;
  transition: all ease 0.3s;
  white-space: nowrap;
}
.datagrid-container .datagrid table tbody tr a.item-link .fe {
  transition: all ease 0.3s;
}
.datagrid-container .datagrid table tbody tr td.primary-link a.item-link {
  color: var(--dark-text);
  font-weight: bold;
  text-decoration: none;
}
.datagrid-container .datagrid table tbody tr .tr-hover {
  opacity: 0;
  transition: opacity ease 0.3s;
}
.datagrid-container .datagrid table tbody tr:hover a.item-link {
  transition: all ease 0.3s;
}
.datagrid-container .datagrid table tbody tr:hover a.item-link:hover {
  text-decoration: underline;
}
.datagrid-container .datagrid table tbody tr:hover a.item-link:hover .fe {
  color: rgba(255, 255, 255, 0.6) !important;
}
.datagrid-container .datagrid table tbody tr:hover .tr-hover {
  opacity: 1;
}
@media only screen and (max-width: 575px) {
  .datagrid-container .datagrid table th.col-checkbox,
  .datagrid-container .datagrid table td.col-checkbox {
    padding: 0.5rem 0.25rem 0.5rem 0.75rem;
  }
}
@media only screen and (min-width: 576px) {
  .datagrid-container .datagrid .table-sm > :not(caption) > * > * {
    padding: 0.75rem 1rem;
  }
}
.datagrid-container .datagrid .input-sm.form-control-sm {
  appearance: none;
  padding: 0.3rem 0.5rem;
  height: 1.9rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z%27 fill=%27%231F3137%27/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1rem;
}
.datagrid-container .datagrid .dropdown-menu .dropdown-item {
  padding: 0.4rem 1rem;
  font-size: initial;
}
.datagrid-container .datagrid .dropdown-menu .dropdown-item:hover {
  background-color: #f7f7f7;
}
.datagrid-container .datagrid .dropdown-menu .dropdown-item .badge-item {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-bottom: -1px;
  margin-right: 4px;
  border-radius: 50%;
}
.datagrid-container .datagrid .col-checkbox .form-check-input {
  width: 1.3rem;
  height: 1.3rem;
}
.datagrid-container .datagrid .line-hover-action .col-action > a,
.datagrid-container .datagrid .line-hover-action .col-action > .btn {
  opacity: 0;
}
.datagrid-container .datagrid .line-hover-action:hover .col-action > a,
.datagrid-container .datagrid .line-hover-action:hover .col-action > .btn, .datagrid-container .datagrid .line-hover-action:active .col-action > a,
.datagrid-container .datagrid .line-hover-action:active .col-action > .btn, .datagrid-container .datagrid .line-hover-action:focus .col-action > a,
.datagrid-container .datagrid .line-hover-action:focus .col-action > .btn {
  opacity: 1;
}
.datagrid-container .datagrid td[data-datagrid-editable-url] {
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position-x: calc(100% - 0rem);
  background-position-y: center;
}
.datagrid-container .datagrid tr:hover td[data-datagrid-editable-url]:not(.editing):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.875rem;
  height: 0.875rem;
  margin-top: -0.5rem;
  background: url(/images/icons/datagrid-edit.svg) 0 0 no-repeat;
  background-size: contain;
}
.datagrid-container .datagrid .text-right {
  text-align: right;
}
.datagrid-container .datagrid .text-left {
  text-align: left;
}
.datagrid-container .datagrid .row-filters .col-sm-6 {
  width: 33.33%;
}
@media (max-width: 1200px) {
  .datagrid-container .datagrid .row-filters .col-sm-6 {
    width: 50%;
  }
}
@media (max-width: 900px) {
  .datagrid-container .datagrid .row-filters .col-sm-6 {
    width: 100%;
  }
}
.datagrid-container .datagrid .row-filters .col-sm-6 > .row .col-sm-3,
.datagrid-container .datagrid .row-filters .col-sm-6 > .row .col-sm-9 {
  width: 100%;
}
.datagrid-container .datagrid .row-filters .col-sm-6 > .row .filter-range-delimiter {
  width: 10px;
  padding: 0;
  transform: translateX(3px);
}
.datagrid-container .datagrid .row-filters .col-sm-6 > .row .col-sm-4 {
  width: calc(50% - 5px);
}
.datagrid-container .datagrid .row-filters .input-group.input-group-sm .input-group-append .input-group-text {
  border-radius: 0 0.25rem 0.25rem 0;
  height: calc(1.5em + 0.5rem + 3px);
}
.datagrid-container .datagrid .row-filters .control-label {
  display: flex;
  align-items: center;
}
.datagrid-container .datagrid .datagrid-row-columns-summary td {
  border: 0 !important;
}
.datagrid-container .datagrid td[data-datagrid-editable-url] {
  position: relative;
}
.datagrid-container .datagrid td[data-datagrid-editable-url] input {
  position: absolute;
  margin: 0;
  width: auto !important;
  height: 1.75rem !important;
  min-height: 1.75rem !important;
  left: 0.45rem !important;
  right: 0.45rem !important;
  top: 50%;
  padding-left: 0.5rem;
  transform: translateY(-0.88rem);
}
.datagrid-container.datagrid-modal .datagrid {
  margin: calc(-1.5rem - 1px) -1.5rem 0 -1.5rem;
}
.datagrid-container table thead tr.row-group-actions th {
  background-color: var(--white);
  white-space: nowrap;
}
.datagrid-container table thead tr th {
  border-bottom: none;
}
.datagrid-container .table-bordered td,
.datagrid-container .table-bordered th {
  border-left: none;
  border-right: none;
}
.datagrid-container .table-bordered > :not(caption) > * {
  border-width: 0;
}
.datagrid-container .datagrid-collapse-filters-button-row {
  display: none;
}
.datagrid-container .row-filters {
  padding: 0.7em 1em 0.2em 1em;
  border-top: 1px solid #edf2f9;
}
.datagrid-container.datagrid-sm .table-sm > :not(caption) > * > * {
  padding: 0.7rem 0.5rem;
}
.datagrid-container .lang {
  position: relative;
  display: inline-block;
  border-radius: 0.2rem;
  margin-right: 0.3rem;
  opacity: 0.25;
  transition: opacity ease 0.3s;
}
.datagrid-container .lang:hover, .datagrid-container .lang.active {
  opacity: 1;
}
.datagrid-container .lang img {
  height: 1rem;
  border: 1px solid #edf2f9;
}
.datagrid-container .order-indicator {
  padding: 0 0.3rem;
}
.datagrid-container .order-indicator > .fe {
  color: #2c7be5 !important;
}
.datagrid-container .order-indicator img {
  max-width: 3rem;
  max-height: 1.2rem;
}
.datagrid-container.fixed-last-column .datagrid th:last-child,
.datagrid-container.fixed-last-column .datagrid td:last-child {
  position: sticky;
  right: 0;
  z-index: 1;
  background-color: inherit;
}
.datagrid-container.fixed-last-column .datagrid .table-striped tr:nth-child(odd) td:last-child {
  background-color: var(--bs-table-striped-bg);
}
.datagrid-container.fixed-last-column .datagrid .table-striped tr:nth-child(even) td:last-child {
  background-color: var(--bs-table-bg);
}
.datagrid-container.fixed-last-column .datagrid .table-hover tr:hover td:last-child {
  background-color: var(--bs-table-hover-bg);
}
.datagrid-container.fixed-last-column .datagrid th:last-child {
  background-color: var(--white);
}
.datagrid-container.sticky-header .datagrid {
  overflow-x: visible;
}
.datagrid-container.sticky-header .datagrid table thead th {
  position: sticky;
  top: var(--sticky-header-top, 0);
  z-index: 2;
  background-color: var(--white);
  box-shadow: inset 0 -1px 0 var(--table-border-color);
}
.datagrid-container.sticky-header {
  --sticky-folder-top: 2.375rem;
}
@media only screen and (min-width: 576px) {
  .datagrid-container.sticky-header {
    --sticky-folder-top: 2.875rem;
  }
}
.datagrid-container.sticky-header .datagrid table tbody tr[data-id^=group-] td {
  position: sticky;
  top: var(--sticky-folder-top);
  z-index: 1;
  background-color: var(--secondary-light);
}

.row-grid-bottom .btn-default.btn-secondary {
  background-color: #f1f6f8;
  border-color: #f1f6f8;
  color: #1F3137;
  text-shadow: none;
  box-shadow: none;
}
.row-grid-bottom .btn-default.btn-secondary:hover, .row-grid-bottom .btn-default.btn-secondary:active, .row-grid-bottom .btn-default.btn-secondary:focus {
  background-color: rgb(227.4, 237.2571428571, 241.2);
}

.datagrid-container .datagrid {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div {
  margin: 0 0 -0.3125rem;
  display: flex;
  justify-content: center;
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div > span {
  line-height: 1.375rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a {
  display: block;
  width: 1.625rem;
  height: 1.625rem;
  text-align: center;
  line-height: 1.375rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  margin-bottom: 0.3125rem;
  background-color: var(--white);
  text-decoration: none;
  color: var(--dark-text);
  border: 2px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.2s ease-out;
  padding: 0;
  text-shadow: initial;
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a:hover, .datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a:active, .datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a:focus {
  border-color: rgba(99, 154, 31, 0.25);
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a.active {
  background: #1F3137;
  color: #fff;
  cursor: default;
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a.active:hover, .datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a.active:active, .datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a.active:focus {
  text-decoration: none;
  border-color: #1F3137;
  box-shadow: initial;
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a:first-child {
  margin-left: 0;
  position: relative;
  overflow: hidden;
  color: var(--white);
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a:first-child:before {
  content: "";
  background: url(/images/icons/arrow-right.svg) 0 0 no-repeat;
  width: 1rem;
  height: 1rem;
  display: block;
  transform: rotate(180deg);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a:first-child.disabled {
  display: none;
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a:last-child {
  margin-right: 0;
  position: relative;
  overflow: hidden;
  color: var(--white);
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a:last-child:before {
  content: "";
  background: url(/images/icons/arrow-right.svg) 0 0 no-repeat;
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
}
.datagrid-container .datagrid .table .row-grid-bottom .col-pagination div a:last-child.disabled {
  display: none;
}

.datagrid--actions {
  container-type: inline-size;
}
@container (max-width: 960px) {
  .datagrid--actions .col-createdAt {
    display: none !important;
  }
}
@container (max-width: 900px) {
  .datagrid--actions .col-publisher {
    display: none !important;
  }
}
@container (max-width: 600px) {
  .datagrid--actions .col-number {
    display: none !important;
  }
}
@container (max-width: 500px) {
  .datagrid--actions .col-status {
    display: none !important;
  }
}

.datagrid--actions-2 {
  container-type: inline-size;
}
@container (max-width: 500px) {
  .datagrid--actions-2 .col-number {
    display: none !important;
  }
}

[data-bs-theme=dark] .datagrid-container .datagrid {
  background: transparent;
}
[data-bs-theme=dark] .datagrid-container.fixed-last-column .datagrid .table-hover tr:hover td:last-child {
  background-color: #192328;
}
[data-bs-theme=dark] .datagrid-container table thead th {
  color: #0088cc;
}
[data-bs-theme=dark] .datagrid-container .table .row-grid-bottom .col-pagination div a:last-child {
  color: transparent;
}
[data-bs-theme=dark] .datagrid-container .table .row-grid-bottom .col-pagination div a:last-child:before {
  background-image: url(/images/icons/dt_arrow-right.svg);
}
[data-bs-theme=dark] .datagrid-container .table .row-grid-bottom .col-pagination div a:first-child {
  color: transparent;
}
[data-bs-theme=dark] .datagrid-container .table .row-grid-bottom .col-pagination div a:first-child:before {
  background-image: url(/images/icons/dt_arrow-right.svg);
  transform: rotate(180deg);
}

.p-office .datagrid-container .datagrid table {
  font-size: 0.875rem;
}
.p-office .datagrid-container .datagrid table th,
.p-office .datagrid-container .datagrid table td, .p-office .datagrid-container .datagrid table.table-sm > :not(caption) > * > * {
  padding: 0.625rem 0.375rem;
}
.p-office .datagrid-container .datagrid table thead th {
  font-size: 0.75rem;
  white-space: nowrap;
  font-weight: bold;
}
@media only screen and (min-width: 1400px) {
  .p-office .datagrid-container .datagrid table thead th {
    font-size: 0.8125rem;
  }
}
.p-office .datagrid-container .datagrid table a[data-bs-toggle=tooltip]:not(.btn):not(:has(> i:only-child)) {
  text-decoration: underline dotted;
  text-underline-offset: 0.125rem;
}
.p-office .datagrid-container .datagrid table a[data-bs-toggle=tooltip]:not(.btn):not(:has(> i:only-child)):hover, .p-office .datagrid-container .datagrid table a[data-bs-toggle=tooltip]:not(.btn):not(:has(> i:only-child)):active, .p-office .datagrid-container .datagrid table a[data-bs-toggle=tooltip]:not(.btn):not(:has(> i:only-child)):focus {
  text-decoration: underline;
}
.p-office .datagrid-container .datagrid table thead th.col-id {
  width: 5rem;
}
.p-office .datagrid-container .datagrid table thead tr + tr th {
  padding-top: 0;
  padding-bottom: 0.5rem;
  font-weight: normal;
}
.p-office .datagrid-container .datagrid table thead tr + tr th .form-control {
  width: 100%;
  min-width: 0;
  padding-inline: 0.375rem;
}
.p-office .datagrid-container .datagrid table tbody td {
  max-width: 12.5rem;
  vertical-align: middle;
}
@media only screen and (max-width: 1399px) {
  .p-office .datagrid-container .datagrid table tbody td {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1699px) {
  .p-office .datagrid-container .datagrid table tbody td {
    font-size: 0.8125rem;
  }
}
@media only screen and (min-width: 1800px) {
  .p-office .datagrid-container .datagrid table tbody td {
    white-space: nowrap;
  }
}
.p-office .datagrid-container .datagrid table tbody td > div {
  display: inline-block;
  vertical-align: middle;
}
.p-office .datagrid-container .datagrid table tbody td > div + div {
  margin-left: 0.375rem;
}
.p-office .datagrid-container .datagrid table tbody td.col-domain {
  max-width: none;
}
.p-office .datagrid-container .datagrid table th.col-checkbox,
.p-office .datagrid-container .datagrid table td.col-checkbox {
  width: 2rem;
  padding-inline: 0.375rem;
}
.p-office .datagrid-container .datagrid table th.col-checkbox .form-check-input,
.p-office .datagrid-container .datagrid table td.col-checkbox .form-check-input {
  width: 1.125rem;
  height: 1.125rem;
}
.p-office .datagrid-container .datagrid table .p_badge {
  font-size: 0.6875rem;
  padding: 0.125rem 0.3125rem;
}
.p-office .datagrid-container .datagrid table td a:not(.btn) {
  display: inline-block;
  padding-block: 0.25rem;
}
.p-office .datagrid-container .datagrid table .btn-sm,
.p-office .datagrid-container .datagrid table .btn-group-sm > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.875rem;
  padding-block: 0;
  padding-inline: 0.25rem;
  font-size: 0.8125rem;
  line-height: 1;
}
.p-office .datagrid-container .datagrid table .btn-group-sm > .btn + .dropdown-toggle-split {
  min-width: 1.25rem;
  padding-inline: 0.375rem;
}
.p-office .datagrid-container .datagrid table td.col-plan > div:last-child,
.p-office .datagrid-container .datagrid table td.col-totalMb > div:last-child {
  min-width: 4.375rem;
  text-align: right;
}
.p-office .datagrid-container .datagrid table td.col-totalMb > div:first-child:not(:last-child) {
  font-size: 0.6875rem;
}
.p-office .datagrid-container .datagrid table td.col-partner {
  min-width: 9.375rem;
  white-space: wrap !important;
}
@media only screen and (min-width: 1400px) {
  .p-office .datagrid-container .datagrid table td.col-partner {
    min-width: 18.75rem;
  }
}
@media only screen and (min-width: 1700px) {
  .p-office .datagrid-container .datagrid table td.col-partner {
    min-width: 23.75rem;
  }
}
.p-office .datagrid-container .datagrid table th.col-action,
.p-office .datagrid-container .datagrid table td.col-action {
  text-align: right;
}
@media only screen and (min-width: 1200px) {
  .p-office .datagrid-container .datagrid table td.col-action {
    white-space: nowrap;
  }
}
.p-office .datagrid-container {
  box-shadow: none;
}

.flatpickr-clear {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
}

[data-bs-theme=dark] {
  --primary-light: #05220F;
  --danger-light: #331213;
  --warning-light: #332600;
  --info-light: #001B29;
}

#toast-container > div {
  margin: 0;
  border-radius: 0;
}
#toast-container.toast-top-right {
  top: 4.6875rem;
}
#toast-container .toast {
  opacity: 1;
  box-shadow: none;
  border-color: var(--border);
  padding: 1.25rem 2.5rem 1.25rem 1.25rem !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;
}
#toast-container .toast-success {
  background-color: var(--primary-light);
  background-image: none !important;
}
#toast-container .toast-success:before {
  content: "\f26e";
  font-size: 1.5rem;
  line-height: 1;
  color: #17AB4B;
  display: inline-block;
  font-family: bootstrap-icons !important;
  vertical-align: -0.4375rem;
  margin-right: 0.5rem;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 1.25rem;
  top: 1.125rem;
}
#toast-container .toast-warning {
  background-color: var(--warning-light);
  background-image: none !important;
}
#toast-container .toast-warning:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/alert-warning.svg) no-repeat 0 0;
  background-size: contain;
  vertical-align: -0.25rem;
  margin-right: 0.5rem;
  position: absolute;
  left: 1.25rem;
  top: 1.5rem;
}
#toast-container .toast-error {
  background-color: var(--danger-light);
  background-image: none !important;
}
#toast-container .toast-error:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/alert-danger.svg) no-repeat 0 0;
  background-size: contain;
  vertical-align: -0.25rem;
  margin-right: 0.5rem;
  position: absolute;
  left: 1.25rem;
  top: 1.5rem;
}
#toast-container .toast-info {
  background-color: var(--color-2);
  background-image: none !important;
}
#toast-container .toast-info:before {
  content: "\f434";
  font-size: 1.5rem;
  line-height: 1;
  color: var(--dark-text);
  display: inline-block;
  font-family: bootstrap-icons !important;
  vertical-align: -0.4375rem;
  margin-right: 0.5rem;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 1.25rem;
  top: 1.125rem;
}
#toast-container .toast-message {
  color: var(--dark-text);
  font-size: 0.875rem;
  display: inline-block;
  padding-left: 1.625rem;
  padding-right: 0.75rem;
}
#toast-container .toast-message a {
  color: #363636;
}
#toast-container .toast-message a:hover {
  text-decoration: underline;
}
#toast-container .toast-message:after {
  content: "";
  display: inline-block;
  color: var(--body-color);
  background: url(/images/icons/close-dark.svg) no-repeat center center;
  width: 1rem;
  height: 1rem;
  margin-right: 0.125rem;
  opacity: 0.5;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
}
#toast-container .toast-message:hover:after, #toast-container .toast-message:active:after, #toast-container .toast-message:focus:after {
  opacity: 1;
}

[data-bs-theme=dark] #toast-container .toast-message:after {
  background: url(/images/icons/dt_close-dark.svg) no-repeat center center;
}

section.picker .search-wrapper {
  outline: none !important;
}
section.picker input.search {
  padding: 0.3125rem 0.625rem;
  color: #1F3137;
  background-color: #fff;
  border: 1px solid var(--color-4);
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  outline: none !important;
}
section.picker .emoji.active,
section.picker .emoji:active,
section.picker button.emoji.active,
section.picker button.emoji:active,
section.picker .emoji:hover,
section.picker button.emoji:hover {
  background: #e8faef;
}

/* -------------------- PARTS ---------------------- */
.p_search-btn {
  position: fixed;
  right: 6.25rem;
  bottom: 1.5625rem;
  background: #1F3137;
  width: 3.125rem;
  height: 3.125rem;
  padding: 0;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  transition: all 0.2s ease-out;
}
@media only screen and (min-width: 768px) {
  .p_search-btn {
    display: none;
  }
}
.p_search-btn i {
  color: #fff;
  font-size: 1.3125rem;
}

.p_search-input {
  position: relative;
}
.p_search-input .form-control {
  border: 1px solid var(--bs-border-color);
  padding: 0.5625rem 7rem 0.5625rem 3rem !important;
  background: var(--white) url(/images/icons/search.svg) 0.75rem center no-repeat;
  height: 2.75rem;
}
.p_search-input > .btn {
  background: var(--white) url(/images/icons/nofunnel.svg) 0.75rem center no-repeat;
  padding-left: 2.25rem;
  position: absolute;
  top: 0.4375rem;
  right: 0.375rem;
}
.p_search-input > .p_search-input__buttons {
  position: absolute;
  top: 0.4375rem;
  right: 0.375rem;
  display: flex;
  gap: 0.25rem;
}
.p_search-input > .p_search-input__buttons > button.active {
  background-color: var(--color-4) !important;
  box-shadow: none !important;
}

[data-bs-theme=dark] .p_search-input .form-control {
  background-image: url(/images/icons/dt_search.svg);
}
[data-bs-theme=dark] .p_search-input .btn {
  background-image: url(/images/icons/dt_nofunnel.svg);
}

.p_burger-menu {
  display: block;
  padding: 0.6875rem 0 0.625rem;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: center;
}
.p_burger-menu__ico {
  width: 1.5rem;
  height: 1.875rem;
  padding-top: 0.5rem;
  display: inline-block;
}
.p_burger-menu__ico > span {
  display: block;
  width: 100%;
  border-radius: 3px;
  height: 0.1875rem;
  background: #1ccc5b;
  transition: all 0.3s;
  position: relative;
}
.p_burger-menu__ico > span + span {
  margin-top: 0.3125rem;
}
.p_burger-menu__ico > span:nth-child(1) {
  animation: ease 0.7s top-2 forwards;
}
.p_burger-menu__ico > span:nth-child(2) {
  animation: ease 0.7s scaled-2 forwards;
}
.p_burger-menu__ico > span:nth-child(3) {
  animation: ease 0.7s bottom-2 forwards;
}
.p_burger-menu > span {
  padding-top: 0.125rem;
  display: block;
  color: #fff;
  font-size: 0.875rem;
}

.menu-open .p_burger-menu__ico span:nth-child(1) {
  animation: ease 0.7s top forwards;
}
.menu-open .p_burger-menu__ico span:nth-child(2) {
  animation: ease 0.7s scaled forwards;
}
.menu-open .p_burger-menu__ico span:nth-child(3) {
  animation: ease 0.7s bottom forwards;
}

@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 0.5rem;
    transform: rotate(0);
  }
  100% {
    top: 0.5rem;
    transform: rotate(45deg);
  }
}
@keyframes top-2 {
  0% {
    top: 0.5rem;
    transform: rotate(45deg);
  }
  50% {
    top: 0.5rem;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}
@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 0.5rem;
    transform: rotate(0);
  }
  100% {
    bottom: 0.5rem;
    transform: rotate(135deg);
  }
}
@keyframes bottom-2 {
  0% {
    bottom: 0.5rem;
    transform: rotate(135deg);
  }
  50% {
    bottom: 0.5rem;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}
@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.p_menu-close {
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background: #1F3137 url(/images/icons/close.svg) center center no-repeat;
  background-size: 1.25rem 1.25rem;
  border-radius: 50%;
  border: 0;
  margin: 0 auto;
  transition: bottom 0.2s ease-out 0.2s;
}
@media only screen and (min-width: 768px) {
  .p_menu-close {
    display: none;
  }
}

.p_box--support {
  --bg-support: linear-gradient(90deg, #FEE5DA 0.16%, #FFF5CA 74.78%);
}

[data-bs-theme=dark] .p_box--support {
  --bg-support: linear-gradient(90deg, rgba(254, 229, 218, 0.15) 0.16%, rgba(255, 245, 202, 0.15) 74.78%);
}
[data-bs-theme=dark] .p_box__img img {
  filter: invert(0.9) hue-rotate(180deg);
  opacity: 0.6;
}

.p_box {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  background-color: var(--white);
  padding: 0.9375rem;
  border-radius: 0.25rem;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .p_box {
    padding: 1.875rem;
  }
}
.p_box--support {
  background: var(--bg-support);
}
.p_box--in {
  box-shadow: 0 0.4375rem 1.875rem 0 rgba(0, 0, 0, 0.1);
}
.p_box > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
  .p_box .table-responsive:last-child {
    margin-bottom: -0.625rem;
  }
  .p_box .table-responsive:last-child table {
    margin-bottom: 0;
  }
}
.p_box--hover {
  transition: all 0.2s ease-out;
}
.p_box--hover:hover, .p_box--hover:active, .p_box--hover:focus {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.p_box--hover i.bi {
  position: absolute;
  right: 0.625rem;
  top: 0;
  font-size: 2.25rem;
}
.p_box--hover a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.p_box__img {
  height: 3.75rem;
}
.p_box__img img {
  max-height: 3.75rem;
}
.p_box__stick {
  font-size: 0.8125rem;
  background-color: #1F3137;
  color: #f1f6f8;
  text-align: center;
  display: block;
  padding: 0.1875rem 0.625rem;
  margin: 0 0 -0.9375rem;
  border-radius: 0 0 0.25rem 0.25rem;
}
@media only screen and (min-width: 1200px) {
  .p_box__stick {
    margin: 0 0 -1.875rem;
  }
}
.p_box__n-item {
  margin: 0 -0.9375rem;
}
@media only screen and (min-width: 1200px) {
  .p_box__n-item {
    margin: 0 -1.875rem;
  }
}
.p_box__n-margin {
  margin: -0.9375rem !important;
}
@media only screen and (min-width: 1200px) {
  .p_box__n-margin {
    margin: -1.875rem !important;
  }
}

.p_overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  z-index: 5;
  visibility: hidden;
  transition: all 0.2s ease-out;
}

.menu-open {
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .menu-open .p_overlay--active {
    opacity: 1;
    visibility: visible;
  }
}

.p_navtabs label {
  cursor: pointer;
}
.p_navtabs input[type=radio]:checked + label {
  color: #fff;
  background-color: #1F3137;
}

[data-bs-theme=dark] {
  --bs-primary-bg-subtle: #05220F;
  --bs-danger-bg-subtle: #331213;
  --bs-warning-bg-subtle: #332600;
  --bs-info-bg-subtle: #001B29;
  --bs-success-bg-subtle: #05220F;
}

.alert-robot {
  background-color: var(--primary-light);
  text-align: center;
  padding: 1.875rem;
}
.alert-error {
  background-color: var(--danger-light);
  text-align: center;
  padding: 1.875rem;
}

.p_folder {
  position: relative;
}
.p_folder__btn {
  padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  display: block;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
  color: var(--dark);
  background-color: var(--secondary-light);
  border: 0;
  text-align: left;
  cursor: pointer;
}
.p_folder__btn:after {
  content: "";
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 0.875rem;
  height: 0.6875rem;
  background: src("../../images/check.svg") no-repeat center;
}
.p_folder__btn > a {
  color: var(--dark);
  position: relative;
  top: 0.125rem;
}
.p_folder__btn:hover, .p_folder__btn:active, .p_folder__btn:focus {
  background-color: var(--primary-light);
  color: var(--dark);
}
.p_folder__input {
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  z-index: 2;
}

.p_ico-hover__hover {
  text-decoration: none;
  opacity: 0;
}
@media (pointer: coarse) {
  .p_ico-hover__hover {
    opacity: 1;
  }
}
.p_ico-hover:hover .p_ico-hover__hover, .p_ico-hover:active .p_ico-hover__hover, .p_ico-hover:focus .p_ico-hover__hover {
  opacity: 1;
}

.p_debug {
  position: fixed;
  left: 1.25rem;
  bottom: 0.9375rem;
  z-index: 10;
}
@media only screen and (min-width: 1200px) {
  .p_debug {
    left: 7.5rem;
  }
}

.help-block {
  font-size: 0.875rem;
  margin-top: 0.3125rem;
  display: inline-block;
}

.p_alert-primary, .p_badge--alert-primary {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/alert-primary.svg) no-repeat 0 0;
  background-size: contain;
}
.p_alert-primary-check, .p_badge--alert-primary-check {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/check.svg) no-repeat 0 0;
  background-size: contain;
}
.p_alert-primary-arrow, .p_badge--alert-primary-arrow {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/arrow-btn-primary.svg) no-repeat 0 0;
  background-size: contain;
}
.p_alert-primary-encrypt, .p_badge--alert-primary-encrypt {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/encrypt-btn-primary.svg) no-repeat 0 0;
  background-size: contain;
}
.p_alert-secondary, .p_badge--alert-secondary {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/alert-secondary.svg) no-repeat 0 0;
  background-size: contain;
}
.p_alert-secondary-check, .p_badge--alert-secondary-check {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/check-secondary.svg) no-repeat 0 0;
  background-size: contain;
}
.p_alert-warning, .p_badge--alert-warning {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/alert-warning.svg) no-repeat 0 0;
  background-size: contain;
}
.p_alert-danger, .p_badge--alert-danger {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/alert-danger.svg) no-repeat 0 0;
  background-size: contain;
}
.p_alert-dark, .p_badge--alert-dark {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(/images/icons/alert-dark.svg) no-repeat 0 0;
  background-size: contain;
}

[data-bs-theme=dark] .p_alert-dark, [data-bs-theme=dark] .p_badge--alert-dark {
  background-image: url(/images/icons/dt_alert-dark.svg);
}

.p_badge {
  --primary-light: #e8faef;
  --primary-light-border: #17AB4B;
  --secondary-light: #ebf3f9;
  --secondary-light-border: #0088cc;
  --warning-light: #FFF7D3;
  --warning-light-border: #FFBF00;
  --warning-light-text: #8A6700;
  --danger-light: #ffeeef;
  --danger-light-border: #FF595E;
  --dark-light: #e9eaeb;
  --dark-light-border: #1F3137;
  --light-light: #fff;
  --light-light-border: rgb(227.4, 237.2571428571, 241.2);
}

[data-bs-theme=dark] .p_badge {
  --primary-light: rgba(23, 171, 75, 0.1019607843);
  --primary-light-border: rgba(23, 171, 75, 0.1019607843);
  --secondary-light: rgba(0, 136, 204, 0.1019607843);
  --secondary-light-border: rgba(0, 136, 204, 0.1019607843);
  --warning-light: rgba(255, 191, 0, 0.1019607843);
  --warning-light-border: rgba(255, 191, 0, 0.1019607843);
  --warning-light-text: #FFBF00;
  --danger-light: rgba(255, 89, 94, 0.1019607843);
  --danger-light-border: rgba(255, 89, 94, 0.1019607843);
  --dark-light: #131b1e;
  --dark-light-border: #131b1e;
  --light-light: rgba(227, 237, 241, 0.1019607843);
  --light-light-border: rgba(227, 237, 241, 0.1019607843);
}

.p_badge {
  font-size: 0.75rem;
  border-radius: 0.25rem;
  padding: 0.125rem 0.3125rem;
  border: 1px solid #1F3137;
  color: #1F3137;
  text-decoration: none;
  white-space: nowrap;
}
.p_badge:hover, .p_badge:active, .p_badge:focus {
  text-decoration: none;
}
.p_badge--primary {
  color: #1F3137;
  background-color: #1ccc5b;
  border-color: #1ccc5b;
}
.p_badge--secondary {
  color: #fff;
  background-color: #0088cc;
  border-color: #0088cc;
}
.p_badge--success {
  color: #fff;
  background-color: #1ccc5b;
  border-color: #1ccc5b;
}
.p_badge--warning {
  color: #1F3137;
  background-color: #FFBF00;
  border-color: #FFBF00;
}
.p_badge--danger {
  color: #fff;
  background-color: #FF595E;
  border-color: #FF595E;
}
.p_badge--dark {
  color: #fff;
  background-color: #1F3137;
  border-color: #1F3137;
}
.p_badge--light {
  color: var(--dark-text);
  background-color: var(--light-light);
  border-color: var(--light-light-border);
}
.p_badge--blue {
  color: #1F3137;
  background-color: #4F7B86;
  border-color: #4F7B86;
}
.p_badge--D2EDDA {
  background-color: #D2EDDA;
  border-color: #D2EDDA;
  color: #000;
}
.p_badge--A9DCB1 {
  background-color: #A9DCB1;
  border-color: #A9DCB1;
  color: #000;
}
.p_badge--50C878 {
  background-color: #50C878;
  border-color: #50C878;
  color: #000;
}
.p_badge--1FA64C {
  background-color: #1FA64C;
  border-color: #1FA64C;
  color: #fff;
}
.p_badge--004225 {
  background-color: #004225;
  border-color: #004225;
  color: #fff;
}
.p_badge--CCE4F6 {
  background-color: #CCE4F6;
  border-color: #CCE4F6;
  color: #000;
}
.p_badge--A4D0EF {
  background-color: #A4D0EF;
  border-color: #A4D0EF;
  color: #000;
}
.p_badge--47A9E1 {
  background-color: #47A9E1;
  border-color: #47A9E1;
  color: #000;
}
.p_badge--0077C8 {
  background-color: #0077C8;
  border-color: #0077C8;
  color: #fff;
}
.p_badge--003E5D {
  background-color: #003E5D;
  border-color: #003E5D;
  color: #fff;
}
.p_badge--FFF2CF {
  background-color: #FFF2CF;
  border-color: #FFF2CF;
  color: #000;
}
.p_badge--FFE08B {
  background-color: #FFE08B;
  border-color: #FFE08B;
  color: #000;
}
.p_badge--FFC107 {
  background-color: #FFC107;
  border-color: #FFC107;
  color: #000;
}
.p_badge--D89A00 {
  background-color: #D89A00;
  border-color: #D89A00;
  color: #000;
}
.p_badge--7F5A00 {
  background-color: #7F5A00;
  border-color: #7F5A00;
  color: #fff;
}
.p_badge--FEE1E1 {
  background-color: #FEE1E1;
  border-color: #FEE1E1;
  color: #000;
}
.p_badge--FDB9B9 {
  background-color: #FDB9B9;
  border-color: #FDB9B9;
  color: #000;
}
.p_badge--FD7E7E {
  background-color: #FD7E7E;
  border-color: #FD7E7E;
  color: #000;
}
.p_badge--A94442 {
  background-color: #A94442;
  border-color: #A94442;
  color: #fff;
}
.p_badge--7D2929 {
  background-color: #7D2929;
  border-color: #7D2929;
  color: #fff;
}
.p_badge--FCD2E2 {
  background-color: #FCD2E2;
  border-color: #FCD2E2;
  color: #000;
}
.p_badge--FB8FBF {
  background-color: #FB8FBF;
  border-color: #FB8FBF;
  color: #000;
}
.p_badge--F95197 {
  background-color: #F95197;
  border-color: #F95197;
  color: #fff;
}
.p_badge--B5123F {
  background-color: #B5123F;
  border-color: #B5123F;
  color: #fff;
}
.p_badge--7C0A2A {
  background-color: #7C0A2A;
  border-color: #7C0A2A;
  color: #fff;
}
.p_badge--F1F1F1 {
  background-color: #F1F1F1;
  border-color: #F1F1F1;
  color: #000;
}
.p_badge--D9D9D9 {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
  color: #000;
}
.p_badge--A0A0A0 {
  background-color: #A0A0A0;
  border-color: #A0A0A0;
  color: #000;
}
.p_badge--595959 {
  background-color: #595959;
  border-color: #595959;
  color: #fff;
}
.p_badge--2C2C2C {
  background-color: #2C2C2C;
  border-color: #2C2C2C;
  color: #fff;
}
.p_badge--ring-primary {
  background: var(--primary-light);
  color: #17AB4B;
  border: 1px solid var(--primary-light-border);
}
.p_badge--ring-secondary {
  background: var(--secondary-light);
  color: #0088cc;
  border: 1px solid var(--secondary-light-border);
}
.p_badge--ring-success {
  background: #e8faef;
  color: #1ccc5b;
  border: 1px solid #1ccc5b;
}
.p_badge--ring-warning {
  background: var(--warning-light);
  color: var(--warning-light-text);
  border: 1px solid var(--warning-light-border);
}
.p_badge--ring-danger {
  background: var(--danger-light);
  color: #FF595E;
  border: 1px solid var(--danger-light-border);
}
.p_badge--ring-dark {
  background: var(--dark-light);
  color: var(--dark-text);
  border: 1px solid var(--dark-light-border);
}
.p_badge--ring-light {
  background: var(--light-light);
  color: var(--dark-text);
  border: 1px solid var(--light-light-border);
}
.p_badge--alert-primary {
  background-position: 0.4375rem center;
  background-color: var(--primary-light);
  background-size: auto;
  width: auto;
  height: auto;
  padding: 0.125rem 0.4375rem 0.0625rem 1.9375rem;
  color: #1ccc5b;
  font-size: 0.875rem;
  border: 0;
}
.p_badge--alert-primary-check {
  background-position: 0.4375rem center;
  background-color: var(--primary-light);
  background-size: auto;
  width: auto;
  height: auto;
  padding: 0.125rem 0.4375rem 0.0625rem 1.625rem;
  color: #1ccc5b;
  font-size: 0.875rem;
  border: 0;
}
.p_badge--alert-primary-arrow {
  background-position: 0.4375rem center;
  background-color: var(--primary-light);
  background-size: 0.75rem 0.8125rem;
  width: auto;
  height: auto;
  padding: 0.125rem 0.4375rem 0.0625rem 1.625rem;
  color: #1ccc5b;
  font-size: 0.875rem;
  border: 0;
}
.p_badge--alert-primary-encrypt {
  background-position: 0.4375rem center;
  background-color: var(--primary-light);
  background-size: 0.75rem 0.8125rem;
  width: auto;
  height: auto;
  padding: 0.125rem 0.4375rem 0.0625rem 1.625rem;
  color: var(--dark-text);
  font-size: 0.875rem;
  border: 1px solid #8EFAB5;
}
.p_badge--alert-secondary {
  background-position: 0.4375rem center;
  background-color: var(--secondary-light);
  background-size: auto;
  width: auto;
  height: auto;
  padding: 0.125rem 0.4375rem 0.0625rem 1.9375rem;
  color: #0088cc;
  font-size: 0.875rem;
  border: 0;
}
.p_badge--alert-secondary-check {
  background-position: 0.4375rem center;
  background-color: #ebf3f9;
  background-size: auto;
  width: auto;
  height: auto;
  padding: 0.125rem 0.4375rem 0.0625rem 1.625rem;
  color: #0088cc;
  font-size: 0.875rem;
  border: 0;
}
.p_badge--alert-warning {
  background-position: 0.4375rem center;
  background-color: var(--warning-light);
  background-size: auto;
  width: auto;
  height: auto;
  padding: 0.125rem 0.4375rem 0.0625rem 1.9375rem;
  color: var(--warning-light-text);
  font-size: 0.875rem;
  border: 0;
}
.p_badge--alert-danger {
  background-position: 0.4375rem center;
  background-color: var(--danger-light);
  background-size: auto;
  width: auto;
  height: auto;
  padding: 0.125rem 0.4375rem 0.0625rem 1.9375rem;
  color: #FF595E;
  font-size: 0.875rem;
  border: 0;
}
.p_badge--alert-dark {
  background-position: 0.4375rem center;
  background-color: var(--dark-light);
  background-size: auto;
  width: auto;
  height: auto;
  padding: 0.125rem 0.4375rem 0.0625rem 1.9375rem;
  color: var(--dark-text);
  font-size: 0.875rem;
  border: 0;
}

.p_backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.p_pie-chart {
  --pie-active-color: #000;
}
.p_pie-chart-primary {
  --pie-active-color: var(--bs-primary);
}
.p_pie-chart-secondary {
  --pie-active-color: var(--bs-secondary);
}
.p_pie-chart-warning {
  --pie-active-color: var(--bs-warning);
}
.p_pie-chart-danger {
  --pie-active-color: var(--bs-danger);
}
.p_pie-chart-info {
  --pie-active-color: var(--bs-info);
}
.p_pie-chart-dark {
  --pie-active-color: var(--bs-dark);
}

[data-bs-theme=dark] .p_pie-chart {
  --light: #263F47;
}
[data-bs-theme=dark] .p_pie-chart-dark {
  --pie-active-color: #f1f6f8;
}

.p_pie-chart {
  display: flex;
}
.p_pie-chart--0 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 0deg, var(--light) 0deg 360deg);
}
.p_pie-chart--1 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 3.6deg, var(--light) 3.6deg 360deg);
}
.p_pie-chart--2 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 7.2deg, var(--light) 7.2deg 360deg);
}
.p_pie-chart--3 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 10.8deg, var(--light) 10.8deg 360deg);
}
.p_pie-chart--4 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 14.4deg, var(--light) 14.4deg 360deg);
}
.p_pie-chart--5 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 18deg, var(--light) 18deg 360deg);
}
.p_pie-chart--6 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 21.6deg, var(--light) 21.6deg 360deg);
}
.p_pie-chart--7 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 25.2deg, var(--light) 25.2deg 360deg);
}
.p_pie-chart--8 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 28.8deg, var(--light) 28.8deg 360deg);
}
.p_pie-chart--9 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 32.4deg, var(--light) 32.4deg 360deg);
}
.p_pie-chart--10 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 36deg, var(--light) 36deg 360deg);
}
.p_pie-chart--11 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 39.6deg, var(--light) 39.6deg 360deg);
}
.p_pie-chart--12 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 43.2deg, var(--light) 43.2deg 360deg);
}
.p_pie-chart--13 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 46.8deg, var(--light) 46.8deg 360deg);
}
.p_pie-chart--14 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 50.4deg, var(--light) 50.4deg 360deg);
}
.p_pie-chart--15 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 54deg, var(--light) 54deg 360deg);
}
.p_pie-chart--16 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 57.6deg, var(--light) 57.6deg 360deg);
}
.p_pie-chart--17 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 61.2deg, var(--light) 61.2deg 360deg);
}
.p_pie-chart--18 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 64.8deg, var(--light) 64.8deg 360deg);
}
.p_pie-chart--19 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 68.4deg, var(--light) 68.4deg 360deg);
}
.p_pie-chart--20 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 72deg, var(--light) 72deg 360deg);
}
.p_pie-chart--21 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 75.6deg, var(--light) 75.6deg 360deg);
}
.p_pie-chart--22 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 79.2deg, var(--light) 79.2deg 360deg);
}
.p_pie-chart--23 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 82.8deg, var(--light) 82.8deg 360deg);
}
.p_pie-chart--24 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 86.4deg, var(--light) 86.4deg 360deg);
}
.p_pie-chart--25 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 90deg, var(--light) 90deg 360deg);
}
.p_pie-chart--26 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 93.6deg, var(--light) 93.6deg 360deg);
}
.p_pie-chart--27 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 97.2deg, var(--light) 97.2deg 360deg);
}
.p_pie-chart--28 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 100.8deg, var(--light) 100.8deg 360deg);
}
.p_pie-chart--29 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 104.4deg, var(--light) 104.4deg 360deg);
}
.p_pie-chart--30 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 108deg, var(--light) 108deg 360deg);
}
.p_pie-chart--31 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 111.6deg, var(--light) 111.6deg 360deg);
}
.p_pie-chart--32 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 115.2deg, var(--light) 115.2deg 360deg);
}
.p_pie-chart--33 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 118.8deg, var(--light) 118.8deg 360deg);
}
.p_pie-chart--34 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 122.4deg, var(--light) 122.4deg 360deg);
}
.p_pie-chart--35 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 126deg, var(--light) 126deg 360deg);
}
.p_pie-chart--36 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 129.6deg, var(--light) 129.6deg 360deg);
}
.p_pie-chart--37 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 133.2deg, var(--light) 133.2deg 360deg);
}
.p_pie-chart--38 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 136.8deg, var(--light) 136.8deg 360deg);
}
.p_pie-chart--39 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 140.4deg, var(--light) 140.4deg 360deg);
}
.p_pie-chart--40 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 144deg, var(--light) 144deg 360deg);
}
.p_pie-chart--41 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 147.6deg, var(--light) 147.6deg 360deg);
}
.p_pie-chart--42 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 151.2deg, var(--light) 151.2deg 360deg);
}
.p_pie-chart--43 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 154.8deg, var(--light) 154.8deg 360deg);
}
.p_pie-chart--44 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 158.4deg, var(--light) 158.4deg 360deg);
}
.p_pie-chart--45 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 162deg, var(--light) 162deg 360deg);
}
.p_pie-chart--46 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 165.6deg, var(--light) 165.6deg 360deg);
}
.p_pie-chart--47 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 169.2deg, var(--light) 169.2deg 360deg);
}
.p_pie-chart--48 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 172.8deg, var(--light) 172.8deg 360deg);
}
.p_pie-chart--49 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 176.4deg, var(--light) 176.4deg 360deg);
}
.p_pie-chart--50 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 180deg, var(--light) 180deg 360deg);
}
.p_pie-chart--51 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 183.6deg, var(--light) 183.6deg 360deg);
}
.p_pie-chart--52 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 187.2deg, var(--light) 187.2deg 360deg);
}
.p_pie-chart--53 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 190.8deg, var(--light) 190.8deg 360deg);
}
.p_pie-chart--54 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 194.4deg, var(--light) 194.4deg 360deg);
}
.p_pie-chart--55 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 198deg, var(--light) 198deg 360deg);
}
.p_pie-chart--56 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 201.6deg, var(--light) 201.6deg 360deg);
}
.p_pie-chart--57 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 205.2deg, var(--light) 205.2deg 360deg);
}
.p_pie-chart--58 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 208.8deg, var(--light) 208.8deg 360deg);
}
.p_pie-chart--59 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 212.4deg, var(--light) 212.4deg 360deg);
}
.p_pie-chart--60 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 216deg, var(--light) 216deg 360deg);
}
.p_pie-chart--61 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 219.6deg, var(--light) 219.6deg 360deg);
}
.p_pie-chart--62 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 223.2deg, var(--light) 223.2deg 360deg);
}
.p_pie-chart--63 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 226.8deg, var(--light) 226.8deg 360deg);
}
.p_pie-chart--64 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 230.4deg, var(--light) 230.4deg 360deg);
}
.p_pie-chart--65 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 234deg, var(--light) 234deg 360deg);
}
.p_pie-chart--66 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 237.6deg, var(--light) 237.6deg 360deg);
}
.p_pie-chart--67 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 241.2deg, var(--light) 241.2deg 360deg);
}
.p_pie-chart--68 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 244.8deg, var(--light) 244.8deg 360deg);
}
.p_pie-chart--69 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 248.4deg, var(--light) 248.4deg 360deg);
}
.p_pie-chart--70 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 252deg, var(--light) 252deg 360deg);
}
.p_pie-chart--71 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 255.6deg, var(--light) 255.6deg 360deg);
}
.p_pie-chart--72 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 259.2deg, var(--light) 259.2deg 360deg);
}
.p_pie-chart--73 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 262.8deg, var(--light) 262.8deg 360deg);
}
.p_pie-chart--74 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 266.4deg, var(--light) 266.4deg 360deg);
}
.p_pie-chart--75 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 270deg, var(--light) 270deg 360deg);
}
.p_pie-chart--76 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 273.6deg, var(--light) 273.6deg 360deg);
}
.p_pie-chart--77 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 277.2deg, var(--light) 277.2deg 360deg);
}
.p_pie-chart--78 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 280.8deg, var(--light) 280.8deg 360deg);
}
.p_pie-chart--79 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 284.4deg, var(--light) 284.4deg 360deg);
}
.p_pie-chart--80 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 288deg, var(--light) 288deg 360deg);
}
.p_pie-chart--81 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 291.6deg, var(--light) 291.6deg 360deg);
}
.p_pie-chart--82 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 295.2deg, var(--light) 295.2deg 360deg);
}
.p_pie-chart--83 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 298.8deg, var(--light) 298.8deg 360deg);
}
.p_pie-chart--84 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 302.4deg, var(--light) 302.4deg 360deg);
}
.p_pie-chart--85 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 306deg, var(--light) 306deg 360deg);
}
.p_pie-chart--86 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 309.6deg, var(--light) 309.6deg 360deg);
}
.p_pie-chart--87 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 313.2deg, var(--light) 313.2deg 360deg);
}
.p_pie-chart--88 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 316.8deg, var(--light) 316.8deg 360deg);
}
.p_pie-chart--89 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 320.4deg, var(--light) 320.4deg 360deg);
}
.p_pie-chart--90 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 324deg, var(--light) 324deg 360deg);
}
.p_pie-chart--91 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 327.6deg, var(--light) 327.6deg 360deg);
}
.p_pie-chart--92 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 331.2deg, var(--light) 331.2deg 360deg);
}
.p_pie-chart--93 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 334.8deg, var(--light) 334.8deg 360deg);
}
.p_pie-chart--94 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 338.4deg, var(--light) 338.4deg 360deg);
}
.p_pie-chart--95 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 342deg, var(--light) 342deg 360deg);
}
.p_pie-chart--96 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 345.6deg, var(--light) 345.6deg 360deg);
}
.p_pie-chart--97 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 349.2deg, var(--light) 349.2deg 360deg);
}
.p_pie-chart--98 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 352.8deg, var(--light) 352.8deg 360deg);
}
.p_pie-chart--99 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 356.4deg, var(--light) 356.4deg 360deg);
}
.p_pie-chart--100 > span:first-child {
  background: conic-gradient(var(--pie-active-color) 0deg 360deg, var(--light) 360deg 360deg);
}
.p_pie-chart > span:first-child {
  align-self: center;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
}
.p_pie-chart > span:first-child + span {
  flex-fill: 1 1 auto;
  align-self: center;
  margin-left: 0.75rem;
  position: relative;
  top: 0.0625rem;
}

.p_circle {
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--dark-bg);
  color: var(--white);
  border-radius: 50%;
  display: inline-block;
  vertical-align: text-top;
  position: relative;
  overflow: hidden;
  border: 0;
}
.p_circle > i,
.p_circle > span {
  position: absolute;
  left: 0;
  top: -0.25rem;
  right: 0;
  bottom: 0;
  color: var(--body-color);
  text-align: center;
  font-size: 1.3125rem;
  line-height: 1;
}
.p_circle--primary {
  background-color: #1ccc5b;
}
.p_circle--secondary {
  background-color: #0088cc;
}
.p_circle--secondary > i,
.p_circle--secondary > span {
  color: #fff;
}
.p_circle--warning {
  background-color: #FFBF00;
}
.p_circle--danger {
  background-color: #FF595E;
}
.p_circle--success {
  background-color: #1ccc5b;
}
.p_circle--dark {
  background-color: var(--dark-bg);
}
.p_circle--dark > i,
.p_circle--dark > span {
  color: var(--white-text);
}
.p_circle--sm {
  width: 1rem;
  height: 1rem;
}
.p_circle--sm > i,
.p_circle--sm > span {
  font-size: 1rem;
}
.p_circle--xsm {
  width: 0.5rem;
  height: 0.5rem;
}

[data-bs-theme=dark] .p_circle--dark {
  background-color: #2F4851;
}

.p_copy {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.125rem;
  font-size: 0.875rem;
  border: 0;
}
.p_copy:hover, .p_copy:active, .p_copy:focus {
  background-color: var(--light-light);
}

.list-inline--sep .list-inline-item {
  margin-right: 0.375rem;
}
.list-inline--sep .list-inline-item + .list-inline-item:before {
  content: "/";
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.5rem;
}

.text-dark-link {
  text-decoration: none;
  color: var(--dark-text);
}
.text-dark-link:hover, .text-dark-link:active, .text-dark-link:focus {
  text-decoration: underline;
}

.text-gray-link {
  text-decoration: none;
  color: var(--color-1);
}
.text-gray-link:hover, .text-gray-link:active, .text-gray-link:focus {
  text-decoration: underline;
}

.text-gray-link-opposite {
  text-decoration: underline;
  color: var(--color-1);
}
.text-gray-link-opposite:hover, .text-gray-link-opposite:active, .text-gray-link-opposite:focus {
  text-decoration: none;
}

.text-arrow-link {
  text-decoration: none;
  color: var(--dark-text);
  background: url(/images/icons/arrow-right-dark.svg) center right no-repeat;
  background-size: 0.5625rem 0.9375rem;
  padding-right: 1.25rem;
}
.text-arrow-link:hover, .text-arrow-link:active, .text-arrow-link:focus {
  text-decoration: underline;
}
.text-arrow-link--sm {
  font-size: 0.875rem;
  background-size: 0.375rem 0.75rem;
  padding-right: 1rem;
}

.text-underline-link {
  text-decoration: underline;
}
.text-underline-link:hover, .text-underline-link:active, .text-underline-link:focus {
  text-decoration: none;
}

[data-bs-theme=dark] .text-arrow-link {
  background: url(/images/icons/arrow-right-white.svg) center right no-repeat;
}

.p_loader {
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
.p_loader:before, .p_loader:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.p_loader:before {
  inset: 0;
  background: conic-gradient(transparent 0%, #0088cc 100%);
  animation: p-loader-spin 1s linear infinite;
  will-change: transform;
}
.p_loader:after {
  inset: 0.1875rem;
  background: var(--white);
}
.p_loader--l-success:before {
  background: conic-gradient(transparent 10%, #00FF67 100%);
}
.p_loader--l-success:after {
  background: #1F3137;
}
.p_loader--xl {
  width: 5.1875rem;
  height: 5.1875rem;
}
.p_loader--xl:after {
  inset: 0.625rem;
}

@keyframes p-loader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.p_block {
  padding-bottom: 2rem;
}
.p_block > p {
  line-height: 2;
}
.p_block > p > * {
  line-height: 1.5;
}
.p_block > * {
  margin-bottom: 0.75rem;
}
.p_block *:first-child {
  margin-top: 0;
}
.p_block *:last-child {
  margin-bottom: 0;
}

.p_box > .p_block:last-child {
  padding-bottom: 0;
}

.p_author {
  display: flex;
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
}
.p_author--static {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
}
.p_author__img {
  width: 3.125rem;
  height: 3.125rem;
  flex: 0 0 3.125rem;
  align-self: center;
}
.p_author__img img {
  max-width: 100%;
  max-height: 3.125rem;
  border-radius: 50%;
}
.p_author__name-date {
  font-family: "Roboto Mono", monospace;
  font-size: 0.875rem;
  flex: 1 1 auto;
  padding-left: 0.625rem;
  align-self: center;
}
.p_author__name-date > span {
  display: block;
}

.p_robot-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 450px) {
  .p_robot-btn {
    right: 15%;
  }
}
@media only screen and (min-width: 576px) {
  .p_robot-btn {
    right: 0;
    bottom: 1.875rem;
  }
}
@media only screen and (min-width: 768px) {
  .p_robot-btn--conf {
    bottom: -11.875rem;
  }
}
.p_robot-btn--header {
  display: none;
}
@media only screen and (min-width: 768px) {
  .p_robot-btn--header {
    display: block;
    right: -6.875rem;
    bottom: -2.8125rem;
  }
}
.p_robot-btn-cover {
  position: relative;
  min-height: 12.5rem;
}
@media only screen and (min-width: 768px) {
  .p_robot-btn-cover {
    min-height: 0;
  }
}
.p_robot-btn__body {
  position: absolute;
  right: 1rem;
  bottom: 0;
}
.p_robot-btn__hands {
  position: absolute;
  right: 0.375rem;
  bottom: 2.0625rem;
  z-index: 2;
}
.p_robot-btn .btn {
  position: absolute;
  right: 4.375rem;
  bottom: 2.8125rem;
}
.p_robot-btn .btn:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.p_journal-log {
  padding: 0.75rem 1.25rem;
  background-color: var(--dark-bg);
  border-radius: 0.25rem;
}
.p_journal-log p {
  margin-bottom: 0;
  padding: 0.125rem 0;
  font-size: 0.875rem;
  color: var(--white-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.p_btn-switch {
  display: none;
}
@media only screen and (min-width: 2000px) {
  .p_btn-switch {
    display: block;
    position: fixed;
    bottom: 6rem;
    right: 1.5rem;
  }
}

.p_remove-filter {
  position: relative;
}
.p_remove-filter__btn {
  position: absolute;
  right: 0.3125rem;
  top: 0.25rem;
  padding-block: 0.125rem;
}

.p_table-truncate {
  max-width: 0;
  min-width: 9.375rem;
}
.p_table-truncate > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 7.5rem;
}
.p_table-mw-160 > div {
  max-width: 10rem;
}

[data-bs-theme=dark] .p_dt-img {
  filter: invert(0.9) hue-rotate(180deg);
  opacity: 0.6;
}

/* ----------------- COMPONENTS -------------------- */
.c_logo {
  background: url(/images/logo.svg) 0 0 no-repeat;
  background-size: 1.25rem 1.875rem;
  padding-left: 2.1875rem;
  min-height: 1.875rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.125rem;
  padding-top: 0.25rem;
  color: #fff;
  text-decoration: none;
  font-family: "Roboto Mono", monospace;
}
@media only screen and (min-width: 992px) {
  .c_logo {
    margin-left: 1.875rem;
    font-size: 1.5rem;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .c_logo {
    margin-left: 0;
  }
}
.c_logo:hover, .c_logo:active, .c_logo:focus {
  color: #fff;
}

.c_search {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  padding: 0;
  display: inline-block;
  box-shadow: none;
  opacity: 1;
  width: 95%;
}
@media only screen and (min-width: 576px) {
  .c_search {
    width: 70%;
  }
}
.c_search i {
  font-size: 1rem;
}
.c_search__wrapper {
  position: relative;
  z-index: 5;
}
.c_search__wrapper .form-control {
  border: 1px solid #ddd;
  padding: 0.5rem 0.75rem 0.4375rem 2.25rem;
  background: var(--white) url(/images/icons/search.svg) 0.75rem center no-repeat;
}
@media only screen and (min-width: 576px) {
  .c_search__wrapper .form-control {
    padding-left: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .c_search__wrapper .form-control {
    padding: 0.9375rem 0.75rem 0.875rem 3rem;
  }
}

.search-open .c_search {
  opacity: 1;
  display: block;
}

[data-bs-theme=dark] .c_search .form-control {
  background-image: url(/images/icons/dt_search.svg);
  border-color: var(--white);
}

.dropdown-menu {
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  background: var(--white);
}
.dropdown .dropdown-toggle:after {
  border: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z%27 fill=%27%231F3137%27/%3e%3c/svg%3e");
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}
.dropdown .dropdown-toggle.btn-success:after, .dropdown .dropdown-toggle.btn-info:after {
  background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z%27 fill=%27%23FFFFFF%27/%3e%3c/svg%3e");
}
.dropdown-item:active {
  background-color: #fff;
  color: inherit !important;
}
.dropdown-item:hover, .dropdown-item:active, .dropdown-item:focus {
  text-decoration: none;
}

.dropdown-toggle--no-arrow:after {
  display: none;
}

.datagrid .dropstart.d-inline-flex {
  max-height: 1.9375rem;
}
.datagrid .dropstart.d-inline-flex > .dropdown-toggle {
  border-left: 1px solid rgba(255, 255, 255, 0.5) !important;
  position: relative;
  z-index: 1;
}
.datagrid .dropstart.d-inline-flex > .dropdown-toggle:before {
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.3em solid var(--white);
  border-bottom: 0;
  vertical-align: 0.255em;
}
.datagrid .dropstart.d-inline-flex > .dropdown-toggle-split {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.datagrid .dropstart.d-inline-flex > .dropdown-toggle.btn-light:before {
  border-color: var(--dark-text) transparent transparent;
}

#snippet-unpaidProformaInvoiceGrid-table .dropstart .dropdown-toggle::before {
  display: none;
}

[data-bs-theme=dark] .dropdown-toggle:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z%27 fill=%27%23ddd%27/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .dropdown-item:active {
  background: var(--bs-dropdown-link-active-bg);
}

.p-office .dropdown-menu {
  --bs-dropdown-font-size: 0.875rem;
  --bs-dropdown-padding-y: 0.25rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-item-padding-x: 0.5rem;
  --bs-dropdown-item-border-radius: 0.25rem;
  --bs-dropdown-link-hover-bg: var(--color-2);
  --bs-dropdown-link-active-bg: var(--color-2);
  --bs-dropdown-link-active-color: #17AB4B;
  --bs-dropdown-spacer: 0.0625rem;
  --bs-dropdown-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, 0.07);
  padding-inline: 0.375rem;
}
.p-office .dropdown-menu .dropdown-item {
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  font-size: var(--bs-dropdown-font-size);
  line-height: 1.4;
  border-radius: var(--bs-dropdown-item-border-radius);
}
.p-office .dropdown-menu .dropdown-item:hover, .p-office .dropdown-menu .dropdown-item:active, .p-office .dropdown-menu .dropdown-item:focus {
  background-color: var(--color-2);
}
.p-office .dropdown-menu .dropdown-item i {
  font-size: 0.875rem;
}
.p-office .dropdown-menu .dropdown-item strong {
  font-size: inherit;
}
.p-office .dropdown-menu hr {
  margin-block: 0.25rem;
}

.p-office .datagrid-container .datagrid .dropdown-menu .dropdown-item {
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  font-size: var(--bs-dropdown-font-size);
}

.c_top-menu {
  margin-bottom: 1.5625rem;
  position: sticky;
  top: 3.5rem;
  z-index: 4;
  display: none;
}
@media only screen and (min-width: 768px) {
  .c_top-menu {
    top: 4.5rem;
    display: block;
  }
}
.c_top-menu + h2 {
  padding-top: 0.9375rem;
}
.c_top-menu > ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.c_top-menu > ul > li {
  padding-inline: 0.625rem;
}
@media only screen and (min-width: 1200px) {
  .c_top-menu > ul > li {
    padding-inline: 0.5rem;
  }
}
@media only screen and (min-width: 1400px) {
  .c_top-menu > ul > li {
    padding-inline: 0.9375rem;
  }
}
.c_top-menu > ul > li:first-child {
  padding-left: 0;
}
.c_top-menu > ul > li > a {
  display: block;
  padding-block: 0.625rem;
  font-size: 0.875rem;
  text-decoration: none;
  color: var(--dark-text);
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease-out;
}
@media only screen and (min-width: 1400px) {
  .c_top-menu > ul > li > a {
    font-size: 1rem;
  }
}
.c_top-menu > ul > li > a:hover, .c_top-menu > ul > li > a:active, .c_top-menu > ul > li > a:focus {
  border-color: #1ccc5b;
  color: var(--dark-text);
}
.c_top-menu > ul > li > a.active {
  font-weight: bold;
  border-color: #1ccc5b;
}
.c_top-menu > ul > li > a.active .c_top-menu__num {
  background-color: #1ccc5b;
  color: #fff;
}
.c_top-menu__num {
  font-weight: bold;
  border-radius: 0.25rem;
  background-color: var(--color-4);
  display: inline-block;
  padding: 0.125rem 0.5rem;
  line-height: 1.4;
  margin-left: 0.5rem;
}

[data-bs-theme=dark] .c_top-menu > ul > li > a:not(.active) .c_top-menu__num {
  background-color: #1B2B30;
}
[data-bs-theme=dark] .c_top-menu > ul > li > a.active .c_top-menu__num {
  color: #131b1e;
}

.c_help-box {
  background-color: var(--bs-warning-bg-subtle);
  border-radius: 0.25rem;
  padding: 0.9375rem;
  position: relative;
  border: 1px solid var(--bs-warning-border-subtle);
  font-size: 0.875rem;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .c_help-box {
    padding: 1.8125rem 1.875rem;
  }
}
.c_help-box:after {
  content: "?";
  display: block;
  color: rgb(153, 114.6, 0);
  text-align: center;
  font-size: 7.5rem;
  position: absolute;
  top: 50%;
  margin-top: -5.625rem;
  right: 0.9375rem;
  font-weight: bold;
  opacity: 0.2;
}
@media only screen and (min-width: 768px) {
  .c_help-box:after {
    right: 2.8125rem;
  }
}
.c_help-box form {
  position: relative;
  z-index: 2;
}
.c_help-box__title {
  color: var(--bs-warning-text-emphasis);
  font-size: 1rem;
}
.c_help-box .btn-close {
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
}

.alert-warning {
  background-color: var(--bs-warning-bg-subtle);
}

.c_blank-state {
  background-color: #E9F6FE;
  border: 1px solid #D1E3EA;
  padding: 0.9375rem;
  margin-bottom: 1.875rem;
  text-align: center;
  border-radius: 0.25rem;
}
@media only screen and (min-width: 768px) {
  .c_blank-state {
    padding: 1.875rem;
  }
}
.c_blank-state__alert-ico {
  margin-bottom: 0.75rem;
}
.c_blank-state__alert-ico i {
  display: block;
  margin-top: -1rem;
  margin-bottom: -0.75rem;
}
.c_blank-state__content p {
  margin-bottom: 1rem;
}
.c_blank-state__content *:last-child {
  margin-bottom: 0;
}
.c_blank-state__btns {
  padding-top: 0.5rem;
}
.c_blank-state__btns .btn {
  margin-inline: 0.5rem;
  margin-top: 1rem;
}
.c_blank-state ul {
  list-style: none;
  padding: 0;
}
.c_blank-state ul li {
  position: relative;
  padding-left: 1rem;
  margin-left: 0.5rem;
}
.c_blank-state ul li:before {
  content: "";
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: var(--bs-body-color);
  border-radius: 50%;
  position: absolute;
  top: 0.5625rem;
  left: 0;
}
.c_blank-state--help, .c_blank-state--help-warning {
  text-align: left;
}
.c_blank-state--help *:last-child, .c_blank-state--help-warning *:last-child {
  margin-bottom: 0;
}
.c_blank-state--help h3, .c_blank-state--help .h3, .c_blank-state--help-warning h3, .c_blank-state--help-warning .h3 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
.c_blank-state--help {
  background-color: var(--light);
  border: 1px solid var(--border);
}
.c_blank-state--help-warning {
  background-color: #FFF7D3;
  border-color: #EDD982;
}

[data-bs-theme=dark] .c_blank-state {
  border-color: rgba(0, 82, 122, 0.5019607843);
  background-color: #001B29;
}
[data-bs-theme=dark] .c_blank-state--help-warning {
  background-color: #332600;
  border-color: rgba(153, 115, 0, 0.5019607843);
}
[data-bs-theme=dark] .c_blank-state.bg-light {
  background-color: transparent !important;
  border-color: rgba(221, 221, 221, 0.2);
}

.c_inline-elements {
  display: flex;
  flex-wrap: wrap;
}
.c_inline-elements > div {
  padding-right: 0.9375rem;
  flex: 0 0 33.3333334%;
}
@media only screen and (min-width: 576px) {
  .c_inline-elements > div {
    flex: 0 0 12.5%;
  }
}

.c_box {
  border: 1px solid var(--border);
  padding: 1.875rem;
  border-radius: 0.25rem;
}
.c_box img {
  height: auto;
}

.c_help-video {
  background-color: #FFF7D3;
  border: 1px solid rgb(255, 233.0909090909, 134.5);
  border-radius: 0.25rem;
  padding: 0.3125rem 0.9375rem;
  position: relative;
  margin: -0.625rem;
}
@media only screen and (min-width: 576px) {
  .c_help-video {
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .c_help-video {
    padding: 1.25rem 1.875rem;
  }
}
.c_help-video__header {
  padding-right: 3.75rem;
}
.c_help-video__btn {
  background-color: transparent;
  border: 0;
  display: block;
  padding: 0.625rem 0;
  color: #1F3137;
  text-decoration: underline;
  text-align: left;
}
.c_help-video__btn:after {
  content: "";
  background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%230088cc%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e") 0 0 no-repeat;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.4375rem;
  position: relative;
  top: 0.0625rem;
  transform: rotate(180deg);
  transition: all 0.2s ease-out;
}
.c_help-video__btn.collapsed:after {
  transform: rotate(0);
}
.c_help-video__btn:hover, .c_help-video__btn:active, .c_help-video__btn:focus {
  text-decoration: none;
}
.c_help-video .btn-close {
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
}
@media only screen and (min-width: 1200px) {
  .c_help-video .btn-close {
    right: 1.875rem;
    top: 1.875rem;
  }
}

.c_pagination {
  text-align: center;
  padding: 1.875rem 0 0.9375rem;
}
.c_pagination ul {
  margin: 0 0 -0.3125rem;
  display: flex;
  justify-content: center;
}
.c_pagination__item > a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  line-height: 2.25rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  margin-bottom: 0.3125rem;
  background-color: #fff;
  text-decoration: none;
  color: #1F3137;
  border: 2px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.2s ease-out;
}
.c_pagination__item > a:hover, .c_pagination__item > a:active, .c_pagination__item > a:focus {
  border-color: rgba(99, 154, 31, 0.25);
}
.c_pagination__item.active a {
  background: #1F3137;
  color: #fff;
  cursor: default;
}
.c_pagination__item.active a:hover, .c_pagination__item.active a:active, .c_pagination__item.active a:focus {
  text-decoration: none;
  border-color: #1F3137;
}
.c_pagination__item > span {
  line-height: 2rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
.c_pagination__item--prev a {
  margin-left: 0;
  position: relative;
}
.c_pagination__item--prev a:before {
  content: "";
  background: url(/images/icons/arrow-right.svg) 0 0 no-repeat;
  width: 1rem;
  height: 1rem;
  display: block;
  transform: rotate(180deg);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
}
.c_pagination__item--prev.disabled {
  display: none;
}
.c_pagination__item--next a {
  margin-right: 0;
  position: relative;
}
.c_pagination__item--next a:before {
  content: "";
  background: url(/images/icons/arrow-right.svg) 0 0 no-repeat;
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
}
.c_pagination__item--next.disabled {
  display: none;
}

.c_whisperer {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 102;
  border: 1px solid var(--bs-border-color);
  background-color: var(--white);
  border-radius: 0.25rem;
  box-shadow: 0 16px 32px -8px rgba(12, 12, 12, 0.4);
  transition: all 0.1s ease-in-out 0.2s;
}
@media only screen and (max-width: 575px) {
  .c_whisperer {
    width: calc(100vw - 24px);
  }
}
@media only screen and (min-width: 768px) {
  .c_whisperer {
    width: 27.5rem;
  }
}
.c_whisperer--active {
  visibility: visible;
  opacity: 1;
}
.c_whisperer ul {
  margin: 0;
  text-align: left;
}
.c_whisperer li:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  overflow: hidden;
}
.c_whisperer li:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  overflow: hidden;
}
.c_whisperer li .c_whisperer__item {
  text-decoration: none;
  color: var(--bs-body-color);
  display: flex;
  transition: all 0.2s ease-out;
}
.c_whisperer li .c_whisperer__item:hover, .c_whisperer li .c_whisperer__item:active, .c_whisperer li .c_whisperer__item:focus {
  background-color: var(--success-light);
}
.c_whisperer li .c_whisperer__item--active {
  background-color: var(--success-light);
}
.c_whisperer li.active {
  background-color: var(--success-light);
}
.c_whisperer__img {
  width: 2.8125rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.625rem;
  text-align: center;
  align-self: center;
  display: flex;
  justify-content: center;
}
.c_whisperer__img i {
  font-size: 1rem;
  align-self: center;
}
.c_whisperer__img .spinner-border {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.1875rem;
  border-width: 0.125rem;
}
.c_whisperer__desc {
  flex: 1 1 auto;
  align-self: center;
  padding: 0.625rem 3rem 0.625rem 0.625rem;
  position: relative;
}
.c_whisperer__desc:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/images/icons/arrow-right.svg) center center no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}
.c_whisperer__desc__title {
  color: var(--bs-body-color);
  margin: 0;
  word-break: break-word;
}
.c_whisperer__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
}

[data-bs-theme=dark] .c_whisperer__desc:after {
  background-image: url(/images/icons/dt_arrow-right.svg);
}

.c_recap__line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.3125rem 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .c_recap__line {
    display: block;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .c_recap__line {
    display: block;
  }
}
.c_recap__line > span {
  font-size: 0.875rem;
  flex: 0 0 50%;
  padding-right: 0.9375rem;
  align-self: flex-end;
}
.c_recap__line > strong {
  flex: 0 0 50%;
  align-self: flex-end;
  display: block;
}

@media only screen and (min-width: 576px) {
  .c_credit-box h2 {
    min-height: 3.25rem;
  }
}

.c_server-name-change {
  display: inline;
}
.c_server-name-change .submit {
  display: none;
}
.c_server-name-change .input {
  cursor: pointer;
  background: transparent;
  border: none;
  border-bottom: 1px dashed #aaa;
  padding-bottom: 0.2rem;
}
.c_server-name-change .input:focus, .c_server-name-change .input:active {
  cursor: text;
}

.c_spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -2.3125rem;
  margin-left: -2.3125rem;
  width: 4.625rem;
  height: 4.625rem;
  padding: 0.75rem;
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.2);
  border: 1px solid var(--light);
  z-index: 9999;
}
.c_spinner__in {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: block;
  border: 3px solid;
  border-color: #1F3137 #1F3137 transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.c_spinner__in:after, .c_spinner__in:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #17AB4B #17AB4B;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.c_spinner__in:before {
  width: 32px;
  height: 32px;
  border-color: #FFF #FFF transparent transparent;
  animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.c_search-bar {
  display: block;
  position: relative;
  z-index: 4;
}
.c_search-bar:before {
  content: attr(data-placeholder);
  color: #777;
  position: absolute;
  left: 0.625rem;
  right: 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c_search-bar.hide-placeholder:before {
  display: none;
}
.c_search-bar-form {
  position: relative;
  z-index: 5;
}
.c_search-bar__label {
  background-color: rgba(226, 226, 226, 0.25);
  border: 1px solid var(--bs-border-color);
  padding: 0.125rem 0.3125rem 0.0625rem;
  margin-block: 0.0625rem;
  color: var(--bs-body-color);
  border-radius: 0.25rem;
  font-weight: normal;
  font-size: 0.875rem;
}
.c_search-bar__placeholder {
  position: absolute;
}
.c_search-bar__autocomplete {
  position: absolute;
  top: 100%;
  background-color: var(--white);
  z-index: 4;
  border-radius: 0 0.25rem 0.25rem 0.25rem;
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.c_search-bar-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c_search-bar__label-for-selection {
  opacity: 0.8;
  transition: all 0.2s ease-out;
}
.c_search-bar__label-for-selection:hover, .c_search-bar__label-for-selection:active, .c_search-bar__label-for-selection:focus {
  opacity: 1;
}

.c_steps {
  display: flex;
  align-items: flex-start;
}
.c_steps__item {
  flex: 1;
  position: relative;
}
.c_steps__item:last-child {
  flex: 0 0 auto;
}
.c_steps__item:last-child .c_steps__indicator:after {
  display: none;
}
.c_steps__item:has(~ .c_steps__item--active) .c_steps__indicator:before {
  background-color: #1ccc5b;
  border-color: #1ccc5b;
  background-image: url(/images/icons/check-white.svg);
  background-size: 0.5625rem 0.4375rem;
  background-position: center center;
  background-repeat: no-repeat;
}
.c_steps__item:has(~ .c_steps__item--active) .c_steps__indicator:after {
  content: "";
  position: absolute;
  top: 0.375rem;
  left: 0.75rem;
  right: 0;
  height: 0.125rem;
  background-color: #1ccc5b;
}
.c_steps__item--active .c_steps__indicator:before {
  border-color: #1ccc5b;
}
.c_steps__indicator {
  position: relative;
  height: 0.9375rem;
  margin-bottom: 0.625rem;
}
.c_steps__indicator:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 50%;
  border: 0.0625rem solid #777;
  background-color: #fff;
  z-index: 1;
}
.c_steps__content {
  padding-right: 1rem;
}
.c_steps__title {
  color: var(--body-color);
  margin-bottom: 0.125rem;
}
.c_steps__subtitle {
  font-size: 0.875rem;
  color: var(--color-1);
}
@media only screen and (max-width: 575px) {
  .c_steps {
    flex-direction: column;
  }
  .c_steps__item {
    display: flex;
    align-items: flex-start;
    flex: 0 0 auto;
    padding-bottom: 1rem;
  }
  .c_steps__item .c_steps__indicator:after {
    display: none;
  }
  .c_steps__indicator {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 0.75rem;
    margin-top: 0.25rem;
  }
  .c_steps__content {
    padding-right: 0;
    padding-left: 1rem;
  }
}

.c_stick-drop {
  position: absolute;
  top: 99%;
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 0.625rem;
  border: 2px solid #f1f6f8;
  z-index: 9999;
}
.c_stick-drop ul {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.c_stick-drop ul li {
  margin-bottom: 0.3125rem;
  margin-right: 0.3125rem;
  cursor: pointer;
  color: #777;
  border: 1px solid #777;
  transition: all 0.2s ease-out;
}
.c_stick-drop ul li:hover, .c_stick-drop ul li:active, .c_stick-drop ul li:focus {
  border-color: #1F3137;
  color: #1F3137;
}

#serverLabelsManagement .choices__list--dropdown.is-active {
  top: -1.625rem;
  border: 0;
  right: 0;
  width: auto;
  max-width: 10.625rem;
}
@media only screen and (min-width: 360px) {
  #serverLabelsManagement .choices__list--dropdown.is-active {
    max-width: 12.5rem;
  }
}
@media only screen and (min-width: 576px) {
  #serverLabelsManagement .choices__list--dropdown.is-active {
    max-width: 100%;
  }
}
#serverLabelsManagement .choices__list--dropdown.is-active .choices__item {
  padding: 0.125rem 0.3125rem;
  font-size: 0.75rem;
}

.c_one-time-code {
  display: flex;
  column-gap: 0.3125rem;
}
.c_one-time-code__piece {
  width: 1rem;
  height: 1rem;
  box-sizing: content-box;
  padding: 0.3125rem;
  text-align: center;
}

.timeline {
  --bsb-tl-color: #1ccc5b;
  --bsb-tl-circle-color: var(--white);
  --bsb-tl-circle-border-color: #1ccc5b;
  --bsb-tl-indicator-color: var(--bs-white);
  --bsb-tl-circle-size: 0.9375rem;
  --bsb-tl-circle-offset: 0.5rem;
  --bsb-tl-circle-border-size: 0.0625rem;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.timeline:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin-left: -1px;
  width: 1px;
  background-color: var(--bsb-tl-color);
}
.timeline > .timeline-item {
  margin: 0;
  padding: 0;
  position: relative;
}
.timeline > .timeline-item:after {
  content: "";
  position: absolute;
  top: calc(50% - var(--bsb-tl-circle-offset));
  left: calc(var(--bsb-tl-circle-offset) * -1);
  width: var(--bsb-tl-circle-size);
  height: var(--bsb-tl-circle-size);
  border: var(--bsb-tl-circle-border-size) solid var(--bsb-tl-circle-border-color);
  border-radius: 50%;
  background: var(--bsb-tl-circle-color);
  z-index: 1;
}
.timeline > .timeline-item.active:after {
  background-color: var(--bsb-tl-color);
  background-image: url(/images/icons/check-white.svg);
  background-size: 0.5625rem 0.4375rem;
  background-position: center center;
  background-repeat: no-repeat;
}
.timeline .timeline-body {
  margin: 0;
  padding: 0;
  position: relative;
}
.timeline .timeline-meta {
  padding: 0 0 0.25rem 2rem;
}
.timeline .timeline-content {
  padding: 0 0 1.5rem 2rem;
}
@media only screen and (min-width: 576px) {
  .timeline {
    left: 33%;
    width: 67%;
  }
  .timeline .timeline-meta {
    position: absolute;
    left: -100%;
    top: calc(50% - 10px);
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0 2rem 0 0;
    margin: 0;
    z-index: 1;
  }
  .timeline .timeline-meta:first-child {
    padding: 0 2rem 0 0;
  }
  .timeline .timeline-content {
    padding: 0.75rem 1.5rem;
  }
  .timeline .timeline-indicator {
    position: relative;
  }
  .timeline .timeline-indicator:after {
    content: "";
    position: absolute;
    top: calc(50% - var(--bsb-tl-circle-offset));
    left: calc(2rem - 10px);
    z-index: 1;
    border: 10px solid var(--bsb-tl-indicator-color);
    border-color: transparent var(--bsb-tl-indicator-color) transparent transparent;
    border-left-width: 0;
    border-width: 1px;
  }
}

[data-bs-theme=dark] .c_datagrid-header {
  --datagrid-search-img: url(/images/icons/dt_search.svg);
}

.c_datagrid-header {
  --datagrid-search-img: url(/images/icons/search.svg);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.75rem;
}
@media only screen and (min-width: 576px) {
  .c_datagrid-header {
    padding: 1rem;
  }
}
.c_datagrid-header > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .c_datagrid-header > * {
    flex: 0 0 auto;
    width: auto;
  }
}
.c_datagrid-header > form {
  margin-bottom: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .c_datagrid-header > form {
    max-width: calc(100% - 160px);
  }
}
.c_datagrid-header > form > span:first-child {
  background-image: var(--datagrid-search-img);
  background-position: 0.75rem 0.5rem;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
}
.c_datagrid-header > form > span:first-child:before {
  left: 2.5rem;
}
.c_datagrid-header > form > button {
  min-width: 1.5rem;
}
.c_datagrid-header .dropdown .dropdown-item {
  font-weight: bold;
}

.c_grid-select {
  display: none;
}
@media only screen and (max-width: 575px) {
  .c_grid-select {
    display: inline-block;
  }
}

@media only screen and (max-width: 575px) {
  .c_grid-selectable .col-checkbox {
    display: none;
  }
  .c_grid-selectable.is-selecting .col-checkbox {
    display: table-cell;
  }
  .c_grid-selectable .c_grid-bulk-actions {
    display: none !important;
  }
  .c_grid-selectable.is-selecting .c_grid-bulk-actions {
    display: inline-block !important;
  }
}
.c_menu-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #1F3137;
}
@media only screen and (min-width: 1200px) {
  .c_menu-bar {
    display: none;
  }
}
.c_menu-bar ul {
  display: flex;
  margin-bottom: 0;
}
.c_menu-bar ul li {
  flex: 0 0 30%;
}
.c_menu-bar ul li:first-child, .c_menu-bar ul li:last-child {
  flex: 0 0 20%;
}
.c_menu-bar ul li a {
  font-size: 0.875rem;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  height: 5.0625rem;
  padding: 0.5rem 0.3125rem;
}
.c_menu-bar ul li a.active {
  background-color: #e8faef;
  color: #17AB4B;
  font-weight: bold;
}
.c_menu-bar ul li a.active .p_badge {
  color: var(--white);
}
.c_menu-bar ul li a > span {
  display: block;
}
.c_menu-bar ul li a > span:first-child {
  padding: 0.125rem;
  margin-bottom: 0.3125rem;
  height: 2.3125rem;
}
.c_menu-bar ul li a > span:first-child + span {
  display: block;
}

.p-office .c_menu-bar ul li,
.p-office .c_menu-bar ul li:first-child,
.p-office .c_menu-bar ul li:last-child {
  flex: 0 0 20%;
}
.p-office .c_menu-bar ul li {
  position: relative;
}
.p-office .c_menu-bar ul li a {
  font-size: 0.875rem;
  padding-inline: 0.125rem;
}
.p-office .c_menu-bar ul li a > span + span {
  white-space: nowrap;
}
.p-office .c_menu-bar ul .p_badge {
  position: absolute;
  top: 0.5rem;
  left: 55%;
  margin-left: 0.125rem;
  line-height: 1;
}
.p-office .c_menu-bar ul .p_burger-menu > span {
  font-size: 0.875rem;
}

[data-bs-theme=dark] {
  --primary-light: #05220F;
  --danger-light: #331213;
  --warning-light: #332600;
  --info-light: #001B29;
}

.c_notifications {
  align-self: center;
}
.c_notifications i:before {
  font-size: 1.3125rem;
}
.c_notifications > button {
  position: relative;
  max-height: 2.375rem;
  padding: 0.1875rem 0.5rem 0.125rem;
  --bg: var(--color-2);
  --border-angle: 0deg;
}
.c_notifications > button.anim-primary, .c_notifications > button.anim-info {
  max-height: 2.5rem;
  margin: -0.0625rem;
  padding: 0.1875rem 0.5625rem 0.125rem;
  border: 0.125rem solid transparent;
  animation: border-angle-rotate 2s infinite linear;
}
.c_notifications > button.anim-primary {
  background: linear-gradient(var(--white), var(--white)) padding-box, conic-gradient(from var(--border-angle), var(--bg) 50%, #17AB4B) border-box;
}
.c_notifications > button.anim-info {
  background: linear-gradient(var(--white), var(--white)) padding-box, conic-gradient(from var(--border-angle), var(--bg) 50%, #0088cc) border-box;
}
.c_notifications > button:after {
  display: none;
}
.c_notifications > button.show {
  box-shadow: 0 0 0 3px var(--color-4);
}
.c_notifications > button > span {
  position: relative;
  top: -0.125rem;
}
.c_notifications__dot {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  background-color: #1ccc5b;
  border-radius: 50%;
}
.c_notifications__dot--info {
  background-color: #0088cc;
}
.c_notifications-slider {
  position: relative;
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 768px) {
  .c_notifications-slider {
    width: 36.875rem;
  }
}
.c_notifications-slider__viewport {
  border-radius: 6px;
}
.c_notifications-slider__viewport .c_notifications-running {
  margin-bottom: 0;
  border-radius: 0;
  overflow: hidden;
}
.c_notifications-slider__viewport .c_notifications-running .c_notifications-running__item {
  display: none;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.c_notifications-slider__viewport .c_notifications-running .c_notifications-running__item.is-active {
  display: flex;
  animation-name: notificationSlideIn;
}
.c_notifications-slider__viewport .c_notifications-running .c_notifications-running__item.is-leaving {
  display: flex;
  animation-name: notificationSlideOut;
}
.c_notifications-slider__arrow {
  border: none;
  background: none;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  max-height: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s ease-out;
}
.c_notifications-slider__arrow:disabled {
  opacity: 0.25;
  pointer-events: none;
}
.c_notifications-slider__arrow--prev {
  right: 2.25rem;
  transform: rotate(180deg) translateY(-50%);
  top: auto;
  bottom: 51%;
}
.c_notifications-slider__arrow--next {
  right: 0.75rem;
}
.c_notifications-slider__arrow svg path {
  fill: #4d4d4d;
}
.c_notifications-slider .c_notifications-running__item {
  padding-right: 4.375rem;
}
.c_notifications-running {
  transform: none !important;
  border-radius: 6px !important;
  overflow: hidden;
  padding: 0;
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 768px) {
  .c_notifications-running {
    width: 36.875rem;
  }
}
.c_notifications-running__item {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem;
}
@media only screen and (min-width: 576px) {
  .c_notifications-running__item {
    flex-wrap: nowrap;
    padding: 0.75rem 1.25rem;
  }
}
.c_notifications-running__item--success {
  background-color: #BBF0CE;
}
.c_notifications-running__item--danger {
  background-color: rgba(255, 89, 94, 0.2);
}
.c_notifications-running__item--loading {
  background-color: var(--info-light);
}
.c_notifications-running__item--dark {
  background-color: var(--dark-bg);
}
.c_notifications-running__item--primary {
  background-color: var(--primary-light);
}
.c_notifications-running__item--warning {
  background-color: var(--warning-light);
}
.c_notifications-running__item--info {
  background-color: var(--color-2);
}
.c_notifications-running__item--success.highlight {
  box-shadow: 0 0 4px #C6EED0;
}
.c_notifications-running__left {
  flex: 0 0 100%;
  display: flex;
}
@media only screen and (min-width: 576px) {
  .c_notifications-running__left {
    flex: 1 1 auto;
  }
}
.c_notifications-running__ico {
  flex: 0 0 2.5rem;
  padding-right: 0.625rem;
  align-self: center;
  display: flex;
  justify-content: center;
}
.c_notifications-running__ico span {
  display: inline-block;
  align-self: center;
}
.c_notifications-running__ico i {
  font-size: 1.5rem;
  line-height: 1;
}
.c_notifications-running__ico i[class^=bi-]::before {
  line-height: 1 !important;
}
.c_notifications-running__ico i.bi-check:before {
  font-size: 1.5rem;
}
.c_notifications-running__content {
  flex: 1 1 auto;
  align-self: center;
}
.c_notifications-running__content a {
  color: var(--body-color);
}
.c_notifications-list {
  top: 80% !important;
  left: auto !important;
  right: 0 !important;
  transform: none !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
  padding: 0;
  border: 1px solid var(--border);
}
@media only screen and (min-width: 768px) {
  .c_notifications-list {
    width: 36.875rem;
  }
}
.c_notifications-list__item {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem;
}
@media only screen and (min-width: 576px) {
  .c_notifications-list__item {
    flex-wrap: nowrap;
    padding: 1.25rem;
  }
}
.c_notifications-list__item + .c_notifications-list__item {
  border-top: 1px solid var(--border);
}
.c_notifications-list__item--success.unreaded {
  background-color: var(--primary-light);
}
.c_notifications-list__item--danger.unreaded {
  background-color: var(--danger-light);
}
.c_notifications-list__item--loading.unreaded {
  background-color: var(--info-light);
}
.c_notifications-list__item--dark.unreaded {
  background-color: var(--dark-bg);
}
.c_notifications-list__item--primary.unreaded {
  background-color: var(--primary-light);
}
.c_notifications-list__item--warning.unreaded {
  background-color: var(--warning-light);
}
.c_notifications-list__item--info.unreaded {
  background-color: var(--color-2);
}
.c_notifications-list__item--success.highlight {
  box-shadow: 0 0 4px #C6EED0;
}
.c_notifications-list__left {
  flex: 0 0 100%;
  display: flex;
}
@media only screen and (min-width: 576px) {
  .c_notifications-list__left {
    flex: 1 1 auto;
  }
}
.c_notifications-list__ico {
  flex: 0 0 2.5rem;
  padding-right: 0.625rem;
  align-self: center;
  display: flex;
  justify-content: center;
}
.c_notifications-list__ico span {
  display: inline-block;
  align-self: center;
}
.c_notifications-list__ico i {
  font-size: 1.5rem;
  line-height: 1;
}
.c_notifications-list__ico i[class^=bi-]::before {
  line-height: 1 !important;
}
.c_notifications-list__ico i.bi-check:before {
  font-size: 1.5rem;
}
.c_notifications-list__content {
  flex: 1 1 auto;
  align-self: center;
}
.c_notifications-list__content a {
  color: var(--body-color);
}
.c_notifications-list__right {
  flex: 0 0 100%;
  display: flex;
}
@media only screen and (min-width: 576px) {
  .c_notifications-list__right {
    flex: 0 0 6.875rem;
  }
}
.c_notifications-list__time {
  flex: 0 0 4.375rem;
  color: var(--color-3);
  align-self: center;
  text-align: right;
}
.c_notifications-list__action {
  flex: 0 0 2.5rem;
  align-self: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.c_notifications-list__action > a {
  align-self: center;
}
.c_notifications-list__action > a i {
  font-size: 1.3125rem;
  line-height: 1 !important;
}
.c_notifications-list__action > a i:before {
  position: relative;
  top: 0.125rem;
  line-height: 1 !important;
}
.c_notifications-list__action--eye a {
  color: var(--color-3);
  opacity: 0.5;
  transition: all 0.2s ease-out;
}
.c_notifications-list__action--eye a:hover, .c_notifications-list__action--eye a:active, .c_notifications-list__action--eye a:focus {
  opacity: 1;
}
.c_notifications-list__action--close a {
  display: inline-block;
  color: var(--body-color);
  background: url(/images/icons/close-dark.svg) no-repeat center center;
  width: 1rem;
  height: 1rem;
  margin-right: 0.125rem;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}
.c_notifications-list__action--close a:hover, .c_notifications-list__action--close a:active, .c_notifications-list__action--close a:focus {
  opacity: 1;
}

@keyframes border-angle-rotate {
  from {
    --border-angle: 0deg;
  }
  to {
    --border-angle: 360deg;
  }
}
@keyframes notificationSlideIn {
  from {
    opacity: 0;
    transform: translateX(calc(var(--slide-direction, 1) * 20px));
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes notificationSlideOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(calc(var(--slide-direction, 1) * -20px));
  }
}
@property --border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
[data-bs-theme=dark] .c_notifications-list__action--close a {
  background: url(/images/icons/dt_close-dark.svg) no-repeat center center;
}
[data-bs-theme=dark] .c_notifications-running__item--success {
  background: var(--primary-light);
}
[data-bs-theme=dark] .c_notifications-running__item--danger {
  background: var(--danger-light);
}
[data-bs-theme=dark] .c_notifications-slider__arrow svg path {
  fill: #fff;
}

.c_sum-card__pricing {
  display: flex;
  margin-bottom: 1.5rem;
}
.c_sum-card__pricing-img {
  align-self: center;
  padding-right: 0.75rem;
}
.c_sum-card__pricing-img svg path,
.c_sum-card__pricing-img svg polygon {
  fill: var(--img-bg);
}
.c_sum-card__pricing-content {
  flex: 1 1 auto;
}
.c_sum-card__pricing-content > strong {
  font-size: 1.3125rem;
}

.c_card-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.625rem;
}
@media only screen and (min-width: 576px) {
  .c_card-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .c_card-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1400px) {
  .c_card-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.c_card-list__item {
  position: relative;
  transition: all 0.2s ease-out;
}
.c_card-list__item > div {
  transition: all 0.2s ease-out;
}
.c_card-list__item:hover > div, .c_card-list__item:active > div, .c_card-list__item:focus > div {
  box-shadow: inset 0 0 0 4px rgba(28, 204, 91, 0.4);
}
.c_card-list__item-img {
  height: 14.0625rem;
  margin-inline: -2.5rem;
  margin-top: -2.5rem;
  margin-bottom: 2.5rem;
  overflow: hidden;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.c_card-list__item-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.c_card-list__item svg path {
  fill: var(--img-bg);
}
.c_card-list__item > input {
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  z-index: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--color-6);
  border-radius: 0.25rem;
  print-color-adjust: exact;
  width: 1.25rem;
  height: 1.25rem;
  appearance: none;
}
.c_card-list__item > input:focus {
  outline: none;
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.125rem rgba(28, 204, 91, 0.4);
}
.c_card-list__item > input:checked[type=checkbox] {
  background-color: #1ccc5b;
  border-color: #1ccc5b;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e");
}
.c_card-list__item > input + label {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.c_card-list__item > input:checked + label + div {
  box-shadow: inset 0 0 0 2px #1ccc5b;
}
.c_card-list__item:has(.c_card-list__item-img) input {
  top: 14.8125rem;
}
.c_card-list__item a,
.c_card-list__item button {
  position: relative;
  z-index: 1;
}
.c_card-list .p_box {
  padding: 2.5rem 2.5rem 1.875rem;
}
.c_card-list .dropdown-toggle:after {
  display: none;
}

[data-bs-theme=dark] .c_card-list__item > input {
  background-color: #546064;
}

.c_sm-card-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.c_sm-card-list-cover {
  container-type: inline-size;
}
@container (min-width: 576px) {
  .c_sm-card-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (min-width: 992px) {
  .c_sm-card-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container (min-width: 1200px) {
  .c_sm-card-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@container (min-width: 1400px) {
  .c_sm-card-list--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container (min-width: 768px) and (max-width: 991px) {
  .c_sm-card-list--sm {
    grid-template-columns: repeat(3, 1fr);
  }
}
.c_sm-card-list__item {
  display: flex;
  position: relative;
  overflow-wrap: anywhere;
}
.c_sm-card-list__item:has(.c_sm-card-list__item-control) > div {
  padding-bottom: 3.9375rem;
}
@media only screen and (min-width: 1200px) {
  .c_sm-card-list__item:has(.c_sm-card-list__item-control) > div {
    padding-bottom: 4.875rem;
  }
}
.c_sm-card-list__item-control {
  position: absolute;
  left: 0.9375rem;
  bottom: 0.9375rem;
}
@media only screen and (min-width: 1200px) {
  .c_sm-card-list__item-control {
    left: 1.875rem;
    bottom: 1.875rem;
  }
}
.c_sm-card-list__item-control--end {
  right: 0.9375rem;
  left: auto;
}
@media only screen and (min-width: 1200px) {
  .c_sm-card-list__item-control--end {
    right: 1.875rem;
    left: auto;
  }
}
.c_sm-card-list__item svg path {
  fill: var(--img-bg);
}
.c_sm-card-list .dropdown-toggle:after {
  display: none;
}

.c_color-palette {
  position: relative;
}
.c_color-palette__cover {
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 1000;
  padding: 0.75rem;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 0.25rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}
.c_color-palette__box {
  display: grid;
  grid-template-columns: repeat(10, 1.875rem);
  gap: 0.625rem;
}
.c_color-palette input[type=radio] {
  display: none;
}
.c_color-palette label.c_color-palette__color {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.c_color-palette .selected {
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid var(--border);
  border-radius: 0.25rem;
}
.c_color-palette #color1:checked ~ .selected {
  background: #D2EDDA;
}
.c_color-palette .bg-color1 {
  background-color: #D2EDDA;
}
.c_color-palette #color2:checked ~ .selected {
  background: #A9DCB1;
}
.c_color-palette .bg-color2 {
  background-color: #A9DCB1;
}
.c_color-palette #color3:checked ~ .selected {
  background: #50C878;
}
.c_color-palette .bg-color3 {
  background-color: #50C878;
}
.c_color-palette #color4:checked ~ .selected {
  background: #1FA64C;
}
.c_color-palette .bg-color4 {
  background-color: #1FA64C;
}
.c_color-palette #color5:checked ~ .selected {
  background: #004225;
}
.c_color-palette .bg-color5 {
  background-color: #004225;
}
.c_color-palette #color6:checked ~ .selected {
  background: #CCE4F6;
}
.c_color-palette .bg-color6 {
  background-color: #CCE4F6;
}
.c_color-palette #color7:checked ~ .selected {
  background: #A4D0EF;
}
.c_color-palette .bg-color7 {
  background-color: #A4D0EF;
}
.c_color-palette #color8:checked ~ .selected {
  background: #47A9E1;
}
.c_color-palette .bg-color8 {
  background-color: #47A9E1;
}
.c_color-palette #color9:checked ~ .selected {
  background: #0077C8;
}
.c_color-palette .bg-color9 {
  background-color: #0077C8;
}
.c_color-palette #color10:checked ~ .selected {
  background: #003E5D;
}
.c_color-palette .bg-color10 {
  background-color: #003E5D;
}
.c_color-palette #color11:checked ~ .selected {
  background: #FFF2CF;
}
.c_color-palette .bg-color11 {
  background-color: #FFF2CF;
}
.c_color-palette #color12:checked ~ .selected {
  background: #FFE08B;
}
.c_color-palette .bg-color12 {
  background-color: #FFE08B;
}
.c_color-palette #color13:checked ~ .selected {
  background: #FFC107;
}
.c_color-palette .bg-color13 {
  background-color: #FFC107;
}
.c_color-palette #color14:checked ~ .selected {
  background: #D89A00;
}
.c_color-palette .bg-color14 {
  background-color: #D89A00;
}
.c_color-palette #color15:checked ~ .selected {
  background: #7F5A00;
}
.c_color-palette .bg-color15 {
  background-color: #7F5A00;
}
.c_color-palette #color16:checked ~ .selected {
  background: #FEE1E1;
}
.c_color-palette .bg-color16 {
  background-color: #FEE1E1;
}
.c_color-palette #color17:checked ~ .selected {
  background: #FDB9B9;
}
.c_color-palette .bg-color17 {
  background-color: #FDB9B9;
}
.c_color-palette #color18:checked ~ .selected {
  background: #FD7E7E;
}
.c_color-palette .bg-color18 {
  background-color: #FD7E7E;
}
.c_color-palette #color19:checked ~ .selected {
  background: #A94442;
}
.c_color-palette .bg-color19 {
  background-color: #A94442;
}
.c_color-palette #color20:checked ~ .selected {
  background: #7D2929;
}
.c_color-palette .bg-color20 {
  background-color: #7D2929;
}
.c_color-palette #color21:checked ~ .selected {
  background: #FCD2E2;
}
.c_color-palette .bg-color21 {
  background-color: #FCD2E2;
}
.c_color-palette #color22:checked ~ .selected {
  background: #FB8FBF;
}
.c_color-palette .bg-color22 {
  background-color: #FB8FBF;
}
.c_color-palette #color23:checked ~ .selected {
  background: #F95197;
}
.c_color-palette .bg-color23 {
  background-color: #F95197;
}
.c_color-palette #color24:checked ~ .selected {
  background: #B5123F;
}
.c_color-palette .bg-color24 {
  background-color: #B5123F;
}
.c_color-palette #color25:checked ~ .selected {
  background: #7C0A2A;
}
.c_color-palette .bg-color25 {
  background-color: #7C0A2A;
}
.c_color-palette #color26:checked ~ .selected {
  background: #F1F1F1;
}
.c_color-palette .bg-color26 {
  background-color: #F1F1F1;
}
.c_color-palette #color27:checked ~ .selected {
  background: #D9D9D9;
}
.c_color-palette .bg-color27 {
  background-color: #D9D9D9;
}
.c_color-palette #color28:checked ~ .selected {
  background: #A0A0A0;
}
.c_color-palette .bg-color28 {
  background-color: #A0A0A0;
}
.c_color-palette #color29:checked ~ .selected {
  background: #595959;
}
.c_color-palette .bg-color29 {
  background-color: #595959;
}
.c_color-palette #color30:checked ~ .selected {
  background: #2C2C2C;
}
.c_color-palette .bg-color30 {
  background-color: #2C2C2C;
}

@media only screen and (min-width: 992px) {
  .c_blog-item {
    height: auto;
  }
}
.c_blog-item > div {
  display: flex;
  flex-flow: column nowrap;
  text-decoration: none;
  border-radius: 0.625rem;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  color: var(--body-color);
  height: 100%;
  position: relative;
}
.c_blog-item__img {
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .c_blog-item__img {
    height: 10rem;
  }
}
@media only screen and (min-width: 768px) {
  .c_blog-item__img {
    height: 13.75rem;
  }
}
@media only screen and (min-width: 992px) {
  .c_blog-item__img {
    height: 11.5625rem;
  }
}
@media only screen and (min-width: 1200px) {
  .c_blog-item__img {
    height: 10.5625rem;
  }
}
@media only screen and (min-width: 1400px) {
  .c_blog-item__img {
    height: 13.125rem;
  }
}
.c_blog-item__img img {
  object-fit: cover;
  object-position: bottom center;
}
.c_blog-item__content {
  padding: 0 1.25rem 5.625rem;
}
.c_blog-item__content-sticks {
  margin-bottom: 0.5625rem;
  position: relative;
  top: 0.0625rem;
  z-index: 2;
}
.c_blog-item__content-stick {
  font-family: "Roboto Mono", monospace;
  color: #fff;
  background-color: #1F3137;
  display: inline-block;
  padding: 0 0.5625rem;
  font-size: 0.875rem;
  position: relative;
  top: -0.1875rem;
  margin-bottom: 0;
  text-decoration: none;
}
.c_blog-item__content-stick + .c_blog-item__content-stick {
  margin-left: -0.0625rem;
}
.c_blog-item__content-stick:hover, .c_blog-item__content-stick:active, .c_blog-item__content-stick:focus {
  color: #fff;
  background-color: #17AB4B;
}
.c_blog-item__content-headline {
  display: block;
  font-size: 1.125rem;
  text-decoration: underline;
  line-height: 1.2;
  color: #FF336C;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .c_blog-item__content-headline {
    font-size: 1.3125rem;
  }
}
@media only screen and (min-width: 1200px) {
  .c_blog-item__content-headline {
    font-size: 1.5rem;
  }
}
.c_blog-item__content-headline:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.c_blog-item__content-headline:hover, .c_blog-item__content-headline:active, .c_blog-item__content-headline:focus {
  text-decoration: none;
}
.c_blog-item__content-author {
  display: flex;
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
}
.c_blog-item__content-img {
  width: 3.125rem;
  height: 3.125rem;
  flex: 0 0 3.125rem;
  align-self: center;
}
.c_blog-item__content-img img {
  max-width: 100%;
  max-height: 3.125rem;
}
.c_blog-item__content-name-date {
  font-family: "Roboto Mono", monospace;
  font-size: 0.875rem;
  flex: 1 1 auto;
  padding-left: 0.625rem;
  align-self: center;
}
.c_blog-item__content-name-date > span {
  display: block;
}

.c_support-box__img {
  margin-top: 1.5rem;
}
.c_support-box__img img {
  border: 3px solid #fee5da;
  border-radius: 50%;
  overflow: hidden;
  width: 6.625rem;
  position: relative;
  z-index: 3;
}
.c_support-box__img img + img {
  margin-left: -2.25rem;
  z-index: 2;
}
.c_support-box__img img + img + img {
  z-index: 1;
}

.c_domain-transfer {
  --bg-circle: #FFF2E7;
}

[data-bs-theme=dark] .c_domain-transfer {
  --bg-circle: #040F15;
}

.c_domain-transfer {
  margin: 0 auto;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .c_domain-transfer {
    padding-left: 1.5rem;
    padding-right: 6.875rem;
    min-height: 20.8125rem;
  }
}
@media only screen and (min-width: 1600px) {
  .c_domain-transfer {
    padding-left: 3.75rem;
    padding-right: 8.75rem;
  }
}
@media only screen and (min-width: 768px) {
  .c_domain-transfer__headline {
    margin-bottom: 9rem;
  }
}
.c_domain-transfer__form {
  padding-top: 2.8125rem;
}
@media only screen and (min-width: 768px) {
  .c_domain-transfer__form {
    padding-top: 3.75rem;
  }
}
@media only screen and (min-width: 1200px) {
  .c_domain-transfer__form {
    padding-top: 5.625rem;
  }
}
.c_domain-transfer__form .input-group {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}
.c_domain-transfer__form .input-group:after {
  content: "";
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 50%;
  position: absolute;
  bottom: -0.75rem;
  right: 0;
  background-color: var(--bg-circle);
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .c_domain-transfer__form .input-group:after {
    width: 13.75rem;
    height: 13.75rem;
  }
}
.c_domain-transfer__form .input-group > .form-control {
  padding: 1.3125rem 0.9375rem 1.25rem;
  border-radius: 0.375rem 0 0 0.375rem !important;
  font-size: 1rem;
  background-color: var(--input-bg);
}
@media only screen and (min-width: 576px) {
  .c_domain-transfer__form .input-group > .form-control {
    padding: 1.3125rem 1.5625rem 1.25rem;
  }
}
.c_domain-transfer__form .input-group > .btn {
  font-size: 1.25rem;
  z-index: auto;
  border-radius: 0 0.375rem 0.375rem 0 !important;
}
@media only screen and (min-width: 576px) {
  .c_domain-transfer__form .input-group > .btn {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
.c_domain-transfer__form .input-group > .btn:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.c_domain-transfer__form .input-group > .btn > span {
  display: none;
}
@media only screen and (min-width: 576px) {
  .c_domain-transfer__form .input-group > .btn > span {
    display: inline;
  }
}
.c_domain-transfer__form .input-group > .btn svg {
  width: 1.875rem;
  height: 1.875rem;
}
@media only screen and (min-width: 576px) {
  .c_domain-transfer__form .input-group > .btn svg {
    display: none;
  }
}
.c_domain-transfer__form .input-group > .btn svg path {
  fill: #fff;
  transition: all 0.2s ease-out;
}
.c_domain-transfer__form .input-group > .btn:hover svg path, .c_domain-transfer__form .input-group > .btn:active svg path, .c_domain-transfer__form .input-group > .btn:focus svg path {
  fill: #17AB4B;
}
.c_domain-transfer__form .input-group > .btn:active svg path {
  fill: #fff;
}
.c_domain-transfer__form fieldset > p {
  padding-top: 1.875rem;
}

@media only screen and (min-width: 576px) {
  .c_table-templates {
    margin-inline: -0.75rem;
  }
}
.c_table-templates tbody {
  border: 0 !important;
}
.c_table-templates tr th {
  padding-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .c_table-templates tr {
    display: flex;
    flex-wrap: wrap;
  }
  .c_table-templates tr th + th {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .c_table-templates__title {
    flex: 0 0 100%;
  }
}
.c_table-templates__dir {
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .c_table-templates__dir {
    flex: 1 1 auto;
  }
}
.c_table-templates__control {
  white-space: nowrap;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .c_table-templates__control {
    flex: 0 0 100%;
    text-align: left;
  }
}

.c_disk-usage {
  margin-bottom: -0.75rem !important;
}
.c_disk-usage__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.c_disk-usage__body-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.c_disk-usage__body-top > span:first-child {
  padding-right: 1.5rem;
}
.c_disk-usage__body-tooltip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  visibility: hidden;
  opacity: 0;
  font-size: 0.875rem;
  transition: all 0.2s ease-out;
}
.c_disk-usage__body-tooltip span:first-child + span {
  padding-inline: 1.5rem;
}
.c_disk-usage:hover .c_disk-usage__body-tooltip, .c_disk-usage:active .c_disk-usage__body-tooltip, .c_disk-usage:focus .c_disk-usage__body-tooltip {
  visibility: visible;
  opacity: 1;
}

.c_radio-select {
  max-width: 34.375rem;
}
@media only screen and (min-width: 576px) {
  .c_radio-select__body {
    padding-inline: 2.125rem;
  }
}
.c_radio-select__body-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 0.75rem;
}
.c_radio-select__body a span:first-child {
  display: none;
}
.c_radio-select__body a.collapsed span:first-child {
  display: inline;
}
.c_radio-select__body a.collapsed span:first-child + span {
  display: none;
}
.c_radio-select__body-content {
  border-top: 1px solid #ddd;
}
.c_radio-select__body-content > div {
  padding-block: 0.75rem;
}
.c_radio-select__body-content label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}
.c_radio-select__body-content label > p {
  flex: 0 0 100%;
  font-size: 0.875rem;
  color: var(--color-3);
  padding-top: 0.25rem;
}

.c_form-check-ext {
  container-type: inline-size;
}
.c_form-check-ext__in {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@container (min-width: 576px) {
  .c_form-check-ext__in {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c_form-check-ext__item {
  position: relative;
  padding: 0;
  margin-bottom: 0;
}
.c_form-check-ext__item label {
  border: 1px solid var(--color-6);
  padding: 1.25rem;
  background-color: var(--white);
  border-radius: 0.25rem;
  padding-left: 3.5rem;
  display: block;
  transition: all 0.2s ease-out;
}
.c_form-check-ext__item label:hover, .c_form-check-ext__item label:active, .c_form-check-ext__item label:focus {
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(28, 204, 91, 0.4);
}
.c_form-check-ext__item input.form-check-input {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  border-color: var(--color-6);
  margin-left: 0;
  float: none;
}
.c_form-check-ext__item-headline {
  font-weight: bold;
}
.c_form-check-ext__item-description {
  font-size: 0.875rem;
  margin-bottom: 0;
}
.c_form-check-ext__item--on input:checked + label {
  border-color: #1ccc5b;
  background-color: var(--primary-light);
}
.c_form-check-ext__item--off input:checked + label {
  background-color: var(--color-2);
}

.c_form-extended {
  container-type: inline-size;
}
.c_form-extended__in {
  margin-left: 1rem;
}
@container (min-width: 400px) {
  .c_form-extended__in {
    margin-left: 2.5rem;
  }
}
.c_form-extended__btn {
  text-align: right;
  /* collapse trigger chevron animation */
}
.c_form-extended__btn [data-bs-toggle=collapse] {
  padding: 0.3125rem 0.75rem 0.75rem;
  border-radius: 0.25rem 0.25rem 0 0;
  display: inline-block;
  margin-bottom: -0.4375rem;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease-out;
}
.c_form-extended__btn [data-bs-toggle=collapse]:after {
  content: "";
  background: url(/images/icons/arrow-down.svg) 0 center no-repeat;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  transition: transform 0.2s ease;
}
.c_form-extended__btn [data-bs-toggle=collapse][aria-expanded=true] {
  background-color: var(--color-2);
}
.c_form-extended__btn [data-bs-toggle=collapse][aria-expanded=true]:after {
  transform: rotate(180deg);
}
.c_form-extended__content {
  background-color: var(--color-2);
  border-radius: 0.5rem;
  padding: 0.9375rem;
}
@container (min-width: 400px) {
  .c_form-extended__content {
    padding: 1.5rem;
  }
}

.c_subdomain__item {
  display: block;
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem;
  position: relative;
  transition: all 0.2s ease-out;
}
.c_subdomain__item:hover, .c_subdomain__item:active, .c_subdomain__item:focus {
  z-index: 1;
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(28, 204, 91, 0.4);
}
.c_subdomain__item:nth-child(odd) {
  background-color: var(--color-5);
}
.c_subdomain__item-fline {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 575px) {
  .c_subdomain__item-fline {
    flex-wrap: wrap;
  }
}
.c_subdomain__item-sline .p_badge {
  font-size: 0.875rem;
}
.c_subdomain__item-txt {
  font-size: 0.875rem;
}
.c_subdomain a.c_subdomain__item {
  padding-right: 3rem;
}
.c_subdomain a.c_subdomain__item:after {
  content: "";
  width: 0.75rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  background: url(/images/icons/arrow-link.svg) no-repeat center center;
}
.c_subdomain a.c_subdomain__item:hover, .c_subdomain a.c_subdomain__item:active, .c_subdomain a.c_subdomain__item:focus {
  text-decoration: none;
}
.c_subdomain--full {
  container-type: inline-size;
}
.c_subdomain--full .c_subdomain__item {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "url" "setting" "limits" "control";
  gap: 0.75rem;
}
@container (min-width: 576px) {
  .c_subdomain--full .c_subdomain__item {
    grid-template-columns: 1fr auto;
    grid-template-areas: "url control" "setting setting" "limits limits";
  }
}
@container (min-width: 768px) {
  .c_subdomain--full .c_subdomain__item {
    grid-template-columns: 1fr auto auto;
    grid-template-areas: "url setting control" "limits limits limits";
    gap: 1rem;
  }
}
@container (min-width: 992px) {
  .c_subdomain--full .c_subdomain__item {
    grid-template-columns: 35% 20% 25% 1fr;
    grid-template-areas: "url setting limits control";
    gap: 1.5rem;
  }
}
.c_subdomain--full .c_subdomain__item-url {
  grid-area: url;
  min-width: 0;
}
@container (min-width: 450px) {
  .c_subdomain--full .c_subdomain__item-url {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
}
.c_subdomain--full .c_subdomain__item-url > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.c_subdomain--full .c_subdomain__item-ico {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
@container (min-width: 450px) {
  .c_subdomain--full .c_subdomain__item-ico {
    margin-bottom: 0;
  }
}
.c_subdomain--full .c_subdomain__item-ico img,
.c_subdomain--full .c_subdomain__item-ico svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.c_subdomain--full .c_subdomain__item-setting {
  grid-area: setting;
}
@container (max-width: 575px) {
  .c_subdomain--full .c_subdomain__item-setting div {
    display: inline;
    margin-right: 1.5rem;
  }
}
@container (min-width: 576px) and (max-width: 991px) {
  .c_subdomain--full .c_subdomain__item-setting {
    display: flex;
    gap: 1.5rem;
  }
  .c_subdomain--full .c_subdomain__item-setting div {
    align-self: center;
  }
}
@container (min-width: 992px) {
  .c_subdomain--full .c_subdomain__item-setting div + div {
    padding-top: 0.375rem;
  }
}
.c_subdomain--full .c_subdomain__item-limits {
  grid-area: limits;
  padding-top: 0.0625rem;
}
.c_subdomain--full .c_subdomain__item-limits p + p {
  padding-top: 0.5rem;
}
@container (max-width: 575px) {
  .c_subdomain--full .c_subdomain__item-limits p {
    display: inline;
    margin-right: 1.5rem;
  }
}
@container (min-width: 576px) and (max-width: 991px) {
  .c_subdomain--full .c_subdomain__item-limits {
    display: flex;
    gap: 1.5rem;
  }
  .c_subdomain--full .c_subdomain__item-limits p + p {
    padding-top: 0;
  }
}
.c_subdomain--full .c_subdomain__item-control {
  grid-area: control;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
@container (max-width: 991px) {
  .c_subdomain--full .c_subdomain__item-txt {
    display: none;
  }
}

[data-bs-theme=dark] .c_subdomain a.c_subdomain__item:after {
  background-image: url(/images/icons/dt_arrow-link.svg);
}

.c_file-editor {
  padding: 1.75rem;
}
.c_file-editor .btn-close {
  float: right;
}
.c_file-editor .nav-tabs .nav-link {
  opacity: 0.4;
}
.c_file-editor .nav-tabs .nav-link.active {
  background-color: transparent;
  opacity: 1;
  border-bottom-color: var(--white);
}
.c_file-editor__content textarea {
  margin-top: 1.25rem;
}
.c_file-editor__control {
  padding-top: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) {
  .c_file-editor__control {
    white-space: nowrap;
  }
}
.c_file-editor__control > p {
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 992px) {
  .c_file-editor__control > p {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1200px) {
  .c_file-editor__control > p {
    margin-bottom: 0;
  }
}
.c_file-editor__control > p span {
  display: inline-block;
  overflow-wrap: anywhere;
}
.c_file-editor__control-btns {
  display: flex;
  flex-wrap: wrap;
}
.c_file-editor__path {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.c_file-editor__path strong {
  white-space: nowrap;
}
.c_file-editor__path span {
  overflow-wrap: anywhere;
}
.c_file-editor__loginfo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  white-space: nowrap;
}
.c_file-editor__filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: -1.75rem;
  margin-top: 1rem;
  padding: 1.75rem;
  background-color: #E9F6FE;
}
.c_file-editor__filter .form-control,
.c_file-editor__filter .form-select {
  border: 1px solid #C1DAE2 !important;
}
.c_file-editor__filter .p_search-input {
  flex: 1 1 13.75rem;
  min-width: 11.25rem;
}
.c_file-editor__filter-label {
  margin: 0 0.5rem 0 0;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .c_file-editor__filter-label {
    flex: 0 0 100%;
  }
}
.c_file-editor__filter-select {
  position: relative;
  display: flex;
  align-items: center;
}
.c_file-editor__filter-select .btn-close {
  margin-left: 0.5rem;
}
.c_file-editor__filter-date {
  position: relative;
}
.c_file-editor__filter-date .bi {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.c_file-editor__filter-date .form-control {
  padding-left: 2.25rem;
}
.c_file-editor__filter-level {
  width: auto;
}
.c_file-editor__filter .btn {
  flex-shrink: 0;
}
.c_file-editor__filter-fields {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media only screen and (max-width: 991px) {
  .c_file-editor__filter-fields {
    flex: 1 1 auto;
  }
  .c_file-editor__filter-fields > div,
  .c_file-editor__filter-fields > select {
    flex: 1 1 auto;
  }
}
.c_file-editor__filter .collapsing {
  transition: none;
}
@media only screen and (max-width: 1199px) {
  .c_file-editor__filter-buttons {
    flex: 1 1 auto;
    text-align: right;
  }
}
.c_file-editor__filter-buttons button {
  padding-block: 0.5625rem;
}
.c_file-editor__filter-buttons [data-bs-toggle=collapse] {
  transition: box-shadow 0.15s ease;
}
.c_file-editor__filter-buttons [data-bs-toggle=collapse]:not(.collapsed) {
  box-shadow: inset 0 0 0 0.1875rem color-mix(in srgb, var(--color-4) 50%, transparent);
}
.c_file-editor .dropup .dropdown-toggle::after {
  border: 0;
  width: 1rem;
  height: 1rem;
  background-image: var(--form-select-indicator);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
  position: relative;
  top: 0.3125rem;
}

.c_quota__radios {
  margin-bottom: 1.5rem;
}
.c_quota__section {
  background: var(--color-2);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
}
.c_quota__row .d-flex {
  margin-top: -0.5rem;
}
.c_quota__label {
  min-width: 3.75rem;
  padding-top: 0;
}
.c_quota__input-group {
  width: auto;
  min-width: 13.75rem;
  margin-right: 0.75rem;
  margin-block: 0.75rem;
}
.c_quota__input {
  width: 8.125rem !important;
  background-color: var(--white);
}
.c_quota__input .input-group-text {
  border-color: var(--color-6);
}
.c_quota__unit {
  background-color: var(--white);
  color: var(--dark);
  cursor: default;
}
.c_quota__select {
  min-width: 2.5rem;
  text-align: center;
  max-height: 2.25rem;
  border-color: var(--color-6);
}
.c_quota__select::after {
  border: 0;
  background-image: var(--form-select-indicator);
  background-position: center center;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  margin-top: 0.3125rem;
}
.c_quota__section--hidden {
  display: none;
}
.c_quota__error {
  margin-top: -0.75rem;
}
.c_quota__hint a {
  text-decoration: underline;
}
.c_quota__hint a:hover, .c_quota__hint a:active, .c_quota__hint a:focus {
  text-decoration: none;
}

.c_satisfaction {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999999;
  pointer-events: none;
}
.c_satisfaction.is-active {
  display: block;
  pointer-events: auto;
}
.c_satisfaction__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(0.125rem);
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.is-active .c_satisfaction__backdrop {
  opacity: 1;
}
.is-minimized .c_satisfaction__backdrop {
  opacity: 0;
  pointer-events: none;
}
.is-dismissing .c_satisfaction__backdrop {
  opacity: 0;
}
.c_satisfaction__sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--warning-light);
  border-radius: 1rem 1rem 0 0;
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 -0.25rem 1.25rem rgba(0, 0, 0, 0.15);
}
.is-active .c_satisfaction__sheet {
  transform: translateY(0);
}
.is-minimized .c_satisfaction__sheet {
  transform: translateY(calc(100% - 2.5rem));
}
.is-dismissing .c_satisfaction__sheet {
  transform: translateY(100%);
  transition: transform 0.3s ease-in;
}
@media only screen and (min-width: 768px) {
  .c_satisfaction__sheet {
    left: 50%;
    right: auto;
    width: 30rem;
    transform: translateX(-50%) translateY(100%);
    border-radius: 1rem 1rem 0 0;
  }
  .is-active .c_satisfaction__sheet {
    transform: translateX(-50%) translateY(0);
  }
  .is-minimized .c_satisfaction__sheet {
    transform: translateX(-50%) translateY(calc(100% - 2.5rem));
  }
  .is-dismissing .c_satisfaction__sheet {
    transform: translateX(-50%) translateY(100%);
  }
}
.c_satisfaction__handle {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 0 0.75rem;
  cursor: grab;
  touch-action: none;
  flex-shrink: 0;
}
.c_satisfaction__handle:active {
  cursor: grabbing;
}
.c_satisfaction__handle-bar {
  width: 2.5rem;
  height: 0.25rem;
  background-color: #777;
  border-radius: 0.125rem;
}
.c_satisfaction__body {
  padding: 0.5rem 1.5rem 1.5rem;
  position: relative;
}
.c_satisfaction__close {
  position: absolute;
  top: -1.5rem;
  right: 0.75rem;
  z-index: 1;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #777;
  font-size: 1rem;
  transition: all 0.2s ease-out;
}
.c_satisfaction__close:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #1F3137;
}
.c_satisfaction__title {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
  padding-right: 2.25rem;
  padding-left: 2.25rem;
}
.c_satisfaction__rating {
  text-align: center;
  margin-bottom: 0.5rem;
}
.c_satisfaction__slider-icons {
  display: flex;
  justify-content: space-between;
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.c_satisfaction__number {
  font-size: 4.5rem;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease-out;
}
.c_satisfaction__number.is-low {
  color: #FF595E;
}
.c_satisfaction__number.is-medium {
  color: #8A6700;
}
.c_satisfaction__number.is-high {
  color: #17AB4B;
}
.c_satisfaction__slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: linear-gradient(to right, #FF595E, #FFBF00, #17AB4B);
  outline: none;
  margin-bottom: 1.25rem;
}
.c_satisfaction__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #fff;
  border: 0.1875rem solid #17AB4B;
  cursor: pointer;
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.15);
  transition: border-color 0.2s ease-out;
}
.c_satisfaction__slider::-moz-range-thumb {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #fff;
  border: 0.1875rem solid #17AB4B;
  cursor: pointer;
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.15);
  transition: border-color 0.2s ease-out;
}
.c_satisfaction__slider-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: var(--color-1);
  margin-bottom: 0.5rem;
}
.c_satisfaction__numbers {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
  margin-bottom: 1rem;
}
.c_satisfaction__number-btn {
  min-width: 3rem;
  min-height: 3rem;
  padding: 0 0.5rem;
  border: none;
  border-radius: 3rem;
  background-color: #1F3137;
  color: #fff;
  font-size: 1.125rem;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
}
.c_satisfaction__number-btn:hover, .c_satisfaction__number-btn.is-selected {
  background-color: #17AB4B;
}
.c_satisfaction__feedback {
  padding-top: 0.75rem;
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  overflow-y: hidden;
  margin-inline: -0.5rem;
  padding-inline: 0.5rem;
  transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease, max-height 0.4s ease;
}
.c_satisfaction__feedback.is-visible {
  opacity: 1;
  pointer-events: auto;
  max-height: 25rem;
}
.c_satisfaction__feedback .btn {
  width: 100%;
}
.c_satisfaction__feedback-title {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.c_satisfaction__textarea {
  resize: vertical;
  min-height: 3.75rem;
}
.c_satisfaction__textarea:focus {
  border-color: #17AB4B;
  box-shadow: 0 0 0 0.1875rem rgba(23, 171, 75, 0.15);
}
.c_satisfaction__feedback-error {
  color: #FF595E;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 768px) {
  .c_satisfaction {
    position: static;
    display: block !important;
    pointer-events: auto;
    z-index: auto;
    margin-bottom: 1.5rem;
  }
  .c_satisfaction__backdrop, .c_satisfaction__handle {
    display: none;
  }
  .c_satisfaction__sheet {
    position: static;
    left: auto;
    right: auto;
    width: auto;
    max-height: none;
    transform: none !important;
    background-color: var(--bs-warning-bg-subtle);
    border: 1px solid var(--bs-warning-border-subtle);
    border-radius: 0.25rem;
    box-shadow: none;
  }
  .c_satisfaction__body {
    padding: 1.8125rem 1.875rem;
  }
  .c_satisfaction__close {
    top: 0.9375rem;
    right: 0.9375rem;
  }
  .c_satisfaction__number, .c_satisfaction__slider, .c_satisfaction__slider-icons {
    display: none;
  }
  .c_satisfaction__rating {
    display: flex;
    flex-direction: column;
  }
  .c_satisfaction__numbers {
    display: flex;
  }
  .c_satisfaction__number {
    margin-bottom: 0;
  }
  .c_satisfaction__slider-labels {
    order: -1;
    color: var(--dark);
    margin-bottom: 1rem;
    width: 40.625rem;
    margin-inline: auto;
    padding-right: 1rem;
  }
  .c_satisfaction__feedback {
    text-align: center;
  }
  .c_satisfaction__feedback .btn {
    width: auto;
  }
}
.c_satisfaction__toast {
  position: fixed;
  top: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #17AB4B;
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  z-index: 1070;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  animation: satisfactionToastIn 0.3s ease-out;
}

@keyframes satisfactionPop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes satisfactionToastIn {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-0.625rem);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
[data-bs-theme=dark] .c_folders {
  --folders-img: url(/images/icons/dt_arrow-down.svg);
}

.c_folders {
  --folders-img: url(/images/icons/arrow-down.svg);
}
@media only screen and (max-width: 575px) {
  .c_folders {
    padding: 0;
  }
}
.c_folders__line {
  display: grid;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .c_folders__line {
    grid-template-columns: 1fr 1fr;
  }
  .c_folders__line > div:first-child {
    grid-column: 1/-1;
  }
  .c_folders__line > div:nth-child(2) {
    grid-column: 1/-1;
  }
  .c_folders__line > div:nth-child(3) {
    grid-column: 1/2;
  }
  .c_folders__line > div:nth-child(4) {
    grid-column: 2/3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .c_folders__line {
    grid-template-columns: 1fr 10rem 9.375rem;
  }
  .c_folders__line > div:first-child {
    grid-column: 1/-1;
  }
  .c_folders__line > div:nth-child(2) {
    grid-column: 1/2;
  }
  .c_folders__line > div:nth-child(3) {
    grid-column: 2/3;
  }
  .c_folders__line > div:nth-child(4) {
    grid-column: 3/4;
  }
}
@media only screen and (min-width: 992px) {
  .c_folders__line {
    grid-template-columns: 13.75rem 1fr 10rem 9.375rem;
  }
}
@media only screen and (min-width: 1400px) {
  .c_folders__line {
    grid-template-columns: 18.75rem 1fr 10rem 9.375rem;
  }
}
.c_folders__line--main {
  background-color: var(--secondary-light);
  cursor: pointer;
  margin-block: 0.5rem;
}
@media only screen and (max-width: 991px) {
  .c_folders__line--main .c_folders__line-name {
    padding-block: 0.5rem;
  }
  .c_folders__line--main .c_folders__line-content, .c_folders__line--main .c_folders__line-date, .c_folders__line--main .c_folders__line-action {
    display: none;
  }
}
@media only screen and (min-width: 1400px) {
  .c_folders__line--main .c_folders__line-name span {
    font-size: 1.3125rem;
  }
}
.c_folders__line--sub {
  position: relative;
}
.c_folders__line--sub:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0.25rem;
  width: 0.375rem;
  height: 0.0625rem;
  background-color: #999;
}
@media only screen and (min-width: 576px) {
  .c_folders__line--sub:before {
    top: 1rem;
    left: 0;
    width: 0.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .c_folders__line--sub:before {
    top: 50%;
    margin-top: 0.125rem;
  }
}
.c_folders__line--sub:after {
  content: "";
  position: absolute;
  top: 0.625rem;
  left: 0.25rem;
  width: 0.0625rem;
  height: 0.375rem;
  background-color: #999;
}
@media only screen and (min-width: 576px) {
  .c_folders__line--sub:after {
    top: 0.5rem;
    left: 0;
    height: 0.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .c_folders__line--sub:after {
    top: 50%;
    margin-top: -0.375rem;
  }
}
.c_folders__line--header {
  background-color: var(--white);
}
.c_folders__line--header .c_folders__line-name {
  font-weight: bold;
  padding-left: 0;
}
@media only screen and (max-width: 575px) {
  .c_folders__line--header .c_folders__line-name {
    padding: 0.75rem;
  }
}
@media only screen and (max-width: 991px) {
  .c_folders__line--header .c_folders__line-name {
    padding-bottom: 0.75rem;
  }
}
@media only screen and (min-width: 1400px) {
  .c_folders__line--header .c_folders__line-name {
    font-size: 1.3125rem;
  }
}
@media only screen and (max-width: 991px) {
  .c_folders__line--header .c_folders__line-content, .c_folders__line--header .c_folders__line-date, .c_folders__line--header .c_folders__line-action {
    display: none;
  }
}
.c_folders__line--search {
  grid-template-columns: 1fr;
  padding-bottom: 0.5rem;
}
@media only screen and (max-width: 575px) {
  .c_folders__line--search {
    padding-inline: 0.75rem;
  }
}
.c_folders__line > div {
  padding: 0.5rem 0.75rem;
}
@media only screen and (max-width: 991px) {
  .c_folders__line > div {
    padding-block: 0.25rem;
  }
}
.c_folders__line-action {
  text-align: right;
}
.c_folders__btn {
  display: inline-flex;
  align-items: center;
}
.c_folders__btn--bg {
  background-color: var(--secondary-light);
}
.c_folders__btn:after {
  content: "";
  background: var(--folders-img) 0 center no-repeat;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}
.c_folders__btn--collapsed:after {
  transform: rotate(0deg);
}
.c_folders__search {
  position: relative;
}
.c_folders__search .form-control {
  border: 1px solid #ddd;
  padding-right: 3rem;
  background: var(--white) url(/images/icons/search.svg) 0.75rem center no-repeat;
}
@media only screen and (min-width: 1200px) {
  .c_folders__search .form-control {
    padding-right: 3rem;
  }
}

.c_gallery {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(4, 1fr);
}
.c_gallery__item {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 0.75rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
}
.c_gallery__item-img {
  max-height: 7.5rem;
  overflow: hidden;
  object-fit: cover;
  width: 100%;
}
.c_gallery__item-img img {
  height: auto;
}
.c_gallery__item-title {
  display: block;
  font-size: 0.875rem;
  padding-top: 0.75rem;
  color: #fff;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.c_gallery__item-title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.c_gallery__item-control {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.c_gallery__item-move {
  position: relative;
  z-index: 2;
  width: 1.75rem;
  height: 1.75rem;
  background: #1F3137 url(/images/icons/move.svg) center center no-repeat;
  background-size: 0.875rem 0.875rem;
  border-radius: 0.25rem;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease-out;
}
.c_gallery__item-move:hover, .c_gallery__item-move:active, .c_gallery__item-move:focus {
  background-color: rgb(23.6465116279, 37.376744186, 41.9534883721);
  text-decoration: none;
}
.c_gallery__item-edit {
  position: relative;
  z-index: 2;
  width: 1.75rem;
  height: 1.75rem;
  background: #1F3137 url(/images/icons/edit.svg) center center no-repeat;
  background-size: 0.875rem 0.875rem;
  border-radius: 0.25rem;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease-out;
}
.c_gallery__item-edit:hover, .c_gallery__item-edit:active, .c_gallery__item-edit:focus {
  background-color: rgb(23.6465116279, 37.376744186, 41.9534883721);
  text-decoration: none;
}
.c_gallery__item-remove {
  position: relative;
  z-index: 2;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #FF595E;
  border-radius: 0.25rem;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 1.3125rem;
  line-height: 1.75rem;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease-out;
}
.c_gallery__item-remove:hover, .c_gallery__item-remove:active, .c_gallery__item-remove:focus {
  background-color: rgb(255, 68.6, 74.2144578313);
  text-decoration: none;
}

.c_news-box {
  background-color: #FFF7D3;
  border-radius: 0.25rem;
  border: 1px solid #FFBF00;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  position: fixed;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 5.75rem;
  z-index: 1000;
  animation: slideUp 0.4s ease-out forwards;
}
.c_news-box--hide {
  animation: slideDown 0.3s ease-in forwards;
}
@media only screen and (min-width: 440px) {
  .c_news-box {
    right: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .c_news-box {
    left: 1.5rem;
    bottom: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .c_news-box {
    flex-direction: row;
    padding: 1.5625rem 3.75rem 1.5625rem 1.875rem;
  }
}
.c_news-box .btn-close {
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
}
.c_news-box__img {
  flex-shrink: 0;
  width: 6.25rem;
}
@media only screen and (min-width: 768px) {
  .c_news-box__img {
    width: 9.5rem;
  }
}
.c_news-box__img img {
  width: 100%;
  height: auto;
}
.c_news-box__content {
  flex: 1;
}
.c_news-box__content p {
  margin-bottom: 1rem;
}
.c_news-box__content p a {
  text-decoration: underline;
}
.c_news-box__content p a:hover, .c_news-box__content p a:active, .c_news-box__content p a:focus {
  text-decoration: none;
}
.c_news-box__label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.c_news-box__title {
  font-weight: bold;
  margin-bottom: 0.25rem;
  font-size: 1.125rem;
}
@media only screen and (min-width: 768px) {
  .c_news-box__title {
    font-size: 1.3125rem;
  }
}

.c_news-item {
  container-type: inline-size;
  display: flex;
}
.c_news-item__in {
  align-self: center;
  align-items: center;
}
@container (min-width: 640px) {
  .c_news-item__in:has(.c_news-item__img) {
    display: flex;
  }
}
.c_news-item__img {
  max-width: 10rem;
  margin-bottom: 0.75rem;
}
@container (min-width: 640px) {
  .c_news-item__img {
    margin-bottom: 0;
    max-width: 100%;
    flex: 0 0 15.625rem;
    padding-right: 1.875rem;
  }
}
@container (min-width: 800px) {
  .c_news-item__img {
    flex: 0 0 25.8125rem;
    padding-right: 3.75rem;
  }
}
.c_news-item__img + div {
  flex: 1 1 auto;
  align-self: center;
}
.c_news-item__img + div .c_news-item__desc {
  -webkit-line-clamp: 3;
}
.c_news-item__title {
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.c_news-item__desc {
  font-size: 0.875rem;
  color: #777;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c_news-item > a {
  color: #777;
}
@media only screen and (min-width: 768px) {
  .c_news-item + .c_news-item {
    padding-left: 1.5rem;
  }
}
@container (min-width: 640px) {
  .c_news-item + .c_news-item {
    padding-left: 3.25rem;
  }
}

.c_intro-box {
  container-type: inline-size;
  padding-left: 0.5rem;
  padding-block: 0.5rem;
}
.c_intro-box__left {
  display: flex;
  align-items: center;
}
.c_intro-box__thumbnail {
  flex: 0 0 4.375rem;
  border-radius: 0.25rem;
  overflow: hidden;
  position: relative;
  margin-right: 0.75rem;
}
@container (min-width: 576px) {
  .c_intro-box__thumbnail {
    flex: 0 0 6.875rem;
    margin-right: 1.5rem;
  }
}
.c_intro-box__thumbnail:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  background: url(/images/icons/ico-play.svg) 0 0 no-repeat;
}
@container (min-width: 576px) {
  .c_intro-box__thumbnail:after {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.c_intro-box__headline {
  flex: 1 1 auto;
  font-size: 1rem;
}
@container (min-width: 576px) {
  .c_intro-box__headline {
    font-size: 1.3125rem;
  }
}
@container (min-width: 768px) {
  .c_intro-box__headline {
    font-size: 1.5625rem;
  }
}
.c_intro-box__hide span {
  display: none;
}
@container (min-width: 576px) {
  .c_intro-box__hide span {
    display: inline;
  }
}

.c_ch-select--domain div.choices__inner {
  border-color: transparent !important;
  background-color: #f0f0f0 !important;
  transition: all 0.2s ease-out;
}
.c_ch-select--domain div.choices__inner:hover, .c_ch-select--domain div.choices__inner:active, .c_ch-select--domain div.choices__inner:focus {
  border-color: #c2c2c2 !important;
}
.c_ch-select--subdomain div.choices__inner {
  border-color: transparent !important;
  background-color: #DDEFF6 !important;
  padding-block: 0.1875rem !important;
  transition: all 0.2s ease-out;
}
.c_ch-select--subdomain div.choices__inner:hover, .c_ch-select--subdomain div.choices__inner:active, .c_ch-select--subdomain div.choices__inner:focus {
  border-color: #C2DFEA !important;
}
.c_ch-select div.choices__item--selectable {
  max-width: 100%;
}
.c_ch-select input.choices__input {
  width: 100% !important;
}

[data-bs-theme=dark] .c_ch-select--domain div.choices__inner {
  background-color: rgb(27.323255814, 43.188372093, 48.476744186) !important;
}
[data-bs-theme=dark] .c_ch-select--domain div.choices__inner:hover, [data-bs-theme=dark] .c_ch-select--domain div.choices__inner:active, [data-bs-theme=dark] .c_ch-select--domain div.choices__inner:focus {
  border-color: #c2c2c2 !important;
}
[data-bs-theme=dark] .c_ch-select--subdomain div.choices__inner {
  background-color: #DDEFF6 !important;
}
[data-bs-theme=dark] .c_ch-select--subdomain div.choices__inner:hover, [data-bs-theme=dark] .c_ch-select--subdomain div.choices__inner:active, [data-bs-theme=dark] .c_ch-select--subdomain div.choices__inner:focus {
  border-color: #C2DFEA !important;
}

.c_domain-list {
  position: relative;
  padding: 0.75rem;
}
@media only screen and (min-width: 576px) {
  .c_domain-list {
    padding: 1.5rem;
  }
}
.c_domain-list:has(.c_domain-list__row) {
  background-color: #fff;
}
.c_domain-list > div + div .c_domain-list__row {
  border-top: 1px solid #ddd;
}
.c_domain-list__row {
  display: flex;
  padding: 0.3125rem 0;
}
@media only screen and (max-width: 767px) {
  .c_domain-list__row {
    flex-wrap: wrap;
  }
}
.c_domain-list__row > div {
  align-self: center;
}
.c_domain-list__end {
  flex: 0 0 8.125rem;
  padding-right: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .c_domain-list__end {
    flex: 0 0 55%;
  }
}
@media only screen and (min-width: 768px) {
  .c_domain-list__end {
    flex: 0 0 12.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .c_domain-list__end {
    flex: 0 0 13.75rem;
  }
}
.c_domain-list__price {
  padding-right: 0.9375rem;
  font-size: 0.9375rem;
  font-family: "Roboto Mono", monospace;
  text-align: right;
  flex: 0 0 5.625rem;
}
@media only screen and (max-width: 767px) {
  .c_domain-list__price {
    order: 3;
    padding-top: 0.625rem;
    padding-right: 0.625rem;
    flex: 0 0 50%;
    text-align: left;
  }
}
.c_domain-list__price span {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #fff;
  background-color: #17AB4B;
  padding: 0.1875rem 0.4375rem;
  font-size: 0.875rem;
  margin-left: 0.625rem;
  white-space: nowrap;
}
.c_domain-list__control {
  flex: 1 1 auto;
  text-align: right;
  padding-left: 0.625rem;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .c_domain-list__control {
    padding-left: 0;
    order: 2;
    flex: 0 0 45%;
  }
}
.c_domain-list__control select {
  min-width: 5.625rem;
}
.c_domain-list__control-loading {
  color: #999;
  font-size: 0.875rem;
  min-height: 1.90625rem;
  line-height: 1.90625rem;
}

.c_instalator__item img,
.c_instalator__item svg {
  max-height: 5rem;
}

[data-bs-theme=dark] .c_instalator__item--gravity path {
  fill: var(--bs-body-color);
}
[data-bs-theme=dark] .c_instalator__item--wordpress .c_instalator__dt {
  fill: var(--bs-body-color);
}
[data-bs-theme=dark] .c_instalator__item--matomo .c_instalator__dt {
  fill: var(--bs-body-color);
}
[data-bs-theme=dark] .c_instalator__item--prestashop .c_instalator__dt {
  fill: var(--bs-body-color);
}

/* bootstrap components */
.modal-header {
  background-color: var(--light);
}
.modal-title {
  font-weight: bold;
  font-family: "Roboto", sans-serif;
}
.modal-body {
  background-color: var(--white);
}

.progress-secondary {
  --bs-progress-bg: #E1DEF6;
}
.progress-warning {
  --bs-progress-bg: #F4F0E4;
}
.progress-danger {
  --bs-progress-bg: #F6E2E7;
}
.progress-dark {
  --bs-progress-bg: #e9eaeb;
}

[data-bs-theme=dark] .progress, [data-bs-theme=dark] .progress-secondary, [data-bs-theme=dark] .progress-warning, [data-bs-theme=dark] .progress-danger, [data-bs-theme=dark] .progress-dark {
  --bs-progress-bg: #263F47;
}

.progress-sm {
  height: 0.3125rem;
}
.progress-number {
  height: 0.875rem;
  border-radius: 0.875rem;
}
.progress-bar {
  border-radius: 0.625rem;
  font-weight: bold;
}
.progress-bar-sec {
  position: relative;
}
.progress-bar-sec:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(16.9536082474, 126.0463917526, 55.2835051546);
  width: 10%;
  height: 0.625rem;
  border-radius: 0.625rem;
}
.progress--w75 {
  width: 4.6875rem;
}

.progress-bar-sec--0:after {
  width: 0%;
}

.progress-bar-sec--1:after {
  width: 1%;
}

.progress-bar-sec--2:after {
  width: 2%;
}

.progress-bar-sec--3:after {
  width: 3%;
}

.progress-bar-sec--4:after {
  width: 4%;
}

.progress-bar-sec--5:after {
  width: 5%;
}

.progress-bar-sec--6:after {
  width: 6%;
}

.progress-bar-sec--7:after {
  width: 7%;
}

.progress-bar-sec--8:after {
  width: 8%;
}

.progress-bar-sec--9:after {
  width: 9%;
}

.progress-bar-sec--10:after {
  width: 10%;
}

.progress-bar-sec--11:after {
  width: 11%;
}

.progress-bar-sec--12:after {
  width: 12%;
}

.progress-bar-sec--13:after {
  width: 13%;
}

.progress-bar-sec--14:after {
  width: 14%;
}

.progress-bar-sec--15:after {
  width: 15%;
}

.progress-bar-sec--16:after {
  width: 16%;
}

.progress-bar-sec--17:after {
  width: 17%;
}

.progress-bar-sec--18:after {
  width: 18%;
}

.progress-bar-sec--19:after {
  width: 19%;
}

.progress-bar-sec--20:after {
  width: 20%;
}

.progress-bar-sec--21:after {
  width: 21%;
}

.progress-bar-sec--22:after {
  width: 22%;
}

.progress-bar-sec--23:after {
  width: 23%;
}

.progress-bar-sec--24:after {
  width: 24%;
}

.progress-bar-sec--25:after {
  width: 25%;
}

.progress-bar-sec--26:after {
  width: 26%;
}

.progress-bar-sec--27:after {
  width: 27%;
}

.progress-bar-sec--28:after {
  width: 28%;
}

.progress-bar-sec--29:after {
  width: 29%;
}

.progress-bar-sec--30:after {
  width: 30%;
}

.progress-bar-sec--31:after {
  width: 31%;
}

.progress-bar-sec--32:after {
  width: 32%;
}

.progress-bar-sec--33:after {
  width: 33%;
}

.progress-bar-sec--34:after {
  width: 34%;
}

.progress-bar-sec--35:after {
  width: 35%;
}

.progress-bar-sec--36:after {
  width: 36%;
}

.progress-bar-sec--37:after {
  width: 37%;
}

.progress-bar-sec--38:after {
  width: 38%;
}

.progress-bar-sec--39:after {
  width: 39%;
}

.progress-bar-sec--40:after {
  width: 40%;
}

.progress-bar-sec--41:after {
  width: 41%;
}

.progress-bar-sec--42:after {
  width: 42%;
}

.progress-bar-sec--43:after {
  width: 43%;
}

.progress-bar-sec--44:after {
  width: 44%;
}

.progress-bar-sec--45:after {
  width: 45%;
}

.progress-bar-sec--46:after {
  width: 46%;
}

.progress-bar-sec--47:after {
  width: 47%;
}

.progress-bar-sec--48:after {
  width: 48%;
}

.progress-bar-sec--49:after {
  width: 49%;
}

.progress-bar-sec--50:after {
  width: 50%;
}

.progress-bar-sec--51:after {
  width: 51%;
}

.progress-bar-sec--52:after {
  width: 52%;
}

.progress-bar-sec--53:after {
  width: 53%;
}

.progress-bar-sec--54:after {
  width: 54%;
}

.progress-bar-sec--55:after {
  width: 55%;
}

.progress-bar-sec--56:after {
  width: 56%;
}

.progress-bar-sec--57:after {
  width: 57%;
}

.progress-bar-sec--58:after {
  width: 58%;
}

.progress-bar-sec--59:after {
  width: 59%;
}

.progress-bar-sec--60:after {
  width: 60%;
}

.progress-bar-sec--61:after {
  width: 61%;
}

.progress-bar-sec--62:after {
  width: 62%;
}

.progress-bar-sec--63:after {
  width: 63%;
}

.progress-bar-sec--64:after {
  width: 64%;
}

.progress-bar-sec--65:after {
  width: 65%;
}

.progress-bar-sec--66:after {
  width: 66%;
}

.progress-bar-sec--67:after {
  width: 67%;
}

.progress-bar-sec--68:after {
  width: 68%;
}

.progress-bar-sec--69:after {
  width: 69%;
}

.progress-bar-sec--70:after {
  width: 70%;
}

.progress-bar-sec--71:after {
  width: 71%;
}

.progress-bar-sec--72:after {
  width: 72%;
}

.progress-bar-sec--73:after {
  width: 73%;
}

.progress-bar-sec--74:after {
  width: 74%;
}

.progress-bar-sec--75:after {
  width: 75%;
}

.progress-bar-sec--76:after {
  width: 76%;
}

.progress-bar-sec--77:after {
  width: 77%;
}

.progress-bar-sec--78:after {
  width: 78%;
}

.progress-bar-sec--79:after {
  width: 79%;
}

.progress-bar-sec--80:after {
  width: 80%;
}

.progress-bar-sec--81:after {
  width: 81%;
}

.progress-bar-sec--82:after {
  width: 82%;
}

.progress-bar-sec--83:after {
  width: 83%;
}

.progress-bar-sec--84:after {
  width: 84%;
}

.progress-bar-sec--85:after {
  width: 85%;
}

.progress-bar-sec--86:after {
  width: 86%;
}

.progress-bar-sec--87:after {
  width: 87%;
}

.progress-bar-sec--88:after {
  width: 88%;
}

.progress-bar-sec--89:after {
  width: 89%;
}

.progress-bar-sec--90:after {
  width: 90%;
}

.progress-bar-sec--91:after {
  width: 91%;
}

.progress-bar-sec--92:after {
  width: 92%;
}

.progress-bar-sec--93:after {
  width: 93%;
}

.progress-bar-sec--94:after {
  width: 94%;
}

.progress-bar-sec--95:after {
  width: 95%;
}

.progress-bar-sec--96:after {
  width: 96%;
}

.progress-bar-sec--97:after {
  width: 97%;
}

.progress-bar-sec--98:after {
  width: 98%;
}

.progress-bar-sec--99:after {
  width: 99%;
}

.progress-bar-sec--100:after {
  width: 100%;
}

.popover {
  --bs-popover-border-color: var(--border);
}
.popover-header {
  border-bottom: 0;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: -0.5rem;
}

.custom-popover .popover-body,
.popover-warning .popover-body {
  padding-bottom: 0.5625rem;
}

.popover-warning {
  --bs-popover-header-bg: #FFF7D3;
  --bs-popover-bg: #FFF7D3;
  --bs-popover-body-color: #1F3137;
  --bs-popover-border-color: #EDD982;
}

.custom-popover {
  --bs-popover-header-bg: transparent;
  --bs-popover-header-color: var(----bs-body-color);
}

.offcanvas-header i {
  margin-top: -0.75rem;
}
.offcanvas.offcanvas-end {
  border-left-color: var(--border);
}

.bg-dark .nav {
  --bs-nav-tabs-border-width: 0;
  --bs-nav-tabs-link-active-bg: rgba(255,255,255,.1);
  --bs-nav-tabs-link-active-color: #fff;
  --bs-nav-link-color: #fff;
  --bs-nav-link-hover-color: #fff;
}
.bg-dark .nav-tabs .nav-link {
  border-radius: 0.25rem;
}

/* ------------------ SECTIONS --------------------- */
/* common */
.s_header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.25rem;
  position: relative;
}
.s_header__logo {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .s_header__logo {
    display: flex;
    align-items: center;
    padding-right: 2.25rem;
  }
}
.s_header__menu {
  margin-right: 0.5rem;
}
@media only screen and (min-width: 1200px) {
  .s_header__menu {
    display: none;
  }
}
.s_header__menu-btn {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 0.25rem;
  padding-inline: 0.5rem;
}
.s_header__menu-ico {
  width: 1.25rem;
  height: 1.75rem;
  padding-top: 0.625rem;
  display: inline-block;
}
.s_header__menu-ico > span {
  display: block;
  width: 100%;
  border-radius: 2px;
  height: 0.125rem;
  background: var(--color-1);
  transition: all 0.3s;
  position: relative;
}
.s_header__menu-ico > span + span {
  margin-top: 0.25rem;
}
.s_header__menu-ico > span:nth-child(1) {
  animation: ease 0.7s top-2 forwards;
}
.s_header__menu-ico > span:nth-child(2) {
  animation: ease 0.7s scaled-2 forwards;
}
.s_header__menu-ico > span:nth-child(3) {
  animation: ease 0.7s bottom-2 forwards;
}
.s_header__search {
  flex: 1 1 auto;
  align-self: center;
}
.s_header__user {
  align-self: center;
}
.s_header__user i:before {
  font-size: 1.3125rem;
}
.s_header__user > button {
  position: relative;
  max-height: 2.375rem;
  padding: 0.1875rem 0.5rem 0.125rem;
}
@media only screen and (min-width: 1200px) {
  .s_header__user > button {
    padding-right: 0.75rem;
  }
}
.s_header__user > button:after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(/images/icons/arrow-down.svg) no-repeat center;
  margin-left: 0.25rem;
  border: 0;
  vertical-align: baseline;
}
.s_header__user > button.show {
  box-shadow: 0 0 0 3px var(--color-4);
}
.s_header__user > button > em {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  background-color: #1ccc5b;
  border-radius: 50%;
}
.s_header__user > button > span {
  position: relative;
  top: -0.125rem;
}

.menu-open .s_header__menu-ico span:nth-child(1) {
  animation: ease 0.7s top forwards;
}
.menu-open .s_header__menu-ico span:nth-child(2) {
  animation: ease 0.7s scaled forwards;
}
.menu-open .s_header__menu-ico span:nth-child(3) {
  animation: ease 0.7s bottom forwards;
}

@media only screen and (min-width: 768px) {
  .p-office .s_header__search .c_search {
    width: 90%;
  }
}
.p-office .s_header__user > .btn-sm {
  max-height: none;
  padding: 0.3125rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.p-office .s_header__user i:before {
  font-size: 1rem;
  line-height: 1;
}

.s_layout {
  display: flex;
  min-height: 100vh;
}
.s_layout > div:first-child {
  background-color: var(--white);
  height: calc(100vh - 4.875rem);
  position: fixed;
  bottom: 4.875rem;
  left: -150%;
  z-index: 6;
  overflow-y: auto;
  transition: left 0.2s ease-out;
}
@media only screen and (min-width: 1200px) {
  .s_layout > div:first-child {
    flex: 0 0 22.5rem;
    position: sticky;
    top: 0;
    left: auto;
    height: 100vh;
  }
}
@media only screen and (min-width: 1920px) {
  .s_layout > div:first-child {
    flex: 0 0 26.25rem;
  }
}
.s_layout__in {
  margin: 0 auto;
  padding: 0.75rem 0 4.875rem;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media only screen and (min-width: 1200px) {
  .s_layout__in {
    padding-inline: 1.5rem;
    padding-block: 1.25rem;
  }
}
.s_layout__in section + section {
  margin-top: 1.875rem;
}
@media only screen and (min-width: 576px) {
  .s_layout__in section + section {
    margin-top: 2.8125rem;
  }
}

.menu-open .s_layout > div:first-child {
  left: 0;
}

body:has(.table-sticky-head, .datagrid-container.sticky-header) {
  overflow-x: visible;
}

.s_layout__in:has(.table-sticky-head, .datagrid-container.sticky-header) {
  overflow: clip;
}

.p-office .s_layout {
  padding-inline: 0.75rem;
}
[data-bs-theme=dark] .s_sidebar {
  --choices-border-color: rgba(221, 221, 221, 0.2);
  --sidebar-hover: #273E3B;
}

.s_sidebar {
  --choices-border-color: #c2c2c2;
  --sidebar-hover: #273E3B;
  width: 100vw;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  min-height: calc(100vh - 81px);
  min-height: calc(100svh - 81px);
  background-color: #1F3137;
}
@media only screen and (min-width: 768px) {
  .s_sidebar {
    width: 6.25rem;
    overflow: hidden;
    min-height: calc(100dvh - 81px);
  }
  .s_sidebar__scrollable {
    position: absolute;
    inset: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.375rem;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1200px) {
  .s_sidebar {
    height: 100vh;
    height: 100dvh;
  }
}
@media only screen and (min-width: 1920px) {
  .s_sidebar {
    width: 8.75rem;
  }
}
.s_sidebar__lvl-0 {
  position: relative;
  z-index: 1;
  width: 100vw;
  background-color: #1F3137;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__lvl-0 {
    position: fixed;
    top: 0;
    height: calc(100vh - 81px);
    height: calc(100dvh - 81px);
    min-height: 45rem;
    width: 6.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .s_sidebar__lvl-0 {
    height: 100vh;
    height: 100dvh;
  }
}
@media only screen and (min-width: 1920px) {
  .s_sidebar__lvl-0 {
    width: 8.75rem;
  }
}
.s_sidebar__lvl-0 > ul {
  margin-bottom: 0;
}
.s_sidebar__lvl-0 > ul .p_badge--blue {
  color: #fff;
}
.s_sidebar__lvl-0 > ul > li > div:first-child {
  position: relative;
}
.s_sidebar__lvl-0 > ul > li > div:first-child img {
  max-width: 1.5rem;
  max-height: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__lvl-0 > ul > li > div:first-child img {
    max-width: 1.875rem;
    max-height: 1.875rem;
  }
}
@media only screen and (min-width: 1920px) {
  .s_sidebar__lvl-0 > ul > li > div:first-child img {
    max-width: 2.625rem;
    max-height: 2.625rem;
  }
}
.s_sidebar__lvl-0 > ul > li > div > a {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.625rem 0.75rem;
  transition: all 0.2s ease-out;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__lvl-0 > ul > li > div > a {
    text-align: center;
    padding: 0.625rem 0;
  }
}
.s_sidebar__lvl-0 > ul > li > div > a:hover, .s_sidebar__lvl-0 > ul > li > div > a:active, .s_sidebar__lvl-0 > ul > li > div > a:focus {
  background-color: var(--sidebar-hover);
}
.s_sidebar__lvl-0 > ul > li > div > a.active {
  background-color: var(--sidebar-hover);
  box-shadow: inset -0.1875rem 0 0 0 #17AB4B;
}
@media only screen and (max-width: 767px) {
  .s_sidebar__lvl-0 > ul > li > div > a.active {
    background-color: var(--sidebar-mobile-active);
    color: #17AB4B;
    box-shadow: none;
  }
  .s_sidebar__lvl-0 > ul > li > div > a.active > span {
    font-weight: bold;
  }
  .s_sidebar__lvl-0 > ul > li > div > a.active > span span {
    color: #fff;
  }
}
.s_sidebar__lvl-0 > ul > li > div > a > span {
  display: inline-block;
  vertical-align: bottom;
  font-size: 0.9375rem;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__lvl-0 > ul > li > div > a > span {
    display: block;
  }
}
@media only screen and (min-width: 1920px) {
  .s_sidebar__lvl-0 > ul > li > div > a > span {
    font-size: 1rem;
  }
}
.s_sidebar__lvl-0 > ul > li > div > a > span:first-child {
  width: 1.5rem;
  margin-right: 0.625rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__lvl-0 > ul > li > div > a > span:first-child {
    width: auto;
    padding-bottom: 0.625rem;
    margin-right: 0;
  }
}
.s_sidebar__lvl-0 > ul > li > div > a > span:first-child span {
  min-width: 1.25rem;
  font-weight: bold;
  font-size: 0.875rem;
  margin-left: 0.125rem;
  padding-block: 0;
}
.s_sidebar__lvl-0 > ul > li > div > button {
  display: inline-block;
  border: none;
  background: url(/images/icons/arrow-down.svg) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  aspect-ratio: 1;
  transform: rotate(180deg);
  z-index: 1;
  transition: all 0.2s ease-out;
}
@media only screen and (max-width: 767px) {
  .s_sidebar__lvl-0 > ul > li > div > button[aria-expanded=true] + a {
    background-color: var(--sidebar-mobile-active);
    color: #17AB4B !important;
  }
  .s_sidebar__lvl-0 > ul > li > div > button[aria-expanded=true] + a > span:first-child path {
    fill: #17AB4B;
  }
  .s_sidebar__lvl-0 > ul > li > div > button[aria-expanded=true] + a .p_badge--blue {
    color: var(--dark);
    background-color: rgba(79, 123, 134, 0.2);
    border-color: transparent;
  }
  .s_sidebar__lvl-0 > ul > li > div > button.collapsed {
    transform: rotate(0deg);
    background: url(/images/icons/arrow-down-white.svg) no-repeat center center;
  }
  .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active {
    background-color: transparent;
    color: #fff;
    box-shadow: none;
  }
  .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active > span {
    font-weight: normal;
  }
  .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active > span span {
    color: #fff;
  }
  .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active > span:first-child path {
    fill: #17AB4B;
  }
  .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active:hover, .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active:active, .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active:focus {
    background-color: var(--sidebar-hover);
    color: #fff;
  }
}
.s_sidebar__lvl-0 > ul > span {
  display: block;
}
.s_sidebar__lvl-0 > ul > span:first-child {
  padding-bottom: 0.625rem;
}
.s_sidebar__lvl-0 > ul > span em {
  color: var(--white);
  font-style: normal;
}
.s_sidebar__lvl-1 {
  background-color: #fff;
  padding: 0.75rem;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__lvl-1 {
    padding: 1.25rem;
    width: 16.25rem;
    top: 0;
    overflow-y: auto;
    height: calc(100vh - 81px);
    height: calc(100dvh - 81px);
    display: block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .s_sidebar__lvl-1 {
    left: -150%;
    transition: all 0.2s ease-out;
  }
}
@media only screen and (min-width: 1200px) {
  .s_sidebar__lvl-1 {
    position: fixed;
    left: 6.25rem;
    height: 100vh;
    height: 100dvh;
  }
}
@media only screen and (min-width: 1920px) {
  .s_sidebar__lvl-1 {
    width: 17.5rem;
    left: 8.75rem;
  }
}
.s_sidebar__lvl-1 .choices__inner {
  background-color: var(--white) !important;
  border-color: var(--choices-border-color) !important;
  font-size: 0.875rem !important;
  background-size: 1.125rem 1.125rem !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0.3125rem 0.4375rem !important;
}
.s_sidebar__lvl-1 .choices__inner--dropdown {
  border-color: var(--border-color) !important;
}
.s_sidebar__lvl-1 .choices__item--selectable {
  font-weight: bold;
}
.s_sidebar__lvl-1 > ul {
  margin-bottom: 0;
  margin-inline: -0.75rem;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__lvl-1 > ul {
    margin-inline: -1.25rem;
  }
}
.s_sidebar__lvl-1 > ul > li > div {
  position: relative;
}
.s_sidebar__lvl-1 > ul > li > div > a {
  color: var(--bs-body-color);
  font-size: 0.9375rem;
  padding: 0.375rem 2.5rem 0.375rem 1.25rem;
}
.s_sidebar__lvl-1 > ul > li > div > a i {
  margin-right: 0.625rem;
}
.s_sidebar__lvl-1 > ul > li > div button {
  display: inline-block;
  border: none;
  background: url(/images/icons/arrow-down.svg) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  aspect-ratio: 1;
  transform: rotate(180deg);
  transition: all 0.2s ease-out;
}
.s_sidebar__lvl-1 > ul > li > div button.collapsed {
  transform: rotate(0deg);
}
.s_sidebar__lvl-1 > ul > li > ul {
  padding-bottom: 0.625rem;
}
.s_sidebar__lvl-1 > ul > li > ul > li > a {
  padding-left: 2.9375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.1875rem;
}
.s_sidebar__lvl-1 > ul > li.active {
  background-color: var(--primary-light);
}
.s_sidebar__lvl-1 > ul > li.active > div > a {
  font-weight: bold;
  color: #17AB4B;
}
.s_sidebar__lvl-1 > ul a {
  display: block;
  padding: 0.375rem 0.9375rem;
  font-size: 0.9375rem;
  text-decoration: none;
  color: var(--dark-text);
  transition: all 0.2s ease-out;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__lvl-1 > ul a {
    padding: 0.4375rem 1.875rem;
  }
}
.s_sidebar__lvl-1 > ul a:hover, .s_sidebar__lvl-1 > ul a:active, .s_sidebar__lvl-1 > ul a:focus {
  color: #17AB4B;
}
.s_sidebar__lvl-1 > ul a.active {
  font-weight: bold;
  color: #17AB4B;
}
.s_sidebar__lvl-1 > ul a i {
  margin-right: 0.625rem;
  font-size: 1.25rem;
  position: relative;
  top: 0.125rem;
}
.s_sidebar__lvl-1 > ul ul ul a {
  padding-left: 4.0625rem;
}
.s_sidebar__lvl-1 > ul ul ul ul a {
  padding-left: 5.625rem;
}
.s_sidebar__lvl-1 > ul form {
  padding: 0.3125rem 0.9375rem 0.4375rem;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__lvl-1 > ul form {
    padding: 0.3125rem 0.9375rem 0.4375rem 2.5rem;
  }
}
.s_sidebar__support {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.625rem;
  font-size: 0.9375rem;
  transition: all 0.2s ease-out;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__support {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 6.25rem;
    text-align: center;
  }
}
@media only screen and (min-width: 1920px) {
  .s_sidebar__support {
    width: 8.75rem;
    font-size: 1rem;
  }
}
.s_sidebar__support:hover, .s_sidebar__support:active, .s_sidebar__support:focus {
  background-color: var(--sidebar-hover);
}
.s_sidebar__support span {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__support span {
    display: block;
  }
}
.s_sidebar__support span:first-child {
  width: 1.5rem;
  margin-right: 0.75rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__support span:first-child {
    width: auto;
    padding-bottom: 0.625rem;
    margin-right: 0;
  }
}
.s_sidebar__support span:first-child img {
  max-width: 1.5rem;
  max-height: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .s_sidebar__support span:first-child img {
    max-width: 1.875rem;
    max-height: 1.875rem;
  }
}
@media only screen and (min-width: 1920px) {
  .s_sidebar__support span:first-child img {
    max-width: 2.625rem;
    max-height: 2.625rem;
  }
}
.s_sidebar__subdomain {
  padding-left: 1.25rem !important;
}
.s_sidebar .disabled {
  opacity: 0.6;
  cursor: default;
}
.s_sidebar .disabled:hover, .s_sidebar .disabled:active, .s_sidebar .disabled:focus {
  color: inherit;
}
.s_sidebar .choices__item--selectable {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
  .s_sidebar .choices__item--selectable {
    max-width: 10.625rem;
  }
}
@media only screen and (min-width: 1920px) {
  .s_sidebar .choices__item--selectable {
    max-width: 11.875rem;
  }
}
.s_sidebar--ds {
  width: auto;
}
.s_sidebar--ds .s_sidebar__lvl-1 {
  left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .menu-open .s_sidebar__lvl-1 {
    position: fixed;
    left: 6.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .menu-open .s_sidebar--ds .s_sidebar__lvl-1 {
    left: 0;
  }
}

@media only screen and (min-width: 768px) {
  #fn_submenu-provizni-system,
  #fn_submenu-fakturace,
  #fn_submenu-ucet-a-kontakty {
    padding-top: 0;
  }
}

[data-bs-theme=dark] .s_sidebar__lvl-0 > ul > li > div > button {
  background-image: url(/images/icons/dt_arrow-down.svg);
}
[data-bs-theme=dark] .s_sidebar__lvl-1 {
  background-color: #22353D;
}
[data-bs-theme=dark] .s_sidebar__lvl-1 > ul a.active {
  background-color: var(--sidebar-hover);
}
[data-bs-theme=dark] .s_sidebar__lvl-1 > ul a.active i {
  color: #17AB4B;
}
[data-bs-theme=dark] .s_sidebar__lvl-1 > ul > li.active {
  background-color: var(--sidebar-hover);
}

@media only screen and (min-width: 1200px) {
  .s_layout:has(.container-xl:not(.mx-0)) {
    --sidebar-shift: max(0px, calc((100vw - 93.75rem) / 2 - 22.5rem - 1.5rem));
  }
  .s_layout:has(.container-xl:not(.mx-0)) .container-xl {
    margin-left: var(--sidebar-shift);
    margin-right: auto;
  }
  .s_layout:has(.container-xl:not(.mx-0)) .s_sidebar__lvl-0 {
    width: calc(6.25rem + var(--sidebar-shift));
  }
  .s_layout:has(.container-xl:not(.mx-0)) .s_sidebar__lvl-0 > ul {
    margin-inline-start: var(--sidebar-shift);
  }
  .s_layout:has(.container-xl:not(.mx-0)) .s_sidebar__lvl-1 {
    left: calc(6.25rem + var(--sidebar-shift));
  }
  .s_layout:has(.container-xl:not(.mx-0)) .s_sidebar--ds .s_sidebar__lvl-1 {
    left: var(--sidebar-shift);
  }
}
@media only screen and (min-width: 1920px) {
  .s_layout:has(.container-xl:not(.mx-0)) {
    --sidebar-shift: max(0px, calc((100vw - 93.75rem) / 2 - 26.25rem - 1.5rem));
  }
  .s_layout:has(.container-xl:not(.mx-0)) .s_sidebar__lvl-0 {
    width: calc(8.75rem + var(--sidebar-shift));
  }
  .s_layout:has(.container-xl:not(.mx-0)) .s_sidebar__lvl-1 {
    left: calc(8.75rem + var(--sidebar-shift));
  }
  .s_layout:has(.container-xl:not(.mx-0)) .s_sidebar__support {
    left: auto;
    right: 0;
  }
  .s_layout:has(.container-xl:not(.mx-0)) .s_sidebar--ds .s_sidebar__lvl-1 {
    left: var(--sidebar-shift);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-office .s_sidebar {
    width: 100vw;
    overflow: visible;
  }
  .p-office .s_sidebar .s_sidebar__scrollable {
    position: static;
    display: block;
    padding-right: 0;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > a {
    text-align: left;
    padding: 0.625rem 0.75rem;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > a > span {
    display: inline-block;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > a > span:first-child {
    width: 1.5rem;
    margin-right: 0.625rem;
    padding-bottom: 0;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div img {
    max-width: 1.5rem;
    max-height: 1.5rem;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button.collapsed {
    transform: rotate(0deg);
    background-image: url(/images/icons/arrow-down-white.svg);
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button[aria-expanded=true] + a {
    background-color: var(--sidebar-mobile-active);
    color: #17AB4B !important;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button[aria-expanded=true] + a > span:first-child path {
    fill: #17AB4B;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button[aria-expanded=true] + a .p_badge--blue {
    color: var(--dark);
    background-color: rgba(79, 123, 134, 0.2);
    border-color: transparent;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > a.active {
    background-color: var(--sidebar-mobile-active);
    color: #17AB4B;
    box-shadow: none;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > a.active > span {
    font-weight: bold;
  }
  .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > a.active > span span {
    color: #fff;
  }
  .p-office .s_sidebar .s_sidebar__lvl-1 {
    position: static;
    left: auto;
    width: auto;
    height: auto;
    padding: 0.75rem;
    overflow: hidden;
  }
  .p-office .s_sidebar .s_sidebar__lvl-1.collapse:not(.show) {
    display: none !important;
  }
  .p-office .s_sidebar .s_sidebar__lvl-1 > ul {
    margin-inline: -0.75rem;
  }
  .p-office .s_sidebar .s_sidebar__lvl-1 > ul a {
    padding: 0.375rem 0.9375rem;
  }
}
.p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active {
  background-color: transparent;
  color: #fff;
  box-shadow: none;
}
.p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active > span {
  font-weight: normal;
}
.p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active > span span {
  color: #fff;
}
.p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active > span:first-child path {
  fill: #17AB4B;
}
.p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active:hover, .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active:active, .p-office .s_sidebar .s_sidebar__lvl-0 > ul > li > div > button:not([aria-expanded=true]) + a.active:focus {
  background-color: var(--sidebar-hover);
  color: #fff;
}
.p-office .s_sidebar .s_sidebar__lvl-1 > ul:has(ul) > li {
  padding-top: 0.75rem;
}
.p-office .s_sidebar .s_sidebar__lvl-1 > ul:has(ul) > li:first-child {
  padding-top: 0;
}
.p-office .s_sidebar .s_sidebar__lvl-1 > ul:has(ul) > li > ul {
  padding-bottom: 0;
}
.p-office .s_sidebar .s_sidebar__lvl-1 > ul a {
  padding-left: 3.25rem;
  padding-block: 0.375rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-office.menu-open .s_sidebar__lvl-1 {
    position: static;
    left: auto;
  }
}

/* login */
.s_login-page {
  padding-bottom: 1.875rem;
}
.s_login-page__cover {
  margin: auto 0.9375rem;
}
@media only screen and (min-width: 576px) {
  .s_login-page__cover {
    width: 31.25rem;
    margin: auto;
  }
}
.s_login-page a:not(.btn) {
  color: #FF336C;
}
.s_login-page__logo {
  text-align: center;
  color: #000;
  font-weight: bold;
  background: url(/images/logo-login.svg) center 0 no-repeat;
  background-size: 9.875rem 2.1875rem;
  padding-top: 3.125rem;
  margin-bottom: 3.75rem;
}
@media only screen and (min-width: 768px) {
  .s_login-page__logo {
    font-size: 2.5rem;
  }
}
.s_login-page__btns {
  text-align: center;
  margin: 2.1875rem 0 2.8125rem;
}
.s_login-page__btns > a {
  margin-bottom: 0.3125rem;
}
.s_login-page__box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  position: relative;
  z-index: 2;
}
.s_login-page__box__content {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.s_login-page__box__in {
  padding: 1.875rem;
  margin: 0 0.9375rem;
  background-color: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0.625rem;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.0777426);
  position: relative;
}
@media only screen and (min-width: 576px) {
  .s_login-page__box__in {
    width: 31.25rem;
    margin: 0 auto 0.9375rem;
    padding: 1.875rem 2.8125rem;
  }
}
.s_login-page__box__in .form-group:not(.required) {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .s_login-page__box__in--register {
    width: 40.625rem;
  }
}
@media only screen and (min-width: 1200px) {
  .s_login-page__box__in--register {
    width: 50rem;
  }
}
.s_login-page__box__in--double {
  background-color: #fff;
}
.s_login-page__box__in--double .left {
  padding: 3rem 5rem;
}
.s_login-page__box__in--double .right {
  background: #E6F4FD;
}
@media only screen and (min-width: 768px) {
  .s_login-page__box__in--double {
    width: 46.875rem;
  }
}
@media only screen and (min-width: 1200px) {
  .s_login-page__box__in--double {
    width: 56.25rem;
  }
}
.s_login-page__box__in form {
  margin-bottom: 0;
}
.s_login-page__box .form-label {
  background-color: transparent;
  padding: 0;
  font-size: 0.875rem;
}
.s_login-page__box .form-control,
.s_login-page__box .form-select,
.s_login-page__box .choices__inner {
  background-color: #F0F6F8 !important;
  border-color: #C1DAE2 !important;
}
.s_login-page__box .form-control:focus,
.s_login-page__box .form-select:focus,
.s_login-page__box .choices__inner:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 51, 108, 0.3);
}
.s_login-page__box > p {
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .s_login-page__box .col-form-label {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
}
.s_login-page__robot {
  display: none;
}
@media only screen and (min-width: 576px) {
  .s_login-page__robot {
    display: block;
    position: absolute;
    right: -14.0625rem;
    top: 5rem;
    width: 17.3125rem;
    height: 18.5rem;
    background: url(/images/robot.svg) 0 0 no-repeat;
  }
}
.s_login-page__forgot {
  padding: 0.9375rem 1.875rem;
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .s_login-page__forgot {
    padding: 0.9375rem 2.8125rem;
  }
}
.s_login-page__blog ul {
  margin-bottom: 0;
}
.s_login-page__footer {
  font-family: "Roboto Mono", monospace;
  text-align: center;
}
.s_login-page__footer a {
  color: #1F3137;
}

/* domains */
.s_domains #frm-bulkEditDomainsForm-domains_message {
  display: none;
}
.s_domains input[type=search] {
  padding-right: 6.875rem;
}

/* servers */
.s_server-detail__headline i {
  position: relative;
  top: 0.125rem;
}
.s_server-detail__body p > *,
.s_server-detail__body ul > * {
  display: inline-block;
  margin-block: 0.125rem;
}
.s_server-detail__note {
  cursor: pointer;
  padding: 0.625rem 0.9375rem;
  border: 1px dotted var(--border);
  margin-bottom: 1.5rem;
}

/* web articles */
.s_blog-list h1 {
  max-width: 43.75rem;
  text-align: center;
  margin: auto auto 3.125rem;
}
.s_blog-list__items {
  position: relative;
  z-index: 1;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .s_blog-list__items {
    width: auto;
    transform: none !important;
  }
}
@media only screen and (min-width: 576px) {
  .s_blog-list__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.625rem;
  }
}
@media only screen and (min-width: 1200px) {
  .s_blog-list__items {
    margin: 0 -0.3125rem;
  }
}
@media only screen and (min-width: 1500px) {
  .s_blog-list__items {
    flex-wrap: nowrap;
  }
}
.s_blog-list__items > div {
  max-width: 22.1875rem;
  margin: auto auto 1.5rem;
}
@media only screen and (min-width: 576px) {
  .s_blog-list__items > div {
    max-width: 100%;
    margin: 0 0 0.3125rem;
    flex: 0 0 50%;
    padding: 0 0.625rem 1.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .s_blog-list__items > div {
    flex: 0 0 33.3333334%;
  }
}
@media only screen and (min-width: 1500px) {
  .s_blog-list__items > div {
    flex: 0 1 26.5625rem;
  }
}
@media only screen and (min-width: 1200px) {
  .s_blog-list__items > div {
    padding: 0 0.3125rem;
  }
}

/* AI create */
.s_ai-create {
  color: #fff;
}
.s_ai-create a:first-child + h1 {
  margin-top: 1.5rem;
}
.s_ai-create h1 {
  color: #00FF67;
  font-weight: normal;
  margin-bottom: 2.25rem;
}
.s_ai-create__templates {
  margin-bottom: 1.5rem;
}
.s_ai-create__templates li {
  margin-bottom: 0.75rem;
}
.s_ai-create__templates .btn {
  border-color: #fff;
  border-radius: 1.125rem;
}
.s_ai-create__templates .btn:hover, .s_ai-create__templates .btn:active, .s_ai-create__templates .btn:focus {
  background-color: rgba(255, 255, 255, 0.1);
}
.s_ai-create__templates .btn.active {
  border-color: #00FF67;
  color: #00FF67;
  background-color: rgba(0, 255, 103, 0.1);
}
.s_ai-create .form-label:empty {
  display: none;
}
.s_ai-create .form-control {
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}
.s_ai-create .form-control:focus, .s_ai-create .form-control:active {
  border-color: #00FF67;
}
.s_ai-create textarea.form-control {
  min-height: 9.375rem;
}
.s_ai-create__list li {
  background: url(/images/icons/arrow-l-success.svg) no-repeat 0 0.1875rem;
  padding-left: 1.5rem;
  padding-bottom: 0.75rem;
}

.s_ai-editor {
  color: var(--white);
}
@media only screen and (min-width: 768px) {
  .s_ai-editor {
    display: flex;
  }
}
.s_ai-editor__sidebar {
  flex: 0 0 23.125rem;
  padding: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .s_ai-editor__sidebar {
    height: 100vh;
    overflow-y: auto;
  }
}
.s_ai-editor__sidebar-back {
  font-size: 0.875rem;
  color: var(--color-4);
  background: var(--dark-bg) url(/images/icons/arrow-left-white.svg) no-repeat 0.625rem 0.75rem;
  background-size: 0.75rem 0.6875rem;
  border: 1px solid var(--color-4);
  margin: -1.25rem -0.625rem -0.625rem;
  padding: 0.625rem 0.625rem 0.625rem 1.875rem;
  border-radius: 0.25rem;
  position: sticky;
  top: 0;
}
.s_ai-editor__sidebar-back--m-0 {
  margin: 0;
}
.s_ai-editor__sidebar-edit {
  font-size: 0.875rem;
  opacity: 0.75;
  color: var(--white);
  text-decoration: none;
}
.s_ai-editor__sidebar-edit:hover, .s_ai-editor__sidebar-edit:active, .s_ai-editor__sidebar-edit:focus {
  text-decoration: underline;
}
.s_ai-editor__chat-ask {
  background-color: #1F3137;
  padding: 0.625rem 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-right: 2.25rem;
}
.s_ai-editor__chat-ask + .s_ai-editor__chat-ask {
  padding-top: 0;
}
.s_ai-editor__chat-ask > span {
  font-size: 0.875rem;
  opacity: 50%;
}
.s_ai-editor__chat-ask p {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.s_ai-editor__chat-ask p:last-child {
  margin-bottom: 0;
}
.s_ai-editor__chat-answer {
  background-color: #2b4048;
  padding: 0.625rem 0.75rem;
  border-radius: 0.25rem;
  margin-left: 2.25rem;
  margin-block: 1.25rem;
}
.s_ai-editor__chat-answer + .s_ai-editor__chat-ask {
  margin-top: 0;
}
.s_ai-editor__chat-answer > span > span {
  opacity: 50%;
}
.s_ai-editor__chat-answer p {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.s_ai-editor__chat-answer p:last-child {
  margin-bottom: 0;
}
.s_ai-editor__chat-labels {
  margin-bottom: 0.5rem;
}
.s_ai-editor__chat-form {
  border: 2px solid #00FF67;
  border-radius: 0.75rem;
  padding: 0.125rem;
}
.s_ai-editor__chat-form.active {
  animation: ai-editor-pulse 1s ease-in-out infinite;
}
.s_ai-editor__chat-form:focus-within fieldset {
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(28, 204, 91, 0.4);
  transition: box-shadow 0.15s ease-in-out;
  border-radius: 0.5rem;
  transition: all 0.2s ease-out;
}
.s_ai-editor__chat-form .form-control {
  background: transparent;
  border: 0;
  color: var(--white);
}
.s_ai-editor__chat-form .form-control:focus {
  box-shadow: none;
}
.s_ai-editor__chat-form .form-control::placeholder {
  color: var(--white);
}
.s_ai-editor__chat-form .btn {
  border-radius: 0.5rem !important;
}
.s_ai-editor__chat-input {
  min-height: 2.25rem;
  max-height: 40vh;
  overflow: auto;
}
.s_ai-editor__chat-input::placeholder {
  color: #fff;
}
.s_ai-editor__chat-input[contenteditable=true]:focus {
  outline: none;
}
.s_ai-editor__chat-input[data-has-content=false]::before {
  content: attr(data-placeholder);
  color: rgba(255, 255, 255, 0.6);
  cursor: text;
  position: absolute;
  pointer-events: none;
}
.s_ai-editor__chat [data-growing-textarea-div] {
  position: relative;
}
.s_ai-editor__chat [data-growing-textarea-div][contenteditable=false]::before {
  cursor: default;
}
.s_ai-editor__chat form:has([data-growing-textarea-div][contenteditable=false]) {
  border-color: rgba(255, 255, 255, 0.4);
}
.s_ai-editor__label-primary, .s_ai-editor__label-white {
  padding: 0.125rem 0.75rem;
  border-radius: 0.9375rem;
  display: inline-block;
  margin-bottom: 0.5rem;
  text-decoration: none;
}
.s_ai-editor__label-primary {
  border: 1px solid #00FF67;
  color: #00FF67;
}
.s_ai-editor__label-white {
  border: 1px solid var(--white);
  color: var(--white);
}
.s_ai-editor__content {
  flex: 1 1 auto;
  padding: 1.5rem;
  position: relative;
}
.s_ai-editor__content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.s_ai-editor__content-header ul {
  display: inline-block;
  margin-bottom: 0;
}
.s_ai-editor__content-header ul a {
  color: var(--white);
  text-decoration: none;
  display: block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
}
.s_ai-editor__content-header ul a.active {
  background-color: #2b4048;
}
.s_ai-editor__content-header .btn-outline-light {
  border: 1px solid var(--white);
  font-weight: normal;
}
.s_ai-editor__content-header .btn-outline-light:hover, .s_ai-editor__content-header .btn-outline-light:active, .s_ai-editor__content-header .btn-outline-light:focus {
  color: #1F3137;
}
@media only screen and (max-height: 950px) {
  .s_ai-editor__content .s_ai-editor__content-container {
    margin-bottom: 1.5rem !important;
  }
}
.s_ai-editor__content-body {
  padding-block: 1.5rem;
  max-width: 26.25rem;
  margin: auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .s_ai-editor__content-body {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
.s_ai-editor__content-body a {
  text-decoration: underline;
}
.s_ai-editor__content-body a:hover, .s_ai-editor__content-body a:active, .s_ai-editor__content-body a:focus {
  text-decoration: none;
}
.s_ai-editor__content-body-web {
  background-color: var(--color-4);
  border-radius: 0.25rem;
  height: calc(100vh - 144px);
}
@media only screen and (min-width: 1200px) {
  .s_ai-editor__content-body-web {
    height: calc(100vh - 96px);
  }
}
.s_ai-editor__content-body-web iframe {
  width: 100%;
  height: 100%;
}
.s_ai-editor__content-body-web--error {
  display: flex;
  justify-content: center;
  align-items: center;
}
.s_ai-editor__content-body--loading {
  max-width: 40.625rem;
}
@media only screen and (max-height: 950px) {
  .s_ai-editor__content-body--loading {
    max-width: 34.375rem;
  }
  .s_ai-editor__content-body--loading .p_loader--xl {
    width: 2.75rem;
    height: 2.75rem;
    border: 0.3125rem solid transparent;
  }
  .s_ai-editor__content-body--loading .ratio {
    margin-top: 1rem !important;
    max-width: 30rem;
    margin-inline: auto;
  }
}
.s_ai-editor__content-body--loading-opacity {
  max-width: 100%;
  background-color: rgba(31, 49, 55, 0.85);
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.s_ai-editor__content-body--loading-opacity .s_ai-editor__content-container {
  text-align: center;
  min-width: 40.625rem;
}
.s_ai-editor__content-body__yt {
  background: url(/images/icons/ico-youtube.svg) no-repeat 0 0.125rem;
  padding-left: 2.25rem;
  display: inline-block;
  margin-inline: auto;
  text-align: left;
  font-size: 1.25rem;
}
@media only screen and (max-height: 950px) {
  .s_ai-editor__content-body__yt {
    font-size: 1.125rem;
  }
}
.s_ai-editor__content-body__game {
  background: url(/images/icons/ico-game.svg) no-repeat 0 0.125rem;
  padding-left: 2.25rem;
  display: inline-block;
  margin-inline: auto;
  text-align: left;
  font-size: 1.25rem;
}
@media only screen and (max-height: 950px) {
  .s_ai-editor__content-body__game {
    font-size: 1.125rem;
  }
}
.s_ai-editor__content h1 {
  color: #00FF67;
  font-weight: normal;
}
@media only screen and (min-width: 1400px) and (min-height: 950px) {
  .s_ai-editor__content h1 {
    font-size: 2.75rem;
  }
}
.s_ai-editor__content p {
  color: var(--white);
}
.s_ai-editor__content-loader {
  background-color: #2b4048;
  max-width: 18.75rem;
  padding: 0.75rem;
  margin: auto auto 1.5rem;
  border-radius: 0.25rem;
}
.s_ai-editor__content-loader p {
  font-size: 0.875rem;
}
.s_ai-editor__content-error {
  max-width: 43.75rem;
  margin-inline: auto;
  text-align: center;
}
.s_ai-editor__content-error__title {
  font-size: 1.5625rem;
  font-family: "Roboto Mono", monospace;
  margin-bottom: 1rem;
}
.s_ai-editor__content-error__title:has(+ figure) {
  margin-bottom: -3rem;
}
@media only screen and (max-height: 750px) {
  .s_ai-editor__content-error__title:has(+ figure) {
    margin-bottom: -1.5rem;
  }
}
.s_ai-editor__content-error__subtitle {
  font-size: 1.5625rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-height: 750px) {
  .s_ai-editor__content-error img {
    width: 18.75rem;
    height: auto;
  }
}
.s_ai-editor__content-error p {
  font-size: 1.125rem;
}
@media only screen and (min-width: 1200px) {
  .s_ai-editor__content-error p {
    font-size: 1.3125rem;
  }
}
@media only screen and (max-height: 750px) {
  .s_ai-editor__content-error p {
    font-size: 1.125rem;
  }
}
.s_ai-editor__content-error a:not(.btn) {
  color: var(--white);
  text-decoration: underline;
}
.s_ai-editor__content-error a:not(.btn):hover, .s_ai-editor__content-error a:not(.btn):active, .s_ai-editor__content-error a:not(.btn):focus {
  color: var(--white);
  text-decoration: none;
}
.s_ai-editor__mobile-notice {
  height: 100vh;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10%;
}
@media only screen and (min-width: 576px) {
  .s_ai-editor__mobile-notice {
    padding: 20%;
  }
}
.s_ai-editor__mobile-notice h1 {
  color: var(--white);
}
.s_ai-editor .modal [data-image-editor-upload-trigger] {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.75rem;
  text-align: center;
  border-radius: 0.25rem;
}
.s_ai-editor .modal [data-image-editor-upload-trigger] div {
  border: 1px dotted rgba(255, 255, 255, 0.5);
  padding: 1.5rem;
}
.s_ai-editor .modal [data-image-editor-upload-trigger] div span {
  background: url(/images/icons/upload.svg) 0 center no-repeat;
  background-size: 1rem 1rem;
  display: inline-block;
  padding-left: 1.5rem;
}
.s_ai-editor .modal [data-link-editor-anchor] {
  background-color: #1F3137;
}
.s_ai-editor .modal [data-link-editor-anchor]:invalid {
  opacity: 0.6;
}

@keyframes ai-editor-pulse {
  0%, 100% {
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(28, 204, 91, 0.6);
  }
  50% {
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(28, 204, 91, 0);
  }
}
.s_ai-webs__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 23.125rem));
  gap: 1.5rem;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  .s_ai-webs__grid {
    grid-template-columns: repeat(2, minmax(0, 23.125rem));
  }
}
@media only screen and (min-width: 768px) {
  .s_ai-webs__grid {
    grid-template-columns: repeat(3, minmax(0, 23.125rem));
  }
}
@media only screen and (min-width: 1520px) {
  .s_ai-webs__grid {
    grid-template-columns: repeat(4, minmax(0, 23.125rem));
  }
}
.s_ai-webs__item {
  display: flex;
}
.s_ai-webs__item-link {
  flex: 1 1 auto;
  display: block;
  text-decoration: none;
  border-radius: 0.25rem;
  overflow: hidden;
  color: var(--body-color);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  background-color: var(--white);
  padding-bottom: 1.875rem;
  position: relative;
}
.s_ai-webs__item-content {
  padding: 1.75rem 1.25rem;
}
.s_ai-webs__item-content > span:first-child {
  font-size: 1.25rem;
  font-weight: bold;
  display: block;
  line-height: 1.2;
  padding-bottom: 0.75rem;
}
.s_ai-webs__item-control {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  top: 88%;
}
.s_ai-webs__item--new {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: var(--info-light);
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}

.bg-dark .modal-content {
  border: 0;
  background-color: #1F3137;
}
.bg-dark .modal-header {
  background-color: #00FF67;
  color: #1F3137;
  border: 0;
}
.bg-dark .modal-title {
  color: var(--dark);
}
.bg-dark .modal-body,
.bg-dark .modal .card-body {
  color: var(--white);
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  background-color: #1F3137;
}
.bg-dark .modal .form-control,
.bg-dark .modal .form-select {
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
}
.bg-dark .modal .form-control:focus, .bg-dark .modal .form-control:active,
.bg-dark .modal .form-select:focus,
.bg-dark .modal .form-select:active {
  border-color: #00FF67;
}
.bg-dark .modal .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}
.bg-dark .modal .form-select option {
  background-color: #1F3137;
}
.bg-dark .modal .form-check {
  position: relative;
}
.bg-dark .modal .form-check > span {
  left: 2rem;
}
.bg-dark .modal textarea.form-control {
  min-height: 9.375rem;
}
.bg-dark .modal .choices__inner {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-dark .modal .choices[data-type*=select-one]::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z%27 fill=%27%23ffffff%27/%3e%3c/svg%3e");
}
.bg-dark .modal .choices__list--dropdown {
  color: #1F3137;
}

/* error page */
.s_error-page {
  background: url(/images/icons/exclamation-triangle.svg) center 0 no-repeat;
  background-size: 8rem 8rem;
  padding-top: 7.5rem;
  text-align: center;
}
.s_error-page h1 {
  margin-bottom: 2.8125rem;
}
.s_error-page__headline {
  font-size: 8rem;
  color: #1F3137;
  display: block;
}
.s_error-page--full {
  height: 100vh;
  display: grid;
  place-items: center;
  padding: 0;
  background: transparent;
}

/* design system */
.s_ds__height-color {
  height: 4rem;
}
.s_ds__w40 {
  flex: 0 0 2.5rem;
}
.s_ds__w80 {
  flex: 0 0 5rem;
}
.s_ds__w140 {
  flex: 0 0 8.75rem;
}
.s_ds__w180 {
  flex: 0 0 11.25rem;
}

.ds-page .s_layout > div:first-child {
  flex: 0 0 16.25rem;
}
@media only screen and (min-width: 1920px) {
  .ds-page .s_layout > div:first-child {
    flex: 0 0 17.5rem;
  }
}

/* formatted text */
.s_formatted-txt a:not(.btn) {
  text-decoration: underline;
  color: #0088cc;
}
.s_formatted-txt a:not(.btn):hover, .s_formatted-txt a:not(.btn):active, .s_formatted-txt a:not(.btn):focus {
  text-decoration: none;
}
.s_formatted-txt p,
.s_formatted-txt pre,
.s_formatted-txt figure,
.s_formatted-txt blockquote {
  margin-bottom: 1.5625rem;
}
.s_formatted-txt blockquote {
  font-size: 1.125rem;
  font-style: italic;
  color: #999;
}
.s_formatted-txt pre {
  margin-top: 0;
  white-space: pre-wrap;
}
.s_formatted-txt h3,
.s_formatted-txt .h3,
.s_formatted-txt h4,
.s_formatted-txt .h4,
.s_formatted-txt h5,
.s_formatted-txt .h5 {
  padding-top: 0.9375rem;
}
.s_formatted-txt > h2:first-child,
.s_formatted-txt > .h2:first-child {
  padding-top: 0;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled) {
  list-style: none !important;
  padding: 0;
  margin-bottom: 1.5625rem;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled) > li {
  padding-left: 1.875rem;
  position: relative;
  padding-bottom: 0.625rem;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled) > li:before {
  content: "";
  background: var(--bs-body-color);
  width: 0.875rem;
  height: 0.0625rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0.6875rem;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled)[style*=decimal] {
  counter-reset: section;
  padding: 0 0 1.5625rem;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled)[style*=decimal] > li {
  padding-left: 2.375rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled)[style*=decimal] > li:before {
  counter-increment: section;
  content: counters(section, ".") ". ";
  color: var(--bs-body-color);
  min-width: 1.25rem;
  height: 1.875rem;
  background: var(--white);
  display: block;
  position: absolute;
  left: 0;
  top: 0.3125rem;
  text-align: right;
  line-height: 1.75rem;
  width: auto;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled)[style*=lower-alpha] {
  counter-reset: alpha;
  padding: 0 0 1.5625rem;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled)[style*=lower-alpha] > li {
  padding-left: 2.375rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled)[style*=lower-alpha] > li:before {
  counter-increment: alpha;
  content: counter(alpha, lower-alpha) ". ";
  color: var(--bs-body-color);
  min-width: 1.25rem;
  height: 1.875rem;
  background: var(--white);
  display: block;
  position: absolute;
  left: 0;
  top: 0.3125rem;
  text-align: right;
  line-height: 1.75rem;
  width: auto;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled).items-no-padding > li {
  padding-bottom: 0;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled).list-inline .list-inline-item:not(:last-child) {
  margin-right: 0.9375rem;
  padding-right: 0.9375rem;
  border-right: 1px solid #ddd;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled) ol {
  padding-top: 0.625rem;
}
.s_formatted-txt ul:not(.nav-tabs, .list-unstyled) ul {
  padding-top: 0.625rem;
}
.s_formatted-txt > ul > li:last-child {
  padding-bottom: 0;
}
.s_formatted-txt ol {
  padding: 0 0 1.5625rem;
  counter-reset: section;
  list-style-type: none !important;
  margin: 0;
}
.s_formatted-txt ol > li {
  padding-left: 2.375rem;
  position: relative;
  padding-top: 0.25rem;
}
.s_formatted-txt ol > li:before {
  counter-increment: section;
  content: counters(section, ".") ". ";
  color: var(--bs-body-color);
  min-width: 1.25rem;
  max-width: 1.875rem;
  height: 1.875rem;
  background: var(--white);
  display: block;
  position: absolute;
  left: 0;
  top: 0.125rem;
  text-align: center;
  line-height: 1.75rem;
  text-align: right;
}
.s_formatted-txt ol[style*=lower-alpha] {
  counter-reset: alpha;
}
.s_formatted-txt ol[style*=lower-alpha] > li:before {
  counter-increment: alpha;
  content: counter(alpha, lower-alpha) ". ";
}
.s_formatted-txt ol ul {
  padding-top: 0.625rem;
}
.s_formatted-txt ol ul li:before {
  content: "-";
}
.s_formatted-txt ol ol {
  counter-reset: subsection;
  padding-bottom: 0;
}
.s_formatted-txt ol ol > li {
  padding-top: 0.25rem;
  padding-bottom: 0;
  padding-left: 1.875rem;
}
.s_formatted-txt ol ol > li:before {
  counter-increment: subsection;
  content: counter(subsection, lower-alpha) ". ";
  font-weight: normal;
  top: 0.125rem;
}
.s_formatted-txt code,
.s_formatted-txt pre {
  background-color: #f1f6f8;
  border: 1px solid #ddd;
  padding: 0.125rem 0.25rem;
  color: #d63384;
  margin-top: 0.3125rem;
}
.s_formatted-txt pre > code {
  background-color: transparent;
  padding: 0;
  border: 0;
  margin-top: 0;
}
.s_formatted-txt figure img {
  height: auto;
}
.s_formatted-txt figure figcaption {
  font-size: 0.875rem;
  padding-top: 0.3125rem;
}
.s_formatted-txt hr {
  color: #999;
}
.s_formatted-txt h1:last-child,
.s_formatted-txt p:last-child,
.s_formatted-txt ul:last-child,
.s_formatted-txt ol:last-child,
.s_formatted-txt table:last-child,
.s_formatted-txt address:last-child,
.s_formatted-txt blockquote:last-child,
.s_formatted-txt .responsive-table:last-child,
.s_formatted-txt figure:last-child,
.s_formatted-txt .embed-responsive:last-child,
.s_formatted-txt blockquote:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

[data-bs-theme=dark] .s_formatted-txt code,
[data-bs-theme=dark] .s_formatted-txt pre {
  background-color: #131b1e;
  border-color: #131b1e;
  color: #D63384;
}
[data-bs-theme=dark] .s_formatted-txt hr {
  color: #696F72;
  opacity: 0.4;
}

.vh-chat-page {
  background: #f0f2f5;
  margin: 0;
  padding: 0;
  font-family: "Roboto", system-ui, -apple-system, sans-serif;
}

#vh-new-conv {
  display: block;
  text-align: center;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 12px;
  cursor: pointer;
  font-family: inherit;
  padding: 7px 10px;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
  flex-shrink: 0;
}
#vh-new-conv:hover {
  background: #f0f6f8;
  color: #ff336c;
}

#vh-chat-launcher {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #1ccc5b;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 26px;
  box-shadow: 0 4px 20px rgba(28, 204, 91, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s, box-shadow 0.2s;
  z-index: 9999;
}
#vh-chat-launcher:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 24px rgba(28, 204, 91, 0.55);
}

#vh-chat-window {
  position: fixed;
  bottom: 90px;
  right: 24px;
  width: 400px;
  height: 600px;
  max-height: calc(100vh - 110px);
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  z-index: 9998;
  overflow: hidden;
  transform: scale(0.93) translateY(12px);
  opacity: 0;
  transition: transform 0.22s cubic-bezier(0.34, 1.3, 0.64, 1), opacity 0.18s;
  pointer-events: none;
  font-family: "Roboto", system-ui, -apple-system, sans-serif;
  color: #1f3137;
}
#vh-chat-window > [id^=snippet-] {
  flex-shrink: 0;
}
#vh-chat-window > [id^=snippet-]:has(.vh-ch-messages) {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
#vh-chat-window.open {
  transform: scale(1) translateY(0);
  opacity: 1;
  pointer-events: all;
}

.vh-ch-header {
  background: linear-gradient(135deg, #1f3137 0%, #00345e 100%);
  color: #fff;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
}
.vh-ch-header-logo {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  overflow: hidden;
}
.vh-ch-header-logo .vh-bot-logo {
  width: 26px;
  height: 26px;
}
.vh-ch-header-logo:has(.vh-op-avatar--done) {
  border-radius: 50%;
  background: transparent;
}
.vh-ch-header-logo:has(.vh-op-avatar--done) .vh-op-avatar img {
  width: 40px !important;
  height: 40px !important;
}
.vh-ch-header-info {
  flex: 1;
}
.vh-ch-header-name {
  font-weight: 700;
  font-size: 15px;
}
.vh-ch-header-status {
  font-size: 12px;
  opacity: 0.9;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
}

.vh-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1ccc5b;
  box-shadow: 0 0 0 2px rgba(28, 204, 91, 0.3);
}
.vh-status-dot.offline {
  background: #94a3b8;
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.3);
}

.vh-ch-close {
  background: rgba(255, 255, 255, 0.15);
  border: none;
  color: #fff;
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
  transition: background 0.15s;
}
.vh-ch-close:hover {
  background: rgba(255, 255, 255, 0.28);
}

#vh-chat-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #ef4444;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border: 2px solid #fff;
  pointer-events: none;
}

.vh-connect-banner {
  flex-shrink: 0;
  background: #f0f6f8;
  border-bottom: 1px solid #c1dae2;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vh-connect-banner span {
  font-size: 13px;
  color: #374151;
}
.vh-connect-banner button {
  font-size: 13px;
  font-weight: 600;
  color: #ff336c;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  white-space: nowrap;
  font-family: inherit;
  transition: color 0.15s;
}
.vh-connect-banner button:hover {
  color: #ff1a5c;
}

.vh-ch-messages {
  flex: 1;
  overflow-y: auto;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 0;
}
.vh-ch-messages::before {
  content: "";
  flex: 1 1 auto;
}
.vh-ch-messages::-webkit-scrollbar {
  width: 4px;
}
.vh-ch-messages::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 2px;
}

.vh-msg-row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 8px;
}
.vh-msg-row.user {
  flex-direction: row-reverse;
}
.vh-msg-row.system {
  justify-content: center;
}

.vh-msg-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f0f6f8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  align-self: flex-end;
}
.vh-msg-avatar .vh-bot-logo {
  width: 20px;
  height: 20px;
}

.vh-bot-logo {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.vh-msg-bubble-wrap {
  display: flex;
  flex-direction: column;
  max-width: 75%;
}
.vh-msg-row.user .vh-msg-bubble-wrap {
  align-items: flex-end;
}

.vh-msg-bubble {
  padding: 9px 13px;
  border-radius: 18px;
  line-height: 1.5;
  font-size: 14px;
  word-break: break-word;
}
.vh-msg-row.bot .vh-msg-bubble {
  background: #f0f6f8;
  color: #1f3137;
  border-bottom-left-radius: 5px;
}
.vh-msg-row.user .vh-msg-bubble {
  background: #ff336c;
  color: #fff;
  border-bottom-right-radius: 5px;
}
.vh-msg-bubble p {
  margin: 0;
}
.vh-msg-bubble p + p {
  margin-top: 6px;
}
.vh-msg-bubble ul, .vh-msg-bubble ol {
  margin: 4px 0 4px 18px;
  padding: 0;
}
.vh-msg-bubble li {
  margin: 0;
  line-height: 1.5;
}
.vh-msg-bubble code {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 13px;
  font-family: monospace;
}
.vh-msg-bubble a {
  color: #ff336c;
}
.vh-msg-row.user .vh-msg-bubble a {
  color: #ffe8ee;
}

.vh-typing {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 2px 0;
}
.vh-typing span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #94a3b8;
  display: inline-block;
  animation: vh-bounce 1.2s infinite ease-in-out;
}
.vh-typing span:nth-child(1) {
  animation-delay: 0s;
}
.vh-typing span:nth-child(2) {
  animation-delay: 0.2s;
}
.vh-typing span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes vh-bounce {
  0%, 60%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-4px);
  }
}
.vh-msg-op-name {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 3px;
  padding: 0 4px;
}

.vh-msg-time {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 3px;
  padding: 0 4px;
}

.vh-msg-system {
  background: #fefce8;
  color: #854d0e;
  border-radius: 8px;
  font-size: 12px;
  text-align: center;
  padding: 7px 14px;
  max-width: 88%;
  border: 1px solid #fef08a;
}

.vh-msg-connected {
  background: #f0fdf4;
  color: #166534;
  border-radius: 10px;
  font-size: 13px;
  text-align: center;
  padding: 10px 14px;
  max-width: 92%;
  border: 1px solid #bbf7d0;
}

.vh-escalate-link {
  font-size: 12px;
  color: #94a3b8;
  margin-top: 2px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  padding: 0 2px;
}
.vh-escalate-link:hover {
  color: #ff336c;
}

.vh-offline-actions {
  display: flex;
  gap: 6px;
  margin-top: 6px;
}

.vh-offline-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #475569;
  background: #f0f6f8;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 5px 10px;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s;
}
.vh-offline-btn:hover {
  background: #ffe8ee;
  border-color: #ffc9d8;
  color: #ff336c;
}

.vh-escalate-form {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  max-width: 85%;
}
.vh-escalate-form .vh-form-title {
  font-size: 13px;
  color: #374151;
  font-weight: 600;
}
.vh-escalate-form input {
  border: 1px solid #e2e8f0;
  border-radius: 9px;
  padding: 8px 12px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  width: 100%;
  background: #fff;
  color: #1f3137;
  box-sizing: border-box;
}
.vh-escalate-form input:focus {
  border-color: #ff336c;
}
.vh-escalate-form button {
  background: #ff336c;
  color: #fff;
  border: none;
  border-radius: 9px;
  padding: 9px 14px;
  font-size: 14px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
}
.vh-escalate-form button:hover {
  background: #ff1a5c;
}
.vh-escalate-form button:disabled {
  background: #cbd5e1;
  cursor: not-allowed;
}

.vh-msg-row.bot .vh-msg-bubble {
  position: relative;
}
.vh-msg-row.bot .vh-msg-bubble:has(.vh-msg-rating) {
  padding-bottom: 30px;
}

.vh-msg-rating {
  position: absolute;
  bottom: 5px;
  right: 7px;
  display: flex;
  gap: 2px;
}

.vh-rate-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  padding: 1px 3px;
  line-height: 1;
  opacity: 0.55;
  transition: opacity 0.15s, transform 0.1s;
  font-family: inherit;
}
.vh-rate-btn:hover {
  opacity: 0.85;
  transform: scale(1.15);
}
.vh-rate-btn.active {
  opacity: 1;
  transform: scale(1.15);
}
.vh-rate-btn.up.active {
  filter: sepia(1) saturate(4) hue-rotate(80deg);
}
.vh-rate-btn.down.active {
  filter: sepia(1) saturate(4) hue-rotate(300deg);
}
.rated .vh-rate-btn {
  cursor: default;
  opacity: 0.2;
}
.rated .vh-rate-btn:hover {
  opacity: 0.2;
  transform: none;
}
.rated .vh-rate-btn.active {
  opacity: 1;
}

.vh-rate-popup {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vh-rate-popup-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.35);
  cursor: pointer;
}
.vh-rate-popup-box {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 18px;
  padding: 22px 20px 18px;
  width: 78%;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.vh-rate-popup-icon {
  font-size: 36px;
  text-align: center;
  line-height: 1;
}
.vh-rate-popup textarea {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  resize: none;
  width: 100%;
  box-sizing: border-box;
  background: #f8fafc;
  color: #1f3137;
}
.vh-rate-popup textarea:focus {
  border-color: #ff336c;
  background: #fff;
}
.vh-rate-popup-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.vh-rate-popup-cancel {
  background: none;
  border: 1px solid #e2e8f0;
  color: #64748b;
  border-radius: 9px;
  padding: 8px 14px;
  font-size: 13px;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s;
}
.vh-rate-popup-cancel:hover {
  background: #f0f6f8;
}
.vh-rate-popup-submit {
  background: #ff336c;
  color: #fff;
  border: none;
  border-radius: 9px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s;
}
.vh-rate-popup-submit:hover {
  background: #ff1a5c;
}

.vh-ch-input {
  padding: 10px 14px 14px;
  border-top: 1px solid #f0f6f8;
  display: flex;
  gap: 8px;
  align-items: flex-end;
  flex-shrink: 0;
}
.vh-ch-input textarea {
  flex: 1;
  border: 1px solid #e8edf2;
  border-radius: 22px;
  padding: 10px 16px;
  font-size: 14px;
  resize: none;
  min-height: 42px;
  max-height: 100px;
  font-family: inherit;
  outline: none;
  line-height: 1.4;
  background: #f8fafc;
  color: #1f3137;
}
.vh-ch-input textarea:focus {
  border-color: #ff336c;
  background: #fff;
}
.vh-ch-input button {
  background: #ff336c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.15s, transform 0.1s;
}
.vh-ch-input button:hover {
  background: #ff1a5c;
  transform: scale(1.05);
}
.vh-ch-input button:disabled {
  background: #cbd5e1;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 575px) {
  #vh-chat-window {
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    border-radius: 0;
  }
  body:has(#vh-chat-window.open) #vh-chat-launcher {
    display: none;
  }
}

/*# sourceMappingURL=app.css.map*/