@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;

500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400:700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap);.flatpickr-calendar {
  opacity: 0;
  display: none;
  visibility: hidden;
  font-size: 14px;
  line-height: 24px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}[dir] .flatpickr-calendar {
  background: transparent;
  text-align: center;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #fff;
}[dir=ltr] .flatpickr-calendar {
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  -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);
}[dir=rtl] .flatpickr-calendar {
  -webkit-animation: none;
          animation: none;
  direction: rtl;
  -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;
}
[dir=ltr] .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);
}
[dir=rtl] .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;
}
[dir] .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;
}
[dir=ltr] .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;
}
[dir=rtl] .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;
}
[dir] .flatpickr-calendar .hasWeeks .dayContainer, [dir] .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
}
[dir=ltr] .flatpickr-calendar .hasWeeks .dayContainer, [dir=ltr] .flatpickr-calendar .hasTime .dayContainer {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl] .flatpickr-calendar .hasWeeks .dayContainer, [dir=rtl] .flatpickr-calendar .hasTime .dayContainer {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=ltr] .flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
[dir=rtl] .flatpickr-calendar .hasWeeks .dayContainer {
  border-right: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
}
[dir] .flatpickr-calendar.hasTime .flatpickr-time {
  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;
  content: '';
  height: 0;
  width: 0;
}
[dir] .flatpickr-calendar:before, [dir] .flatpickr-calendar:after {
  border: solid transparent;
}
[dir=ltr] .flatpickr-calendar:before, [dir=ltr] .flatpickr-calendar:after {
  left: 22px;
}
[dir=rtl] .flatpickr-calendar:before, [dir=rtl] .flatpickr-calendar:after {
  right: 22px;
}
[dir=ltr] .flatpickr-calendar.rightMost:before, [dir=ltr] .flatpickr-calendar.arrowRight:before, [dir=ltr] .flatpickr-calendar.rightMost:after, [dir=ltr] .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
[dir=rtl] .flatpickr-calendar.rightMost:before, [dir=rtl] .flatpickr-calendar.arrowRight:before, [dir=rtl] .flatpickr-calendar.rightMost:after, [dir=rtl] .flatpickr-calendar.arrowRight:after {
  right: auto;
  left: 22px;
}
[dir=ltr] .flatpickr-calendar.arrowCenter:before, [dir=ltr] .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
[dir=rtl] .flatpickr-calendar.arrowCenter:before, [dir=rtl] .flatpickr-calendar.arrowCenter:after {
  right: 50%;
  left: 50%;
}
[dir] .flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
[dir] .flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
[dir] .flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
[dir] .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
[dir] .flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
[dir] .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 {
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  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;
}
[dir] .flatpickr-months .flatpickr-month {
  background: transparent;
  text-align: center;
}
.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;
  position: absolute;
  top: 0;
  height: 34px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
[dir] .flatpickr-months .flatpickr-prev-month, [dir] .flatpickr-months .flatpickr-next-month {
  cursor: pointer;
  padding: 10px;
}
.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*/
/*
      */
/*
      /*rtl:end:ignore*/
/*
      */
}
[dir=ltr] .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, [dir=ltr] .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
[dir=rtl] .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, [dir=rtl] .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  right: 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*/
/*
      */
/*
      /*rtl:end:ignore*/
/*
      */
}
[dir=ltr] .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, [dir=ltr] .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
[dir=rtl] .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, [dir=rtl] .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  left: 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;
}
[dir] .flatpickr-months .flatpickr-prev-month svg path, [dir] .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
}
.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 {
  -webkit-appearance: none;
}
[dir] .numInputWrapper input::-webkit-outer-spin-button, [dir] .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
}
.numInputWrapper span {
  position: absolute;
  width: 14px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[dir] .numInputWrapper span {
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
}
[dir=ltr] .numInputWrapper span {
  right: 0;
  padding: 0 4px 0 2px;
}
[dir=rtl] .numInputWrapper span {
  left: 0;
  padding: 0 2px 0 4px;
}
[dir] .numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
[dir] .numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
}
[dir] .numInputWrapper span.arrowUp {
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  top: 26%;
}
[dir] .numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid rgba(57,57,57,0.6);
}
[dir=ltr] .numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
[dir=rtl] .numInputWrapper span.arrowUp:after {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  top: 40%;
}
[dir] .numInputWrapper span.arrowDown:after {
  border-top: 4px solid rgba(57,57,57,0.6);
}
[dir=ltr] .numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
[dir=rtl] .numInputWrapper span.arrowDown:after {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
[dir] .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%;
  line-height: 1;
  height: 34px;
  display: inline-block;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
[dir] .flatpickr-current-month {
  padding: 7.48px 0 0 0;
  text-align: center;
          -webkit-transform: translate3d(0px, 0px, 0px);
                  transform: translate3d(0px, 0px, 0px);
}
[dir=ltr] .flatpickr-current-month {
  left: 12.5%;
}
[dir=rtl] .flatpickr-current-month {
  right: 12.5%;
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
}
[dir] .flatpickr-current-month span.cur-month {
  padding: 0;
}
[dir=ltr] .flatpickr-current-month span.cur-month {
  margin-left: 0.5ch;
}
[dir=rtl] .flatpickr-current-month span.cur-month {
  margin-right: 0.5ch;
}
[dir] .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;
}
[dir] .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
[dir] .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
[dir] .flatpickr-current-month input.cur-year {
  background: transparent;
  cursor: text;
  margin: 0;
  border: 0;
  border-radius: 0;
}
[dir=ltr] .flatpickr-current-month input.cur-year {
  padding: 0 0 0 0.5ch;
}
[dir=rtl] .flatpickr-current-month input.cur-year {
  padding: 0 0.5ch 0 0;
}
.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);
  pointer-events: none;
}
[dir] .flatpickr-current-month input.cur-year[disabled], [dir] .flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  box-sizing: border-box;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  outline: none;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
[dir] .flatpickr-current-month .flatpickr-monthDropdown-months {
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  margin: -1px 0 0 0;
}
[dir=ltr] .flatpickr-current-month .flatpickr-monthDropdown-months {
  padding: 0 0 0 0.5ch;
}
[dir=rtl] .flatpickr-current-month .flatpickr-monthDropdown-months {
  padding: 0 0.5ch 0 0;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
[dir] .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  outline: none;
}
[dir] .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  padding: 0;
}
.flatpickr-weekdays {
  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;
}
[dir] .flatpickr-weekdays {
  background: transparent;
  text-align: center;
}
.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 {
  font-size: 90%;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
[dir] span.flatpickr-weekday {
  cursor: default;
  background: transparent;
  margin: 0;
  text-align: center;
}
[dir] .dayContainer, [dir] .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 {
  outline: 0;
  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(0px, 0px, 0px);
  opacity: 1;
}
[dir] .dayContainer {
  padding: 0;
          -webkit-transform: translate3d(0px, 0px, 0px);
                  transform: translate3d(0px, 0px, 0px);
}
[dir=ltr] .dayContainer {
  text-align: left;
}
[dir=rtl] .dayContainer {
  text-align: right;
}
[dir=ltr] .dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
[dir=rtl] .dayContainer + .dayContainer {
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-day {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  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;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[dir] .flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  cursor: pointer;
  margin: 0;
  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 {
  outline: 0;
}
[dir] .flatpickr-day.inRange, [dir] .flatpickr-day.prevMonthDay.inRange, [dir] .flatpickr-day.nextMonthDay.inRange, [dir] .flatpickr-day.today.inRange, [dir] .flatpickr-day.prevMonthDay.today.inRange, [dir] .flatpickr-day.nextMonthDay.today.inRange, [dir] .flatpickr-day:hover, [dir] .flatpickr-day.prevMonthDay:hover, [dir] .flatpickr-day.nextMonthDay:hover, [dir] .flatpickr-day:focus, [dir] .flatpickr-day.prevMonthDay:focus, [dir] .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
[dir] .flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  color: #fff;
}
[dir] .flatpickr-day.today:hover, [dir] .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
}
.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 {
  -webkit-box-shadow: none;
  color: #fff;
}
[dir] .flatpickr-day.selected, [dir] .flatpickr-day.startRange, [dir] .flatpickr-day.endRange, [dir] .flatpickr-day.selected.inRange, [dir] .flatpickr-day.startRange.inRange, [dir] .flatpickr-day.endRange.inRange, [dir] .flatpickr-day.selected:focus, [dir] .flatpickr-day.startRange:focus, [dir] .flatpickr-day.endRange:focus, [dir] .flatpickr-day.selected:hover, [dir] .flatpickr-day.startRange:hover, [dir] .flatpickr-day.endRange:hover, [dir] .flatpickr-day.selected.prevMonthDay, [dir] .flatpickr-day.startRange.prevMonthDay, [dir] .flatpickr-day.endRange.prevMonthDay, [dir] .flatpickr-day.selected.nextMonthDay, [dir] .flatpickr-day.startRange.nextMonthDay, [dir] .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
          -webkit-box-shadow: none;
                  box-shadow: none;
  border-color: #569ff7;
}
[dir=ltr] .flatpickr-day.selected.startRange, [dir=ltr] .flatpickr-day.startRange.startRange, [dir=ltr] .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
[dir=rtl] .flatpickr-day.selected.startRange, [dir=rtl] .flatpickr-day.startRange.startRange, [dir=rtl] .flatpickr-day.endRange.startRange {
  border-radius: 0 50px 50px 0;
}
[dir=ltr] .flatpickr-day.selected.endRange, [dir=ltr] .flatpickr-day.startRange.endRange, [dir=ltr] .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
[dir=rtl] .flatpickr-day.selected.endRange, [dir=rtl] .flatpickr-day.startRange.endRange, [dir=rtl] .flatpickr-day.endRange.endRange {
  border-radius: 50px 0 0 50px;
}
[dir=ltr] .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), [dir=ltr] .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), [dir=ltr] .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
[dir=rtl] .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), [dir=rtl] .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), [dir=rtl] .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: 10px 0 0 #569ff7;
          box-shadow: 10px 0 0 #569ff7;
}
[dir] .flatpickr-day.selected.startRange.endRange, [dir] .flatpickr-day.startRange.startRange.endRange, [dir] .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
[dir] .flatpickr-day.inRange {
  border-radius: 0;
}
[dir=ltr] .flatpickr-day.inRange {
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
[dir=rtl] .flatpickr-day.inRange {
  -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);
}
[dir] .flatpickr-day.flatpickr-disabled, [dir] .flatpickr-day.flatpickr-disabled:hover, [dir] .flatpickr-day.prevMonthDay, [dir] .flatpickr-day.nextMonthDay, [dir] .flatpickr-day.notAllowed, [dir] .flatpickr-day.notAllowed.prevMonthDay, [dir] .flatpickr-day.notAllowed.nextMonthDay {
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57,57,57,0.1);
}
[dir] .flatpickr-day.flatpickr-disabled, [dir] .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
}
[dir] .flatpickr-day.week.selected {
  border-radius: 0;
}
[dir=ltr] .flatpickr-day.week.selected {
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
[dir=rtl] .flatpickr-day.week.selected {
  -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;
}
[dir] .rangeMode .flatpickr-day {
  margin-top: 1px;
}
[dir=ltr] .flatpickr-weekwrapper {
  float: left;
}
[dir=rtl] .flatpickr-weekwrapper {
  float: right;
}
[dir] .flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
}
[dir=ltr] .flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
[dir=rtl] .flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  width: 100%;
  line-height: 28px;
}
[dir] .flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
}
.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);
}
[dir] .flatpickr-weekwrapper span.flatpickr-day, [dir] .flatpickr-weekwrapper span.flatpickr-day:hover {
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[dir] .flatpickr-rContainer {
  padding: 0;
}
.flatpickr-time {
  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;
}
[dir] .flatpickr-time {
  text-align: center;
}
.flatpickr-time:after {
  content: "";
  display: table;
}
[dir] .flatpickr-time:after {
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
}
[dir=ltr] .flatpickr-time .numInputWrapper {
  float: left;
}
[dir=rtl] .flatpickr-time .numInputWrapper {
  float: right;
}
[dir] .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
[dir] .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 {
  -webkit-box-shadow: none;
  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;
}
[dir] .flatpickr-time input {
  background: transparent;
          -webkit-box-shadow: none;
                  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
}
.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;
}
[dir] .flatpickr-time input:focus {
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  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;
}
[dir=ltr] .flatpickr-time .flatpickr-time-separator, [dir=ltr] .flatpickr-time .flatpickr-am-pm {
  float: left;
}
[dir=rtl] .flatpickr-time .flatpickr-time-separator, [dir=rtl] .flatpickr-time .flatpickr-am-pm {
  float: right;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  font-weight: 400;
}
[dir] .flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  text-align: center;
}
[dir] .flatpickr-time input:hover, [dir] .flatpickr-time .flatpickr-am-pm:hover, [dir] .flatpickr-time input:focus, [dir] .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
[dir] .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);
  }
}
@charset "UTF-8";
h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
  letter-spacing: -0.03em;
}

h1 {
  font-size: 80px;
  line-height: 100%;
}

h2 {
  font-size: 60px;
  line-height: 100%;
}

h3 {
  font-size: 32px;
  line-height: 120%;
}

h4 {
  font-size: 24px;
  line-height: 120%;
}

h5 {
  font-size: 16px;
  line-height: 100%;
}

.p12 {
  font-size: 12px;
  line-height: 140%;
}

.fs14 {
  font-size: 14px;
  line-height: 120%;
}

.fs16 {
  font-size: 16px;
  line-height: 120%;
}

.dm-mono-light {
  font-weight: 300;
  font-style: normal;
}

.dm-mono-light-italic {
  font-weight: 300;
  font-style: italic;
}

.dm-mono-regular {
  font-weight: 400;
  font-style: normal;
}

.dm-mono-regular-italic {
  font-weight: 400;
  font-style: italic;
}

.dm-mono-medium {
  font-weight: 500;
  font-style: normal;
}

.dm-mono-medium-italic {
  font-weight: 500;
  font-style: italic;
}

.text-sm {
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.text-h5 {
  font-size: 18px !important;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: normal !important;
}

.text-h6 {
  font-size: 15px !important;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

@media (max-width: 768px) {
  .bordered-layout .floating-nav {
    width: 100%;
  }
}

@media (max-width: 576px) {
  [dir] .widget-box {
    border-bottom: 1px solid #e6e5e7;
  }

  .search-data-box {
    width: 100vw;
    top: 55px;
    height: 300px;
  }

  [dir] .search-data-box {
    transform: none;
  }

  [dir=ltr] .search-data-box {
    left: 0px;
  }

  [dir=rtl] .search-data-box {
    right: 0px;
  }

  .p16 {
    font-size: 12px;
    line-height: 140%;
  }

  .p14 {
    font-size: 12px;
    line-height: 140%;
  }

  .uploaded-wrap {
    width: 33%;
  }
}

@media (min-width: 576px) {
  [dir] .widget-box {
    border-bottom: 1px solid #e6e5e7;
  }

  .uploaded-wrap {
    width: 33%;
  }

  .p14 {
    font-size: 12px;
    line-height: 140%;
  }

  .modal-gallery .main-slide {
    width: calc(100% - 100px);
  }

  .main-gallery .main-slide {
    width: calc(100% - 100px);
  }

  .search-data-box {
    width: 100vw;
    top: 55px;
  }

  [dir] .search-data-box {
    transform: none;
  }

  [dir=ltr] .search-data-box {
    left: 0px;
  }

  [dir=rtl] .search-data-box {
    right: 0px;
  }

  .btn-table {
    font-size: 14px;
  }

  .p16 {
    font-size: 14px;
    line-height: 140%;
  }
}

@media (min-width: 992px) {
  [dir] .widget-box {
    border-bottom: none;
  }
  [dir=ltr] .widget-box {
    border-right: 1px solid #e6e5e7;
  }
  [dir=rtl] .widget-box {
    border-left: 1px solid #e6e5e7;
  }

  .uploaded-wrap {
    width: 33%;
  }

  .col-datetime {
    width: 185px;
    flex: 0 0 185px;
  }

  .col-date {
    width: 125px;
    flex: 0 0 125px;
  }

  .col-reference {
    width: 160px;
    flex: 0 0 160px;
  }

  .select-md-wrap {
    width: 200px;
    flex: 0 0 200px;
  }

  .search-data-box {
    width: 440px;
    top: 55px;
  }

  [dir=ltr] .search-data-box {
    left: 33px;
  }

  [dir=rtl] .search-data-box {
    right: 33px;
  }
}

@media (min-width: 1200px) {
  .bordered-layout .floating-nav {
    width: calc(100vw - (100vw - 100%) - calc(12px * 2) - 320px);
  }

  .uploaded-wrap {
    width: 20%;
  }

  .p14 {
    font-size: 14px;
    line-height: 140%;
  }

  .modal-gallery .main-slide {
    width: calc(100% - 120px);
  }

  .main-gallery .main-slide {
    width: calc(100% - 120px);
  }

  .main-gallery .vertical-slide {
    width: 91px;
  }

  .main-gallery .vertical-slide .product-img-wrap {
    width: 91px !important;
    height: 91px;
  }
}

@media (min-width: 1400px) {
  .p16 {
    font-size: 14px;
    line-height: 140%;
  }

  .btn-table {
    font-size: 14px;
  }

  .container-xxl {
    max-width: 1320px;
  }

  .content-header {
    max-width: 1320px;
  }

  [dir=ltr] .search-data-box {
    left: 33px;
  }

  [dir=rtl] .search-data-box {
    right: 33px;
  }
}

@media (min-width: 1500px) {
  .container-xxl {
    max-width: 1420px;
  }

  .content-header {
    max-width: 1920px;
  }
}

.sales-global-filters {
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.sales-search-with-filter {
  position: relative;
  width: 100%;
}

[dir=ltr] .sales-search-with-filter .search-input {
  padding-right: 2rem;
}

[dir=rtl] .sales-search-with-filter .search-input {
  padding-left: 2rem;
}

.sales-search-filter-dropdown {
  position: absolute;
  top: 50%;
  z-index: 20;
}

[dir] .sales-search-filter-dropdown {
  transform: translateY(-50%);
}

[dir=ltr] .sales-search-filter-dropdown {
  right: 0.75rem;
}

[dir=rtl] .sales-search-filter-dropdown {
  left: 0.75rem;
}

.sales-search-filter-dropdown .sales-search-filter-toggle {
  width: 30px;
  height: 30px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.18s ease, color 0.18s ease;
}

[dir] .sales-search-filter-dropdown .sales-search-filter-toggle {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  border-radius: 999px;
}

.sales-search-filter-dropdown .sales-search-filter-toggle:focus {
  outline: none;
}

[dir] .sales-search-filter-dropdown .sales-search-filter-toggle:focus {
  background-color: rgba(41, 128, 185, 0.12);
}

[dir] .sales-search-filter-dropdown .sales-search-filter-toggle:hover {
  background-color: rgba(41, 128, 185, 0.1);
}

.sales-search-filter-dropdown .dropdown-menu {
  min-width: 340px;
}

[dir] .sales-search-filter-dropdown .dropdown-menu {
  background-color: #fff;
  border: 1px solid #ebe9f1;
  border-radius: 0.428rem;
}

.sales-search-filter-dropdown.show {
  z-index: 40;
}

[dir] .sales-search-filter-dropdown.show .sales-search-filter-toggle {
  background-color: rgba(41, 128, 185, 0.12);
}

[dir] .sales-search-filter-dropdown.show .dropdown-menu {
  border-color: #d5d2dc;
  box-shadow: 0 0 0 1px rgba(41, 128, 185, 0.2), 0 14px 32px rgba(34, 41, 47, 0.18);
  transform: translateY(2px);
}

.sales-filters-popup {
  width: 340px;
}

.sales-global-filter-control {
  width: 100%;
  color: inherit;
}

[dir] .sales-global-filter-control {
  background-color: #fff !important;
}

[dir] .sales-global-filter-control[readonly] {
  background-color: #fff !important;
}

.sales-global-date-picker {
  display: block;
  width: 100%;
}

.sales-global-filter-owner,
.sales-global-filter-warehouse {
  min-width: 220px;
}

.sales-price-range {
  gap: 0.5rem;
  align-items: center;
}

.sales-price-range-sep {
  flex: 0 0 auto;
  color: #6e6b7b;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (max-width: 767.98px) {
  [dir=ltr] .sales-search-filter-dropdown {
    right: 0.5rem;
  }
  [dir=rtl] .sales-search-filter-dropdown {
    left: 0.5rem;
  }

  .sales-search-filter-dropdown .dropdown-menu {
    min-width: 0;
    width: calc(100vw - 1rem);
    max-width: 360px;
  }

  .sales-filters-popup {
    width: 100%;
  }
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(110, 107, 123, 0.3) transparent;
}

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

[dir] *::-webkit-scrollbar-track {
  background: transparent;
}

[dir] *::-webkit-scrollbar-thumb {
  background-color: rgba(110, 107, 123, 0.3);
  border-radius: 999px;
}

[dir] *::-webkit-scrollbar-corner {
  background: transparent;
}

.dark-layout * {
  scrollbar-color: rgba(180, 183, 189, 0.35) transparent;
}

[dir] .dark-layout *::-webkit-scrollbar-thumb {
  background-color: rgba(180, 183, 189, 0.35);
}

.scrollable {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollable::-webkit-scrollbar {
  display: none;
}

.text-white {
  color: #ffffff;
}

.text-black {
  color: #2c65ff;
}

.text-accent {
  color: #2980b9;
}

.text-light-blue {
  color: #2293f5;
}

.text-dark-blue {
  color: #1f3dd5;
}

.text-darkest-blue {
  color: #122374;
}

.text-pale-blue {
  color: #f8faff;
}

.text-mid-grey {
  color: #575757;
}

.text-darkest-grey {
  color: #39393a;
}

.text-affirmative-green {
  color: #7de651;
}

[dir] .bg-white {
  background-color: #ffffff;
}

[dir] .bg-black {
  background-color: #2c65ff;
}

[dir] .bg-accent {
  background-color: #2980b9;
}

[dir] .bg-light-blue {
  background-color: #2293f5;
}

[dir] .bg-dark-blue {
  background-color: #1f3dd5;
}

[dir] .bg-darkest-blue {
  background-color: #122374;
}

[dir] .bg-pale-blue {
  background-color: #f8faff;
}

[dir] .bg-mid-grey {
  background-color: #575757;
}

[dir] .bg-darkest-grey {
  background-color: #39393a;
}

[dir] .bg-affirmative-green {
  background-color: #7de651;
}

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}

.dm-mono {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

[dir] .cursor-pointer {
  cursor: pointer;
}

.scrollable {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-scroll-direction: horizontal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[dir] .scrollable {
  margin-bottom: 10px;
}

[dir] .white-bg {
  background-color: #ffffff;
  background: #ffffff;
}

.primary-color {
  color: #2980b9;
}

[dir] .container-xxl {
  padding: 0px;
}

[dir=ltr] .container-xxl {
  margin-left: auto;
  margin-right: auto;
}

[dir=rtl] .container-xxl {
  margin-right: auto;
  margin-left: auto;
}

a {
  color: #575757;
}

[dir] .mb-2rem {
  margin-bottom: 2rem;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
}

[dir] .slide-down-enter, [dir] .slide-down-leave-to {
  transform: translateY(-100%);
}

.badge-pill {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

[dir] .badge-pill {
  border-radius: 1.375rem;
  padding: 8px 10px 8px 10px;
}

@media (max-width: 576px) {
  [dir] .badge-pill {
    padding: 4px 5px;
  }
}

.victus-link-text {
  font-weight: 700;
  color: #575757;
}

.txt-gray-dark {
  color: #6e6a77 !important;
}

.fw-300 {
  font-weight: 300;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.opacity-1 {
  opacity: 1;
}

.text-ellipsis-500 {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 500px;
}

.w-16 {
  width: 16px;
}

.mx-w-210 {
  max-width: 210px;
  width: 100%;
}

[dir] .disabled-cursor {
  cursor: no-drop;
}

[dir] .btn:disabled {
  cursor: no-drop;
}

[dir] .shadow-orange {
  box-shadow: 0 0 10px 4px rgba(255, 165, 0, 0.4) !important;
}

[dir] .shadow-green {
  box-shadow: 0 0 10px 4px rgba(0, 128, 0, 0.5) !important;
}

.terms-text {
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}

[dir] .terms-text > p {
  margin-bottom: 0px !important;
}

.in-progress .tooltip-text {
  visibility: hidden;
  width: 200px;
  color: #ffffff;
  position: absolute;
  z-index: 1000;
  bottom: 125%;
  opacity: 0;
  font-size: 13px;
  pointer-events: none;
}

[dir] .in-progress .tooltip-text {
  background-color: black;
  border-radius: 8px;
  padding: 8px 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

[dir=ltr] .in-progress .tooltip-text {
  text-align: left;
  transform: translateX(-50%);
}

[dir=rtl] .in-progress .tooltip-text {
  text-align: right;
  transform: translateX(50%);
}

.in-progress:hover .tooltip-text,
.in-progress.show-tooltip .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.tooltip-icon {
  color: white !important;
}

[dir=ltr] .row {
  margin-right: -12px;
  margin-left: -12px;
}

[dir=rtl] .row {
  margin-left: -12px;
  margin-right: -12px;
}

[dir=ltr] .col-xxl, [dir=ltr] .col-xxl-auto, [dir=ltr] .col-xxl-12, [dir=ltr] .col-xxl-11, [dir=ltr] .col-xxl-10, [dir=ltr] .col-xxl-9, [dir=ltr] .col-xxl-8, [dir=ltr] .col-xxl-7, [dir=ltr] .col-xxl-6, [dir=ltr] .col-xxl-5, [dir=ltr] .col-xxl-4, [dir=ltr] .col-xxl-3, [dir=ltr] .col-xxl-2, [dir=ltr] .col-xxl-1, [dir=ltr] .col-xl, [dir=ltr] .col-xl-auto, [dir=ltr] .col-xl-12, [dir=ltr] .col-xl-11, [dir=ltr] .col-xl-10, [dir=ltr] .col-xl-9, [dir=ltr] .col-xl-8, [dir=ltr] .col-xl-7, [dir=ltr] .col-xl-6, [dir=ltr] .col-xl-5, [dir=ltr] .col-xl-4, [dir=ltr] .col-xl-3, [dir=ltr] .col-xl-2, [dir=ltr] .col-xl-1, [dir=ltr] .col-lg, [dir=ltr] .col-lg-auto, [dir=ltr] .col-lg-12, [dir=ltr] .col-lg-11, [dir=ltr] .col-lg-10, [dir=ltr] .col-lg-9, [dir=ltr] .col-lg-8, [dir=ltr] .col-lg-7, [dir=ltr] .col-lg-6, [dir=ltr] .col-lg-5, [dir=ltr] .col-lg-4, [dir=ltr] .col-lg-3, [dir=ltr] .col-lg-2, [dir=ltr] .col-lg-1, [dir=ltr] .col-md, [dir=ltr] .col-md-auto, [dir=ltr] .col-md-12, [dir=ltr] .col-md-11, [dir=ltr] .col-md-10, [dir=ltr] .col-md-9, [dir=ltr] .col-md-8, [dir=ltr] .col-md-7, [dir=ltr] .col-md-6, [dir=ltr] .col-md-5, [dir=ltr] .col-md-4, [dir=ltr] .col-md-3, [dir=ltr] .col-md-2, [dir=ltr] .col-md-1, [dir=ltr] .col-sm, [dir=ltr] .col-sm-auto, [dir=ltr] .col-sm-12, [dir=ltr] .col-sm-11, [dir=ltr] .col-sm-10, [dir=ltr] .col-sm-9, [dir=ltr] .col-sm-8, [dir=ltr] .col-sm-7, [dir=ltr] .col-sm-6, [dir=ltr] .col-sm-5, [dir=ltr] .col-sm-4, [dir=ltr] .col-sm-3, [dir=ltr] .col-sm-2, [dir=ltr] .col-sm-1, [dir=ltr] .col, [dir=ltr] .col-auto, [dir=ltr] .col-12, [dir=ltr] .col-11, [dir=ltr] .col-10, [dir=ltr] .col-9, [dir=ltr] .col-8, [dir=ltr] .col-7, [dir=ltr] .col-6, [dir=ltr] .col-5, [dir=ltr] .col-4, [dir=ltr] .col-3, [dir=ltr] .col-2, [dir=ltr] .col-1 {
  padding-right: 12px;
  padding-left: 12px;
}

[dir=rtl] .col-xxl, [dir=rtl] .col-xxl-auto, [dir=rtl] .col-xxl-12, [dir=rtl] .col-xxl-11, [dir=rtl] .col-xxl-10, [dir=rtl] .col-xxl-9, [dir=rtl] .col-xxl-8, [dir=rtl] .col-xxl-7, [dir=rtl] .col-xxl-6, [dir=rtl] .col-xxl-5, [dir=rtl] .col-xxl-4, [dir=rtl] .col-xxl-3, [dir=rtl] .col-xxl-2, [dir=rtl] .col-xxl-1, [dir=rtl] .col-xl, [dir=rtl] .col-xl-auto, [dir=rtl] .col-xl-12, [dir=rtl] .col-xl-11, [dir=rtl] .col-xl-10, [dir=rtl] .col-xl-9, [dir=rtl] .col-xl-8, [dir=rtl] .col-xl-7, [dir=rtl] .col-xl-6, [dir=rtl] .col-xl-5, [dir=rtl] .col-xl-4, [dir=rtl] .col-xl-3, [dir=rtl] .col-xl-2, [dir=rtl] .col-xl-1, [dir=rtl] .col-lg, [dir=rtl] .col-lg-auto, [dir=rtl] .col-lg-12, [dir=rtl] .col-lg-11, [dir=rtl] .col-lg-10, [dir=rtl] .col-lg-9, [dir=rtl] .col-lg-8, [dir=rtl] .col-lg-7, [dir=rtl] .col-lg-6, [dir=rtl] .col-lg-5, [dir=rtl] .col-lg-4, [dir=rtl] .col-lg-3, [dir=rtl] .col-lg-2, [dir=rtl] .col-lg-1, [dir=rtl] .col-md, [dir=rtl] .col-md-auto, [dir=rtl] .col-md-12, [dir=rtl] .col-md-11, [dir=rtl] .col-md-10, [dir=rtl] .col-md-9, [dir=rtl] .col-md-8, [dir=rtl] .col-md-7, [dir=rtl] .col-md-6, [dir=rtl] .col-md-5, [dir=rtl] .col-md-4, [dir=rtl] .col-md-3, [dir=rtl] .col-md-2, [dir=rtl] .col-md-1, [dir=rtl] .col-sm, [dir=rtl] .col-sm-auto, [dir=rtl] .col-sm-12, [dir=rtl] .col-sm-11, [dir=rtl] .col-sm-10, [dir=rtl] .col-sm-9, [dir=rtl] .col-sm-8, [dir=rtl] .col-sm-7, [dir=rtl] .col-sm-6, [dir=rtl] .col-sm-5, [dir=rtl] .col-sm-4, [dir=rtl] .col-sm-3, [dir=rtl] .col-sm-2, [dir=rtl] .col-sm-1, [dir=rtl] .col, [dir=rtl] .col-auto, [dir=rtl] .col-12, [dir=rtl] .col-11, [dir=rtl] .col-10, [dir=rtl] .col-9, [dir=rtl] .col-8, [dir=rtl] .col-7, [dir=rtl] .col-6, [dir=rtl] .col-5, [dir=rtl] .col-4, [dir=rtl] .col-3, [dir=rtl] .col-2, [dir=rtl] .col-1 {
  padding-left: 12px;
  padding-right: 12px;
}

[dir=ltr] .ml-05 {
  margin-left: 6px !important;
}

[dir=rtl] .ml-05 {
  margin-right: 6px !important;
}

[dir=ltr] .mr-05 {
  margin-right: 6px !important;
}

[dir=rtl] .mr-05 {
  margin-left: 6px !important;
}

[dir] .m-1 {
  margin: 12px !important;
}

[dir] .mt-1, [dir] .my-1 {
  margin-top: 12px !important;
}

[dir=ltr] .mr-1, [dir=ltr] .mx-1 {
  margin-right: 12px !important;
}

[dir=rtl] .mr-1, [dir=rtl] .mx-1 {
  margin-left: 12px !important;
}

[dir] .mb-1, [dir] .my-1 {
  margin-bottom: 12px !important;
}

[dir=ltr] .ml-1, [dir=ltr] .mx-1 {
  margin-left: 12px !important;
}

[dir=rtl] .ml-1, [dir=rtl] .mx-1 {
  margin-right: 12px !important;
}

[dir] .p-1 {
  padding: 12px !important;
}

[dir] .pt-1, [dir] .py-1 {
  padding-top: 12px !important;
}

[dir=ltr] .pr-1, [dir=ltr] .px-1 {
  padding-right: 12px !important;
}

[dir=rtl] .pr-1, [dir=rtl] .px-1 {
  padding-left: 12px !important;
}

[dir] .pb-1, [dir] .py-1 {
  padding-bottom: 12px !important;
}

[dir=ltr] .pl-1, [dir=ltr] .px-1 {
  padding-left: 12px !important;
}

[dir=rtl] .pl-1, [dir=rtl] .px-1 {
  padding-right: 12px !important;
}

[dir] .m-2 {
  margin: 24px !important;
}

[dir] .mt-2, [dir] .my-2 {
  margin-top: 24px !important;
}

[dir=ltr] .mr-2, [dir=ltr] .mx-2 {
  margin-right: 24px !important;
}

[dir=rtl] .mr-2, [dir=rtl] .mx-2 {
  margin-left: 24px !important;
}

[dir] .mb-2, [dir] .my-2 {
  margin-bottom: 24px !important;
}

[dir=ltr] .ml-2, [dir=ltr] .mx-2 {
  margin-left: 24px !important;
}

[dir=rtl] .ml-2, [dir=rtl] .mx-2 {
  margin-right: 24px !important;
}

[dir] .p-2 {
  padding: 24px !important;
}

[dir] .pt-2, [dir] .py-2 {
  padding-top: 24px !important;
}

[dir=ltr] .pr-2, [dir=ltr] .px-2 {
  padding-right: 24px !important;
}

[dir=rtl] .pr-2, [dir=rtl] .px-2 {
  padding-left: 24px !important;
}

[dir] .pb-2, [dir] .py-2 {
  padding-bottom: 24px !important;
}

[dir=ltr] .pl-2, [dir=ltr] .px-2 {
  padding-left: 24px !important;
}

[dir=rtl] .pl-2, [dir=rtl] .px-2 {
  padding-right: 24px !important;
}

@media (min-width: 576px) {
  [dir] .mb-sm-0 {
    margin: 0px !important;
  }

  [dir] .mt-sm-0 {
    margin: 0px !important;
  }

  [dir] .mr-sm-0 {
    margin: 0px !important;
  }

  [dir] .ml-sm-0 {
    margin: 0px !important;
  }

  [dir] .m-sm-1 {
    margin: 12px !important;
  }

  [dir] .mt-sm-1, [dir] .my-sm-1 {
    margin-top: 12px !important;
  }

  [dir=ltr] .mr-sm-1, [dir=ltr] .mx-sm-1 {
    margin-right: 12px !important;
  }

  [dir=rtl] .mr-sm-1, [dir=rtl] .mx-sm-1 {
    margin-left: 12px !important;
  }

  [dir] .mb-sm-1, [dir] .my-sm-1 {
    margin-bottom: 12px !important;
  }

  [dir=ltr] .ml-sm-1, [dir=ltr] .mx-sm-1 {
    margin-left: 12px !important;
  }

  [dir=rtl] .ml-sm-1, [dir=rtl] .mx-sm-1 {
    margin-right: 12px !important;
  }

  [dir] .p-sm-1 {
    padding: 12px !important;
  }

  [dir] .pt-sm-1, [dir] .py-sm-1 {
    padding-top: 12px !important;
  }

  [dir=ltr] .pr-sm-1, [dir=ltr] .px-sm-1 {
    padding-right: 12px !important;
  }

  [dir=rtl] .pr-sm-1, [dir=rtl] .px-sm-1 {
    padding-left: 12px !important;
  }

  [dir] .pb-sm-1, [dir] .py-sm-1 {
    padding-bottom: 12px !important;
  }

  [dir=ltr] .pl-sm-1, [dir=ltr] .px-sm-1 {
    padding-left: 12px !important;
  }

  [dir=rtl] .pl-sm-1, [dir=rtl] .px-sm-1 {
    padding-right: 12px !important;
  }

  [dir=ltr] .pl-sm-0, [dir=ltr] .px-sm-0 {
    padding-left: 0px !important;
  }

  [dir=rtl] .pl-sm-0, [dir=rtl] .px-sm-0 {
    padding-right: 0px !important;
  }

  [dir=ltr] .pr-sm-0, [dir=ltr] .px-sm-0 {
    padding-right: 0px !important;
  }

  [dir=rtl] .pr-sm-0, [dir=rtl] .px-sm-0 {
    padding-left: 0px !important;
  }

  [dir] .m-sm-2 {
    margin: 24px !important;
  }

  [dir] .mt-sm-2, [dir] .my-sm-2 {
    margin-top: 24px !important;
  }

  [dir=ltr] .mr-sm-2, [dir=ltr] .mx-sm-2 {
    margin-right: 24px !important;
  }

  [dir=rtl] .mr-sm-2, [dir=rtl] .mx-sm-2 {
    margin-left: 24px !important;
  }

  [dir] .mb-sm-2, [dir] .my-sm-2 {
    margin-bottom: 24px !important;
  }

  [dir=ltr] .ml-sm-2, [dir=ltr] .mx-sm-2 {
    margin-left: 24px !important;
  }

  [dir=rtl] .ml-sm-2, [dir=rtl] .mx-sm-2 {
    margin-right: 24px !important;
  }

  [dir] .p-sm-2 {
    padding: 24px !important;
  }

  [dir] .pt-sm-2, [dir] .py-sm-2 {
    padding-top: 24px !important;
  }

  [dir=ltr] .pr-sm-2, [dir=ltr] .px-sm-2 {
    padding-right: 24px !important;
  }

  [dir=rtl] .pr-sm-2, [dir=rtl] .px-sm-2 {
    padding-left: 24px !important;
  }

  [dir] .pb-sm-2, [dir] .py-sm-2 {
    padding-bottom: 24px !important;
  }

  [dir=ltr] .pl-sm-2, [dir=ltr] .px-sm-2 {
    padding-left: 24px !important;
  }

  [dir=rtl] .pl-sm-2, [dir=rtl] .px-sm-2 {
    padding-right: 24px !important;
  }
}

@media (min-width: 768px) {
  [dir] .mb-md-0 {
    margin: 0px !important;
  }

  [dir] .mt-md-0 {
    margin: 0px !important;
  }

  [dir] .mr-md-0 {
    margin: 0px !important;
  }

  [dir] .ml-md-0 {
    margin: 0px !important;
  }

  [dir] .m-md-1 {
    margin: 12px !important;
  }

  [dir] .mt-md-1, [dir] .my-md-1 {
    margin-top: 12px !important;
  }

  [dir=ltr] .mr-md-1, [dir=ltr] .mx-md-1 {
    margin-right: 12px !important;
  }

  [dir=rtl] .mr-md-1, [dir=rtl] .mx-md-1 {
    margin-left: 12px !important;
  }

  [dir] .mb-md-1, [dir] .my-md-1 {
    margin-bottom: 12px !important;
  }

  [dir=ltr] .ml-md-1, [dir=ltr] .mx-md-1 {
    margin-left: 12px !important;
  }

  [dir=rtl] .ml-md-1, [dir=rtl] .mx-md-1 {
    margin-right: 12px !important;
  }

  [dir] .p-md-1 {
    padding: 12px !important;
  }

  [dir] .pt-md-1, [dir] .py-md-1 {
    padding-top: 12px !important;
  }

  [dir=ltr] .pr-md-1, [dir=ltr] .px-md-1 {
    padding-right: 12px !important;
  }

  [dir=rtl] .pr-md-1, [dir=rtl] .px-md-1 {
    padding-left: 12px !important;
  }

  [dir] .pb-md-1, [dir] .py-md-1 {
    padding-bottom: 12px !important;
  }

  [dir=ltr] .pl-md-1, [dir=ltr] .px-md-1 {
    padding-left: 12px !important;
  }

  [dir=rtl] .pl-md-1, [dir=rtl] .px-md-1 {
    padding-right: 12px !important;
  }

  [dir=ltr] .pl-md-0, [dir=ltr] .px-md-0 {
    padding-left: 0px !important;
  }

  [dir=rtl] .pl-md-0, [dir=rtl] .px-md-0 {
    padding-right: 0px !important;
  }

  [dir=ltr] .pr-md-0, [dir=ltr] .px-md-0 {
    padding-right: 0px !important;
  }

  [dir=rtl] .pr-md-0, [dir=rtl] .px-md-0 {
    padding-left: 0px !important;
  }

  [dir] .m-md-2 {
    margin: 24px !important;
  }

  [dir] .mt-md-2, [dir] .my-md-2 {
    margin-top: 24px !important;
  }

  [dir=ltr] .mr-md-2, [dir=ltr] .mx-md-2 {
    margin-right: 24px !important;
  }

  [dir=rtl] .mr-md-2, [dir=rtl] .mx-md-2 {
    margin-left: 24px !important;
  }

  [dir] .mb-md-2, [dir] .my-md-2 {
    margin-bottom: 24px !important;
  }

  [dir=ltr] .ml-md-2, [dir=ltr] .mx-md-2 {
    margin-left: 24px !important;
  }

  [dir=rtl] .ml-md-2, [dir=rtl] .mx-md-2 {
    margin-right: 24px !important;
  }

  [dir] .p-md-2 {
    padding: 24px !important;
  }

  [dir] .pt-md-2, [dir] .py-md-2 {
    padding-top: 24px !important;
  }

  [dir=ltr] .pr-md-2, [dir=ltr] .px-md-2 {
    padding-right: 24px !important;
  }

  [dir=rtl] .pr-md-2, [dir=rtl] .px-md-2 {
    padding-left: 24px !important;
  }

  [dir] .pb-md-2, [dir] .py-md-2 {
    padding-bottom: 24px !important;
  }

  [dir=ltr] .pl-md-2, [dir=ltr] .px-md-2 {
    padding-left: 24px !important;
  }

  [dir=rtl] .pl-md-2, [dir=rtl] .px-md-2 {
    padding-right: 24px !important;
  }
}

@media (min-width: 992px) {
  [dir] .mb-lg-0 {
    margin: 0px !important;
  }

  [dir] .mt-lg-0 {
    margin: 0px !important;
  }

  [dir] .mr-lg-0 {
    margin: 0px !important;
  }

  [dir] .ml-lg-0 {
    margin: 0px !important;
  }

  [dir] .m-lg-1 {
    margin: 12px !important;
  }

  [dir] .mt-lg-1, [dir] .my-lg-1 {
    margin-top: 12px !important;
  }

  [dir=ltr] .mr-lg-1, [dir=ltr] .mx-lg-1 {
    margin-right: 12px !important;
  }

  [dir=rtl] .mr-lg-1, [dir=rtl] .mx-lg-1 {
    margin-left: 12px !important;
  }

  [dir] .mb-lg-1, [dir] .my-lg-1 {
    margin-bottom: 12px !important;
  }

  [dir=ltr] .ml-lg-1, [dir=ltr] .mx-lg-1 {
    margin-left: 12px !important;
  }

  [dir=rtl] .ml-lg-1, [dir=rtl] .mx-lg-1 {
    margin-right: 12px !important;
  }

  [dir] .p-lg-1 {
    padding: 12px !important;
  }

  [dir] .pt-lg-1, [dir] .py-lg-1 {
    padding-top: 12px !important;
  }

  [dir=ltr] .pr-lg-1, [dir=ltr] .px-lg-1 {
    padding-right: 12px !important;
  }

  [dir=rtl] .pr-lg-1, [dir=rtl] .px-lg-1 {
    padding-left: 12px !important;
  }

  [dir] .pb-lg-1, [dir] .py-lg-1 {
    padding-bottom: 12px !important;
  }

  [dir=ltr] .pl-lg-1, [dir=ltr] .px-lg-1 {
    padding-left: 12px !important;
  }

  [dir=rtl] .pl-lg-1, [dir=rtl] .px-lg-1 {
    padding-right: 12px !important;
  }

  [dir=ltr] .pl-lg-0, [dir=ltr] .px-lg-0 {
    padding-left: 0px !important;
  }

  [dir=rtl] .pl-lg-0, [dir=rtl] .px-lg-0 {
    padding-right: 0px !important;
  }

  [dir=ltr] .pr-lg-0, [dir=ltr] .px-lg-0 {
    padding-right: 0px !important;
  }

  [dir=rtl] .pr-lg-0, [dir=rtl] .px-lg-0 {
    padding-left: 0px !important;
  }

  [dir] .m-lg-2 {
    margin: 24px !important;
  }

  [dir] .mt-lg-2, [dir] .my-lg-2 {
    margin-top: 24px !important;
  }

  [dir=ltr] .mr-lg-2, [dir=ltr] .mx-lg-2 {
    margin-right: 24px !important;
  }

  [dir=rtl] .mr-lg-2, [dir=rtl] .mx-lg-2 {
    margin-left: 24px !important;
  }

  [dir] .mb-lg-2, [dir] .my-lg-2 {
    margin-bottom: 24px !important;
  }

  [dir=ltr] .ml-lg-2, [dir=ltr] .mx-lg-2 {
    margin-left: 24px !important;
  }

  [dir=rtl] .ml-lg-2, [dir=rtl] .mx-lg-2 {
    margin-right: 24px !important;
  }

  [dir] .p-lg-2 {
    padding: 24px !important;
  }

  [dir] .pt-lg-2, [dir] .py-lg-2 {
    padding-top: 24px !important;
  }

  [dir=ltr] .pr-lg-2, [dir=ltr] .px-lg-2 {
    padding-right: 24px !important;
  }

  [dir=rtl] .pr-lg-2, [dir=rtl] .px-lg-2 {
    padding-left: 24px !important;
  }

  [dir] .pb-lg-2, [dir] .py-lg-2 {
    padding-bottom: 24px !important;
  }

  [dir=ltr] .pl-lg-2, [dir=ltr] .px-lg-2 {
    padding-left: 24px !important;
  }

  [dir=rtl] .pl-lg-2, [dir=rtl] .px-lg-2 {
    padding-right: 24px !important;
  }
}

@media (min-width: 1200px) {
  [dir] .pb-xl-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1440px) {
  [dir] .pb-xxl-0 {
    padding-bottom: 0px !important;
  }
}

[dir] .card {
  margin-bottom: 12px;
}

[dir] .card-body {
  padding: 24px;
}

@media (max-width: 576px) {
  [dir] .card-body {
    padding: 12px;
  }
}

[dir] .card .card-header {
  padding: 24px;
}

@media (max-width: 576px) {
  [dir] .card .card-header {
    padding: 12px;
  }
}

[dir] .collapse-margin .card {
  margin-top: 12px;
}

[dir] .breadcrumb-item::before {
  float: none;
}

[dir] .breadcrumb-item + .breadcrumb-item::before {
  float: none;
}

[dir=ltr] .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0.6rem;
}

[dir=rtl] .breadcrumb-item + .breadcrumb-item::before {
  padding-left: 0.6rem;
}

[dir] .list-group-item {
  padding: 0.45rem 1.25rem;
}

.content-header {
  min-height: 65px;
}

.shop-preview .product-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  aspect-ratio: 1;
  width: 100%;
}

[dir] .shop-preview .product-img img {
  border-radius: 5px;
}

.shop-preview .enlargeable-image .slot {
  display: block !important;
}

.shop-preview .enlargeable-image .full.enlarged {
  z-index: 99999 !important;
}

[dir] .shop-preview .enlargeable-image .full.enlarged {
  padding: 25px;
  background-color: #0000005e;
  background: none !important;
}

.main-slide .slick-next {
  z-index: 1;
}

[dir=ltr] .main-slide .slick-next {
  right: 10px !important;
}

[dir=rtl] .main-slide .slick-next {
  left: 10px !important;
}

.main-slide .slick-prev {
  z-index: 1;
}

[dir=ltr] .main-slide .slick-prev {
  left: 10px !important;
}

[dir=rtl] .main-slide .slick-prev {
  right: 10px !important;
}

.main-slide .slick-prev:before,
.main-slide .slick-next:before {
  opacity: 1 !important;
  font-size: 22px;
  color: #ffffff;
}

.vertical-slide {
  display: flex;
  align-items: center;
}

[dir] .vertical-slide .slick-current .product-img-wrap {
  border: 3px solid #2980b9;
}

[dir] .vertical-slide .product-img-wrap {
  margin: auto;
  border: 1px solid #f8f8f8;
  border-radius: 8px;
}

.vertical-slide .product-img-wrap .product-img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}

[dir] .vertical-slide .product-img-wrap .product-img {
  margin: auto;
  border-radius: 5px;
}

[dir=ltr] .main-gallery .main-slide {
  margin-left: auto;
}

[dir=rtl] .main-gallery .main-slide {
  margin-right: auto;
}

[dir] .main-gallery .main-slide .product-img-wrap {
  border-radius: 8px;
}

.main-gallery .main-slide .product-img-wrap .product-img {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  aspect-ratio: 1;
  width: 100%;
}

[dir] .main-gallery .main-slide .product-img-wrap .product-img {
  border-radius: 5px;
}

.main-gallery .main-slide {
  width: calc(100% - 90px);
}

.main-gallery .vertical-slide {
  width: 61px;
}

.main-gallery .vertical-slide .slick-track {
  height: auto !important;
}

.main-gallery .vertical-slide .product-img-wrap {
  width: 65px !important;
  height: 65px;
}

.main-gallery .vertical-slide .product-img {
  width: 100%;
  height: 100%;
}

[dir=ltr] .modal-gallery .main-slide {
  margin-left: auto;
}

[dir=rtl] .modal-gallery .main-slide {
  margin-right: auto;
}

[dir] .modal-gallery .main-slide .product-img-wrap {
  border-radius: 8px;
  border: 1px solid #f8f8f8;
}

.modal-gallery .main-slide .product-img-wrap .product-img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 85vh;
  width: 100%;
}

[dir] .modal-gallery .main-slide .product-img-wrap .product-img {
  border-radius: 5px;
}

.modal-gallery .main-slide {
  width: calc(100% - 90px);
}

.modal-gallery .vertical-slide {
  width: 80px;
}

.modal-gallery .vertical-slide .slick-track {
  height: auto !important;
}

.modal-gallery .vertical-slide .product-img-wrap {
  width: 80px !important;
  height: 80px;
}

.modal-gallery .vertical-slide .product-img {
  width: 100%;
  height: 100%;
}

.btn-primary {
  color: #ffffff;
  font-size: 1em;
  transition: background-color 0.3s, transform 0.3s;
}

[dir] .btn-primary {
  background-color: #1f3dd5;
  border: 1px solid #1f3dd5;
  padding: 10px 20px;
}

[dir] .btn-primary:hover {
  background-color: #2293f5;
}

[dir] .btn-primary:active {
  background-color: #122374;
}

.btn-secondary {
  color: #ffffff;
  font-size: 1em;
  transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

[dir] .btn-secondary {
  background-color: #575757;
  border: none;
  padding: 10px 20px;
}

[dir] .btn-secondary:hover {
  background-color: #39393a;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

[dir] .btn-secondary:active {
  background-color: #2c65ff;
}

.btn-relief-success {
  font-size: 1em;
  font-weight: 500;
}

[dir] .btn-outline-danger {
  padding: 10px 20px;
}

[dir] .padding-table-button {
  padding: 8px 16px 8px 16px;
}

[dir=ltr] .br-quill .ql-toolbar {
  border-top-left-radius: 1.357rem;
  border-top-right-radius: 1.357rem;
}

[dir=rtl] .br-quill .ql-toolbar {
  border-top-right-radius: 1.357rem;
  border-top-left-radius: 1.357rem;
}

[dir=ltr] .br-quill .ql-container {
  border-bottom-left-radius: 1.357rem;
  border-bottom-right-radius: 1.357rem;
}

[dir=rtl] .br-quill .ql-container {
  border-bottom-right-radius: 1.357rem;
  border-bottom-left-radius: 1.357rem;
}

.quill-200 #quill-container {
  height: 200px !important;
}

.custom-file-input {
  height: 100%;
}

[dir] .custom-file-input {
  cursor: pointer;
}

[dir] .custom-file-label {
  cursor: pointer;
}

[dir] .enlargeable-image .full.enlarged {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

.highlighted-date .vc-day-content {
  color: #000 !important;
}

[dir] .highlighted-date .vc-day-content {
  background-color: #ffd700 !important;
  border-radius: 50%;
}

.ql-container {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.apexcharts-canvas {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

[dir] .drop-zone .custom-file-label {
  cursor: pointer !important;
}

[dir] .collapse-no-border .card {
  border: none !important;
}

[dir] .open-input {
  background-color: #ffffff;
}

.custom-form #quill-container {
  height: 250px;
}

.custom-form-sm #quill-container {
  height: 150px !important;
}

.label-box-wrap label {
  width: 100%;
}

.label-box-wrap .custom-checkbox .custom-control-label::after,
.label-box-wrap .custom-control-label::after,
.label-box-wrap .custom-checkbox .custom-control-label::before,
.label-box-wrap .custom-control-label::before {
  top: 50%;
}

[dir] .label-box-wrap .custom-checkbox .custom-control-label::after, [dir] .label-box-wrap .custom-control-label::after, [dir] .label-box-wrap .custom-checkbox .custom-control-label::before, [dir] .label-box-wrap .custom-control-label::before {
  transform: translate(0%, -50%);
}

[dir] .sm-comp label {
  margin-bottom: 0px !important;
}

.lg-comp .dragNDrop .custom-file,
.sm-comp .dragNDrop .custom-file {
  height: 100%;
}

[dir=ltr] .input-group:not(.has-validation) > .form-control:not(:last-child), [dir=ltr] .input-group:not(.has-validation) > .custom-select:not(:last-child), [dir=ltr] .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, [dir=ltr] .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 1.357rem;
  border-bottom-right-radius: 1.357rem;
}

[dir=rtl] .input-group:not(.has-validation) > .form-control:not(:last-child), [dir=rtl] .input-group:not(.has-validation) > .custom-select:not(:last-child), [dir=rtl] .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, [dir=rtl] .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-left-radius: 1.357rem;
  border-bottom-left-radius: 1.357rem;
}

[dir=ltr] .ql-toolbar {
  border-top-right-radius: 1.357rem;
  border-top-left-radius: 1.357rem;
}

[dir=rtl] .ql-toolbar {
  border-top-left-radius: 1.357rem;
  border-top-right-radius: 1.357rem;
}

[dir=ltr] #quill-container {
  border-bottom-right-radius: 1.357rem;
  border-bottom-left-radius: 1.357rem;
}

[dir=rtl] #quill-container {
  border-bottom-left-radius: 1.357rem;
  border-bottom-right-radius: 1.357rem;
}

.height-40 button {
  height: 38px !important;
}

.height-40 input {
  height: 38px !important;
}

.height-button-input .btn {
  min-height: 38px !important;
}

.height-button-input input {
  height: 38px !important;
}

.height-button-input .v-select .vs__search {
  height: 30px !important;
}

.date-changer input {
  font-size: 16px !important;
}

.vc-popover-content-wrapper,
.vc-popover-content {
  z-index: 1060 !important;
}

.vc-popover-content.vc-container,
.vc-popover-content .vc-container,
.vc-popover-content.vc-nav-popover-container {
  --rounded-lg: 1.375rem;
}

[dir] .vc-popover-content.vc-container, [dir] .vc-popover-content .vc-container, [dir] .vc-popover-content.vc-nav-popover-container {
  border-radius: 1.375rem !important;
}

.vc-popover-content.vc-container {
  overflow: hidden;
  clip-path: inset(0 round 1.375rem);
}

[dir] .vc-popover-content.vc-container > .vc-container {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none;
}

.vc-day .vc-opacity-0 {
  opacity: 0.5;
}

.vc-day .vc-pointer-events-none {
  pointer-events: all;
}

.vc-day.is-not-in-month {
  opacity: 0.5 !important;
  pointer-events: all !important;
}

.vc-day.is-not-in-month * {
  opacity: 0.5 !important;
  pointer-events: all !important;
}

[dir] .date-circle {
  background: #f8f8f8;
  border: 1px solid #575757;
}

.date-text {
  color: black;
}

.image-editor-sm .enlargeable-image > .slot > img.default {
  max-width: 100%;
  vertical-align: middle;
  width: 100%;
  max-height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}

.dropdown-txt-26 .btn {
  font-size: 26px;
  line-height: 15px !important;
}

.custom-b-dropdown .form-checkbox label {
  width: 100% !important;
}

[dir] .custom-b-dropdown .b-dropdown-form {
  padding: 0 !important;
}

.cog-wrapper {
  height: 38px;
  width: 38px;
}

[dir] .cog-wrapper {
  text-align: center;
  border-radius: 1.375rem;
  background: #2980b9;
}

.cog-wrapper i {
  color: #ffffff;
  line-height: 38px;
}

.icon-paperclip {
  opacity: 0.2;
}

.dropdown-item {
  margin-block: 0.125rem;
  margin-inline: 0.5rem;
  min-block-size: 2.375rem;
  padding-block: 8px !important;
  padding-inline: 16px !important;
  font-size: 0.9375rem;
}

[dir] .dropdown-item {
  border-radius: 6px;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #373d3f;
}

[dir] .dropdown-item:hover, [dir] .dropdown-item:focus {
  background-color: #f8f8f8;
}

.no-padding-dropdown button {
  height: 25px;
}

[dir] .no-padding-dropdown button {
  padding: 0px !important;
}

.sm-data-box-wrap .sm-data-box {
  min-width: 175px;
  display: flex;
  align-items: center;
}

[dir=ltr] .sm-data-box-wrap .sm-data-box {
  text-align: left;
}

[dir=rtl] .sm-data-box-wrap .sm-data-box {
  text-align: right;
}

.sm-data-box-wrap .sm-data-box .icon-wrap {
  width: 40px;
  height: 40px;
}

[dir] .sm-data-box-wrap .sm-data-box .icon-wrap {
  border-radius: 1.375rem;
  background: rgba(41, 128, 185, 0.23);
  text-align: center;
}

.sm-data-box-wrap .sm-data-box .icon-wrap i {
  line-height: 40px;
}

.uploaded-wrap {
  min-width: 120px;
}

.note-text span {
  font-weight: 300;
  color: #6e6a77 !important;
}

.note-text p {
  font-weight: 300;
  color: #6e6a77 !important;
}

.more-wrap {
  width: 22px;
  display: block;
  height: 22px;
  line-height: 22px;
  transition: 0.3s ease;
}

[dir] .more-wrap {
  text-align: center;
  border-radius: 50%;
}

[dir=ltr] .more-wrap {
  margin-left: 5px;
}

[dir=rtl] .more-wrap {
  margin-right: 5px;
}

[dir] .more-wrap:hover {
  background: #f8f8f8;
}

.wid-s-m {
  height: 37.5px;
  position: absolute;
}

[dir] .wid-s-m {
  margin-top: -62px;
}

[dir=ltr] .wid-s-m {
  right: 12px;
}

[dir=rtl] .wid-s-m {
  left: 12px;
}

@media (max-width: 768px) {
  [dir=ltr] .wid-s-m {
    right: 12px;
  }
  [dir=rtl] .wid-s-m {
    left: 12px;
  }
}

[dir] .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f8f8;
}

.victus-link {
  text-decoration: underline !important;
}

.victus-link-wrap .card-body {
  transition: 0.2s ease;
}

.victus-link-wrap h6 {
  color: #2980b9 !important;
}

.victus-link-wrap h6:hover {
  text-decoration: underline !important;
}

.victus-link-wrap a {
  color: #2980b9 !important;
}

.victus-link-wrap a:hover {
  text-decoration: underline !important;
}

.victus-link-wrap a:hover .card-body {
  transition: 0.2s ease;
}

[dir] .victus-link-wrap a:hover .card-body {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}

.victus-link-wrap .btn:hover {
  text-decoration: none !important;
}

.expandable-container {
  width: 40px;
  transition: 0.3s ease;
  height: 40px;
}

[dir] .expandable-container {
  margin-bottom: 12px;
}

.expanded {
  width: 100%;
}

.timeline-item .timeline-item-point {
  z-index: 2;
}

.timeline-wrap {
  position: absolute;
  width: 10px;
  height: 10px;
  top: -14px;
  z-index: 1;
}

[dir] .timeline-wrap {
  background: #ffffff;
  padding: 20px;
}

[dir=ltr] .timeline-wrap {
  left: -6px;
}

[dir=rtl] .timeline-wrap {
  right: -6px;
}

.side-timeline-item .timeline-wrap {
  top: 50%;
}

[dir] .side-timeline-item .timeline-wrap {
  padding: 10px;
  transform: translate(0%, -50%);
}

.side-timeline-item .timeline-item .timeline-item-point {
  top: 50%;
  z-index: 2;
  width: 10px;
  height: 10px;
}

[dir] .side-timeline-item .timeline-item .timeline-item-point {
  transform: translate(0%, -50%);
}

[dir=ltr] .side-timeline-item .timeline-item {
  padding-left: 0px !important;
}

[dir=rtl] .side-timeline-item .timeline-item {
  padding-right: 0px !important;
}

.modal-open .modal,
.modal .modal-dialog,
.modal .modal-content,
.modal .modal-body {
  overflow: visible;
}

.modal-fullscreen .modal-dialog {
  max-height: calc(100vh - 3.5rem);
}

.modal-fullscreen .modal-content {
  max-height: calc(100vh - 3.5rem);
  display: flex;
  flex-direction: column;
}

[dir] .modal-fullscreen .modal-content {
  border: none !important;
  border-radius: 1.375rem !important;
}

.modal-fullscreen .modal-header {
  flex: 0 0 auto;
}

[dir] .modal-fullscreen .modal-header {
  border: none !important;
}

.modal-fullscreen .modal-body {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
}

.modal-dialog-scrollable .modal-content {
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

[dir] .main-menu.menu-light .navigation {
  background: none !important;
}

[dir] .bordered-layout .main-menu, [dir] .bordered-layout .vertical-overlay-menu.menu-hide .main-menu, [dir] .vertical-overlay-menu.menu-hide .bordered-layout .main-menu {
  background-color: #ffffff;
  background: #ffffff;
}

.menu-icon-sm {
  font-size: 13px;
}

.no-icon {
  color: #6e6b7b !important;
}

[dir] .no-icon {
  background: transparent !important;
}

.no-icon a,
.no-icon span {
  color: #6e6b7b !important;
}

.no-icon-active {
  font-weight: bold !important;
}

[dir] .menu-title-default {
  padding-top: 12px;
  padding-bottom: 12px;
}

[dir] .menu-title-child {
  padding-top: 8px;
  padding-bottom: 8px;
}

[dir=ltr] .menu-title-child {
  margin-left: 6px;
  padding-left: 18px;
  border-left: 1.5px solid #ebe9f1;
}

[dir=rtl] .menu-title-child {
  margin-right: 6px;
  padding-right: 18px;
  border-right: 1.5px solid #ebe9f1;
}

[dir] .main-menu.menu-light .navigation li.nav-item ul.menu-content .no-icon a:hover > * {
  transform: none !important;
}

.main-menu.menu-light .navigation li.nav-item ul.menu-content .no-icon a:hover > *:hover {
  font-weight: bold !important;
}

.main-menu.menu-light .navigation li.nav-item ul.menu-content .no-icon > *:hover {
  font-weight: bold !important;
}

.main-menu.menu-light .navigation li.nav-item a:hover > * {
  font-weight: bold !important;
}

[dir] .nav-group-menu li:first-child span {
  padding-top: 0 !important;
}

[dir] .nav-group-menu li:first-child a {
  padding-top: 12px !important;
}

[dir] .nav-group-menu li:last-child .text-link {
  margin-bottom: 0px !important;
}

.victus-navigation .no-icon {
  min-height: 34px !important;
}

[dir] .navbar-light {
  background-color: transparent;
  background: transparent;
}

[dir] .bordered-layout .main-menu, [dir] .bordered-layout .vertical-overlay-menu.menu-hide .main-menu, [dir] .vertical-overlay-menu.menu-hide .bordered-layout .main-menu {
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 18px 45px rgba(15, 23, 42, 0.12) !important;
}

[dir] .bordered-layout .header-navbar {
  border: none !important;
}

[dir] .bordered-layout .header-navbar .navbar-container {
  background: #ffffff;
  box-shadow: none;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 18px 45px rgba(15, 23, 42, 0.12) !important;
  border-radius: 1.375rem !important;
}

.custom-search {
  width: 100%;
}

[dir] .custom-search {
  box-shadow: none;
}

.custom-search ::-moz-placeholder {
  color: #575757 !important;
  opacity: 1;
}

.custom-search ::placeholder {
  color: #575757 !important;
  opacity: 1;
}

.custom-search ::-ms-input-placeholder {
  color: #575757 !important;
}

[dir=ltr] .custom-search input {
  padding-right: 25px !important;
}

[dir=rtl] .custom-search input {
  padding-left: 25px !important;
}

.custom-search i {
  transition: 0.2s ease;
  transition: 0.3s ease;
}

[dir] .custom-search i {
  padding: 5px;
  border-radius: 1.357rem;
  border: solid 0px #d8d6de;
}

[dir] .custom-search i:hover {
  box-shadow: 0 0 10px 1px #ededed;
}

.custom-search .search-icon-header {
  position: absolute;
  top: 50%;
  z-index: 5;
}

[dir] .custom-search .search-icon-header {
  transform: translateY(-50%);
}

[dir=ltr] .custom-search .search-icon-header {
  right: 6px;
}

[dir=rtl] .custom-search .search-icon-header {
  left: 6px;
}

.header-custom-search {
  width: 275px;
}

[dir] .header-custom-search {
  box-shadow: none !important;
}

.header-custom-search ::-moz-placeholder {
  color: #575757 !important;
  opacity: 1;
}

.header-custom-search ::placeholder {
  color: #575757 !important;
  opacity: 1;
}

.header-custom-search ::-ms-input-placeholder {
  color: #575757 !important;
}

[dir] .header-custom-search input {
  border: none;
  background: transparent !important;
  border-bottom: 1px solid #575757;
  border-radius: 0;
}

[dir=ltr] .header-custom-search input {
  padding-left: 25px !important;
}

[dir=rtl] .header-custom-search input {
  padding-right: 25px !important;
}

[dir] .header-custom-search input:active {
  box-shadow: none;
}

[dir] .header-custom-search input:focus {
  box-shadow: none !important;
}

.header-custom-search .search-icon-header {
  position: absolute;
  top: 50%;
  z-index: 999;
}

[dir] .header-custom-search .search-icon-header {
  transform: translateY(-50%);
}

[dir=ltr] .header-custom-search .search-icon-header {
  left: 0px;
}

[dir=rtl] .header-custom-search .search-icon-header {
  right: 0px;
}

.search-data-box {
  position: absolute;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  min-height: 200px;
}

[dir] .search-data-box {
  box-shadow: 0 0 10px 1px #ededed;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 1.375rem;
}

.search-data-box .item-wrap-link {
  min-height: 32px;
  transition: 0.3s ease;
}

[dir] .search-data-box .item-wrap-link {
  padding: 8px 5px;
  border-radius: 5px;
}

[dir] .search-data-box .item-wrap-link:hover {
  background-color: #ededed;
}

.search-data-box .search-item {
  display: flex;
}

[dir] .search-data-box .search-item {
  padding-bottom: 5px;
}

.search-data-box .search-item .item-box {
  width: 90px;
  height: 90px;
}

[dir=ltr] .search-data-box .search-item .item-box {
  margin-right: 10px;
}

[dir=rtl] .search-data-box .search-item .item-box {
  margin-left: 10px;
}

.search-data-box .search-item .item-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.search-data-box .search-item .content-box {
  width: calc(100% - 100px);
}

.navbar-header-v1 {
  height: auto !important;
}

[dir] .navbar-header-v1 {
  border-bottom: 1px solid #f7f7f7;
}

[dir] .navbar-header-v1 .disabled {
  background-image: none;
  background-color: #ffffff;
  border-color: #ffffff;
}

.navbar-header-v1 .disabled .dropdown-toggle::after {
  opacity: 0 !important;
  display: none !important;
}

.navbar-header-v1 .navbar-nav {
  height: 100%;
}

.navbar-header-v1 .nav-item {
  display: flex;
  align-items: center;
}

.navbar-header-v1 .navbar-brand {
  display: block !important;
}

[dir] .navbar-header-v1 .navbar-brand {
  margin: 0px !important;
}

.navbar-header-v1 .brand-logo img {
  height: 50px !important;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50px !important;
}

[dir] .navbar-header-v1 .brand-logo img {
  border-radius: 50%;
}

.dropdown-nav .nav-link {
  width: 100%;
}

@media (max-width: 576px) {
  .container-sm,
  .container {
    max-width: 576px;
  }
}

.custom-container {
  width: 100%;
  max-width: 100%;
}

[dir=ltr] .custom-container {
  margin-right: auto;
  margin-left: 0px;
}

[dir=rtl] .custom-container {
  margin-left: auto;
  margin-right: 0px;
}

@media (min-width: 1920px) {
  .custom-container {
    max-width: 1920px;
  }
}

/*=========================================================================================
    File Name: vertical-menu.scss
    Description: A classic vertical modern style menu with expand and collops support. It support
    light & dark version, flipped layout, right side icons, native scroll and borders menu
    item separation.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, React, Angular, HTML & Laravel Admin Dashboard Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

table.vgt-table {
  font-size: 12px !important;
}

.vertical-layout.vertical-menu-modern .main-menu {
  transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0s;
  backface-visibility: hidden;
}

[dir] .vertical-layout.vertical-menu-modern .main-menu {
  transform: translate3d(0, 0, 0);
}

.vertical-layout.vertical-menu-modern .main-menu .navigation li a {
  align-items: center;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg,
.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a i {
  height: 20px;
  width: 20px;
  font-size: 1.45rem;
  flex-shrink: 0;
}

[dir=ltr] .vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg, [dir=ltr] .vertical-layout.vertical-menu-modern .main-menu .navigation > li > a i {
  margin-right: 1.1rem;
}

[dir=rtl] .vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg, [dir=rtl] .vertical-layout.vertical-menu-modern .main-menu .navigation > li > a i {
  margin-left: 1.1rem;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg,
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i {
  font-size: 11px;
  height: 11px;
  width: 11px;
}

[dir=ltr] .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg, [dir=ltr] .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i {
  margin-right: 1.45rem;
}

[dir=rtl] .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg, [dir=rtl] .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i {
  margin-left: 1.45rem;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
  width: 320px;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation .navigation-header .feather-more-horizontal {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before,
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > svg:before {
  height: 20px;
  width: 20px;
  font-size: 1.45rem;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:after {
  content: "";
  height: 1.1rem;
  width: 1.1rem;
  display: inline-block;
  position: absolute;
  top: 14px;
  transition: all 0.2s ease-out;
}

[dir] .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.1rem;
  transform: rotate(0deg);
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:after {
  right: 20px;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:after {
  left: 20px;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
  transform: rotate(90deg);
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
  transform: rotate(-90deg);
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-expanded .footer {
  margin-left: 320px;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-expanded .footer {
  margin-right: 320px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header {
  width: 70px;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header {
  float: left;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header {
  float: right;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .modern-nav-toggle {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded {
  width: 320px;
  z-index: 1000;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded .modern-nav-toggle {
  display: block;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top, [dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .navbar.floating-nav {
  left: 70px;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top, [dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .navbar.floating-nav {
  right: 70px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
  width: 70px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navbar-header .brand-text,
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle {
  display: none;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header {
  margin-left: 2.2rem;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header {
  margin-right: 2.2rem;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header span {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header .feather-more-horizontal {
  display: block;
  font-size: 1.285rem;
  width: 18px;
  height: 18px;
}

[dir] .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li:last-child {
  margin-bottom: 1.25rem !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
  color: #565656;
}

[dir] .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
  background: whitesmoke;
  box-shadow: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded {
  width: 320px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header span {
  display: block;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header .feather-more-horizontal {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:after {
  content: "";
  height: 1rem;
  width: 1rem;
  display: inline-block;
  position: absolute;
  top: 14px;
  transition: all 0.2s ease-out;
}

[dir] .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  transform: rotate(0deg);
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:after {
  right: 20px;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:after {
  left: 20px;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
  transform: rotate(90deg);
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
  transform: rotate(-90deg);
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header .brand-text {
  display: inline;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .modern-nav-toggle {
  display: block;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation {
  overflow: visible;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header span {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a {
  text-overflow: inherit;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .app-content, [dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .footer {
  margin-left: 70px;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .app-content, [dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .footer {
  margin-right: 70px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
  width: calc(100vw - (100vw - 100%) - 4.4rem - 74px);
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.navbar-static-top {
  width: calc(100vw - (100vw - 100%) - 74px);
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.navbar-static-top {
  left: 74px;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.navbar-static-top {
  right: 74px;
}

[dir=ltr] .vertical-layout.vertical-menu-modern .toggle-icon, [dir=ltr] .vertical-layout.vertical-menu-modern .collapse-toggle-icon {
  margin-right: 0.425rem;
}

[dir=rtl] .vertical-layout.vertical-menu-modern .toggle-icon, [dir=rtl] .vertical-layout.vertical-menu-modern .collapse-toggle-icon {
  margin-left: 0.425rem;
}

.vertical-layout.vertical-menu-modern .toggle-icon:focus,
.vertical-layout.vertical-menu-modern .collapse-toggle-icon:focus {
  outline: none;
}

@media (min-width: 992px) {
  .vertical-layout.vertical-menu-modern .main-menu {
    width: 320px;
  }
}

@media (max-width: 1199.98px) {
  .vertical-layout.vertical-menu-modern .main-menu {
    width: 0;
  }

  .vertical-layout.vertical-menu-modern .navbar .navbar-header {
    width: 0;
  }

  [dir=ltr] .vertical-layout.vertical-menu-modern .content, [dir=ltr] .vertical-layout.vertical-menu-modern .footer {
    margin-left: 0;
  }

  [dir=rtl] .vertical-layout.vertical-menu-modern .content, [dir=rtl] .vertical-layout.vertical-menu-modern .footer {
    margin-right: 0;
  }

  [dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .app-content, [dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .footer {
    margin-left: 0;
  }

  [dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .app-content, [dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .footer {
    margin-right: 0;
  }

  .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
    width: 0;
  }
}

@media (max-width: 767.98px) {
  .vertical-layout.vertical-menu-modern .main-menu {
    width: 0;
  }

  .vertical-layout.vertical-menu-modern .navbar .navbar-header {
    width: 0;
  }

  [dir=ltr] .vertical-layout.vertical-menu-modern .content, [dir=ltr] .vertical-layout.vertical-menu-modern .footer {
    margin-left: 0;
  }

  [dir=rtl] .vertical-layout.vertical-menu-modern .content, [dir=rtl] .vertical-layout.vertical-menu-modern .footer {
    margin-right: 0;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [dir=ltr] .vertical-menu-modern.vertical-layout .main-menu .navigation > li > a > span {
    animation: none;
  }
  [dir=rtl] .vertical-menu-modern.vertical-layout .main-menu .navigation > li > a > span {
    animation: none;
  }
}

@media (min-width: 2000px) {
  [dir=ltr] .vertical-layout--max-2k.vertical-menu-modern .main-menu.menu-fixed {
    left: calc((100vw - 2000px) / 2);
  }
  [dir=rtl] .vertical-layout--max-2k.vertical-menu-modern .main-menu.menu-fixed {
    right: calc((100vw - 2000px) / 2);
  }

  .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .app-content,
  .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .footer {
    max-width: calc(2000px - 320px);
  }

  [dir=ltr] .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .app-content, [dir=ltr] .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .footer {
    margin-left: calc((100vw - 2000px) / 2 + 320px);
  }

  [dir=rtl] .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .app-content, [dir=rtl] .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .footer {
    margin-right: calc((100vw - 2000px) / 2 + 320px);
  }

  .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .header-navbar.floating-nav {
    width: calc(2000px - 320px - 24px);
  }

  [dir=ltr] .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .header-navbar.floating-nav {
    left: calc((100vw - 2000px) / 2 + 320px + 12px);
    right: auto;
    margin-left: 12px;
    margin-right: 12px;
  }

  [dir=rtl] .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .header-navbar.floating-nav {
    right: calc((100vw - 2000px) / 2 + 320px + 12px);
    left: auto;
    margin-right: 12px;
    margin-left: 12px;
  }

  .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .app-content,
  .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .footer {
    max-width: calc(2000px - 70px);
  }

  [dir=ltr] .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .app-content, [dir=ltr] .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .footer {
    margin-left: calc((100vw - 2000px) / 2 + 70px);
  }

  [dir=rtl] .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .app-content, [dir=rtl] .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .footer {
    margin-right: calc((100vw - 2000px) / 2 + 70px);
  }

  .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
    width: calc(2000px - 70px - 24px);
  }

  [dir=ltr] .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
    left: calc((100vw - 2000px) / 2 + 70px + 12px);
    right: auto;
    margin-left: 12px;
    margin-right: 12px;
  }

  [dir=rtl] .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
    right: calc((100vw - 2000px) / 2 + 70px + 12px);
    left: auto;
    margin-right: 12px;
    margin-left: 12px;
  }
}

/*=========================================================================================
    File Name: vertical-overlay-menu.scss
    Description: A overlay style vertical menu with show and hide support. It support
    light & dark version, filpped layout, right side icons, native scroll and borders menu
    item seperation.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, React, Angular, HTML & Laravel Admin Dashboard Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

table.vgt-table {
  font-size: 12px !important;
}

[dir=ltr] .vertical-overlay-menu .content {
  margin-left: 0;
}

[dir=rtl] .vertical-overlay-menu .content {
  margin-right: 0;
}

.vertical-overlay-menu .navbar .navbar-header {
  width: 320px;
}

[dir=ltr] .vertical-overlay-menu .navbar .navbar-header {
  float: left;
}

[dir=rtl] .vertical-overlay-menu .navbar .navbar-header {
  float: right;
}

.vertical-overlay-menu .main-menu,
.vertical-overlay-menu.menu-hide .main-menu {
  opacity: 0;
  transition: width 0.25s, opacity 0.25s, transform 0.25s;
  width: 320px;
}

[dir] .vertical-overlay-menu .main-menu, [dir] .vertical-overlay-menu.menu-hide .main-menu {
  transform: translate3d(0, 0, 0);
}

[dir=ltr] .vertical-overlay-menu .main-menu, [dir=ltr] .vertical-overlay-menu.menu-hide .main-menu {
  left: -320px;
}

[dir=rtl] .vertical-overlay-menu .main-menu, [dir=rtl] .vertical-overlay-menu.menu-hide .main-menu {
  right: -320px;
}

.vertical-overlay-menu .main-menu .navigation > li > a > svg,
.vertical-overlay-menu .main-menu .navigation > li > a > i {
  transition: 200ms ease all;
  height: 20px;
  width: 20px;
}

[dir=ltr] .vertical-overlay-menu .main-menu .navigation > li > a > svg, [dir=ltr] .vertical-overlay-menu .main-menu .navigation > li > a > i {
  margin-right: 14px;
  float: left;
}

[dir=rtl] .vertical-overlay-menu .main-menu .navigation > li > a > svg, [dir=rtl] .vertical-overlay-menu .main-menu .navigation > li > a > i {
  margin-left: 14px;
  float: right;
}

.vertical-overlay-menu .main-menu .navigation > li > a > svg:before,
.vertical-overlay-menu .main-menu .navigation > li > a > i:before {
  transition: 200ms ease all;
  font-size: 1.429rem;
}

.vertical-overlay-menu .main-menu .navigation li.has-sub > a:after {
  content: "";
  height: 1rem;
  width: 1rem;
  display: inline-block;
  position: absolute;
  top: 14px;
  transition: all 0.2s ease-out;
}

[dir] .vertical-overlay-menu .main-menu .navigation li.has-sub > a:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  transform: rotate(0deg);
}

[dir=ltr] .vertical-overlay-menu .main-menu .navigation li.has-sub > a:after {
  right: 20px;
}

[dir=rtl] .vertical-overlay-menu .main-menu .navigation li.has-sub > a:after {
  left: 20px;
}

[dir=ltr] .vertical-overlay-menu .main-menu .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
  transform: rotate(90deg);
}

[dir=rtl] .vertical-overlay-menu .main-menu .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
  transform: rotate(-90deg);
}

.vertical-overlay-menu .main-menu .navigation .navigation-header .feather-more-horizontal {
  display: none;
}

.vertical-overlay-menu.menu-open .main-menu {
  opacity: 1;
  transition: width 0.25s, opacity 0.25s, transform 0.25s;
}

[dir=ltr] .vertical-overlay-menu.menu-open .main-menu {
  transform: translate3d(320px, 0, 0);
}

[dir=rtl] .vertical-overlay-menu.menu-open .main-menu {
  transform: translate3d(-320px, 0, 0);
}

.vertical-nav-menu-with-footer {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.vertical-nav-menu-with-footer .main-menu-scroll-shell {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.vertical-nav-menu-with-footer .main-menu-content {
  height: auto !important;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

[dir] .vertical-nav-menu-with-footer .main-menu-content .navigation.navigation-main {
  padding-bottom: 0.5rem;
  margin-bottom: 0;
}

[dir] .vertical-nav-menu-with-footer .main-menu-content .navigation {
  padding-bottom: 0;
}

.vertical-nav-menu-with-footer .menu-scroll-fade {
  position: absolute;
  height: 2.5rem;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.15s ease;
}

[dir=ltr] .vertical-nav-menu-with-footer .menu-scroll-fade {
  left: 0;
  right: 0;
}

[dir=rtl] .vertical-nav-menu-with-footer .menu-scroll-fade {
  right: 0;
  left: 0;
}

.vertical-nav-menu-with-footer .menu-scroll-fade--visible {
  opacity: 1;
}

.vertical-nav-menu-with-footer .menu-scroll-fade--top {
  top: 0;
}

[dir=ltr] .vertical-nav-menu-with-footer .menu-scroll-fade--top {
  background: linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.65) 65%, rgba(255, 255, 255, 0) 100%);
}

[dir=rtl] .vertical-nav-menu-with-footer .menu-scroll-fade--top {
  background: linear-gradient(-180deg, #fff 30%, rgba(255, 255, 255, 0.65) 65%, rgba(255, 255, 255, 0) 100%);
}

.vertical-nav-menu-with-footer .menu-scroll-fade--bottom {
  bottom: 0;
}

[dir] .vertical-nav-menu-with-footer .menu-scroll-fade--bottom {
  background: linear-gradient(0deg, #fff 30%, rgba(255, 255, 255, 0.65) 65%, rgba(255, 255, 255, 0) 100%);
}

[dir=ltr] .vertical-nav-menu-with-footer.menu-dark .menu-scroll-fade--top {
  background: linear-gradient(180deg, #283046 30%, rgba(40, 48, 70, 0.65) 65%, rgba(40, 48, 70, 0) 100%);
}

[dir=rtl] .vertical-nav-menu-with-footer.menu-dark .menu-scroll-fade--top {
  background: linear-gradient(-180deg, #283046 30%, rgba(40, 48, 70, 0.65) 65%, rgba(40, 48, 70, 0) 100%);
}

[dir] .vertical-nav-menu-with-footer.menu-dark .menu-scroll-fade--bottom {
  background: linear-gradient(0deg, #283046 30%, rgba(40, 48, 70, 0.65) 65%, rgba(40, 48, 70, 0) 100%);
}

.vertical-nav-menu-victus {
  overflow: visible;
}

.vertical-nav-menu-victus .nav-group-dropdown-title {
  display: none;
}

.vertical-nav-menu-victus .navigation > li > a:hover .menu-title,
.vertical-nav-menu-victus .navigation > li.active > a .menu-title,
.vertical-nav-menu-victus .navigation > li.sidebar-group-active > a .menu-title,
.vertical-nav-menu-victus .navigation > li.open > a .menu-title,
.vertical-nav-menu-victus .navigation > li > a:hover > span:not(.menu-title),
.vertical-nav-menu-victus .navigation > li.active > a > span:not(.menu-title),
.vertical-nav-menu-victus .navigation > li.sidebar-group-active > a > span:not(.menu-title),
.vertical-nav-menu-victus .navigation > li.open > a > span:not(.menu-title),
.vertical-nav-menu-victus .navigation li ul li.active > a > span:not(.menu-title) {
  color: var(--primary) !important;
}

[dir] .vertical-nav-menu-victus .navigation li ul li.active {
  background: rgba(59, 130, 246, 0.12);
  border-radius: 6px;
}

.vertical-nav-menu-victus .navigation li ul li.active > a,
.vertical-nav-menu-victus .navigation li ul li.active > a .menu-title,
.vertical-nav-menu-victus .navigation li ul li:hover > a .menu-title {
  color: var(--primary) !important;
}

[dir] .vertical-nav-menu-victus .navigation > li > ul.menu-content li.active {
  background: rgba(59, 130, 246, 0.12);
  border-radius: 6px;
}

[dir] .vertical-nav-menu-victus .navigation > li > ul.menu-content li.active > a {
  background: transparent !important;
  box-shadow: none !important;
}

.vertical-nav-menu-victus .vertical-nav-collapse-toggle {
  position: absolute;
  top: 50%;
  z-index: 20;
  width: 22px;
  height: 50px;
  color: #6e6b7b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, box-shadow 0.2s ease;
}

[dir] .vertical-nav-menu-victus .vertical-nav-collapse-toggle {
  border: 1px solid #e7e7e9;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
}

[dir=ltr] .vertical-nav-menu-victus .vertical-nav-collapse-toggle {
  right: -14px;
  border-left: 0;
  border-radius: 0 10px 10px 0;
}

[dir=rtl] .vertical-nav-menu-victus .vertical-nav-collapse-toggle {
  left: -14px;
  border-right: 0;
  border-radius: 10px 0 0 10px;
}

.vertical-nav-menu-victus .vertical-nav-collapse-toggle:hover {
  color: var(--primary);
}

[dir] .vertical-nav-menu-victus .vertical-nav-collapse-toggle:hover {
  box-shadow: 0 2px 8px rgba(34, 41, 47, 0.12);
}

.dark-layout .vertical-nav-menu-victus .vertical-nav-collapse-toggle {
  color: #d0d2d6;
}

[dir] .dark-layout .vertical-nav-menu-victus .vertical-nav-collapse-toggle {
  border-color: #3b4253;
  background: #283046;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) {
  overflow: visible;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navbar-header {
  width: 70px !important;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navbar-header {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navbar-header {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .main-menu-scroll-shell,
.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .main-menu-content,
.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .main-menu-content.navigation-main,
.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .main-menu-content > ul,
.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation.navigation-main {
  overflow: visible !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li {
  position: relative;
  min-height: 46px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a {
  position: relative;
  display: flex;
  align-items: center !important;
  justify-content: center;
  min-height: 46px;
  height: 46px;
  overflow: visible;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a {
  padding-right: 0.9rem;
  padding-left: 0.9rem;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub > a::after {
  display: none !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a > span:not(.menu-title) {
  width: 16px;
  min-width: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

[dir] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a > span:not(.menu-title) {
  text-align: center;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a > span:not(.menu-title) {
  margin-right: 0 !important;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a > span:not(.menu-title) {
  margin-left: 0 !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a .menu-title {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content {
  display: none !important;
  position: absolute;
  top: 0;
  min-width: 260px;
  z-index: 40;
}

[dir] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content {
  border-radius: 1.375rem;
  background: #fff;
  box-shadow: 0 4px 16px rgba(34, 41, 47, 0.15);
  padding: 0.5rem 0;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content {
  left: 100%;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content {
  right: 100%;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 100%;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content::before {
  left: -8px;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content::before {
  right: -8px;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content .menu-title-child {
  border-left: 0 !important;
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content .menu-title-child {
  border-right: 0 !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content > .nav-group-dropdown-title {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #8a8d93;
  pointer-events: none;
}

[dir] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content > .nav-group-dropdown-title {
  padding: 0.4rem 1rem 0.35rem;
  margin-bottom: 0.2rem;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub:hover > ul.menu-content {
  display: block !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub:hover > a[data-menu-title]::after,
.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li:not(.has-sub):hover > a[data-menu-title]::after {
  content: attr(data-menu-title);
  position: absolute;
  top: 50%;
  white-space: nowrap;
  color: #6e6b7b;
  font-size: 0.92rem;
  line-height: 1.2;
  z-index: 41;
}

[dir] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub:hover > a[data-menu-title]::after, [dir] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li:not(.has-sub):hover > a[data-menu-title]::after {
  transform: translateY(-50%);
  background: #fff;
  border-radius: 0.45rem;
  box-shadow: 0 4px 16px rgba(34, 41, 47, 0.15);
  padding: 0.5rem 0.75rem;
}

[dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub:hover > a[data-menu-title]::after, [dir=ltr] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li:not(.has-sub):hover > a[data-menu-title]::after {
  left: calc(100% + 8px);
}

[dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub:hover > a[data-menu-title]::after, [dir=rtl] .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li:not(.has-sub):hover > a[data-menu-title]::after {
  right: calc(100% + 8px);
}

@media (max-width: 1199.98px) {
  .vertical-nav-menu-victus .vertical-nav-collapse-toggle {
    display: none;
  }
}

[dir] .dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content {
  background: #283046;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li:not(.has-sub):hover > a[data-menu-title]::after,
.dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub:hover > a[data-menu-title]::after {
  color: #d0d2d6;
}

[dir] .dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li:not(.has-sub):hover > a[data-menu-title]::after, [dir] .dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub:hover > a[data-menu-title]::after {
  background: #283046;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content > .nav-group-dropdown-title {
  color: #a9adbb;
}

.navbar-search-root {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.navbar-search-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 200000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

[dir] .navbar-search-modal {
  padding: 0.75rem 0.75rem 1rem;
}

[dir=ltr] .navbar-search-modal {
  left: 0;
  right: 0;
}

[dir=rtl] .navbar-search-modal {
  right: 0;
  left: 0;
}

.navbar-search-modal-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
}

[dir] .navbar-search-modal-backdrop {
  background-color: rgba(15, 23, 42, 0.45);
}

[dir=ltr] .navbar-search-modal-backdrop {
  left: 0;
  right: 0;
}

[dir=rtl] .navbar-search-modal-backdrop {
  right: 0;
  left: 0;
}

.navbar-search-modal-dialog {
  position: relative;
  width: 100%;
  max-width: none;
  max-height: calc(100vh - 1.5rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  top: 0.75rem;
}

[dir] .navbar-search-modal-dialog {
  background: #fff;
  border-radius: 1.375rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  border: 1px solid #e0e0e0;
}

[dir=ltr] .navbar-search-modal-dialog {
  left: 50%;
  transform: translateX(-50%);
}

[dir=rtl] .navbar-search-modal-dialog {
  right: 50%;
  transform: translateX(50%);
}

.navbar-search-modal-dialog .search-data-box {
  position: static;
  min-height: auto;
  width: 100%;
}

[dir] .navbar-search-modal-dialog .search-data-box {
  box-shadow: none;
  padding: 8px 8px 10px;
  border: none;
}

.navbar-search-modal-dialog .search-popup-results {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}

@media (min-width: 992px) {
  .navbar-search-modal {
    align-items: flex-start;
  }
  [dir] .navbar-search-modal {
    padding: 1.5rem;
  }

  .navbar-search-modal-dialog {
    max-width: 560px;
    max-height: 85vh;
    top: 150px;
  }

  [dir] .navbar-search-modal-dialog {
    transform: none;
  }

  [dir=ltr] .navbar-search-modal-dialog {
    left: 0;
  }

  [dir=rtl] .navbar-search-modal-dialog {
    right: 0;
  }

  .navbar-search-modal-dialog .search-popup-results {
    max-height: 500px;
  }
}

.custom-table-search-popup {
  max-width: none;
  width: 100%;
  position: relative;
}

[dir] .custom-table-search-popup {
  padding: 0;
}

[dir=ltr] .custom-table-search-popup .search-input {
  padding-left: 36px;
}

[dir=rtl] .custom-table-search-popup .search-input {
  padding-right: 36px;
}

.search-icon-popup {
  position: absolute;
  top: 50%;
  z-index: 2;
  font-size: 0.9rem;
  color: #6c757d;
  pointer-events: none;
}

[dir] .search-icon-popup {
  transform: translateY(-50%);
}

[dir=ltr] .search-icon-popup {
  left: 12px;
}

[dir=rtl] .search-icon-popup {
  right: 12px;
}

[dir] .search-section {
  padding-top: 4px;
}

[dir] .search-section-header {
  padding: 4px 8px;
  border-radius: 6px;
  background-color: #f8f9fa;
}

.search-section-header h6 {
  font-size: 13px;
  font-weight: 600;
}

.search-section-count {
  font-size: 11px;
}

[dir] .search-section-body {
  padding: 4px 4px 0;
}

[dir] .header-search-items:hover {
  background-color: #f8f9fa;
  border-radius: 4px;
}

[dir] .navbar-search-root .custom-table-search {
  padding: 0;
}

.clear-icon {
  line-height: 20px;
  color: #6c757d;
}

[dir] .clear-icon {
  padding: 0 2px;
}

.clear-icon:hover {
  color: #2980b9;
}

.filter-mode-btn {
  color: #6c757d;
  line-height: 20px;
}

[dir] .filter-mode-btn {
  padding: 0 4px;
}

.filter-mode-btn:hover {
  color: #2980b9;
}

.search-shortcut-caps {
  color: #6c757d;
  line-height: 1;
}

.search-shortcut-caps:hover {
  color: #2980b9;
}

.search-shortcut-caps:hover .key-cap-inline {
  color: #2980b9;
}

[dir] .search-shortcut-caps:hover .key-cap-inline {
  border-color: #2980b9;
}

.search-mode-tabs {
  gap: 4px;
}

[dir] .search-mode-tabs {
  padding: 4px 12px 0;
}

.search-mode-tab {
  display: inline-flex;
  align-items: center;
  color: #6c757d;
  font-size: 12px;
}

[dir] .search-mode-tab {
  border: none;
  background: none;
  cursor: pointer;
}

[dir=ltr] .search-mode-tab {
  margin-right: 8px;
  padding: 4px 10px 4px 8px;
}

[dir=rtl] .search-mode-tab {
  margin-left: 8px;
  padding: 4px 8px 4px 10px;
}

.search-mode-tab:hover {
  color: #495057;
}

.search-mode-tab.active {
  color: #2980b9;
}

[dir] .search-mode-tab.active .radio-indicator {
  background: #2980b9;
  border-color: #2980b9;
}

.radio-indicator {
  width: 10px;
  height: 10px;
}

[dir] .radio-indicator {
  border-radius: 50%;
  border: 1px solid #6c757d;
  background: transparent;
}

[dir=ltr] .radio-indicator {
  margin-right: 6px;
}

[dir=rtl] .radio-indicator {
  margin-left: 6px;
}

.radio-label {
  white-space: nowrap;
}

.key-cap {
  display: inline-block;
  font-size: 11px;
  line-height: 1.2;
}

[dir] .key-cap {
  padding: 6px;
  margin: 0 1px;
  border: 1px solid #6c757d;
  border-radius: 1.375rem;
  background: #f8f9fa;
}

.key-cap-inline {
  display: inline-block;
  font-size: 10px;
  line-height: 1.2;
  color: inherit;
}

[dir] .key-cap-inline {
  padding: 4px 8px;
  margin: 0 1px;
  border: 1px solid #6c757d;
  border-radius: 1.375rem;
  background: #f8f9fa;
}

.text-nowrap .vs__selected {
  text-wrap: nowrap;
}

.vs__deselect .fa-times,
.vs__clear .fa-times {
  display: flex;
  align-items: center;
  justify-content: center;
}

[dir] .vs__deselect .fa-times, [dir] .vs__clear .fa-times {
  padding-top: 0 !important;
}

.vs__deselect .fa-times {
  height: 100%;
}

[dir] .account-select-footer .account-select-create-btn {
  border: 0 !important;
}

.account-select .vue-treeselect,
.account-select-treeselect.vue-treeselect {
  max-width: 100px;
}

.account-select .vue-treeselect .vue-treeselect__control,
.account-select-treeselect.vue-treeselect .vue-treeselect__control {
  display: flex !important;
  align-items: center;
}

[dir] .account-select .vue-treeselect .vue-treeselect__control, [dir] .account-select-treeselect.vue-treeselect .vue-treeselect__control {
  padding: 0 10px;
  border-radius: 1.375rem !important;
}

.account-select .vue-treeselect .vue-treeselect__control-arrow-container,
.account-select-treeselect.vue-treeselect .vue-treeselect__control-arrow-container {
  display: none !important;
}

.account-select .vue-treeselect svg,
.account-select-treeselect.vue-treeselect svg {
  fill: #000 !important;
}

.account-select .vue-treeselect .vue-treeselect__option,
.account-select .vue-treeselect .vue-treeselect__option-label,
.account-select .vue-treeselect .vue-treeselect__branch-label,
.account-select .vue-treeselect .vue-treeselect__single-value,
.account-select .vue-treeselect .vue-treeselect__multi-value-label,
.account-select-treeselect.vue-treeselect .vue-treeselect__option,
.account-select-treeselect.vue-treeselect .vue-treeselect__option-label,
.account-select-treeselect.vue-treeselect .vue-treeselect__branch-label,
.account-select-treeselect.vue-treeselect .vue-treeselect__single-value,
.account-select-treeselect.vue-treeselect .vue-treeselect__multi-value-label {
  color: #6e6b7b !important;
  font-size: 14px !important;
}

.account-select .vue-treeselect .vue-treeselect__placeholder,
.account-select .vue-treeselect .vue-treeselect__single-value,
.account-select-treeselect.vue-treeselect .vue-treeselect__placeholder,
.account-select-treeselect.vue-treeselect .vue-treeselect__single-value {
  -webkit-user-select: unset !important;
  -moz-user-select: unset !important;
  user-select: unset !important;
  pointer-events: visible !important;
}

body > .account-select-treeselect__menu.vue-treeselect__menu,
.account-select-treeselect.vue-treeselect--open-below .vue-treeselect__menu,
.account-select-treeselect.vue-treeselect--open-above .vue-treeselect__menu {
  width: 600px !important;
  min-width: 600px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  clip-path: inset(0 round 1.375rem) !important;
}

[dir] body > .account-select-treeselect__menu.vue-treeselect__menu, [dir] .account-select-treeselect.vue-treeselect--open-below .vue-treeselect__menu, [dir] .account-select-treeselect.vue-treeselect--open-above .vue-treeselect__menu {
  border-radius: 1.375rem !important;
}

[dir=ltr] body > .account-select-treeselect__menu.vue-treeselect__menu, [dir=ltr] .account-select-treeselect.vue-treeselect--open-below .vue-treeselect__menu, [dir=ltr] .account-select-treeselect.vue-treeselect--open-above .vue-treeselect__menu {
  border-top-left-radius: 1.375rem !important;
  border-top-right-radius: 1.375rem !important;
  border-bottom-left-radius: 1.375rem !important;
  border-bottom-right-radius: 1.375rem !important;
}

[dir=rtl] body > .account-select-treeselect__menu.vue-treeselect__menu, [dir=rtl] .account-select-treeselect.vue-treeselect--open-below .vue-treeselect__menu, [dir=rtl] .account-select-treeselect.vue-treeselect--open-above .vue-treeselect__menu {
  border-top-right-radius: 1.375rem !important;
  border-top-left-radius: 1.375rem !important;
  border-bottom-right-radius: 1.375rem !important;
  border-bottom-left-radius: 1.375rem !important;
}

body > .account-select-treeselect__menu.vue-treeselect__menu .vue-treeselect__option,
body > .account-select-treeselect__menu.vue-treeselect__menu .vue-treeselect__option-label,
body > .account-select-treeselect__menu.vue-treeselect__menu .vue-treeselect__branch-label,
.account-select-treeselect.vue-treeselect--open-below .vue-treeselect__menu .vue-treeselect__option,
.account-select-treeselect.vue-treeselect--open-below .vue-treeselect__menu .vue-treeselect__option-label,
.account-select-treeselect.vue-treeselect--open-below .vue-treeselect__menu .vue-treeselect__branch-label,
.account-select-treeselect.vue-treeselect--open-above .vue-treeselect__menu .vue-treeselect__option,
.account-select-treeselect.vue-treeselect--open-above .vue-treeselect__menu .vue-treeselect__option-label,
.account-select-treeselect.vue-treeselect--open-above .vue-treeselect__menu .vue-treeselect__branch-label {
  color: #6e6b7b !important;
  font-size: 14px !important;
}

body > .account-select-treeselect__menu.vue-treeselect__menu .vue-treeselect__option,
.account-select-treeselect.vue-treeselect--open-below .vue-treeselect__menu .vue-treeselect__option,
.account-select-treeselect.vue-treeselect--open-above .vue-treeselect__menu .vue-treeselect__option {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.custom-table-search {
  width: 100%;
  max-width: 440px;
}

[dir] .custom-table-search {
  border: 1px solid #ffffff;
  background: #f8f8f8;
  box-shadow: none;
  border-radius: 1.375rem;
  padding: 1px 14px;
}

.custom-table-search ::-moz-placeholder {
  color: #575757 !important;
  opacity: 1;
}

.custom-table-search ::placeholder {
  color: #575757 !important;
  opacity: 1;
}

.custom-table-search ::-ms-input-placeholder {
  color: #575757 !important;
}

[dir] .custom-table-search input {
  border: none;
  background: transparent !important;
}

[dir=ltr] .custom-table-search input {
  padding-left: 25px !important;
}

[dir=rtl] .custom-table-search input {
  padding-right: 25px !important;
}

[dir] .custom-table-search input:active {
  box-shadow: none;
}

[dir] .custom-table-search input:active .custom-table-search {
  background: #ffffff;
}

[dir] .custom-table-search input:focus {
  box-shadow: none !important;
}

[dir] .custom-table-search input:focus .custom-table-search {
  background: #ffffff;
}

.custom-table-search i {
  transition: 0.3s ease;
}

[dir] .custom-table-search i {
  padding: 5px;
  border-radius: 1.357rem;
  border: solid 0px #d8d6de;
}

[dir] .custom-table-search i:hover {
  box-shadow: 0 0 10px 1px #ededed;
}

.custom-table-search .search-icon-header {
  position: absolute;
  top: 50%;
  z-index: 5;
}

[dir] .custom-table-search .search-icon-header {
  transform: translateY(-50%);
}

[dir=ltr] .custom-table-search .search-icon-header {
  left: 6px;
}

[dir=rtl] .custom-table-search .search-icon-header {
  right: 6px;
}

.custom-table-search .filter-icon-header {
  position: absolute;
  top: 50%;
  z-index: 5;
}

[dir] .custom-table-search .filter-icon-header {
  transform: translateY(-50%);
}

[dir=ltr] .custom-table-search .filter-icon-header {
  right: 6px;
}

[dir=rtl] .custom-table-search .filter-icon-header {
  left: 6px;
}

[dir] .input-clicked {
  box-shadow: 0 0 5px 1px #ededed;
  border: 1px solid #d8d6de;
  background: #ffffff;
}

.custom-table {
  font-weight: 400;
}

.custom-table a {
  color: #2980b9 !important;
}

.custom-table a:hover {
  text-decoration: underline !important;
}

.custom-table .btn {
  color: inherit !important;
}

.custom-table .btn:hover {
  text-decoration: none !important;
}

.custom-table .header-table {
  text-transform: uppercase !important;
  font-weight: 400 !important;
  position: relative;
}

.custom-table-container {
  position: relative;
  overflow: visible;
}

[dir] .custom-table-container .table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th, [dir] .custom-table-container .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {
  background-color: transparent;
  border-top: 0;
  border-bottom: 1px solid #575757;
}

.custom-table-container .table {
  color: #39393a;
  font-weight: 400;
}

[dir] .custom-table-container .table th, [dir] .custom-table-container .table td {
  padding: 4px 3px !important;
}

.custom-table-container .table th {
  text-transform: none !important;
}

.custom-table-container .skeleton {
  position: relative;
  overflow: hidden;
  min-height: 1rem;
}

[dir] .custom-table-container .skeleton {
  background-color: #ededed;
  border-radius: 0.25rem;
}

.custom-table-container .skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 150px;
}

[dir=ltr] .custom-table-container .skeleton::after {
  left: -150px;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation:  custom-table-skeleton-loading-ltr 1.2s infinite;
}

[dir=rtl] .custom-table-container .skeleton::after {
  right: -150px;
  background: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation:  custom-table-skeleton-loading-rtl 1.2s infinite;
}

.custom-table-scroll-host-wrap {
  position: relative;
  height: 100%;
  min-height: 0;
}

.custom-table-scroll-hint {
  position: absolute;
  pointer-events: none;
  z-index: 9;
  display: flex;
}

.custom-table-scroll-hint--top,
.custom-table-scroll-hint--bottom {
  height: 2.75rem;
  justify-content: center;
}

[dir=ltr] .custom-table-scroll-hint--top, [dir=ltr] .custom-table-scroll-hint--bottom {
  left: 0;
  right: 0;
}

[dir=rtl] .custom-table-scroll-hint--top, [dir=rtl] .custom-table-scroll-hint--bottom {
  right: 0;
  left: 0;
}

.custom-table-scroll-hint--top {
  align-items: flex-start;
}

[dir] .custom-table-scroll-hint--top {
  padding-top: 0.35rem;
}

.custom-table-scroll-hint--bottom {
  bottom: 0;
  align-items: flex-end;
}

[dir] .custom-table-scroll-hint--bottom {
  padding-bottom: 0.35rem;
}

.custom-table-scroll-hint--left,
.custom-table-scroll-hint--right {
  top: 0;
  bottom: 0;
  width: 2.75rem;
  align-items: center;
}

.custom-table-scroll-hint--left {
  justify-content: flex-start;
}

[dir=ltr] .custom-table-scroll-hint--left {
  left: 0;
  padding-left: 0.35rem;
}

[dir=rtl] .custom-table-scroll-hint--left {
  right: 0;
  padding-right: 0.35rem;
}

.custom-table-scroll-hint--right {
  justify-content: flex-end;
}

[dir=ltr] .custom-table-scroll-hint--right {
  right: 0;
  padding-right: 0.35rem;
}

[dir=rtl] .custom-table-scroll-hint--right {
  left: 0;
  padding-left: 0.35rem;
}

.custom-table-scroll-hint__fade {
  position: absolute;
  inset: 0;
}

[dir] .custom-table-scroll-hint--top .custom-table-scroll-hint__fade {
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

[dir] .custom-table-scroll-hint--bottom .custom-table-scroll-hint__fade {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

[dir=ltr] .custom-table-scroll-hint--left .custom-table-scroll-hint__fade {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

[dir=rtl] .custom-table-scroll-hint--left .custom-table-scroll-hint__fade {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

[dir=ltr] .custom-table-scroll-hint--right .custom-table-scroll-hint__fade {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

[dir=rtl] .custom-table-scroll-hint--right .custom-table-scroll-hint__fade {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

.custom-table-scroll-hint__icon {
  position: relative;
  z-index: 1;
  color: #2980b9;
  font-size: 0.875rem;
  line-height: 1;
}

[dir=ltr] .custom-table-scroll-hint__icon--down {
  animation: custom-table-scroll-hint-bounce-down 1.4s ease-in-out infinite;
}

[dir=rtl] .custom-table-scroll-hint__icon--down {
  animation: custom-table-scroll-hint-bounce-down 1.4s ease-in-out infinite;
}

[dir=ltr] .custom-table-scroll-hint__icon--up {
  animation: custom-table-scroll-hint-bounce-up 1.4s ease-in-out infinite;
}

[dir=rtl] .custom-table-scroll-hint__icon--up {
  animation: custom-table-scroll-hint-bounce-up 1.4s ease-in-out infinite;
}

[dir=ltr] .custom-table-scroll-hint__icon--left {
  animation:  custom-table-scroll-hint-bounce-left-ltr 1.4s ease-in-out infinite;
}

[dir=rtl] .custom-table-scroll-hint__icon--left {
  animation:  custom-table-scroll-hint-bounce-left-rtl 1.4s ease-in-out infinite;
}

[dir=ltr] .custom-table-scroll-hint__icon--right {
  animation:  custom-table-scroll-hint-bounce-right-ltr 1.4s ease-in-out infinite;
}

[dir=rtl] .custom-table-scroll-hint__icon--right {
  animation:  custom-table-scroll-hint-bounce-right-rtl 1.4s ease-in-out infinite;
}

@keyframes custom-table-scroll-hint-bounce-down {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(3px);
  }
}

@keyframes custom-table-scroll-hint-bounce-up {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

@keyframes custom-table-scroll-hint-bounce-left-ltr {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-3px);
  }
}

@keyframes custom-table-scroll-hint-bounce-left-rtl {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(3px);
  }
}

@keyframes custom-table-scroll-hint-bounce-right-ltr {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(3px);
  }
}

@keyframes custom-table-scroll-hint-bounce-right-rtl {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-3px);
  }
}

@keyframes custom-table-skeleton-loading-ltr {
  0% {
    left: -150px;
  }

  100% {
    left: 100%;
  }
}

@keyframes custom-table-skeleton-loading-rtl {
  0% {
    left: -150px;
  }

  100% {
    left: 100%;
  }
}

.sort-icon {
  position: absolute;
  top: 50%;
  font-size: 1rem;
  opacity: 0;
  transition: opacity 0.3s;
  width: 20px;
}

[dir] .sort-icon {
  transform: translate(0%, -50%);
}

[dir=ltr] .sort-icon {
  right: 5px;
}

[dir=rtl] .sort-icon {
  left: 5px;
}

.sort-icon div {
  display: grid;
}

.sort-icon.hover-visible {
  opacity: 0.5;
}

.sort-icon.clicked-visible {
  opacity: 1;
}

.sort-icon i {
  line-height: 8px;
}

[dir] .sort-icon i {
  cursor: pointer;
}

.filter-icon-wrapper {
  position: absolute;
  top: 50%;
  display: inline-flex;
  align-items: center;
  z-index: 2;
}

[dir] .filter-icon-wrapper {
  margin-top: -8px;
  cursor: pointer;
}

[dir=ltr] .filter-icon-wrapper {
  right: 5px;
  margin-left: 0 !important;
}

[dir=rtl] .filter-icon-wrapper {
  left: 5px;
  margin-right: 0 !important;
}

[dir=ltr] .filter-icon-wrapper.filter-icon-with-sort {
  right: 30px;
}

[dir=rtl] .filter-icon-wrapper.filter-icon-with-sort {
  left: 30px;
}

.header-filter-dropdown {
  position: absolute;
  z-index: 300000;
  text-transform: none;
}

[dir] .header-content-base {
  padding: 4px 7px !important;
}

[dir=ltr] .header-content-icons-one {
  padding-right: 26px !important;
}

[dir=rtl] .header-content-icons-one {
  padding-left: 26px !important;
}

[dir=ltr] .header-content-icons-two {
  padding-right: 46px !important;
}

[dir=rtl] .header-content-icons-two {
  padding-left: 46px !important;
}

.filter-checkbox-list {
  max-height: 220px;
  overflow-y: auto;
}

[dir] .bg-gray {
  background-color: #f3f2f7;
}

.truncate-multiline {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.label-transition {
  transition: transform 0.25s ease;
}

[dir=ltr] .label-transition.shift-left {
  transform: translateX(-20px);
}

[dir=rtl] .label-transition.shift-left {
  transform: translateX(20px);
}

.scrollable-indicator {
  position: relative;
}

[dir] .scrollable-indicator {
  cursor: grab;
}

table.vgt-table {
  font-size: 12px !important;
}

/* Set the theme color of the component */

/* import theme style */

/* component style */

.vue-slider-disabled {
  opacity: 0.5;
}

[dir] .vue-slider-disabled {
  cursor: not-allowed;
}

/* rail style */

[dir] .vue-slider-rail {
  background-color: rgba(41, 128, 185, 0.12);
  border-radius: 15px;
}

/* process style */

[dir] .vue-slider-process {
  background-color: #2980b9;
  border-radius: 15px;
}

/* mark style */

.vue-slider-mark {
  z-index: 4;
}

.vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-mark:last-child .vue-slider-mark-step {
  display: none;
}

.vue-slider-mark-step {
  width: 100%;
  height: 100%;
}

[dir] .vue-slider-mark-step {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.16);
}

.vue-slider-mark-label {
  font-size: 14px;
  white-space: nowrap;
}

/* dot style */

.vue-slider-dot-handle {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

[dir] .vue-slider-dot-handle {
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: none;
}

[dir] .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(41, 128, 185, 0.36);
}

[dir] .vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  min-width: 20px;
  color: #fff;
  box-sizing: content-box;
}

[dir] .vue-slider-dot-tooltip-inner {
  padding: 2px 5px;
  text-align: center;
  border-radius: 5px;
  border-color: #2980b9;
  background-color: #2980b9;
}

.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}

.vue-slider-dot-tooltip-inner-top::after {
  top: 100%;
  height: 0;
  width: 0;
}

[dir] .vue-slider-dot-tooltip-inner-top::after {
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}

[dir=ltr] .vue-slider-dot-tooltip-inner-top::after {
  left: 50%;
  transform: translate(-50%, 0);
}

[dir=rtl] .vue-slider-dot-tooltip-inner-top::after {
  right: 50%;
  transform: translate(50%, 0);
}

.vue-slider-dot-tooltip-inner-bottom::after {
  bottom: 100%;
  height: 0;
  width: 0;
}

[dir] .vue-slider-dot-tooltip-inner-bottom::after {
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: inherit;
}

[dir=ltr] .vue-slider-dot-tooltip-inner-bottom::after {
  left: 50%;
  transform: translate(-50%, 0);
}

[dir=rtl] .vue-slider-dot-tooltip-inner-bottom::after {
  right: 50%;
  transform: translate(50%, 0);
}

.vue-slider-dot-tooltip-inner-left::after {
  top: 50%;
  height: 0;
  width: 0;
}

[dir] .vue-slider-dot-tooltip-inner-left::after {
  transform: translate(0, -50%);
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
}

[dir=ltr] .vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  border-left-color: inherit;
}

[dir=rtl] .vue-slider-dot-tooltip-inner-left::after {
  right: 100%;
  border-right-color: inherit;
}

.vue-slider-dot-tooltip-inner-right::after {
  top: 50%;
  height: 0;
  width: 0;
}

[dir] .vue-slider-dot-tooltip-inner-right::after {
  transform: translate(0, -50%);
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
}

[dir=ltr] .vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  border-right-color: inherit;
}

[dir=rtl] .vue-slider-dot-tooltip-inner-right::after {
  left: 100%;
  border-left-color: inherit;
}

.vue-slider-dot-tooltip-wrapper {
  opacity: 0;
  transition: all 0.3s;
}

.vue-slider-dot-tooltip-wrapper-show {
  opacity: 1;
}

[dir] .vue-slider-dot-handle {
  border: 2px solid #2980b9;
}

[dir] .vue-slider-dot-tooltip-inner {
  background-color: #2980b9;
  border-color: #2980b9;
}

/* Generate:
*  Border color according to event class
*/

[dir] .vue-slider-white .vue-slider-dot-handle {
  border: 2px solid #ffffff;
}

[dir] .vue-slider-white .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.36);
}

[dir] .vue-slider-white .vue-slider-process {
  background-color: #ffffff;
}

[dir] .vue-slider-white .vue-slider-rail {
  background-color: rgba(255, 255, 255, 0.12);
}

[dir] .vue-slider-white .vue-slider-dot-tooltip-inner {
  background-color: #ffffff;
  border-color: #ffffff;
}

[dir] .vue-slider-black .vue-slider-dot-handle {
  border: 2px solid #000000;
}

[dir] .vue-slider-black .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.36);
}

[dir] .vue-slider-black .vue-slider-process {
  background-color: #000000;
}

[dir] .vue-slider-black .vue-slider-rail {
  background-color: rgba(0, 0, 0, 0.12);
}

[dir] .vue-slider-black .vue-slider-dot-tooltip-inner {
  background-color: #000000;
  border-color: #000000;
}

[dir] .vue-slider-dark .vue-slider-dot-handle {
  border: 2px solid #4b4b4b;
}

[dir] .vue-slider-dark .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(75, 75, 75, 0.36);
}

[dir] .vue-slider-dark .vue-slider-process {
  background-color: #4b4b4b;
}

[dir] .vue-slider-dark .vue-slider-rail {
  background-color: rgba(75, 75, 75, 0.12);
}

[dir] .vue-slider-dark .vue-slider-dot-tooltip-inner {
  background-color: #4b4b4b;
  border-color: #4b4b4b;
}

[dir] .vue-slider-light .vue-slider-dot-handle {
  border: 2px solid #f6f6f6;
}

[dir] .vue-slider-light .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(246, 246, 246, 0.36);
}

[dir] .vue-slider-light .vue-slider-process {
  background-color: #f6f6f6;
}

[dir] .vue-slider-light .vue-slider-rail {
  background-color: rgba(246, 246, 246, 0.12);
}

[dir] .vue-slider-light .vue-slider-dot-tooltip-inner {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}

[dir] .vue-slider-primary .vue-slider-dot-handle {
  border: 2px solid #2980b9;
}

[dir] .vue-slider-primary .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(41, 128, 185, 0.36);
}

[dir] .vue-slider-primary .vue-slider-process {
  background-color: #2980b9;
}

[dir] .vue-slider-primary .vue-slider-rail {
  background-color: rgba(41, 128, 185, 0.12);
}

[dir] .vue-slider-primary .vue-slider-dot-tooltip-inner {
  background-color: #2980b9;
  border-color: #2980b9;
}

[dir] .vue-slider-secondary .vue-slider-dot-handle {
  border: 2px solid #82868b;
}

[dir] .vue-slider-secondary .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(130, 134, 139, 0.36);
}

[dir] .vue-slider-secondary .vue-slider-process {
  background-color: #82868b;
}

[dir] .vue-slider-secondary .vue-slider-rail {
  background-color: rgba(130, 134, 139, 0.12);
}

[dir] .vue-slider-secondary .vue-slider-dot-tooltip-inner {
  background-color: #82868b;
  border-color: #82868b;
}

[dir] .vue-slider-success .vue-slider-dot-handle {
  border: 2px solid #28c76f;
}

[dir] .vue-slider-success .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(40, 199, 111, 0.36);
}

[dir] .vue-slider-success .vue-slider-process {
  background-color: #28c76f;
}

[dir] .vue-slider-success .vue-slider-rail {
  background-color: rgba(40, 199, 111, 0.12);
}

[dir] .vue-slider-success .vue-slider-dot-tooltip-inner {
  background-color: #28c76f;
  border-color: #28c76f;
}

[dir] .vue-slider-info .vue-slider-dot-handle {
  border: 2px solid #00cfe8;
}

[dir] .vue-slider-info .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(0, 207, 232, 0.36);
}

[dir] .vue-slider-info .vue-slider-process {
  background-color: #00cfe8;
}

[dir] .vue-slider-info .vue-slider-rail {
  background-color: rgba(0, 207, 232, 0.12);
}

[dir] .vue-slider-info .vue-slider-dot-tooltip-inner {
  background-color: #00cfe8;
  border-color: #00cfe8;
}

[dir] .vue-slider-warning .vue-slider-dot-handle {
  border: 2px solid #ff9f43;
}

[dir] .vue-slider-warning .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(255, 159, 67, 0.36);
}

[dir] .vue-slider-warning .vue-slider-process {
  background-color: #ff9f43;
}

[dir] .vue-slider-warning .vue-slider-rail {
  background-color: rgba(255, 159, 67, 0.12);
}

[dir] .vue-slider-warning .vue-slider-dot-tooltip-inner {
  background-color: #ff9f43;
  border-color: #ff9f43;
}

[dir] .vue-slider-danger .vue-slider-dot-handle {
  border: 2px solid #ea5455;
}

[dir] .vue-slider-danger .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(234, 84, 85, 0.36);
}

[dir] .vue-slider-danger .vue-slider-process {
  background-color: #ea5455;
}

[dir] .vue-slider-danger .vue-slider-rail {
  background-color: rgba(234, 84, 85, 0.12);
}

[dir] .vue-slider-danger .vue-slider-dot-tooltip-inner {
  background-color: #ea5455;
  border-color: #ea5455;
}

[dir] body.dark-layout .vue-slider-dot-handle {
  background-color: #161d31;
}

[dir] .sidebar-detached.left-filter-sidebar--top-6 {
  margin-top: 6px;
}

[dir] .sidebar-detached.left-filter-sidebar--top-8 {
  margin-top: 8px;
}

[dir] .py-05 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.filter-heading {
  display: block;
  font-weight: 400;
  line-height: 1.45;
  color: #82868b;
}

[dir] .filter-heading {
  margin-bottom: 1.7rem !important;
}

[dir=ltr] .filter-heading {
  padding-left: 0.5rem;
}

[dir=rtl] .filter-heading {
  padding-right: 0.5rem;
}

[dir=ltr] .filter-results-count {
  margin-left: 0.25rem;
}

[dir=rtl] .filter-results-count {
  margin-right: 0.25rem;
}

.filter-results-skeleton {
  width: 5.25rem;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}

[dir] .filter-results-skeleton {
  border-radius: 1.375rem;
}

.status-checkbox {
  box-sizing: border-box;
}

[dir] .status-checkbox {
  text-align: center;
  padding: 0;
  cursor: pointer;
  margin: 0;
}

.status-checkbox-container {
  display: flex;
  align-items: center;
}

[dir] .status-checkbox-container {
  margin-bottom: 5px;
}

.status-label {
  flex-grow: 1;
  width: calc(100% - 30px);
  color: #fff;
  box-sizing: border-box;
}

[dir] .status-label {
  padding: 6px 12px;
  border-radius: 1.375rem;
}

[dir=ltr] .status-label {
  margin-left: 30px;
  text-align: left;
}

[dir=rtl] .status-label {
  margin-right: 30px;
  text-align: right;
}

[dir] .categories-radio-group .custom-control, [dir] .brands-radio-group .custom-control, [dir] .price-range-defined-radio-group .custom-control {
  margin-bottom: 0.75rem;
}

.custom-radio.custom-control {
  width: 100%;
}

.contract-categories-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.sidebar-wrapper {
  position: relative;
}

@media (min-width: 992px) {
  .sidebar-wrapper {
    width: 320px;
  }
}

.sidebar-wrapper.sidebar-wrapper--overlay-offset-6 {
  --filter-sidebar-overlay-offset: 6px;
}

.sidebar-wrapper.sidebar-wrapper--overlay-offset-44 {
  --filter-sidebar-overlay-offset: 44px;
}

.sidebar-wrapper.sidebar-wrapper--overlay-offset-16 {
  --filter-sidebar-overlay-offset: 1rem;
}

.sidebar-wrapper.is-loading > :not(.sidebar-filters-overlay) {
  visibility: hidden;
}

.sidebar-filters-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

[dir] .sidebar-filters-overlay {
  padding: var(--filter-sidebar-overlay-offset, 0) 0 0;
  background: transparent;
}

.filters-skeleton-inner {
  width: 100%;
}

[dir] .filters-skeleton-inner {
  margin-top: 0.85rem;
}

[dir] .filters-skeleton-inner--flush {
  margin-top: 0;
}

.filters-skel-header {
  width: 5.25rem;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}

[dir] .filters-skel-header {
  border-radius: 1.375rem;
}

[dir] .filters-skel-card {
  margin-top: 0;
  padding: 1rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 1.375rem;
}

[dir] .filters-skel-card--spaced {
  margin-top: 10px;
}

.filters-skel-option {
  width: 100%;
  height: 22px;
}

[dir] .filters-skel-option {
  border-radius: 1.375rem;
}

.filters-skel-title {
  width: 65%;
  height: 14px;
  display: block;
}

[dir] .filters-skel-title {
  border-radius: 1.375rem;
  margin-bottom: 1rem;
}

.filters-skel-radio,
.filters-skel-checkbox {
  width: 100%;
  height: 16px;
}

[dir] .filters-skel-radio, [dir] .filters-skel-checkbox {
  border-radius: 1.375rem;
}

[dir] .filters-skel-radio + .filters-skel-radio {
  margin-top: 10px;
}

[dir] .filters-skel-checkbox + .filters-skel-checkbox {
  margin-top: 10px;
}

.deals-grid-view {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  row-gap: 2rem;
}

[dir] .deals-grid-view {
  margin-bottom: 2rem;
}

.deals-grid-view .deal-grid-next-contact {
  position: absolute;
  top: 10px;
  z-index: 3;
  color: #5e5873;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
}

[dir] .deals-grid-view .deal-grid-next-contact {
  padding: 5px 10px;
  border-radius: 1.375rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
}

[dir=ltr] .deals-grid-view .deal-grid-next-contact {
  right: 10px;
}

[dir=rtl] .deals-grid-view .deal-grid-next-contact {
  left: 10px;
}

.deals-grid-view .deal-grid-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}

[dir] .deals-grid-view .deal-grid-image-wrap {
  background-color: #f8f8f8;
}

[dir=ltr] .deals-grid-view .deal-grid-image-wrap {
  border-top-left-radius: 1.375rem;
  border-top-right-radius: 1.375rem;
}

[dir=rtl] .deals-grid-view .deal-grid-image-wrap {
  border-top-right-radius: 1.375rem;
  border-top-left-radius: 1.375rem;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image-skeleton {
  width: 100%;
  height: 100%;
}

[dir] .deals-grid-view .deal-grid-image-wrap .deal-grid-image-skeleton {
  border-radius: 0;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton {
  position: absolute;
  z-index: 3;
}

[dir] .deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton {
  border-radius: 1.375rem;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton--top-right {
  top: 10px;
  width: 56px;
  height: 26px;
}

[dir=ltr] .deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton--top-right {
  right: 10px;
}

[dir=rtl] .deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton--top-right {
  left: 10px;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton--bottom-left {
  bottom: 10px;
  width: 72px;
  height: 26px;
}

[dir=ltr] .deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton--bottom-left {
  left: 10px;
}

[dir=rtl] .deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton--bottom-left {
  right: 10px;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

[dir] .deals-grid-view .deal-grid-image-wrap .deal-grid-image {
  transform: scale(var(--deal-image-cover-scale, 1));
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image--ready,
.deals-grid-view .deal-grid-image-wrap .deal-grid-image--placeholder {
  opacity: 1;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image--placeholder {
  -o-object-fit: cover;
     object-fit: cover;
}

[dir] .deals-grid-view .deal-grid-image-wrap .deal-grid-image--placeholder {
  transform: none;
}

[dir] .deals-grid-view .deal-grid-image-wrap:hover .deal-grid-image:not(.deal-grid-image--placeholder) {
  transform: scale(1);
}

.deals-grid-view .deal-grid-status-label {
  position: absolute;
  bottom: 10px;
  z-index: 3;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  color: #ffffff;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
}

[dir] .deals-grid-view .deal-grid-status-label {
  padding: 5px 10px;
  border-radius: 1.375rem;
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
}

[dir=ltr] .deals-grid-view .deal-grid-status-label {
  left: 10px;
}

[dir=rtl] .deals-grid-view .deal-grid-status-label {
  right: 10px;
}

.deals-grid-view .partner-name {
  font-size: 1rem;
}

.deals-grid-view .item-name {
  font-size: 1.1rem;
}

.deals-grid-view .ecommerce-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.deals-grid-view .ecommerce-card .card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

[dir] .deals-grid-view .ecommerce-card .card-body {
  padding-bottom: 100px;
}

.deals-table-status-indicator {
  display: inline-block;
  width: 50px;
  height: 10px;
  flex-shrink: 0;
}

[dir] .deals-table-status-indicator {
  border-radius: 1.375rem;
}

.deals-table-name-cell {
  max-width: 280px;
  white-space: normal;
  word-break: break-word;
  line-height: 1.4;
}

.icon-wrap {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

[dir] .icon-wrap {
  border-radius: 1.375rem;
  background: rgba(41, 128, 185, 0.23);
  text-align: center;
}

.icon-wrap i {
  font-size: 12px;
}

[dir] .grid-view-date-item {
  padding-bottom: 10px;
}

[dir] .grid-view-date-item:last-child {
  padding-bottom: 0;
}

.grid-view-date-text {
  font-size: 15px;
}

.bottom-box {
  position: absolute;
  bottom: 0%;
  overflow: hidden;
  width: 100%;
}

[dir=ltr] .bottom-box {
  left: 0%;
}

[dir=rtl] .bottom-box {
  right: 0%;
}

.partner-name {
  font-size: 0.875rem;
  color: #6e6b7b;
}

.owner-image-bottom-right {
  position: absolute;
  bottom: 24px;
  z-index: 10;
}

[dir=ltr] .owner-image-bottom-right {
  right: 12px;
}

[dir=rtl] .owner-image-bottom-right {
  left: 12px;
}

.owner-image-bottom-right .deal-grid-owner-skeleton {
  width: 32px;
  height: 32px;
  min-height: 0;
}

[dir] .owner-image-bottom-right .deal-grid-owner-skeleton {
  border-radius: 1.375rem;
}

.deal-skeleton-card-grid {
  min-height: 320px;
  overflow: hidden;
}

.deals-toolbar-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.deals-search-wrapper {
  order: 0;
  flex: 1 1 280px;
  max-width: 440px;
  min-width: 0;
}

.deals-search-wrapper .search-table-wrapper {
  min-width: 0;
  width: 100%;
}

.deals-search-wrapper .custom-table-search {
  max-width: 100%;
}

[dir] .deals-search-wrapper .custom-table-search {
  background: #ffffff;
}

.deals-toolbar-actions {
  order: 1;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

.deals-toolbar-actions .view-options {
  gap: 0.75rem;
}

.deals-toolbar-actions .item-view-radio-group.btn-group > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

[dir] .deals-toolbar-actions .item-view-radio-group.btn-group > .btn {
  padding-top: 0.786rem;
  padding-bottom: 0.786rem;
}

@media (max-width: 960px) {
  .deals-search-wrapper {
    order: 2;
    flex-basis: 100%;
    max-width: 100%;
  }

  .deals-toolbar-actions {
    order: 1;
  }
}

@media (max-width: 767.98px) {
  .deals-search-wrapper {
    order: 2;
    flex-basis: 100%;
    max-width: 100%;
  }

  .deals-toolbar-actions {
    order: 1;
  }
}

.deals-toolbar .skeleton,
.deals-grid-view .skeleton,
.deals-left-filter-sidebar .skeleton,
.sidebar-wrapper--overlay-offset-44 .skeleton {
  position: relative;
  overflow: hidden;
  min-height: 1rem;
}

[dir] .deals-toolbar .skeleton, [dir] .deals-grid-view .skeleton, [dir] .deals-left-filter-sidebar .skeleton, [dir] .sidebar-wrapper--overlay-offset-44 .skeleton {
  background-color: #e0e0e0;
  border-radius: 1.375rem;
}

.deals-toolbar .skeleton::after,
.deals-grid-view .skeleton::after,
.deals-left-filter-sidebar .skeleton::after,
.sidebar-wrapper--overlay-offset-44 .skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 150px;
}

[dir=ltr] .deals-toolbar .skeleton::after, [dir=ltr] .deals-grid-view .skeleton::after, [dir=ltr] .deals-left-filter-sidebar .skeleton::after, [dir=ltr] .sidebar-wrapper--overlay-offset-44 .skeleton::after {
  left: -150px;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation:  deals-index-skeleton-loading-ltr 1.2s infinite;
}

[dir=rtl] .deals-toolbar .skeleton::after, [dir=rtl] .deals-grid-view .skeleton::after, [dir=rtl] .deals-left-filter-sidebar .skeleton::after, [dir=rtl] .sidebar-wrapper--overlay-offset-44 .skeleton::after {
  right: -150px;
  background: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation:  deals-index-skeleton-loading-rtl 1.2s infinite;
}

@keyframes deals-index-skeleton-loading-ltr {
  0% {
    left: -150px;
  }

  100% {
    left: 100%;
  }
}

@keyframes deals-index-skeleton-loading-rtl {
  0% {
    left: -150px;
  }

  100% {
    left: 100%;
  }
}

.deal-view .deal-owner-label {
  font-size: 0.857rem;
  color: #82868b;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

[dir] .deal-view .deal-owner-label {
  margin-bottom: 0.25rem;
}

.deal-view .deal-title {
  color: #5e5873;
}

[dir] .deal-view .deal-title {
  margin-bottom: 0.5rem;
}

.deal-view .deal-status-badge {
  display: inline-block;
  font-size: 0.857rem;
  font-weight: 500;
  color: #ffffff;
}

[dir] .deal-view .deal-status-badge {
  padding: 0.25rem 0.75rem;
  border-radius: 1.375rem;
}

.deal-view .section-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f2937;
}

[dir] .deal-view .section-title {
  margin-bottom: 1rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
}

.deal-view .detail-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  transition: background-color 0.2s ease;
}

[dir] .deal-view .detail-row {
  padding: 6px 12px;
  background-color: #f9fafb;
  border-radius: 1.375rem;
  margin-bottom: 6px;
}

[dir] .deal-view .detail-row:hover {
  background-color: #f3f4f6;
}

.deal-view .detail-row--full {
  display: block;
}

.deal-view .detail-row--description .label {
  display: block;
  max-width: 100%;
}

[dir] .deal-view .detail-row--description .label {
  margin-bottom: 0.5rem;
}

.deal-view .detail-row--description .show-more {
  z-index: 10;
}

.deal-view .detail-row--description .show-more--expanded {
  position: static;
  display: inline-block;
}

[dir] .deal-view .detail-row--description .show-more--expanded {
  margin-top: 0.5rem;
  transform: none;
}

[dir=ltr] .deal-view .detail-row--description .show-more--expanded {
  left: auto;
}

[dir=rtl] .deal-view .detail-row--description .show-more--expanded {
  right: auto;
}

[dir] .deal-view .detail-row--description-collapsed {
  padding-bottom: 2rem;
}

.deal-view .detail-row--description-collapsed .show-more {
  position: absolute;
  bottom: 0.35rem;
}

[dir=ltr] .deal-view .detail-row--description-collapsed .show-more {
  left: 50%;
  transform: translate(-50%, 0%);
}

[dir=rtl] .deal-view .detail-row--description-collapsed .show-more {
  right: 50%;
  transform: translate(50%, 0%);
}

[dir] .deal-view .detail-row--description-collapsed:hover .deal-description-scroll-hint__fade {
  background: linear-gradient(to bottom, rgba(243, 244, 246, 0) 0%, rgba(243, 244, 246, 0.88) 55%, #f3f4f6 100%);
}

.deal-view .detail-row .label {
  font-weight: 500;
  color: #374151;
  flex: 1;
  max-width: 60%;
  word-break: break-word;
}

[dir=ltr] .deal-view .detail-row .label {
  padding-right: 8px;
}

[dir=rtl] .deal-view .detail-row .label {
  padding-left: 8px;
}

.deal-view .detail-row .value {
  flex: 0 0 auto;
  max-width: 50%;
  color: #4b5563;
  font-weight: 400;
  overflow-wrap: break-word;
}

[dir=ltr] .deal-view .detail-row .value {
  text-align: right;
}

[dir=rtl] .deal-view .detail-row .value {
  text-align: left;
}

.deal-view .deal-description-body {
  width: calc(100% + 24px);
}

[dir=ltr] .deal-view .deal-description-body {
  margin-left: -12px;
  margin-right: -12px;
}

[dir=rtl] .deal-view .deal-description-body {
  margin-right: -12px;
  margin-left: -12px;
}

.deal-view .deal-description-body--collapsed {
  overflow: hidden;
}

[dir=ltr] .deal-view .deal-description-body .deal-description-content {
  padding-left: 12px;
  padding-right: 12px;
}

[dir=rtl] .deal-view .deal-description-body .deal-description-content {
  padding-right: 12px;
  padding-left: 12px;
}

.deal-view .deal-description-body .deal-description-content img {
  max-width: 100%;
  height: auto;
}

.deal-view .deal-description-scroll-hint {
  position: absolute;
  pointer-events: none;
  z-index: 9;
  display: flex;
}

.deal-view .deal-description-scroll-hint--bottom {
  bottom: 0;
  height: 2.75rem;
  justify-content: center;
  align-items: flex-end;
}

[dir=ltr] .deal-view .deal-description-scroll-hint--bottom {
  left: 0;
  right: 0;
}

[dir=rtl] .deal-view .deal-description-scroll-hint--bottom {
  right: 0;
  left: 0;
}

.deal-view .deal-description-scroll-hint__fade {
  position: absolute;
  inset: 0;
}

[dir] .deal-view .deal-description-scroll-hint__fade {
  background: linear-gradient(to bottom, rgba(249, 250, 251, 0) 0%, rgba(249, 250, 251, 0.88) 55%, #f9fafb 100%);
}

.deal-view .deal-description-content {
  color: #4b5563;
  font-weight: 400;
  overflow-wrap: break-word;
}

[dir=ltr] .deal-view .deal-description-content {
  text-align: left;
}

[dir=rtl] .deal-view .deal-description-content {
  text-align: right;
}

.deal-view .show-more {
  font-size: 12px;
  position: absolute;
  bottom: -30px;
  line-height: 110%;
  color: #2980b9;
  font-weight: 500;
}

[dir] .deal-view .show-more {
  background: #f8f8f8;
  padding: 5px 10px;
  border-radius: 1.375rem;
  cursor: pointer;
}

[dir=ltr] .deal-view .show-more {
  left: 50%;
  transform: translate(-50%, 0%);
}

[dir=rtl] .deal-view .show-more {
  right: 50%;
  transform: translate(50%, 0%);
}

.deal-view .detail-link {
  color: #2980b9;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  transition: color 0.2s ease;
}

.deal-view .detail-link:hover {
  color: #20638f;
  text-decoration: underline;
}

[dir] .deal-view .detail-link:hover {
  cursor: pointer;
}

[dir] .deal-view .detail-link:hover .icon {
  transform: translateY(-2px);
}

.deal-view .detail-link .icon {
  font-size: 0.85rem;
  transition: transform 0.2s ease;
}

[dir=ltr] .deal-view .detail-link .icon {
  margin-left: 4px;
}

[dir=rtl] .deal-view .detail-link .icon {
  margin-right: 4px;
}

[dir] .deal-view .contact-block {
  padding: 8px 12px;
  background-color: #f9fafb;
  border-radius: 1.375rem;
}

.deal-view .contact-type {
  font-weight: 600;
  color: #1f2937;
}

[dir] .deal-view .contact-type {
  margin-bottom: 6px;
}

.deal-view .contact-list {
  color: #4b5563;
}

[dir=ltr] .deal-view .contact-list {
  padding-left: 10px;
}

[dir=rtl] .deal-view .contact-list {
  padding-right: 10px;
}

.deal-view .contact-line {
  font-size: 0.95rem;
  line-height: 1.6;
}

.deal-view-info-card .carousel {
  width: 100%;
}

.deal-view-info-card .product-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
  width: 100%;
}

[dir] .deal-view-info-card .product-img img {
  border-radius: 0.375rem;
}

.deal-view-info-card .no-photos-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 160px;
  color: #adb5bd;
  font-size: 2rem;
}

[dir] .deal-view-info-card .no-photos-placeholder {
  border-radius: 0.375rem;
  background: #f3f2f7;
}

.deal-view-info-card .overlay-img-right {
  position: absolute;
  top: 10px;
  color: #1e1e1e;
  font-size: 12px;
  z-index: 100;
  font-weight: 600;
}

[dir] .deal-view-info-card .overlay-img-right {
  background: #f8f8f8;
  padding: 5px 10px;
  border-radius: 0.375rem;
}

[dir=ltr] .deal-view-info-card .overlay-img-right {
  right: 10px;
}

[dir=rtl] .deal-view-info-card .overlay-img-right {
  left: 10px;
}

.deals-left-filter-sidebar .deals-inactive-days-filter-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.deals-left-filter-sidebar .deals-inactive-days-input-wrap {
  position: relative;
  flex: 1;
  min-width: 0;
}

.deals-left-filter-sidebar .deals-inactive-days-filter {
  width: 100%;
}

[dir=ltr] .deals-left-filter-sidebar .deals-inactive-days-filter {
  padding-right: 1.75rem;
}

[dir=rtl] .deals-left-filter-sidebar .deals-inactive-days-filter {
  padding-left: 1.75rem;
}

[dir=ltr] .deals-left-filter-sidebar .deals-inactive-days-filter.has-clear {
  padding-right: 1.75rem;
}

[dir=rtl] .deals-left-filter-sidebar .deals-inactive-days-filter.has-clear {
  padding-left: 1.75rem;
}

.deals-left-filter-sidebar .deals-inactive-days-clear {
  position: absolute;
  top: 50%;
  color: #adb5bd;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

[dir] .deals-left-filter-sidebar .deals-inactive-days-clear {
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  padding: 0;
}

[dir=ltr] .deals-left-filter-sidebar .deals-inactive-days-clear {
  right: 0.35rem;
}

[dir=rtl] .deals-left-filter-sidebar .deals-inactive-days-clear {
  left: 0.35rem;
}

.deals-left-filter-sidebar .deals-inactive-days-clear:hover {
  color: #82868b;
}

.deals-left-filter-sidebar .deals-inactive-days-apply {
  flex-shrink: 0;
  white-space: nowrap;
}

[dir] .deals-form .deal-form-card {
  border-radius: 12px;
}

.deals-form .deal-form-card-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

[dir] .deals-form .deal-form-card-title {
  margin-bottom: 1rem;
}

.deals-form .deal-description-editor-wrap .quillWrapper,
.deals-form .deal-description-editor-wrap .ql-container,
.deals-form .deal-description-editor-wrap .ql-editor {
  min-height: 200px !important;
}

[dir] .deals-form .deal-description-editor-wrap .ql-editor {
  cursor: text;
}

.deals-form #deal-description-editor.quillWrapper,
.deals-form #deal-description-editor .ql-container,
.deals-form #deal-description-editor .ql-editor {
  min-height: 200px !important;
}

[dir] .deals-form #deal-description-editor .ql-editor {
  cursor: text;
}

.deals-form .address-search-results {
  position: absolute;
  z-index: 1055;
  max-height: 220px;
  overflow-y: auto;
}

[dir=ltr] .deals-form .address-search-results {
  left: 0;
  right: 0;
}

[dir=rtl] .deals-form .address-search-results {
  right: 0;
  left: 0;
}

.deals-form .address-search-results .vs__dropdown-option,
.deals-form .address-search-results .vs__no-options {
  white-space: normal;
  line-height: 1.2;
}

[dir=ltr] .deals-form .address-input {
  padding-right: 2.5rem;
}

[dir=rtl] .deals-form .address-input {
  padding-left: 2.5rem;
}

.deals-form .address-locate-btn {
  position: absolute;
  top: 32px;
  line-height: 1;
  z-index: 3;
}

[dir] .deals-form .address-locate-btn {
  padding: 0.25rem 0.4rem;
}

[dir=ltr] .deals-form .address-locate-btn {
  right: 6px;
}

[dir=rtl] .deals-form .address-locate-btn {
  left: 6px;
}

.work-orders-index .list-view .list-view-status-indicator {
  position: absolute;
  top: 12px;
}

[dir=ltr] .work-orders-index .list-view .list-view-status-indicator {
  right: 12px;
}

[dir=rtl] .work-orders-index .list-view .list-view-status-indicator {
  left: 12px;
}

.work-orders-index .maintenance-list-priority {
  font-size: 0.857rem;
  font-weight: 600;
}

[dir] .work-orders-index .maintenance-list-priority {
  padding: 2px 10px;
  border-radius: 1.375rem;
  background: #f8f8f8;
}

.work-orders-index .skeleton {
  position: relative;
  overflow: hidden;
  min-height: 1rem;
}

[dir] .work-orders-index .skeleton {
  background-color: #e0e0e0;
  border-radius: 1.375rem;
}

.work-orders-index .skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 150px;
}

[dir=ltr] .work-orders-index .skeleton::after {
  left: -150px;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation:  deals-index-skeleton-loading-ltr 1.2s infinite;
}

[dir=rtl] .work-orders-index .skeleton::after {
  right: -150px;
  background: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation:  deals-index-skeleton-loading-rtl 1.2s infinite;
}

.work-orders-index .deals-grid-view .maintenance-grid-reference {
  position: absolute;
  z-index: 3;
  color: #5e5873;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  top: 10px;
}

[dir] .work-orders-index .deals-grid-view .maintenance-grid-reference {
  padding: 5px 10px;
  border-radius: 1.375rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
}

[dir=ltr] .work-orders-index .deals-grid-view .maintenance-grid-reference {
  left: 10px;
}

[dir=rtl] .work-orders-index .deals-grid-view .maintenance-grid-reference {
  right: 10px;
}

.work-orders-index .deals-grid-view .maintenance-grid-priority {
  position: absolute;
  z-index: 3;
  color: #5e5873;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  top: 10px;
}

[dir] .work-orders-index .deals-grid-view .maintenance-grid-priority {
  padding: 5px 10px;
  border-radius: 1.375rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
}

[dir=ltr] .work-orders-index .deals-grid-view .maintenance-grid-priority {
  right: 10px;
}

[dir=rtl] .work-orders-index .deals-grid-view .maintenance-grid-priority {
  left: 10px;
}

.work-orders-index .wo-skeleton-card-grid {
  min-height: 320px;
}

.work-orders-index .wo-skeleton-card-list {
  min-height: 160px;
}

.devices-index .list-view .list-view-status-indicator {
  position: absolute;
  top: 12px;
}

[dir=ltr] .devices-index .list-view .list-view-status-indicator {
  right: 12px;
}

[dir=rtl] .devices-index .list-view .list-view-status-indicator {
  left: 12px;
}

.devices-index .maintenance-list-priority {
  font-size: 0.857rem;
  font-weight: 600;
}

[dir] .devices-index .maintenance-list-priority {
  padding: 2px 10px;
  border-radius: 1.375rem;
  background: #f8f8f8;
}

.devices-index .skeleton {
  position: relative;
  overflow: hidden;
  min-height: 1rem;
}

[dir] .devices-index .skeleton {
  background-color: #e0e0e0;
  border-radius: 1.375rem;
}

.devices-index .skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 150px;
}

[dir=ltr] .devices-index .skeleton::after {
  left: -150px;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation:  deals-index-skeleton-loading-ltr 1.2s infinite;
}

[dir=rtl] .devices-index .skeleton::after {
  right: -150px;
  background: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation:  deals-index-skeleton-loading-rtl 1.2s infinite;
}

.devices-index .deals-grid-view .maintenance-grid-reference {
  position: absolute;
  z-index: 3;
  color: #5e5873;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  top: 10px;
}

[dir] .devices-index .deals-grid-view .maintenance-grid-reference {
  padding: 5px 10px;
  border-radius: 1.375rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
}

[dir=ltr] .devices-index .deals-grid-view .maintenance-grid-reference {
  left: 10px;
}

[dir=rtl] .devices-index .deals-grid-view .maintenance-grid-reference {
  right: 10px;
}

.devices-index .device-skeleton-card-grid {
  min-height: 320px;
}

.devices-index .device-skeleton-card-list {
  min-height: 140px;
}

[dir] .maintenance-view-info-card .list-group-item {
  padding: 2px 0 !important;
}

.maintenance-view-info-card .carousel {
  width: 100%;
}

.maintenance-view-info-card .product-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
  width: 100%;
}

[dir] .maintenance-view-info-card .product-img img {
  border-radius: 0.375rem;
}

.maintenance-view-info-card .overlay-img-right {
  position: absolute;
  top: 10px;
  color: #1e1e1e;
  font-size: 12px;
  z-index: 100;
  font-weight: 600;
}

[dir] .maintenance-view-info-card .overlay-img-right {
  background: #f8f8f8;
  padding: 5px 10px;
  border-radius: 1.375rem;
}

[dir=ltr] .maintenance-view-info-card .overlay-img-right {
  right: 10px;
}

[dir=rtl] .maintenance-view-info-card .overlay-img-right {
  left: 10px;
}

.maintenance-deals-form .uploaded-wrap {
  display: block;
  width: 170px;
  height: 125px;
}

.maintenance-deals-form .uploaded-wrap img {
  width: 170px;
  height: 125px;
  -o-object-fit: cover;
     object-fit: cover;
}

.maintenance-deals-form .uploaded-wrap .badge {
  position: absolute;
  top: -10px;
  max-width: 40px;
}

[dir] .maintenance-deals-form .uploaded-wrap .badge {
  padding: 4px;
  cursor: pointer;
}

[dir=ltr] .maintenance-deals-form .badge-left {
  left: -5px;
}

[dir=rtl] .maintenance-deals-form .badge-left {
  right: -5px;
}

[dir=ltr] .maintenance-deals-form .badge-right {
  right: -5px;
}

[dir=rtl] .maintenance-deals-form .badge-right {
  left: -5px;
}

.maintenance-deals-form .enlarged-image {
  width: 50%;
  height: 50%;
  position: fixed;
  top: 50%;
  transition: 0.4s;
}

[dir=ltr] .maintenance-deals-form .enlarged-image {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir=rtl] .maintenance-deals-form .enlarged-image {
  right: 50%;
  transform: translate(50%, -50%);
}

.maintenance-deals-form .enlargeable-image .full.enlarged {
  top: 2.5% !important;
  width: 95% !important;
  height: 95% !important;
  z-index: 222222 !important;
}

[dir=ltr] .maintenance-deals-form .enlargeable-image .full.enlarged {
  left: 2.5% !important;
}

[dir=rtl] .maintenance-deals-form .enlargeable-image .full.enlarged {
  right: 2.5% !important;
}

.maintenance-deals-form .enlargeable-image .full.enlarging {
  z-index: 222222 !important;
}

[dir] .sale-invoice-form .card {
  border: 1px solid #e7f4e5;
  border-color: #e7f4e5;
}

[dir] .sale-invoice-form .main {
  background-color: #e7f4e5;
}

[dir] .sale-invoice-form .vs__dropdown-toggle {
  background-color: #ffffff;
  background: #ffffff;
}

[dir] .purchase-invoice-form .card {
  border: 1px solid #f3ece5;
  border-color: #f3ece5;
}

[dir] .purchase-invoice-form .main {
  background-color: #f3ece5;
}

[dir] .purchase-invoice-form .vs__dropdown-toggle {
  background-color: #ffffff;
  background: #ffffff;
}

[dir] .active-link-customers .main-link {
  background-color: #e7f4e5 !important;
  background: #e7f4e5 !important;
  border-radius: 6px;
}

[dir] .active-link-vendors .main-link {
  border-radius: 6px;
  background-color: #f3ece5 !important;
  background: #f3ece5 !important;
}

[dir=ltr] .col-datetime {
  padding-right: 1rem;
  padding-left: 1rem;
}

[dir=rtl] .col-datetime {
  padding-left: 1rem;
  padding-right: 1rem;
}

[dir=ltr] .col-date {
  padding-right: 1rem;
  padding-left: 1rem;
}

[dir=rtl] .col-date {
  padding-left: 1rem;
  padding-right: 1rem;
}

[dir=ltr] .col-reference {
  padding-right: 1rem;
  padding-left: 1rem;
}

[dir=rtl] .col-reference {
  padding-left: 1rem;
  padding-right: 1rem;
}

[dir=ltr] .select-md-wrap {
  padding-right: 1rem;
  padding-left: 1rem;
}

[dir=rtl] .select-md-wrap {
  padding-left: 1rem;
  padding-right: 1rem;
}

.document-sticky-actions {
  --sticky-actions-bottom-gap: 1.25rem;
  position: sticky;
  bottom: var(--sticky-actions-bottom-gap);
  z-index: 30;
}

[dir] .document-sticky-actions {
  margin-top: 0.75rem;
  padding: 1rem;
  border: 1px solid #ebe9f1;
  border-radius: 1.375rem;
  background: #ffffff;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}

[dir=ltr] .document-sticky-actions .btn + * {
  margin-left: 0.75rem;
}

[dir=rtl] .document-sticky-actions .btn + * {
  margin-right: 0.75rem;
}

.document-sticky-actions::after {
  content: "";
  position: absolute;
  top: 100%;
  height: var(--sticky-actions-bottom-gap);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

[dir] .document-sticky-actions::after {
  background: rgba(248, 248, 248, 0.55);
}

[dir=ltr] .document-sticky-actions::after {
  left: 0;
  right: 0;
}

[dir=rtl] .document-sticky-actions::after {
  right: 0;
  left: 0;
}

.document-sticky-actions.is-pinned::after {
  opacity: 1;
}

@media (max-width: 767.98px) {
  .document-sticky-actions {
    --sticky-actions-bottom-gap: 1rem;
  }
  [dir] .document-sticky-actions {
    padding: 0.5rem 0.75rem;
  }
}

@media (max-width: 575.98px) {
  .document-sticky-actions {
    position: fixed;
    width: auto;
    bottom: calc(var(--sticky-actions-bottom-gap) + env(safe-area-inset-bottom, 0px));
    z-index: 50;
  }
  [dir] .document-sticky-actions {
    margin-top: 0;
  }
  [dir=ltr] .document-sticky-actions {
    left: 12px;
    right: 12px;
  }
  [dir=rtl] .document-sticky-actions {
    right: 12px;
    left: 12px;
  }

  .document-sticky-actions.is-pinned::after,
  .document-sticky-actions::after {
    opacity: 1;
  }
}

@media (max-width: 575.98px) {
  [dir] form:has(.document-sticky-actions) {
    padding-bottom: calc(3.5rem + 1rem + env(safe-area-inset-bottom, 0px));
  }
}

[dir] .dark-layout .document-sticky-actions {
  background: #283046;
  border-color: #3b4253;
}

[dir] .dark-layout .document-sticky-actions::after {
  background: rgba(40, 48, 70, 0.55);
}

.receipt-print-dates {
  display: flex;
  justify-content: flex-end;
  gap: 0;
}

[dir=ltr] .receipt-print-dates .label {
  text-align: right;
}

[dir=rtl] .receipt-print-dates .label {
  text-align: left;
}

[dir=ltr] .receipt-print-dates .value {
  text-align: right;
}

[dir=rtl] .receipt-print-dates .value {
  text-align: left;
}

table.vgt-table {
  font-size: 12px !important;
}

.auth-wrapper {
  display: flex;
  flex-basis: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  width: 100%;
}

.auth-wrapper .auth-inner {
  width: 100%;
  position: relative;
}

.auth-wrapper.auth-v1 {
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.auth-wrapper.auth-v1 .auth-inner:before {
  width: 244px;
  height: 243px;
  content: " ";
  position: absolute;
  top: -54px;
}

[dir] .auth-wrapper.auth-v1 .auth-inner:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAADzCAMAAACG9Mt0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA9KADAAQAAAABAAAA8wAAAADhQHfUAAAAyVBMVEUAAAD///+AgP+AgP9mZv+AgNWAgP9tbf9gYP+AgP9xcf9mZv+AZuaAgP9dXf90dOhiYv92dv9mZu5mZv93d+53d/9paf94afCAcfFrXvJra/9mZvJzZvJzc/JoaP96b/Rqav91aupsYvV2bOt2bPVxaPZ7cfZqavZyau1waPd4aO9xafBxafh4afB1bfh4avFuZ/F2afJzZvJzZ/N0aPN0bvN3bPR0ae5yZ/R3be93bfR1au9zafBxbPVzavV0a/F0a/ZyafFwaPKZm3nTAAAAQ3RSTlMAAQIEBQYGBwgICQoKCgsLDQ0PDw8PERESExMUFBQWFxgYGhoaGxsdHSAgIiIiIyQlJygqLCwtLi8vLzAzNDU3Nzg7h9vbHgAAA9RJREFUeNrt3ftS2kAUx/Fc1gSyWsErtuJdRDQiiteolb7/QzUoTm07k4AzObuu3/MCez45yWbzT36eZ6b8erO1e1B97baadd+zocJWmg0HaXe/+uqmg2GWtkLT5Lle1m9LdhG2+1lvzuiUO1knEF81yFc1N+35m15kZOGodz1vyLx+v2Lseq/erxtZd/NuweCTtfiwaWLOD5FnsqI7+VnP3y8afnEs3Es/1+H1qvETwuq18B7e6VlwLup1ZM8kWWQBOsrmHL7GVtxvYRZYgQ4ywae61ffsqH5Lbq20bQm6ncp9P2ehJegwE/u+rl95ttSwLrVSc2ANetAU28dSa9Cp2E623bUG3d2VWmn/wBq0XCugQYMGLdVKoOJaoiuok1NdXSW1WAUfRPtRUllflaJf5ZE/O9pXVbZUPTov5c+IDqvtRwStdTgLutoxy6GnGfYb2o+1I2gd+1OiqzfLocvVE7TSDqG1mgodaqfQZbvZC9rXjqG1X45WzqFVKVpk0LLo4lGP0ZGD6KgMnTiITkrQgXYQrYNitHISrYrRsZPouBhdcxJdK0YnTqKTYrR2Eq1BgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRoh9DH59ag86ACoSYOL61B55EUQk1s3VqDzsNHhJpYe7QGncfMSHUxaliCHgcKSXVxeWQJehwdJdXF4dAS9DgkTKqLxuibFeiXODixNi7OrEC/BP+JtbE0WrYA/RrxKNfH2YUF6NegSbk+Gk87xtErN6EsWm88fzeMXpwE9EruLns/l42io4dJFLPo2/Po1w+D6IW7t9Bt2SPx3vOOMfS7eHVZtN54ulg2go56138Ct4XRunE2Ovsmjg46WeddUoUWr6WL0fCoIYgO2/2s91fstDZQjcPL0ePt5flpdXUwqW46uMrS1j95JNpQrW0dHp9UV/uT2m416/8HVGg3qzhpBjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KC/FDpx0pwUo2tOomvF6NhJdFyMVk6iVTE6cBIdeF9vJyvZx/I/AzuIjsrQvoNovwzt4FamSs0Ojrp80PmvoB0zh940pb7azf1yg7t0LIt978uppzbnalfucDW92ZndLPRmKweGPduYJ+zoM5/Dk+gD5NdvLhXXPp88qcUqmEH5G5JZRs6cuxwIAAAAAElFTkSuQmCC");
}

[dir=ltr] .auth-wrapper.auth-v1 .auth-inner:before {
  left: -46px;
}

[dir=rtl] .auth-wrapper.auth-v1 .auth-inner:before {
  right: -46px;
}

@media (max-width: 575.98px) {
  .auth-wrapper.auth-v1 .auth-inner:before {
    display: none;
  }
}

.auth-wrapper.auth-v1 .auth-inner:after {
  width: 272px;
  height: 272px;
  content: " ";
  position: absolute;
  bottom: -55px;
  z-index: -1;
}

[dir] .auth-wrapper.auth-v1 .auth-inner:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAAEQCAMAAABP1NsnAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABEKADAAQAAAABAAABEAAAAAAQWxS2AAAAwFBMVEUAAAD///+AgICAgP9VVaqqVf+qqv+AgL+AgP9mZsxmZv+ZZv+AgNWAgP9tbdttbf+Sbf+AYN+AgN+AgP9xceNmZv+AZuaAZv90dOh0dP9qav+AauqAav+AgP92dv9tbf+Abe2Abf93Zu53d+6AcO94afCAcfF5a+R5a/JzZuaAZvKAc/J5bed5bfOAaPN6b/R1auqAavR6ZvV6cPV2bOuAbPV7aPZ2be2AbfZ7au17avZ3Zu53b+57a+97a/d4aO9J6CoeAAAAQHRSTlMAAQICAwMDBAQFBQUGBgcHBwgICAkKCgoLCwwMDAwNDg4ODw8QERITExQUFBUVFhcYGBkZGhobHBwdHR4eHx8gJ5uMWwAAA/FJREFUeNrt2G1XEkEYxvHZNk2xHGzdbKFl0cTwgdSkCKzu7/+t4pw6sAjtjIueE/f8r3fMO35nZnbuy5gVGcvfzJe0rnTfGI+MggGJRUZnbpPIhJKt88nU53JnFULvyISY6KAv8vPj0vr2rYwiE2Z2B9J+uNYcyyQxwWZvaeGH3G4bMjsvI/kcwTC/V+7kLoahlITzQojP3ZFgsJCh7IJQzpX0QFj4uMiY18eDMZ9bZCF9OQahnK6cm/Y7js0sh/LF3Auv1PlQd3MxbdXYIQspV44EEEAAAWTNDAYYkKdJbNMsLzYueZbaZ2iM46RVbHBaiZ9Js+nHEdli42N9XuSen5hGp1CQTuOJQDRsD99N4gMSpYWapNH6IJo83CIeILZQFesEaber79NCWRoukOpNEnW0gXQqD81w6ACxhbrYde7VuFCYeA2QRCNIsgZISyNIqz6IyhPjOjNVIFYniK3dmKU6QdLaJUimEySrDZLrBMlrgxRKU7sxCw/EMe0CAggggADySJCqxixIkKpNEh6IozELD8RxjQACCCCAAPJIkKrGLEgQXqqAAEJjxrQLCCCAAEJjRmNGY8a0CwgggABCYwYIfQgggNCYMe0CAggggNCY0ZjRmDHtAgIIIIAAQmNGHwIIIDRmTLuAAAIIIDRmNGY0Zky7gAACCCCA0JjRhwACCI0Z0y4ggAACCI0ZjRmNGdMuIIAAAgggNGb0IYAAQmPGtAsIIIAAQmNGY0ZjxrQLCCCAAAIIjRl9CCCA0Jgx7QICCCCA0JjRmNGYMe0CAggggABCY0YfAgggNGZMu4AAAgggNGY0ZjRmTLuAAAIIIIDQmNGHAAIIjRnTLiCAAAIIjRmNGY0ZIEy7gAACCCA0ZvQhgABCY8a0CwgggABCY0ZjBgiNGdMuIIAAAgiN2f/Sh+Q6PfLaIJlOkKw2SKoTJK3dmFmdILb2tBvrBIlrg5iWRo+WqQ+SaARJ1gCJAzsxThCN16p1vNurGjNjoo42j07kAHFskoY2kEbl33U0ZgoPjXW+Rl0gkarnahqtDaJKxMPDDWIiNafGenh4gExvVhXfmk7Da6L1AVGxSby2h6MxK79Zk42ea1pJbJ48sU2zDezQ8iy1z6BBwoyjMQsvXp8YQAAhgADilRfyy+wf8WqZZUfGZihvgZiB3FybC+kCUU5XLkAo50C+gbBQdUzkAIVyejIAYfFTI1solHP2HgNCnHn5AYNy4jvpoVB6fVzL91cwzLJ9Lfd7S0jhehxO5H5/yePr1W6gHonI7fJ5ORSR/n6Q2yQanq763zuXU5LJZRKiyD/W9/pjkdPZz0/yJ8fqVyry+qQZDMjJKoDfy8bRVhHhQTwAAAAASUVORK5CYII=");
}

[dir=ltr] .auth-wrapper.auth-v1 .auth-inner:after {
  right: -75px;
}

[dir=rtl] .auth-wrapper.auth-v1 .auth-inner:after {
  left: -75px;
}

@media (max-width: 575.98px) {
  .auth-wrapper.auth-v1 .auth-inner:after {
    display: none;
  }
}

.auth-wrapper.auth-v2 {
  align-items: flex-start;
}

.auth-wrapper.auth-v2 .auth-inner {
  height: 100vh;
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100);
}

.auth-wrapper.auth-v2 .brand-logo {
  position: absolute;
  top: 2rem;
  z-index: 1;
}

[dir] .auth-wrapper.auth-v2 .brand-logo {
  margin: 0;
}

[dir=ltr] .auth-wrapper.auth-v2 .brand-logo {
  left: 2rem;
}

[dir=rtl] .auth-wrapper.auth-v2 .brand-logo {
  right: 2rem;
}

.auth-wrapper.auth-v1 .auth-inner {
  max-width: 400px;
}

.auth-wrapper .brand-logo {
  display: flex;
  justify-content: center;
}

[dir] .auth-wrapper .brand-logo {
  margin: 1rem 0 2rem 0;
}

.auth-wrapper .brand-logo .brand-text {
  font-weight: 600;
}

[dir] .auth-wrapper .auth-footer-btn .btn {
  padding: 0.6rem !important;
}

[dir=ltr] .auth-wrapper .auth-footer-btn .btn:not(:last-child) {
  margin-right: 1rem;
}

[dir=rtl] .auth-wrapper .auth-footer-btn .btn:not(:last-child) {
  margin-left: 1rem;
}

@media (min-width: 1200px) {
  .auth-wrapper.auth-v2 .auth-card {
    width: 400px;
  }
}

[dir] .auth-wrapper .auth-bg {
  background-color: #fff;
}

[dir] .dark-layout .auth-wrapper .auth-bg {
  background-color: #283046;
}

@media (max-height: 625px) {
  [dir] .dark-layout .auth-wrapper .auth-inner {
    background-color: #283046;
  }

  [dir] .auth-wrapper .auth-bg {
    padding-top: 3rem;
  }

  [dir] .auth-wrapper .auth-inner {
    background-color: #fff;
    padding-bottom: 1rem;
  }

  .auth-wrapper.auth-v2 .brand-logo {
    width: 100%;
    display: flex;
    justify-content: unset;
    position: relative;
  }

  [dir=ltr] .auth-wrapper.auth-v2 .brand-logo {
    left: 0;
    padding-left: 1.5rem;
  }

  [dir=rtl] .auth-wrapper.auth-v2 .brand-logo {
    right: 0;
    padding-right: 1.5rem;
  }
}

.choose-company .choose-company-logout {
  position: absolute;
  top: 20px;
}

[dir] .choose-company .choose-company-logout {
  cursor: pointer;
}

[dir=ltr] .choose-company .choose-company-logout {
  right: 20px;
}

[dir=rtl] .choose-company .choose-company-logout {
  left: 20px;
}

.choose-company .choose-company-search-box {
  width: 100%;
  max-width: none !important;
}

[dir] .choose-company .choose-company-search-box {
  background-color: #ffffff !important;
  border: 1px solid #d8d6de !important;
  border-radius: 1.375rem;
  padding: 1px 14px;
}

[dir] .choose-company .choose-company-search-box .search-input {
  background-color: transparent !important;
}

[dir] .choose-company .choose-company-search-box:focus-within, [dir] .choose-company .choose-company-search-box.input-clicked {
  background-color: #ffffff !important;
  border-color: #2980b9 !important;
}

.choose-company .choose-company-search-box .search-icon-header {
  color: #6e6b7b;
  transition: color 0.2s ease;
}

.choose-company .choose-company-search-box:focus-within .search-icon-header,
.choose-company .choose-company-search-box.input-clicked .search-icon-header {
  color: #2980b9 !important;
}

.choose-company .section-title {
  color: #6e6b7b;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.choose-company .support-section-title {
  color: #b54708;
}

[dir] .choose-company .support-section-title {
  border-top: 1px solid #e7ddd2;
  padding-top: 0.5rem;
  margin-top: 1rem !important;
}

[dir] .choose-company .support-card {
  background-color: #fffaf3 !important;
}

[dir=ltr] .choose-company .support-card {
  border-left: 3px solid #f59e0b;
}

[dir=rtl] .choose-company .support-card {
  border-right: 3px solid #f59e0b;
}

.choose-company .card {
  overflow: hidden;
}

[dir] .choose-company .card {
  border-radius: 1.375rem;
}

.choose-company .card > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

[dir] .choose-company .card > a {
  border-radius: 1.375rem;
}

.choose-company .card > a.choose-company-card-link--loading {
  pointer-events: none;
  opacity: 0.8;
}

[dir] .choose-company .card > a.choose-company-card-link--loading {
  cursor: wait;
}

[dir] .victus-navigation .main-menu, [dir] .victus-navigation .vertical-overlay-menu.menu-hide .main-menu, [dir] .vertical-overlay-menu.menu-hide .victus-navigation .main-menu {
  background-color: #fff;
  background: #fff;
}

.victus-navigation .nav-item {
  min-height: 46px;
}

.victus-navigation .li a {
  font-size: 16px;
  font-weight: 400;
}

[dir] .victus-navigation .li a {
  border-bottom: 1px solid #ebebeb;
}

.victus-navigation .badge-pill {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

[dir] .victus-navigation .badge-pill {
  border-radius: 1.375rem;
  padding: 8px 10px 8px 10px;
}

.victus-navigation .active .badge-pill {
  color: black;
}

[dir] .victus-navigation .active .badge-pill {
  background-color: #fff;
  background: #fff;
}

.main-menu.menu-light .navigation > li.active > a {
  font-weight: bold;
}

.main-menu.menu-light .navigation > li ul .active {
  font-weight: bold;
}

[dir] .main-menu, [dir] .vertical-overlay-menu.menu-hide .main-menu {
  background-color: #fff;
  background: #fff;
}

.main-menu.menu-light .navigation li a {
  color: #575757;
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

.print-container {
  width: 100%;
}

[dir] .print-container {
  padding: 10px;
}

[dir] .print-mb-2 {
  margin-bottom: 0.5rem;
}

[dir] .print-mb-3 {
  margin-bottom: 1rem;
}

[dir] .print-my-3 {
  margin: 1rem 0;
}

[dir=ltr] .print-ml-3 {
  margin-left: 3rem;
}

[dir=rtl] .print-ml-3 {
  margin-right: 3rem;
}

[dir] .print-mt-3 {
  margin-top: 3rem;
}

[dir] .print-mt-4 {
  margin-top: 4rem;
}

[dir] .print-mt-10 {
  margin-top: 10rem;
}

[dir] .print-pb-1 {
  padding-bottom: 0.25rem;
}

[dir] .print-ptr-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

[dir=ltr] .print-ptr-1 {
  padding-right: 1rem !important;
  padding-left: 0.25rem !important;
}

[dir=rtl] .print-ptr-1 {
  padding-left: 1rem !important;
  padding-right: 0.25rem !important;
}

[dir=ltr] .print-mr-28 {
  margin-right: 28px !important;
}

[dir=rtl] .print-mr-28 {
  margin-left: 28px !important;
}

[dir] .print-p-1 {
  padding: 0.25rem !important;
}

[dir] .print-p-05 {
  padding: 0.12rem 0.25rem !important;
}

.print-table-main {
  width: 100%;
  border-collapse: collapse !important;
  font-size: 16px !important;
}

.print-table-secondary {
  width: 100%;
  border-collapse: collapse !important;
}

[dir] .print-table-main thead tr {
  background-color: #ececec !important;
}

.print-table-main thead tr th {
  text-transform: uppercase;
  font-weight: 600;
}

[dir] .print-background {
  background-color: #ececec !important;
}

[dir=ltr] .print-text-left {
  text-align: left;
}

[dir=rtl] .print-text-left {
  text-align: right;
}

[dir=ltr] .print-text-right {
  text-align: right;
}

[dir=rtl] .print-text-right {
  text-align: left;
}

[dir] .print-text-center {
  text-align: center;
}

.print-bold {
  font-weight: 600 !important;
}

.print-hr-line {
  height: 1px;
}

[dir] .print-hr-line {
  background-color: black;
  margin-bottom: 5px;
}

[dir=ltr] .print-pl-3 {
  padding-left: 1rem;
}

[dir=rtl] .print-pl-3 {
  padding-right: 1rem;
}

.print-d-flex-end {
  display: flex;
}

.print-d-flex-between {
  display: flex;
}

.print-flex-column {
  flex-direction: column;
}

.print-justify-content-between {
  justify-content: space-between;
}

.print-justify-content-right {
  justify-content: right;
}

.print-align-items-end {
  align-items: flex-end !important;
}

.print-align-self-center {
  align-self: center;
}

.print-element-right {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

[dir=ltr] .print-element-right {
  margin-left: auto;
}

[dir=rtl] .print-element-right {
  margin-right: auto;
}

[dir] .print-border-bottom {
  border-bottom: 1px solid black !important;
}

[dir=ltr] .print-border-bottom {
  border-right: none !important;
  border-left: none !important;
}

[dir=rtl] .print-border-bottom {
  border-left: none !important;
  border-right: none !important;
}

[dir] .print-border-bottom-light {
  border-bottom: 1px solid #e0e0e0 !important;
}

[dir=ltr] .print-border-bottom-light {
  border-right: none !important;
  border-left: none !important;
}

[dir=rtl] .print-border-bottom-light {
  border-left: none !important;
  border-right: none !important;
}

[dir] .print-border-top-light {
  border-top: 1px solid #e0e0e0 !important;
}

[dir=ltr] .print-border-top-light {
  border-right: none !important;
  border-left: none !important;
}

[dir=rtl] .print-border-top-light {
  border-left: none !important;
  border-right: none !important;
}

[dir] .print-border_top {
  border-top: 2px solid black !important;
}

[dir=ltr] .print-border_top {
  border-right: none !important;
  border-left: none !important;
}

[dir=rtl] .print-border_top {
  border-left: none !important;
  border-right: none !important;
}

.font-9 {
  font-size: 9px;
}

.font-10 {
  font-size: 10px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-14 {
  font-size: 14px;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-26 {
  font-size: 26px;
}

.font-28 {
  font-size: 28px;
}

.font-34 {
  font-size: 34px !important;
}

.line-height-full {
  line-height: 120% !important;
}

[dir] .print-border-top {
  border-top: 1px solid black !important;
}

[dir=ltr] .print-border-right {
  border-right: 1px solid black !important;
}

[dir=rtl] .print-border-right {
  border-left: 1px solid black !important;
}

.print-text-blue {
  color: #2980b9;
}

.print-w-200 {
  width: 200px;
}

.print-table-main .col-grow {
  width: 100%;
}

.min-height-1305 {
  min-height: 1305px;
}

.min-height-700 {
  min-height: 680px;
}

.no-wrap {
  white-space: nowrap;
}

.break-word {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
}

.max-w-125 {
  max-width: 125px;
}

.sticky-options {
  position: sticky;
  top: 100px;
  align-self: flex-start;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 10;
}

.sticky-options-horizontal {
  position: sticky;
  top: 80px;
  align-self: flex-start;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 10;
}

.hover-text-primary:hover {
  color: #2980b9;
}

@media (max-width: 1439px) {
  .sticky-options,
  .sticky-options-horizontal {
    position: relative;
    top: 0;
  }
}

[dir] .preview-card {
  background-color: #f3f4f6;
  border-radius: 1.375rem;
}

[dir] .preview-card .preview-page--fill {
  border-radius: 1.375rem;
  box-shadow: none;
}

.preview-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* Kontejner za skalirani sadržaj – rezerviše samo prostor koji vizuelno zauzima */

.preview-scale-container {
  position: relative;
}

[dir] .preview-scale-container {
  margin: 0 auto;
}

/* Na širim ekranima kontejner i sadržaj u normalnom toku, puna širina */

.preview-scale-container--fill {
  overflow: visible;
}

.preview-scale-container--fill .preview-scale {
  position: static;
}

/* Unutrašnji blok – fiksna širina kao A4 kada se skala, inače 100% */

.preview-scale {
  position: absolute;
  top: 0;
}

[dir=ltr] .preview-scale {
  left: 0;
}

[dir=rtl] .preview-scale {
  right: 0;
}

/* Stranica previewa – fiksna širina na mobilnom, puna širina na većim ekranima */

.preview-page {
  width: 900px;
  max-width: none;
  box-sizing: border-box;
  font-size: 16px;
  min-height: 1305px;
}

[dir] .preview-page {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 18px 45px rgba(15, 23, 42, 0.12);
  border-radius: 1.375rem;
  padding: 1rem;
}

.preview-page--fill {
  width: 100%;
}

/* Landscape preview: manja visina stranice, manji fontovi da sadržaj stane */

.preview-page--landscape {
  width: 100%;
  min-height: 794px;
  /* A4 landscape visina ~210mm */
}

.preview-page--landscape .font-16,
.preview-page--landscape .print-table-main {
  font-size: 10px !important;
  line-height: 14px !important;
}

.preview-page--landscape .font-18 {
  font-size: 12px !important;
  line-height: 16px !important;
}

.preview-page--landscape .font-34,
.preview-page--landscape .report-title {
  font-size: 22px !important;
  line-height: 28px !important;
}

.preview-page .font-16,
.preview-page .print-table-main {
  font-size: 16px !important;
  line-height: 20px !important;
}

.preview-page .font-18 {
  font-size: 18px !important;
  line-height: 22px !important;
}

.preview-page .font-34,
.preview-page .report-title {
  font-size: 34px !important;
  line-height: 40px !important;
}

.preview-empty {
  min-height: 1305px;
}

[dir] .print-padding {
  padding: 0 1rem;
}

@media print {
  #printable-area {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  [dir] #printable-area {
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  [dir=ltr] #printable-area {
    padding: 0 0 0 10px !important;
  }
  [dir=rtl] #printable-area {
    padding: 0 10px 0 0 !important;
  }

  .preview-card,
  .preview-wrapper,
  .preview-scale-container,
  .preview-scale {
    overflow: visible !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
  }

  [dir] .preview-card, [dir] .preview-wrapper, [dir] .preview-scale-container, [dir] .preview-scale {
    transform: none !important;
  }

  [dir] .preview-scale-container {
    margin: 0 !important;
  }

  .preview-page,
  .preview-page--landscape {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    page-break-after: auto !important;
    -moz-column-break-after: auto !important;
         break-after: auto !important;
  }

  [dir] .preview-page, [dir] .preview-page--landscape {
    box-shadow: none !important;
  }

  [dir=ltr] .preview-page, [dir=ltr] .preview-page--landscape {
    padding: 0 0 0 10px !important;
  }

  [dir=rtl] .preview-page, [dir=rtl] .preview-page--landscape {
    padding: 0 10px 0 0 !important;
  }

  html,
  body {
    height: auto !important;
    min-height: 0 !important;
    width: auto !important;
    max-height: none !important;
  }

  .preview-page .font-16,
  .preview-page .print-table-main {
    font-size: 18px !important;
    line-height: 22px !important;
  }

  .preview-page .font-18 {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .preview-page .font-34,
  .preview-page .report-title {
    font-size: 36px !important;
    line-height: 42px !important;
  }

  /* Landscape print: manji fontovi da više stane po širini */

  .preview-page--landscape .font-16,
  .preview-page--landscape .print-table-main {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .preview-page--landscape .font-18 {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .preview-page--landscape .font-34,
  .preview-page--landscape .report-title {
    font-size: 26px !important;
    line-height: 32px !important;
  }

  [dir] .print-padding {
    padding: 0 !important;
  }

  [dir] .print-padding-top-24 {
    padding-top: 24px !important;
  }
}

table.vgt-table {
  font-size: 12px !important;
}

.flatpickr-calendar .flatpickr-day {
  color: #6e6b7b;
}

[dir] .flatpickr-calendar .flatpickr-day.today {
  border-color: #2980b9;
}

.flatpickr-calendar .flatpickr-day.today:hover {
  color: #6e6b7b;
}

[dir] .flatpickr-calendar .flatpickr-day.today:hover {
  background: transparent;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.selected:hover {
  color: #fff;
}

[dir] .flatpickr-calendar .flatpickr-day.selected, [dir] .flatpickr-calendar .flatpickr-day.selected:hover {
  background: #2980b9;
  border-color: #2980b9;
}

[dir] .flatpickr-calendar .flatpickr-day.inRange, [dir] .flatpickr-calendar .flatpickr-day.inRange:hover {
  background: #94c6e7;
  border-color: #94c6e7;
}

[dir=ltr] .flatpickr-calendar .flatpickr-day.inRange, [dir=ltr] .flatpickr-calendar .flatpickr-day.inRange:hover {
  box-shadow: -5px 0 0 #94c6e7, 5px 0 0 #94c6e7;
}

[dir=rtl] .flatpickr-calendar .flatpickr-day.inRange, [dir=rtl] .flatpickr-calendar .flatpickr-day.inRange:hover {
  box-shadow: 5px 0 0 #94c6e7, -5px 0 0 #94c6e7;
}

.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover {
  color: #fff;
}

[dir] .flatpickr-calendar .flatpickr-day.startRange, [dir] .flatpickr-calendar .flatpickr-day.endRange, [dir] .flatpickr-calendar .flatpickr-day.startRange:hover, [dir] .flatpickr-calendar .flatpickr-day.endRange:hover {
  background: #2980b9;
  border-color: #2980b9;
}

[dir=ltr] .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), [dir=ltr] .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), [dir=ltr] .flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #2980b9;
}

[dir=rtl] .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), [dir=rtl] .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), [dir=rtl] .flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: 10px 0 0 #2980b9;
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.nextMonthDay {
  color: #dae1e7;
}

[dir] .flatpickr-calendar .flatpickr-day:hover {
  background: #f6f6f6;
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
  display: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  top: -5px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover i,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover i,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #2980b9;
}

.flatpickr-calendar .flatpickr-current-month span.cur-month {
  font-weight: 300;
}

.flatpickr-calendar.open {
  z-index: 1051;
}

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

[dir] .flatpickr-time input:hover, [dir] .flatpickr-time .flatpickr-am-pm:hover, [dir] .flatpickr-time input:focus, [dir] .flatpickr-time .flatpickr-am-pm:focus {
  background: #fff;
}

[dir] .dark-layout .flatpickr-calendar {
  background: #161d31;
  border-color: #161d31;
  box-shadow: none;
}

.dark-layout .flatpickr-calendar .flatpickr-months i,
.dark-layout .flatpickr-calendar .flatpickr-months svg {
  fill: #b4b7bd;
}

.dark-layout .flatpickr-calendar .flatpickr-month {
  color: #b4b7bd;
}

[dir=ltr] .dark-layout .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: 1px 0 0 #3b4253;
}

[dir=rtl] .dark-layout .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: -1px 0 0 #3b4253;
}

.dark-layout .flatpickr-calendar .flatpickr-weekday {
  color: #b4b7bd;
}

.dark-layout .flatpickr-calendar .flatpickr-day,
.dark-layout .flatpickr-calendar .flatpickr-day.today:hover {
  color: #b4b7bd;
}

.dark-layout .flatpickr-calendar .flatpickr-day.selected {
  color: #fff;
}

.dark-layout .flatpickr-calendar .flatpickr-day.prevMonthDay,
.dark-layout .flatpickr-calendar .flatpickr-day.nextMonthDay,
.dark-layout .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: #4e5154 !important;
}

[dir] .dark-layout .flatpickr-calendar .flatpickr-day.inRange, [dir] .dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover {
  background: #283046;
  border-color: #283046;
}

[dir=ltr] .dark-layout .flatpickr-calendar .flatpickr-day.inRange, [dir=ltr] .dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover {
  box-shadow: -5px 0 0 #283046, 5px 0 0 #283046;
}

[dir=rtl] .dark-layout .flatpickr-calendar .flatpickr-day.inRange, [dir=rtl] .dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover {
  box-shadow: 5px 0 0 #283046, -5px 0 0 #283046;
}

.dark-layout .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
  color: #b4b7bd;
}

[dir] .dark-layout .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
  border-color: #283046;
}

[dir] .dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange), [dir] .dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:focus:not(.selected):not(.today):not(.startRange):not(.endRange) {
  background: #283046;
}

[dir] .dark-layout .flatpickr-calendar .flatpickr-time {
  border-color: #161d31 !important;
}

.dark-layout .flatpickr-calendar .flatpickr-time .numInput,
.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  color: #b4b7bd;
}

[dir] .dark-layout .flatpickr-calendar .flatpickr-time .numInput:hover, [dir] .dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
  background: #161d31;
}

[dir] .dark-layout .flatpickr-calendar .flatpickr-time .arrowUp:after {
  border-bottom-color: #b4b7bd;
}

[dir] .dark-layout .flatpickr-calendar .flatpickr-time .arrowDown:after {
  border-top-color: #b4b7bd;
}

[dir] .dark-layout .flatpickr-time input:hover, [dir] .dark-layout .flatpickr-time .flatpickr-am-pm:hover, [dir] .dark-layout .flatpickr-time input:focus, [dir] .dark-layout .flatpickr-time .flatpickr-am-pm:focus {
  background: #161d31;
}

.flatpickr-input[readonly],
.flatpickr-input ~ .form-control[readonly],
.flatpickr-human-friendly[readonly] {
  opacity: 1 !important;
}

[dir] .flatpickr-input[readonly], [dir] .flatpickr-input ~ .form-control[readonly], [dir] .flatpickr-human-friendly[readonly] {
  background-color: inherit;
}

[dir] .flatpickr-weekdays {
  margin-top: 8px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  -webkit-appearance: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
  font-size: 1.1rem;
  transition: all 0.15s ease-out;
}

[dir] .flatpickr-current-month .flatpickr-monthDropdown-months, [dir] .flatpickr-current-month .numInputWrapper {
  border-radius: 4px;
  padding: 2px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months span,
.flatpickr-current-month .numInputWrapper span {
  display: none;
}

html[dir=rtl] .flatpickr-calendar .flatpickr-prev-month svg,
html[dir=rtl] .flatpickr-calendar .flatpickr-next-month svg {
  transform: rotate(180deg);
}

.tableForm {
  width: 100%;
}

[dir] .tableForm th, [dir] .tableForm td {
  padding: 0px !important;
  border: 0px !important;
}

.tableForm thead td {
  font-size: 12px;
  font-weight: bold;
}

[dir=ltr] .tableForm td {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

[dir=rtl] .tableForm td {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

[dir] .form-control {
  padding: 5px 1.25rem;
}

.tableForm .sticky-el {
  position: sticky;
  bottom: 0px;
  backdrop-filter: blur(4px);
  z-index: 10;
}

[dir] .tableForm .sticky-el {
  background: rgba(255, 255, 255, 0.7);
  padding: 0 10px !important;
  border-radius: 1.375rem;
}

[dir=ltr] .tableForm .sticky-el {
  right: 0px;
}

[dir=rtl] .tableForm .sticky-el {
  left: 0px;
}

.tableForm .sticky-el span {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

[dir] .tableForm .sticky-el span {
  text-align: center;
  background: #efefef;
  padding: 3px 7px;
  border-radius: 1.375rem;
  cursor: pointer;
}

.select-item {
  position: absolute !important;
  z-index: 1050;
  width: 195px;
}

[dir=ltr] .first-item {
  left: 20px;
}

[dir=rtl] .first-item {
  right: 20px;
}

.bold {
  font-weight: bold;
}

[dir] .flipped .test {
  transform: rotateX(180deg);
}

[dir] .flipped {
  transform: rotateX(180deg);
  padding-bottom: 20px;
}

.bold {
  font-weight: bold !important;
}

[dir] .br-10 {
  border-radius: 10px !important;
}

[dir] .modal .modal-header {
  background-color: #fff;
}

.primary-invert {
  display: inline-block;
  color: #5e5873;
  line-height: 1;
}

[dir] .primary-invert {
  border: 1px solid #5e5873;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.btn-index-table {
  font-size: 12px;
}

[dir] .btn-index-table {
  padding: 0.4rem 0.8rem;
}

.btn-padding {
  font-size: 12px;
}

[dir] .btn-padding {
  padding: 4px 8px !important;
}

.btn-table {
  line-height: 1;
  color: #575757;
  transition: 0.2s ease-in;
}

[dir] .btn-table {
  background-color: #fff !important;
  cursor: pointer;
  padding: 5px;
  border: 1px solid #EBEBEB !important;
  padding: 8px 16px 8px 16px;
}

.btn-table:hover {
  color: #4d4c4c !important;
}

[dir] .btn-table:hover {
  background-color: rgba(130, 134, 139, 0.04) !important;
}

.btn {
  transition: 0.2s ease-in;
}

[dir] .btn-report:hover {
  background-color: #f8f8f8;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(94, 88, 115, 0.3) !important;
}

[dir] .btn-report:hover .icon-visit_hover {
  background-color: white;
}

/* .test-btn-table {
    background-color: #fff !important;
    line-height: 1;
    cursor: pointer;
    color: #82868b;
    padding: 5px;
    border: 1px solid #82868b !important;
    padding: 4px 5px;

    &:hover {
        color: #82868b !important;
        background-color: rgba(130,134,139,.04) !important;
    }
} */

.as-center {
  align-self: center;
}

.first-div {
  display: inline-block;
  width: calc(35% - 5px);
}

.second-div {
  display: inline-block;
  width: 65%;
}

[dir=ltr] .second-div {
  margin-left: auto;
}

[dir=rtl] .second-div {
  margin-right: auto;
}

.full-div {
  display: inline-block;
  width: 100%;
}

[dir] .custom-field-box {
  border: 1px solid #ececec !important;
  padding: 10px;
  border-radius: 10px;
}

/* $font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$font-family-monospace:       Monaco, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base:            $font-family-sans-serif !default;

body { font-family: "Courier New"; }
table { font-family: "Courier New"; } */

[dir] .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

[dir] .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

[dir] .v-select .vs__selected {
  margin: 2px 2px 0px 2px !important;
}

.v-select .vs__search {
  height: 25px !important;
  width: 0;
}

[dir] .v-select .vs__search {
  padding: 0;
}

/* height:auto breaks vertical centering for single select — core.scss fixes toggle at 38px */

.v-select:not(.vs--single) .vs__dropdown-toggle {
  height: auto !important;
}

[dir] .v-select:not(.vs--single) .vs__dropdown-toggle {
  padding-bottom: 4px !important;
}

.v-select.vs--single .vs__selected {
  width: calc(100% - 10px);
}

[dir] .v-select.vs--single .vs__selected {
  margin-top: 0 !important;
}

.custom-td {
  white-space: nowrap;
  width: 1px;
  font-weight: bold;
}

[dir] .custom-td {
  padding: 5px;
}

[dir=ltr] .custom-td {
  padding-left: 0px;
  padding-right: 20px;
}

[dir=rtl] .custom-td {
  padding-right: 0px;
  padding-left: 20px;
}

.input-warning {
  color: #ffc107 !important;
}

[dir] .input-warning {
  border: 1px solid #ffc107 !important;
}

@media (max-width: 992px) {
  /* .modal-dialog {
      max-width: 85% !important;
  } */
}

@media (min-width: 576px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1400px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

.custom-radio .custom-radio.custom-control {
  width: 100%;
}

/* (ignored) */