@charset "UTF-8";

.ps{
  overflow:hidden!important;
  overflow-anchor:none;
  -ms-overflow-style:none;
  touch-action:auto;
  -ms-touch-action:auto
}

.ps__rail-x{
  display:none;
  opacity:0;
  transition:background-color .2s linear,opacity .2s linear;
  -webkit-transition:background-color .2s linear,opacity .2s linear;
  height:15px;
  bottom:0;
  position:absolute
}

.ps__rail-y{
  display:none;
  opacity:0;
  transition:background-color .2s linear,opacity .2s linear;
  -webkit-transition:background-color .2s linear,opacity .2s linear;
  width:15px;
  right:0;
  position:absolute
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{
  display:block;
  background-color:transparent
}

.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{
  opacity:.6
}

.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{
  background-color:#eee;
  opacity:.9
}

.ps__thumb-x{
  background-color:#aaa;
  border-radius:6px;
  transition:background-color .2s linear,height .2s ease-in-out;
  -webkit-transition:background-color .2s linear,height .2s ease-in-out;
  height:6px;
  bottom:2px;
  position:absolute
}

.ps__thumb-y{
  background-color:#aaa;
  border-radius:6px;
  transition:background-color .2s linear,width .2s ease-in-out;
  -webkit-transition:background-color .2s linear,width .2s ease-in-out;
  width:6px;
  right:2px;
  position:absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{
  background-color:#999;
  height:11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{
  background-color:#999;
  width:11px
}

@supports (-ms-overflow-style:none){
  .ps{
    overflow:auto!important
  }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
  .ps{
    overflow:auto!important
  }
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*="Out"] {
    opacity: 0;
  }
}

@keyframes bounce {
  0%,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.animate__flash {
  animation-name: flash;
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scaleX(1);
  }
}

.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}

@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scaleX(1);
  }
}

.animate__rubberBand {
  animation-name: rubberBand;
}

@keyframes shakeX {
  0%,
  to {
    transform: translateZ(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.animate__shakeX {
  animation-name: shakeX;
}

@keyframes shakeY {
  0%,
  to {
    transform: translateZ(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}

.animate__shakeY {
  animation-name: shakeY;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  0% {
    transform: scaleX(1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    transform: scaleX(1);
  }
}

.animate__tada {
  animation-name: tada;
}

@keyframes wobble {
  0% {
    transform: translateZ(0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__wobble {
  animation-name: wobble;
}

@keyframes jello {
  0%,
  11.1%,
  to {
    transform: translateZ(0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.animate__jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}

@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInDown {
  animation-name: backInDown;
}

@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInLeft {
  animation-name: backInLeft;
}

@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInRight {
  animation-name: backInRight;
}

@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInUp {
  animation-name: backInUp;
}

@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  to {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutDown {
  animation-name: backOutDown;
}

@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  to {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutLeft {
  animation-name: backOutLeft;
}

@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  to {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutRight {
  animation-name: backOutRight;
}

@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  to {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutUp {
  animation-name: backOutUp;
}

@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}

.animate__bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}

.animate__bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate__fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate__fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.animate__fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.animate__fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.animate__fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}

.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}

.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}

.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}

.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}

@keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    animation-timing-function: ease-in;
  }
}

.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotateX(-5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotateY(-5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedInRight {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedInLeft {
  0% {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(5deg);
  }

  to {
    transform: translateZ(0);
  }
}

.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }

  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}

@keyframes rotateInDownLeft {
  0% {
    transform: rotate(-45deg);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}

@keyframes rotateInDownRight {
  0% {
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}

@keyframes rotateInUpLeft {
  0% {
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}

@keyframes rotateInUpRight {
  0% {
    transform: rotate(-90deg);
    opacity: 0;
  }

  to {
    transform: translateZ(0);
    opacity: 1;
  }
}

.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}

@keyframes rotateOut {
  0% {
    opacity: 1;
  }

  to {
    transform: rotate(200deg);
    opacity: 0;
  }
}

.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }

  to {
    transform: rotate(45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }

  to {
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }

  to {
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }

  to {
    transform: rotate(90deg);
    opacity: 0;
  }
}

.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate(80deg);
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate(60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate__jackInTheBox {
  animation-name: jackInTheBox;
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.animate__rollIn {
  animation-name: rollIn;
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.animate__rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.animate__zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.animate__zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}

.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}

.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}

@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.animate__slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.animate__slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.animate__slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}

.animate__slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.animate__slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.animate__slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.animate__slideOutUp {
  animation-name: slideOutUp;
}

table.dataTable-table thead tr th,
table.dataTable-table tfoot tr th{
  font-weight:700
}

table.table-bordered thead tr th,
table.table-bordered tbody tr td{
  border-width:1px !important;
  border-style:solid !important;
  --tw-border-opacity:1 !important;
  border-color:rgb(246 247 250 / var(--tw-border-opacity, 1)) !important
}

table.table-bordered thead tr th:is(.dark *),
table.table-bordered tbody tr td:is(.dark *){
  --tw-border-opacity:1 !important;
  border-color:rgb(25 30 58 / var(--tw-border-opacity, 1)) !important
}

table.table-compact thead tr th,
table.table-compact tbody tr td{
  padding-top:0.5rem !important;
  padding-bottom:0.5rem !important;
  padding-left:0.75rem !important;
  padding-right:0.75rem !important
}

.sticky-header table thead{
  position:sticky;
  top:0px;
  z-index:10
}

.sticky-header .dataTable-container{
  height:500px
}

.sticky-column table thead tr th:first-child,
.sticky-column table tbody tr td:first-child{
  position:sticky;
  z-index:8;
  --tw-bg-opacity:1;
  background-color:rgb(246 248 250 / var(--tw-bg-opacity, 1))
}

.sticky-column table thead tr th:first-child:is(.dark *),
.sticky-column table tbody tr td:first-child:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(26 41 65 / var(--tw-bg-opacity, 1))
}

.sticky-column table thead tr th:first-child:where([dir="ltr"], [dir="ltr"] *),
.sticky-column table tbody tr td:first-child:where([dir="ltr"], [dir="ltr"] *){
  left:0px
}

.sticky-column table thead tr th:first-child:where([dir="rtl"], [dir="rtl"] *),
.sticky-column table tbody tr td:first-child:where([dir="rtl"], [dir="rtl"] *){
  right:0px
}

.sticky-column table thead tr th:nth-child(2),
.sticky-column table tbody tr td:nth-child(2){
  position:sticky;
  z-index:8;
  --tw-bg-opacity:1;
  background-color:rgb(246 248 250 / var(--tw-bg-opacity, 1))
}

.sticky-column table thead tr th:nth-child(2):is(.dark *),
.sticky-column table tbody tr td:nth-child(2):is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(26 41 65 / var(--tw-bg-opacity, 1))
}

.sticky-column table thead tr th:nth-child(2):where([dir="ltr"], [dir="ltr"] *),
.sticky-column table tbody tr td:nth-child(2):where([dir="ltr"], [dir="ltr"] *){
  left:58px
}

.sticky-column table thead tr th:nth-child(2):where([dir="rtl"], [dir="rtl"] *),
.sticky-column table tbody tr td:nth-child(2):where([dir="rtl"], [dir="rtl"] *){
  right:58px
}

.sticky-header.sticky-column table thead tr th:first-child,
.sticky-header.sticky-column table thead tr th:nth-child(2){
  top:0px
}

.dataTable-container{
  overflow:auto
}

.dataTable-top,
.dataTable-container{
  margin-bottom:1.25rem
}

.dataTable-top,
.dataTable-bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  font-weight:500
}

/* pagination */

.dataTable-pagination:where([dir="ltr"], [dir="ltr"] *){
  margin-left:auto
}

.dataTable-pagination:where([dir="rtl"], [dir="rtl"] *){
  margin-right:auto
}

.dataTable-pagination ul{
  display:flex;
  align-items:center
}

.dataTable-pagination a{
  display:grid;
  height:2.25rem;
  width:2.25rem;
  place-content:center;
  border-radius:0.375rem;
  --tw-bg-opacity:1;
  background-color:rgb(224 230 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(59 63 92 / var(--tw-text-opacity, 1))
}

.dataTable-pagination a:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

.dataTable-pagination a:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(25 30 58 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.dataTable-pagination a:where([dir="ltr"], [dir="ltr"] *){
  margin-left:0.25rem
}

.dataTable-pagination a:where([dir="rtl"], [dir="rtl"] *){
  margin-right:0.25rem
}

.dataTable-pagination .active a{
  cursor:default;
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

/* sorting */

.dataTable-sorter{
  position:relative;
  display:inline-block;
  height:100%;
  width:-moz-max-content;
  width:max-content
}

.dataTable-sorter:where([dir="ltr"], [dir="ltr"] *){
  padding-right:1.75rem
}

.dataTable-sorter:where([dir="ltr"], [dir="ltr"] *)::before{
  content:var(--tw-content);
  right:0.25rem
}

.dataTable-sorter:where([dir="ltr"], [dir="ltr"] *)::after{
  content:var(--tw-content);
  right:0.25rem
}

.dataTable-sorter:where([dir="rtl"], [dir="rtl"] *){
  padding-left:1.75rem
}

.dataTable-sorter:where([dir="rtl"], [dir="rtl"] *)::before{
  content:var(--tw-content);
  left:0.25rem
}

.dataTable-sorter:where([dir="rtl"], [dir="rtl"] *)::after{
  content:var(--tw-content);
  left:0.25rem
}

.dataTable-sorter::before,
.dataTable-sorter::after {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  opacity: 0.2;
}

.dataTable-sorter::before {
  border-top: 5px solid #0e1726;
  bottom: 4px;
}

.dataTable-sorter::after {
  border-bottom: 5px solid #0e1726;
  border-top: 5px solid transparent;
  top: -2px;
}

.dark .dataTable-sorter::after {
  border-bottom-color: #ffffff;
}

.dark .dataTable-sorter::before {
  border-top-color: #ffffff;
}

.asc .dataTable-sorter::after{
  --tw-border-opacity:1;
  border-bottom-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  opacity:1
}

.desc .dataTable-sorter::before{
  --tw-border-opacity:1;
  border-top-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  opacity:1
}

/* search, info, pagesize */

/* .dataTable-info,
.dataTable-dropdown,
.dataTable-pagination {
  padding: 6px 0;
} */

.ltr .dataTable-search {
  margin-left: auto;
}

.rtl .dataTable-search {
  margin-right: auto;
}

.dataTable-dropdown .dataTable-selector,
.dataTable-search .dataTable-input {
  /*width: auto;*/
  background-color: #fff;
  color: #0e1726;
  border-color: #e0e6ed;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  border-width: 1px;
  outline: none !important;
}

.dataTable-dropdown .dataTable-selector:focus,
.dataTable-search .dataTable-input:focus {
  border-color: #238442;
}

.dataTable-search .dataTable-input {
  box-shadow: none !important;
}

.dataTable-dropdown .dataTable-selector{
  padding-top:0.375rem;
  padding-bottom:0.375rem
}

.dataTable-dropdown .dataTable-selector:where([dir="ltr"], [dir="ltr"] *){
  padding-left:0.5rem;
  padding-right:1rem
}

.dataTable-dropdown .dataTable-selector:where([dir="rtl"], [dir="rtl"] *){
  padding-right:0.5rem;
  padding-left:1rem
}

.dark .dataTable-dropdown .dataTable-selector,
.dark .dataTable-search .dataTable-input {
  background-color: #121e32;
  color: #888ea8;
  border-color: #17263c;
}

.dataTable-dropdown label {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .dataTable-bottom {
    flex-direction: column;
  }

  .ltr .dataTable-pagination {
    margin-left: 0;
  }

  .rtl .dataTable-pagination {
    margin-right: 0;
  }
}

/* invoice list datatable */

.invoice-table .dataTable-wrapper .dataTable-top,
.invoice-table .dataTable-wrapper .dataTable-bottom{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.no-number-pagination ul.dataTable-pagination-list li{
  display:none
}

.no-number-pagination ul.dataTable-pagination-list li.pager{
  display:block !important
}

.next-prev-pagination .dataTable-pagination a{
  width:-moz-max-content;
  width:max-content;
  border-radius:0.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  background-color:transparent;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.next-prev-pagination .dataTable-pagination a:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  background-color:transparent;
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.next-prev-pagination .dataTable-bottom{
  flex-direction:column;
  justify-content:center
}

.next-prev-pagination .dataTable-pagination:where([dir="ltr"], [dir="ltr"] *){
  margin-left:0px
}

.next-prev-pagination .dataTable-pagination:where([dir="rtl"], [dir="rtl"] *){
  margin-right:0px
}

/**
*
*	Name:			IRANSansX Fonts
*	Version:			3
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Apr 22, 2021
*	Updated on:		Jul 12, 2023
*	Website:			http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونتایران سنس Xا یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRANSansX fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
------------------------------------------------------------------------------------- fonts/-
*
**/

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 100;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-Thin.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-Thin.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 200;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-UltraLight.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-UltraLight.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 300;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-Light.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-Light.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 400;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-Regular.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-Regular.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 500;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-Medium.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-Medium.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 600;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-DemiBold.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-DemiBold.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 700;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-Bold.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-Bold.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 800;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-ExtraBold.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-ExtraBold.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 900;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-Black.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-Black.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 950;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-ExtraBlack.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-ExtraBlack.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: 1000;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-Heavy.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-Heavy.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: bold;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-Bold.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-Bold.woff') format('woff');
}

@font-face {
  font-family: IRANSansX;

  font-display: swap;

  font-style: normal;

  font-weight: normal;

  src: url('/assets/css/fonts/iranSansX(Pro)/woff2/IRANSansX-Medium.woff2') format('woff2'),
    url('/assets/css/fonts/iranSansX(Pro)/woff/IRANSansX-Medium.woff') format('woff');
}

/**
*
*	Name:			Morabba Fonts
*	Version:			1.0
*	Author:			Hasan Manzoori (moslemebrahimi.com)
*	Created on:		Apr 22, 2021
*	Updated on:		Apr 22, 2021
*	Website:			http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونتمربع Xا یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
Morabba fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
------------------------------------------------------------------------------------- fonts/-
*
**/

@font-face {
  font-family: Morabba;

  font-display: swap;

  font-style: normal;

  font-weight: 200;

  src: url('/assets/css/fonts/morabba(Pro)/woff2/Morabba-UltraLight.woff2') format('woff2'),
	url('/assets/css/fonts/morabba(Pro)/woff/Morabba-UltraLight.woff') format('woff');
}

@font-face {
  font-family: Morabba;

  font-display: swap;

  font-style: normal;

  font-weight: 300;

  src: url('/assets/css/fonts/morabba(Pro)/woff2/Morabba-Light.woff2') format('woff2'),
	url('/assets/css/fonts/morabba(Pro)/woff/Morabba-Light.woff') format('woff');
}

@font-face {
  font-family: Morabba;

  font-display: swap;

  font-style: normal;

  font-weight: 500;

  src: url('/assets/css/fonts/morabba(Pro)/woff2/Morabba-Medium.woff2') format('woff2'),
	url('/assets/css/fonts/morabba(Pro)/woff/Morabba-Medium.woff') format('woff');
}

@font-face {
  font-family: Morabba;

  font-display: swap;

  font-style: normal;

  font-weight: 600;

  src: url('/assets/css/fonts/morabba(Pro)/woff2/Morabba-SemiBold.woff2') format('woff2'),
	url('/assets/css/fonts/morabba(Pro)/woff/Morabba-SemiBold.woff') format('woff');
}

@font-face {
  font-family: Morabba;

  font-display: swap;

  font-style: normal;

  font-weight: 800;

  src: url('/assets/css/fonts/morabba(Pro)/woff2/Morabba-ExtraBold.woff2') format('woff2'),
	url('/assets/css/fonts/morabba(Pro)/woff/Morabba-ExtraBold.woff') format('woff');
}

@font-face {
  font-family: Morabba;

  font-display: swap;

  font-style: normal;

  font-weight: 850;

  src: url('/assets/css/fonts/morabba(Pro)/woff2/Morabba-Black.woff2') format('woff2'),
	url('/assets/css/fonts/morabba(Pro)/woff/Morabba-Black.woff') format('woff');
}

@font-face {
  font-family: Morabba;

  font-display: swap;

  font-style: normal;

  font-weight: 900;

  src: url('/assets/css/fonts/morabba(Pro)/woff2/Morabba-Heavy.woff2') format('woff2'),
	url('/assets/css/fonts/morabba(Pro)/woff/Morabba-Heavy.woff') format('woff');
}

@font-face {
  font-family: Morabba;

  font-display: swap;

  font-style: normal;

  font-weight: bold;

  src: url('/assets/css/fonts/morabba(Pro)/woff2/Morabba-Bold.woff2') format('woff2'),
	url('/assets/css/fonts/morabba(Pro)/woff/Morabba-Bold.woff') format('woff');
}

@font-face {
  font-family: Morabba;

  font-display: swap;

  font-style: normal;

  font-weight: normal;

  src: url('/assets/css/fonts/morabba(Pro)/woff2/Morabba-Regular.woff2') format('woff2'),
	url('/assets/css/fonts/morabba(Pro)/woff/Morabba-Regular.woff') format('woff');
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.\!container{
  width:100% !important;
  margin-right:auto !important;
  margin-left:auto !important
}

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto
}

@media (min-width: 640px){
  .\!container{
    max-width:640px !important
  }

  .container{
    max-width:640px
  }
}

@media (min-width: 768px){
  .\!container{
    max-width:768px !important
  }

  .container{
    max-width:768px
  }
}

@media (min-width: 1024px){
  .\!container{
    max-width:1024px !important
  }

  .container{
    max-width:1024px
  }
}

@media (min-width: 1280px){
  .\!container{
    max-width:1280px !important
  }

  .container{
    max-width:1280px
  }
}

@media (min-width: 1536px){
  .\!container{
    max-width:1536px !important
  }

  .container{
    max-width:1536px
  }
}

@media (min-width: 1800px){
  .\!container{
    max-width:1800px !important
  }

  .container{
    max-width:1800px
  }
}

@media (min-width: 2100px){
  .\!container{
    max-width:2100px !important
  }

  .container{
    max-width:2100px
  }
}

@media (min-width: 2400px){
  .\!container{
    max-width:2400px !important
  }

  .container{
    max-width:2400px
  }
}

@media (min-width: 2800px){
  .\!container{
    max-width:2800px !important
  }

  .container{
    max-width:2800px
  }
}

.form-input,.form-textarea,.form-select,.form-multiselect{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  border-radius:0px;
  padding-top:0.5rem;
  padding-right:0.75rem;
  padding-bottom:0.5rem;
  padding-left:0.75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow:0 0 #0000;
}

.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color:#2563eb
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{
  color:#6b7280;
  opacity:1
}

.form-input::placeholder,.form-textarea::placeholder{
  color:#6b7280;
  opacity:1
}

.form-input::-webkit-datetime-edit-fields-wrapper{
  padding:0
}

.form-input::-webkit-date-and-time-value{
  min-height:1.5em;
  text-align:inherit
}

.form-input::-webkit-datetime-edit{
  display:inline-flex
}

.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{
  padding-top:0;
  padding-bottom:0
}

.form-select{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position:right 0.5rem center;
  background-repeat:no-repeat;
  background-size:1.5em 1.5em;
  padding-right:2.5rem;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact
}

.form-select:where([size]:not([size="1"])){
  background-image:initial;
  background-position:initial;
  background-repeat:unset;
  background-size:initial;
  padding-right:0.75rem;
  -webkit-print-color-adjust:unset;
          print-color-adjust:unset
}

.form-checkbox,.form-radio{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  padding:0;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact;
  display:inline-block;
  vertical-align:middle;
  background-origin:border-box;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  flex-shrink:0;
  height:1rem;
  width:1rem;
  color:#2563eb;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  --tw-shadow:0 0 #0000
}

.form-checkbox{
  border-radius:0px
}

.form-radio{
  border-radius:100%
}

.form-checkbox:focus,.form-radio:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:2px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.form-checkbox:checked,.form-radio:checked{
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat
}

.form-checkbox:checked{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  .form-checkbox:checked{
    -webkit-appearance:auto;
       -moz-appearance:auto;
            appearance:auto
  }
}

.form-radio:checked{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  .form-radio:checked{
    -webkit-appearance:auto;
       -moz-appearance:auto;
            appearance:auto
  }
}

.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{
  border-color:transparent;
  background-color:currentColor
}

.form-checkbox:indeterminate{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
}

@media (forced-colors: active) {
  .form-checkbox:indeterminate{
    -webkit-appearance:auto;
       -moz-appearance:auto;
            appearance:auto
  }
}

.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{
  border-color:transparent;
  background-color:currentColor
}

html{
  scroll-behavior:smooth
}

[x-cloak] {
  display: none !important;
}

body {
  /*@apply bg-[#fafafa] font-iransansx;*/
  --tw-bg-opacity:1;
  background-color:rgb(248 248 248 / var(--tw-bg-opacity, 1));
  font-family: IRANSansX, sans-serif;
  font-feature-settings: "ss01";
}

body.dark{
  --tw-bg-opacity:1;
  background-color:rgb(6 8 24 / var(--tw-bg-opacity, 1))
}

/* Panel */

.panel{
  position:relative;
  border-radius:0.375rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:1.25rem;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.panel:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(14 23 38 / var(--tw-bg-opacity, 1))
}

/* Navbar */

.navbar-sticky header,
    .navbar-floating header{
  position:sticky;
  top:0px;
  z-index:20
}

.navbar-floating header{
  background-color:rgb(248 248 248 / 0.9);
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem
}

.navbar-floating header:is(.dark *){
  background-color:rgb(6 8 24 / 0.9)
}

.navbar-floating header > div > div:first-child{
  border-radius:0.375rem
}

.horizontal .navbar-floating header > div > div:first-child{
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px
}

.horizontal .navbar-floating header .horizontal-menu{
  border-bottom-right-radius:0.375rem;
  border-bottom-left-radius:0.375rem
}

/* Sidebar */

.sidebar:hover .nav-item > a{
  width:auto
}

.sidebar .nav-item > button,
    .sidebar .nav-item > a{
  margin-bottom:0.25rem;
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  overflow:hidden;
  white-space:nowrap;
  border-radius:0.375rem;
  padding:0.625rem;
  --tw-text-opacity:1;
  color:rgb(80 102 144 / var(--tw-text-opacity, 1))
}

.sidebar .nav-item > button:hover,
    .sidebar .nav-item > a:hover{
  background-color:rgb(0 0 0 / 0.08);
  --tw-text-opacity:1;
  color:rgb(14 23 38 / var(--tw-text-opacity, 1))
}

.sidebar .nav-item > button:hover:is(.dark *),
    .sidebar .nav-item > a:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.sidebar .nav-item > button.active,
    .sidebar .nav-item > a.active{
  background-color:rgb(0 0 0 / 0.08);
  --tw-text-opacity:1;
  color:rgb(14 23 38 / var(--tw-text-opacity, 1))
}

.sidebar .nav-item > button.active:is(.dark *),
    .sidebar .nav-item > a.active:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.sidebar .nav-item > button.active > div > span,
    .sidebar .nav-item > a.active > div > span{
  --tw-text-opacity:1 !important;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1)) !important
}

a.active ,button.active{
  --tw-text-opacity:1 !important;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1)) !important
}

.sidebar ul.sub-menu li button,
    .sidebar ul.sub-menu li a{
  display:flex;
  width:100%;
  align-items:center;
  padding-left:2.25rem;
  padding-right:2.25rem;
  padding-top:0.625rem;
  padding-bottom:0.625rem
}

.sidebar ul.sub-menu li button::before,
    .sidebar ul.sub-menu li a::before{
  height:0.125rem;
  width:0.5rem;
  border-radius:0.25rem;
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))
}

.sidebar ul.sub-menu li button:hover,
    .sidebar ul.sub-menu li a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.sidebar ul.sub-menu li button:hover::before,
    .sidebar ul.sub-menu li a:hover::before{
  content:var(--tw-content) !important;
  --tw-bg-opacity:1 !important;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1)) !important
}

.sidebar ul.sub-menu li button:is(.dark *)::before,
    .sidebar ul.sub-menu li a:is(.dark *)::before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))
}

.sidebar ul.sub-menu li button:hover:is(.dark *),
    .sidebar ul.sub-menu li a:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.sidebar ul.sub-menu li button:where([dir="ltr"], [dir="ltr"] *)::before,
    .sidebar ul.sub-menu li a:where([dir="ltr"], [dir="ltr"] *)::before{
  content:var(--tw-content);
  margin-right:0.5rem
}

.sidebar ul.sub-menu li button:where([dir="rtl"], [dir="rtl"] *)::before,
    .sidebar ul.sub-menu li a:where([dir="rtl"], [dir="rtl"] *)::before{
  content:var(--tw-content);
  margin-left:0.5rem
}

.sidebar ul.sub-menu li button.active,
    .sidebar ul.sub-menu li a.active{
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.sidebar ul.sub-menu li button.active::before,
    .sidebar ul.sub-menu li a.active::before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1))
}

.sidebar .nav-item a div:first-child svg,
    .sidebar .nav-item button div:first-child svg{
  height:1.25rem;
  width:1.25rem;
  color:rgb(14 23 38 / 0.5)
}

.sidebar .nav-item a div:first-child svg:is(.dark *),
    .sidebar .nav-item button div:first-child svg:is(.dark *){
  color:rgb(255 255 255 / 0.5)
}

.main-container .main-content{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}

@media (min-width: 1024px){
  .main-container .main-content:where([dir="ltr"], [dir="ltr"] *){
    margin-left:260px
  }

  .main-container .main-content:where([dir="rtl"], [dir="rtl"] *){
    margin-right:260px
  }
}

/* Horizontal layouts */

.horizontal .horizontal-menu{
  display:none;
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width: 1024px){
  .horizontal .horizontal-menu{
    display:flex
  }
}

.horizontal .horizontal-logo{
  display:flex
}

.horizontal .main-container .main-content:where([dir="ltr"], [dir="ltr"] *){
  margin-left:0px
}

.horizontal .main-container .main-content:where([dir="rtl"], [dir="rtl"] *){
  margin-right:0px
}

.horizontal .sidebar:where([dir="ltr"], [dir="ltr"] *){
  left:-260px
}

.horizontal .sidebar:where([dir="rtl"], [dir="rtl"] *){
  right:-260px
}

.horizontal.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){
  left:0px
}

@media (min-width: 1024px){
  .horizontal.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){
    left:-260px
  }
}

.horizontal.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){
  right:0px
}

@media (min-width: 1024px){
  .horizontal.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){
    right:-260px
  }
}

.horizontal .nav-item a div:first-child svg{
  height:1.25rem;
  width:1.25rem;
  color:rgb(14 23 38 / 0.5)
}

.horizontal .nav-item a div:first-child svg:is(.dark *){
  color:rgb(255 255 255 / 0.5)
}

.horizontal .dark .nav-item a div:first-child svg,
    .dark.horizontal .nav-item a div:first-child svg{
  color:rgb(255 255 255 / 0.5)
}

.horizontal-menu .nav-link{
  display:flex;
  align-items:center;
  border-radius:0.5rem;
  padding-top:0.625rem;
  padding-bottom:0.625rem;
  padding-left:0.5rem;
  padding-right:0.5rem
}

.horizontal-menu .nav-link:hover{
  background-color:rgb(0 0 0 / 0.08);
  --tw-text-opacity:1;
  color:rgb(14 23 38 / var(--tw-text-opacity, 1))
}

.horizontal-menu .nav-link:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

@media (min-width: 1280px){
  .horizontal-menu .nav-link{
    padding-left:1rem;
    padding-right:1rem
  }
}

.horizontal-menu .nav-link.active{
  background-color:rgb(0 0 0 / 0.08);
  --tw-text-opacity:1;
  color:rgb(14 23 38 / var(--tw-text-opacity, 1))
}

.horizontal-menu .nav-link.active:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.horizontal-menu ul.sub-menu{
  position:absolute;
  top:100%;
  z-index:20;
  display:none;
  min-width:180px;
  border-radius:0.25rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0px;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  --tw-text-opacity:1;
  color:rgb(59 63 92 / var(--tw-text-opacity, 1));
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.horizontal-menu ul.sub-menu:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.horizontal-menu ul.sub-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.horizontal-menu ul.sub-menu a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.horizontal-menu ul.sub-menu a:hover:is(.dark *){
  background-color:rgb(35 132 66 / 0.1)
}

.horizontal-menu ul.sub-menu a.active{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.horizontal-menu ul.sub-menu a.active:is(.dark *){
  background-color:rgb(35 132 66 / 0.1)
}

.horizontal-menu > li.nav-item:hover > ul.sub-menu,
    .horizontal-menu > li.nav-item > ul.sub-menu > li:hover > ul{
  display:block
}

/* Vertical layouts */

.vertical.toggle-sidebar .horizontal-logo,
    .vertical.toggle-sidebar .collapse-icon{
  display:flex
}

.vertical.toggle-sidebar .main-container .main-content:where([dir="ltr"], [dir="ltr"] *){
  margin-left:0px
}

.vertical.toggle-sidebar .main-container .main-content:where([dir="rtl"], [dir="rtl"] *){
  margin-right:0px
}

.vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){
  left:-260px
}

@media (min-width: 1024px){
  .vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){
    left:0px
  }
}

.vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){
  right:-260px
}

@media (min-width: 1024px){
  .vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){
    right:0px
  }
}

.vertical.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){
  left:0px
}

@media (min-width: 1024px){
  .vertical.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){
    left:-260px
  }
}

.vertical.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){
  right:0px
}

@media (min-width: 1024px){
  .vertical.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){
    right:-260px
  }
}

/* Collapsible vertical layouts */

.collapsible-vertical .sidebar:hover{
  width:260px
}

@media (min-width: 1024px){
  .collapsible-vertical .sidebar{
    width:70px
  }
}

.collapsible-vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){
  left:-260px
}

@media (min-width: 1024px){
  .collapsible-vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){
    left:0px
  }
}

.collapsible-vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){
  right:-260px
}

@media (min-width: 1024px){
  .collapsible-vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){
    right:0px
  }
}

.collapsible-vertical.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){
  left:0px
}

.collapsible-vertical.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){
  right:0px
}

@media (min-width: 1024px){
  .collapsible-vertical.toggle-sidebar .sidebar{
    width:260px
  }
}

.collapsible-vertical.toggle-sidebar .sidebar .nav-item > a{
  width:auto
}

@media (min-width: 1024px){
  .collapsible-vertical.toggle-sidebar .main-content{
    width:calc(100% - 260px)
  }

  .collapsible-vertical.toggle-sidebar .main-content:where([dir="ltr"], [dir="ltr"] *){
    margin-left:260px
  }

  .collapsible-vertical.toggle-sidebar .main-content:where([dir="rtl"], [dir="rtl"] *){
    margin-right:260px
  }

  .collapsible-vertical .sidebar .sub-menu{
    display:none
  }
}

.collapsible-vertical .sidebar:hover .sub-menu,
    .collapsible-vertical .sidebar:hover .sub-menu.recent-submenu,
    .collapsible-vertical.toggle-sidebar .sidebar .sub-menu{
  display:block
}

@media (min-width: 1024px){
  .collapsible-vertical .main-content{
    width:calc(100% - 70px)
  }

  .collapsible-vertical .main-content:where([dir="ltr"], [dir="ltr"] *){
    margin-left:70px
  }

  .collapsible-vertical .main-content:where([dir="rtl"], [dir="rtl"] *){
    margin-right:70px
  }
}

.collapsible-vertical .sidebar .collapse-icon,
    .collapsible-vertical .main-logo > span{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}

@media (min-width: 1024px){
  .collapsible-vertical .sidebar .collapse-icon,
    .collapsible-vertical .main-logo > span{
    opacity:0
  }
}

.collapsible-vertical .sidebar:hover .collapse-icon,
    .collapsible-vertical.toggle-sidebar .collapse-icon,
    .collapsible-vertical .sidebar:hover .main-logo > span,
    .collapsible-vertical.toggle-sidebar .main-logo > span{
  transition-duration:500ms
}

@media (min-width: 1024px){
  .collapsible-vertical .sidebar:hover .collapse-icon,
    .collapsible-vertical.toggle-sidebar .collapse-icon,
    .collapsible-vertical .sidebar:hover .main-logo > span,
    .collapsible-vertical.toggle-sidebar .main-logo > span{
    opacity:1
  }
}

.collapsible-vertical.toggle-sidebar .sidebar .collapse-icon{
  display:flex;
  --tw-rotate:0deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.collapsible-vertical .sidebar:hover .collapse-icon{
  display:flex;
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.collapsible-vertical .sidebar ul > h2 span{
  display:none;
  white-space:nowrap
}

.collapsible-vertical .sidebar ul > h2 svg{
  display:block
}

.collapsible-vertical .sidebar:hover ul > h2 span,
    .collapsible-vertical.toggle-sidebar .sidebar ul > h2 span{
  display:inline
}

.collapsible-vertical .sidebar:hover ul > h2 svg,
    .collapsible-vertical.toggle-sidebar .sidebar ul > h2 svg{
  display:none
}

/* boxed-layout */

.boxed-layout{
  margin-left:auto;
  margin-right:auto;
  max-width:1400px
}

.boxed-layout.vertical .sidebar,
    .boxed-layout.collapsible-vertical .sidebar{
  overflow:hidden
}

@media (min-width: 1024px){
  .boxed-layout.vertical .sidebar:where([dir="ltr"], [dir="ltr"] *),
    .boxed-layout.collapsible-vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){
    left:auto
  }

  .boxed-layout.vertical .sidebar:where([dir="rtl"], [dir="rtl"] *),
    .boxed-layout.collapsible-vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){
    right:auto
  }

  .boxed-layout.vertical.toggle-sidebar .sidebar{
    width:0px
  }
}

/* Buttons */

.btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:0.375rem;
  border-width:1px;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:600;
  --tw-shadow:0 10px 20px -10px;
  --tw-shadow-colored:0 10px 20px -10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}

.btn:hover{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-sm{
  padding-left:0.625rem;
  padding-right:0.625rem;
  padding-top:0.375rem;
  padding-bottom:0.375rem;
  font-size:0.75rem;
  line-height:1rem
}

.btn[disabled]{
  cursor:not-allowed;
  opacity:0.6
}

.btn-primary{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow-color:rgb(35 132 66 / 0.6);
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-outline-primary{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-primary:hover{
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.btn-outline-success{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(0 171 85 / var(--tw-text-opacity, 1));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-success:hover{
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.btn-danger{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow-color:rgb(231 81 90 / 0.6);
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-outline-danger{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(231 81 90 / var(--tw-text-opacity, 1));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-danger:hover{
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.btn-dark{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(59 63 92 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow-color:rgb(59 63 92 / 0.6);
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-outline-dark{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(59 63 92 / var(--tw-text-opacity, 1));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-outline-dark:hover{
  --tw-bg-opacity:1;
  background-color:rgb(59 63 92 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

/* Badge */

.badge{
  position:relative;
  margin-top:0.25rem;
  margin-bottom:0.25rem;
  border-radius:0.25rem;
  border-width:1px;
  border-color:transparent;
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.125rem;
  padding-bottom:0.125rem;
  font-size:0.75rem;
  line-height:1rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.badge-outline-secondary{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(128 93 202 / var(--tw-text-opacity, 1))
}

.badge-outline-secondary:hover{
  --tw-bg-opacity:1;
  background-color:rgb(235 228 247 / var(--tw-bg-opacity, 1))
}

.badge-outline-secondary:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(128 93 202 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.badge-outline-success{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(0 171 85 / var(--tw-text-opacity, 1))
}

.badge-outline-success:hover{
  --tw-bg-opacity:1;
  background-color:rgb(221 245 240 / var(--tw-bg-opacity, 1))
}

.badge-outline-success:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.badge-outline-danger{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(231 81 90 / var(--tw-text-opacity, 1))
}

.badge-outline-danger:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 245 245 / var(--tw-bg-opacity, 1))
}

.badge-outline-danger:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.badge-outline-warning{
  --tw-border-opacity:1;
  border-color:rgb(226 160 63 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(226 160 63 / var(--tw-text-opacity, 1))
}

.badge-outline-warning:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 249 237 / var(--tw-bg-opacity, 1))
}

.badge-outline-warning:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

/* Form */

.form-input,
    .form-textarea,
    .form-select,
    .form-multiselect{
  width:100%;
  border-radius:0.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(224 230 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(14 23 38 / var(--tw-text-opacity, 1));
  outline:2px solid transparent !important;
  outline-offset:2px !important
}

.form-input:focus,
    .form-textarea:focus,
    .form-select:focus,
    .form-multiselect:focus{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  --tw-ring-color:transparent
}

.form-input:is(.dark *),
    .form-textarea:is(.dark *),
    .form-select:is(.dark *),
    .form-multiselect:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(23 38 60 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(18 30 50 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.form-input:focus:is(.dark *),
    .form-textarea:focus:is(.dark *),
    .form-select:focus:is(.dark *),
    .form-multiselect:focus:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1))
}

label{
  margin-bottom:0.375rem;
  display:block
}

[dir='rtl'] select {
  background-position: left 0.5rem center;
}

.has-error .form-input,
    .has-error .form-textarea,
    .has-error .form-select,
    .has-error .form-multiselect,
    .has-error .multiselect__tags{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1));
  background-color:rgb(231 81 90 / 0.08);
  --tw-text-opacity:1;
  color:rgb(231 81 90 / var(--tw-text-opacity, 1))
}

.has-error .form-input::-moz-placeholder, .has-error .form-textarea::-moz-placeholder, .has-error .form-select::-moz-placeholder, .has-error .form-multiselect::-moz-placeholder, .has-error .multiselect__tags::-moz-placeholder{
  color:rgb(231 81 90 / 0.7)
}

.has-error .form-input::placeholder,
    .has-error .form-textarea::placeholder,
    .has-error .form-select::placeholder,
    .has-error .form-multiselect::placeholder,
    .has-error .multiselect__tags::placeholder{
  color:rgb(231 81 90 / 0.7)
}

.has-error .form-input:focus,
    .has-error .form-textarea:focus,
    .has-error .form-select:focus,
    .has-error .form-multiselect:focus,
    .has-error .multiselect__tags:focus{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1))
}

.has-error .multiselect__tags:hover,
    .has-error .form-checkbox{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1))
}

.has-success .form-input,
    .has-success .form-textarea,
    .has-success .form-select,
    .has-success .form-multiselect,
    .has-success .multiselect__tags{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1));
  background-color:rgb(0 171 85 / 0.08);
  --tw-text-opacity:1;
  color:rgb(0 171 85 / var(--tw-text-opacity, 1))
}

.has-success .form-input::-moz-placeholder, .has-success .form-textarea::-moz-placeholder, .has-success .form-select::-moz-placeholder, .has-success .form-multiselect::-moz-placeholder, .has-success .multiselect__tags::-moz-placeholder{
  color:rgb(0 171 85 / 0.7)
}

.has-success .form-input::placeholder,
    .has-success .form-textarea::placeholder,
    .has-success .form-select::placeholder,
    .has-success .form-multiselect::placeholder,
    .has-success .multiselect__tags::placeholder{
  color:rgb(0 171 85 / 0.7)
}

.has-success .form-input:focus,
    .has-success .form-textarea:focus,
    .has-success .form-select:focus,
    .has-success .form-multiselect:focus,
    .has-success .multiselect__tags:focus{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1))
}

/* checkbox & radio */

.form-radio,
    .form-checkbox{
  height:1.25rem;
  width:1.25rem;
  cursor:pointer;
  border-radius:0.25rem;
  border-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(224 230 237 / var(--tw-border-opacity, 1));
  background-color:transparent;
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1));
  --tw-shadow:0 0 #0000 !important;
  --tw-shadow-colored:0 0 #0000 !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  outline:2px solid transparent !important;
  outline-offset:2px !important;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-width:0px !important
}

.form-radio:checked,
    .form-checkbox:checked{
  background-size:90% 90%
}

.form-radio:disabled,
    .form-checkbox:disabled{
  cursor:not-allowed;
  --tw-bg-opacity:1;
  background-color:rgb(238 238 238 / var(--tw-bg-opacity, 1))
}

.form-radio:is(.dark *),
    .form-checkbox:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(37 59 92 / var(--tw-border-opacity, 1))
}

.form-radio:checked:is(.dark *),
    .form-checkbox:checked:is(.dark *){
  border-color:transparent
}

.form-radio:disabled:is(.dark *),
    .form-checkbox:disabled:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75 / var(--tw-bg-opacity, 1))
}

.form-radio:where([dir="ltr"], [dir="ltr"] *),
    .form-checkbox:where([dir="ltr"], [dir="ltr"] *){
  margin-right:0.375rem
}

.form-radio:where([dir="rtl"], [dir="rtl"] *),
    .form-checkbox:where([dir="rtl"], [dir="rtl"] *){
  margin-left:0.375rem
}

.form-checkbox.outline-primary:checked{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23238442' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.form-checkbox.outline-secondary:checked{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23805dca' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.form-checkbox.outline-success:checked{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2300ab55' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.form-checkbox.outline-danger:checked{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e7515a' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.form-checkbox.outline-warning:checked{
  --tw-border-opacity:1;
  border-color:rgb(226 160 63 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e2a03f' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.form-checkbox.outline-info:checked{
  --tw-border-opacity:1;
  border-color:rgb(33 150 243 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%232196f3' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.form-checkbox.outline-dark:checked{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233b3f5c' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.form-radio{
  border-radius:9999px
}

.form-radio.outline-primary:checked{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image:none
}

.form-radio.outline-secondary:checked{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image:none
}

.form-radio.outline-success:checked{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image:none
}

.form-radio.outline-danger:checked{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image:none
}

.form-radio.outline-warning:checked{
  --tw-border-opacity:1;
  border-color:rgb(226 160 63 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image:none
}

.form-radio.outline-info:checked{
  --tw-border-opacity:1;
  border-color:rgb(33 150 243 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image:none
}

.form-radio.outline-dark:checked{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image:none
}

/* dropdown */

.dropdown{
  position:relative
}

.dropdown > button{
  display:flex
}

.dropdown ul{
  position:absolute;
  z-index:10;
  margin-top:0.25rem;
  min-width:120px;
  border-radius:0.25rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0px;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-bottom:0px;
  padding-top:0px;
  --tw-text-opacity:1;
  color:rgb(14 23 38 / var(--tw-text-opacity, 1));
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dropdown ul:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.dropdown ul {
  /*@apply my-1 min-w-[120px] rounded bg-white p-0 py-2 shadow dark:bg-[#1b2e4b];*/
}

.dropdown ul li > a,
    .dropdown ul li > button{
  display:flex;
  align-items:center;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.dropdown ul li > a:hover,
    .dropdown ul li > button:hover{
  background-color:rgb(35 132 66 / 0.1);
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.dropdown ul li > a:is(.dark *),
    .dropdown ul li > button:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.dropdown ul li > button{
  width:100%
}

/* tables */

.table-responsive{
  overflow:auto
}

table{
  width:100%;
  border-collapse:collapse !important
}

table thead tr,
    table tfoot tr{
  border-bottom-width:0px;
  --tw-bg-opacity:1 !important;
  background-color:rgb(246 248 250 / var(--tw-bg-opacity, 1)) !important
}

table thead tr:is(.dark *),
    table tfoot tr:is(.dark *){
  --tw-bg-opacity:1 !important;
  background-color:rgb(26 41 65 / var(--tw-bg-opacity, 1)) !important
}

table thead tr th,
    table tfoot tr th,
    table tbody tr td{
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:1rem;
  padding-right:1rem
}

table thead tr th:where([dir="ltr"], [dir="ltr"] *),
    table tfoot tr th:where([dir="ltr"], [dir="ltr"] *),
    table tbody tr td:where([dir="ltr"], [dir="ltr"] *){
  text-align:left
}

table thead tr th:where([dir="rtl"], [dir="rtl"] *),
    table tfoot tr th:where([dir="rtl"], [dir="rtl"] *),
    table tbody tr td:where([dir="rtl"], [dir="rtl"] *){
  text-align:right
}

table thead tr th,
    table tfoot tr th{
  font-weight:600
}

table tbody tr{
  border-bottom-width:1px;
  border-color:rgb(224 230 237 / 0.4) !important
}

table tbody tr:is(.dark *){
  --tw-border-opacity:1 !important;
  border-color:rgb(25 30 58 / var(--tw-border-opacity, 1)) !important
}

table.table-striped tbody tr:nth-child(odd){
  background-color:rgb(224 230 237 / 0.2) !important
}

table.table-striped tbody tr:nth-child(odd):is(.dark *){
  background-color:rgb(26 41 65 / 0.4) !important
}

table.dataTable-table tbody tr th,
    table.dataTable-table tbody tr td{
  border-bottom-width:1px;
  border-color:rgb(224 230 237 / 0.4);
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:1rem;
  padding-right:1rem
}

table.dataTable-table tbody tr th:is(.dark *),
    table.dataTable-table tbody tr td:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(25 30 58 / var(--tw-border-opacity, 1))
}

table.dataTable-table tbody tr th:where([dir="ltr"], [dir="ltr"] *),
    table.dataTable-table tbody tr td:where([dir="ltr"], [dir="ltr"] *){
  text-align:left
}

table.dataTable-table tbody tr th:where([dir="rtl"], [dir="rtl"] *),
    table.dataTable-table tbody tr td:where([dir="rtl"], [dir="rtl"] *){
  text-align:right
}

table.dataTable-table tbody tr:last-child td{
  border-bottom-width:0px
}

/* code hightlight */

pre {
  direction: ltr;
}

.highcharts-credits{
  display:none !important
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0
}

.\!visible{
  visibility:visible !important
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.collapse{
  visibility:collapse
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  inset:0px
}

.bottom-0{
  bottom:0px
}

.bottom-6{
  bottom:1.5rem
}

.end-4{
  inset-inline-end:1rem
}

.left-2{
  left:0.5rem
}

.start-4{
  inset-inline-start:1rem
}

.top-0{
  top:0px
}

.top-1\/2{
  top:50%
}

.top-11{
  top:2.75rem
}

.top-2{
  top:0.5rem
}

.top-2\.5{
  top:0.625rem
}

.top-\[30px\]{
  top:30px
}

.-z-\[1\]{
  z-index:-1
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.z-\[1\]{
  z-index:1
}

.z-\[51\]{
  z-index:51
}

.z-\[60\]{
  z-index:60
}

.z-\[999\]{
  z-index:999
}

.col-span-2{
  grid-column:span 2 / span 2
}

.m-1{
  margin:0.25rem
}

.m-auto{
  margin:auto
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.my-auto{
  margin-top:auto;
  margin-bottom:auto
}

.\!mt-6{
  margin-top:1.5rem !important
}

.\!mt-7{
  margin-top:1.75rem !important
}

.-mt-1{
  margin-top:-0.25rem
}

.-mt-1\.5{
  margin-top:-0.375rem
}

.-mt-10{
  margin-top:-2.5rem
}

.-mt-3{
  margin-top:-0.75rem
}

.-mt-5{
  margin-top:-1.25rem
}

.-mt-6{
  margin-top:-1.5rem
}

.mb-0{
  margin-bottom:0px
}

.mb-1{
  margin-bottom:0.25rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mb-2{
  margin-bottom:0.5rem
}

.mb-3{
  margin-bottom:0.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-5{
  margin-bottom:1.25rem
}

.ml-1{
  margin-left:0.25rem
}

.ml-\[4px\]{
  margin-left:4px
}

.mr-1{
  margin-right:0.25rem
}

.mr-2{
  margin-right:0.5rem
}

.mr-3{
  margin-right:0.75rem
}

.mt-1{
  margin-top:0.25rem
}

.mt-14{
  margin-top:3.5rem
}

.mt-2{
  margin-top:0.5rem
}

.mt-3{
  margin-top:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-5{
  margin-top:1.25rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-8{
  margin-top:2rem
}

.mt-\[-7px\]{
  margin-top:-7px
}

.mt-auto{
  margin-top:auto
}

.\!block{
  display:block !important
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

.h-1{
  height:0.25rem
}

.h-10{
  height:2.5rem
}

.h-12{
  height:3rem
}

.h-14{
  height:3.5rem
}

.h-16{
  height:4rem
}

.h-2{
  height:0.5rem
}

.h-4{
  height:1rem
}

.h-4\.5{
  height:18px
}

.h-40{
  height:10rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-8{
  height:2rem
}

.h-\[calc\(100vh-80px\)\]{
  height:calc(100vh - 80px)
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.max-h-\[65vh\]{
  max-height:65vh
}

.max-h-screen{
  max-height:100vh
}

.min-h-\[300px\]{
  min-height:300px
}

.min-h-screen{
  min-height:100vh
}

.w-1\/4{
  width:25%
}

.w-12{
  width:3rem
}

.w-14{
  width:3.5rem
}

.w-16{
  width:4rem
}

.w-2\/4{
  width:50%
}

.w-4{
  width:1rem
}

.w-4\.5{
  width:18px
}

.w-44{
  width:11rem
}

.w-48{
  width:12rem
}

.w-5{
  width:1.25rem
}

.w-6{
  width:1.5rem
}

.w-8{
  width:2rem
}

.w-\[15\%\]{
  width:15%
}

.w-\[230px\]{
  width:230px
}

.w-\[260px\]{
  width:260px
}

.w-\[37\%\]{
  width:37%
}

.w-\[48\%\]{
  width:48%
}

.w-\[59\%\]{
  width:59%
}

.w-\[81\%\]{
  width:81%
}

.w-\[90\%\]{
  width:90%
}

.w-full{
  width:100%
}

.w-max{
  width:-moz-max-content;
  width:max-content
}

.min-w-28{
  min-width:7rem
}

.min-w-60{
  min-width:15rem
}

.max-w-2xl{
  max-width:42rem
}

.max-w-4xl{
  max-width:56rem
}

.max-w-6xl{
  max-width:90rem
}

.max-w-\[400px\]{
  max-width:400px
}

.max-w-\[440px\]{
  max-width:440px
}

.max-w-\[870px\]{
  max-width:870px
}

.max-w-\[9rem\]{
  max-width:9rem
}

.max-w-lg{
  max-width:32rem
}

.max-w-sm{
  max-width:24rem
}

.max-w-xs{
  max-width:20rem
}

.flex-1{
  flex:1 1 0%
}

.flex-auto{
  flex:1 1 auto
}

.flex-none{
  flex:none
}

.flex-shrink{
  flex-shrink:1
}

.flex-shrink-0{
  flex-shrink:0
}

.shrink-0{
  flex-shrink:0
}

.flex-grow{
  flex-grow:1
}

.grow{
  flex-grow:1
}

.border-collapse{
  border-collapse:collapse
}

.-translate-y-1\/2{
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!rotate-90{
  --tw-rotate:90deg !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rotate-180{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90{
  --tw-rotate:90deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

.animate-\[spin_2s_linear_infinite\]{
  animation:spin 2s linear infinite
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

.animate-\[spin_3s_linear_infinite\]{
  animation:spin 3s linear infinite
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-pointer{
  cursor:pointer
}

.select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.resize{
  resize:both
}

.list-inside{
  list-style-position:inside
}

.list-decimal{
  list-style-type:decimal
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4, minmax(0, 1fr))
}

.flex-col{
  flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

.place-content-center{
  place-content:center
}

.place-items-center{
  place-items:center
}

.items-start{
  align-items:flex-start
}

.items-end{
  align-items:flex-end
}

.items-center{
  align-items:center
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.gap-0{
  gap:0px
}

.gap-1{
  gap:0.25rem
}

.gap-10{
  gap:2.5rem
}

.gap-2{
  gap:0.5rem
}

.gap-3{
  gap:0.75rem
}

.gap-4{
  gap:1rem
}

.gap-5{
  gap:1.25rem
}

.gap-6{
  gap:1.5rem
}

.gap-x-4{
  -moz-column-gap:1rem;
       column-gap:1rem
}

.space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(0.375rem * var(--tw-space-x-reverse));
  margin-left:calc(0.375rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(0.5rem * var(--tw-space-x-reverse));
  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(1rem * var(--tw-space-x-reverse));
  margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))
}

.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}

.space-x-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:1
}

.justify-self-start{
  justify-self:start
}

.justify-self-center{
  justify-self:center
}

.overflow-hidden{
  overflow:hidden
}

.overflow-x-auto{
  overflow-x:auto
}

.overflow-y-auto{
  overflow-y:auto
}

.overflow-x-hidden{
  overflow-x:hidden
}

.overflow-y-scroll{
  overflow-y:scroll
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.whitespace-nowrap{
  white-space:nowrap
}

.\!rounded-lg{
  border-radius:0.5rem !important
}

.rounded{
  border-radius:0.25rem
}

.rounded-2xl{
  border-radius:1rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:0.5rem
}

.rounded-md{
  border-radius:0.375rem
}

.rounded-xl{
  border-radius:0.75rem
}

.\!rounded-t-lg{
  border-top-left-radius:0.5rem !important;
  border-top-right-radius:0.5rem !important
}

.rounded-b-md{
  border-bottom-right-radius:0.375rem;
  border-bottom-left-radius:0.375rem
}

.border{
  border-width:1px
}

.border-0{
  border-width:0px
}

.border-2{
  border-width:2px
}

.border-4{
  border-width:4px
}

.border-8{
  border-width:8px
}

.border-\[2px\]{
  border-width:2px
}

.border-b{
  border-bottom-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-r-2{
  border-right-width:2px
}

.border-t{
  border-top-width:1px
}

.border-dashed{
  border-style:dashed
}

.\!border-primary{
  --tw-border-opacity:1 !important;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1)) !important
}

.border-\[\#e0e6ed\]{
  --tw-border-opacity:1;
  border-color:rgb(224 230 237 / var(--tw-border-opacity, 1))
}

.border-\[\#f1f2f3\]{
  --tw-border-opacity:1;
  border-color:rgb(241 242 243 / var(--tw-border-opacity, 1))
}

.border-danger{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1))
}

.border-danger\/50{
  border-color:rgb(231 81 90 / 0.5)
}

.border-dark\/50{
  border-color:rgb(59 63 92 / 0.5)
}

.border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-gray-400{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))
}

.border-primary{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1))
}

.border-red-200{
  --tw-border-opacity:1;
  border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))
}

.border-success{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1))
}

.border-success\/50{
  border-color:rgb(0 171 85 / 0.5)
}

.border-white-dark\/20{
  border-color:rgb(136 142 168 / 0.2)
}

.border-white-light{
  --tw-border-opacity:1;
  border-color:rgb(224 230 237 / var(--tw-border-opacity, 1))
}

.border-l-primary{
  --tw-border-opacity:1;
  border-left-color:rgb(35 132 66 / var(--tw-border-opacity, 1))
}

.border-r-primary{
  --tw-border-opacity:1;
  border-right-color:rgb(35 132 66 / var(--tw-border-opacity, 1))
}

.border-r-transparent{
  border-right-color:transparent
}

.\!bg-primary{
  --tw-bg-opacity:1 !important;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#f1f2f3\]{
  --tw-bg-opacity:1;
  background-color:rgb(241 242 243 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f8f8f8\]{
  --tw-bg-opacity:1;
  background-color:rgb(248 248 248 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fafafa\]{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fbfbfb\]{
  --tw-bg-opacity:1;
  background-color:rgb(251 251 251 / var(--tw-bg-opacity, 1))
}

.bg-\[black\]\/60{
  background-color:rgb(0 0 0 / 0.6)
}

.bg-black\/80{
  background-color:rgb(14 23 38 / 0.8)
}

.bg-blue-50{
  --tw-bg-opacity:1;
  background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

.bg-danger{
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90 / var(--tw-bg-opacity, 1))
}

.bg-danger-light{
  --tw-bg-opacity:1;
  background-color:rgb(255 245 245 / var(--tw-bg-opacity, 1))
}

.bg-danger\/25{
  background-color:rgb(231 81 90 / 0.25)
}

.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-gray-500\/5{
  background-color:rgb(107 114 128 / 0.05)
}

.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))
}

.bg-info{
  --tw-bg-opacity:1;
  background-color:rgb(33 150 243 / var(--tw-bg-opacity, 1))
}

.bg-primary{
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1))
}

.bg-primary-light{
  --tw-bg-opacity:1;
  background-color:rgb(217 228 221 / var(--tw-bg-opacity, 1))
}

.bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.bg-success{
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85 / var(--tw-bg-opacity, 1))
}

.bg-success-light{
  --tw-bg-opacity:1;
  background-color:rgb(221 245 240 / var(--tw-bg-opacity, 1))
}

.bg-success\/20{
  background-color:rgb(0 171 85 / 0.2)
}

.bg-warning-light{
  --tw-bg-opacity:1;
  background-color:rgb(255 249 237 / var(--tw-bg-opacity, 1))
}

.bg-warning\/10{
  background-color:rgb(226 160 63 / 0.1)
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-white-light\/40{
  background-color:rgb(224 230 237 / 0.4)
}

.bg-white\/30{
  background-color:rgb(255 255 255 / 0.3)
}

.bg-white\/60{
  background-color:rgb(255 255 255 / 0.6)
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops))
}

.from-amber-500{
  --tw-gradient-from:#f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-500{
  --tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600{
  --tw-gradient-from:#2563eb var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-500{
  --tw-gradient-from:#6b7280 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-600{
  --tw-gradient-from:#4b5563 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700{
  --tw-gradient-from:#374151 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-500{
  --tw-gradient-from:#22c55e var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-600{
  --tw-gradient-from:#16a34a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-500{
  --tw-gradient-from:#6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-600{
  --tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-500{
  --tw-gradient-from:#f97316 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-600{
  --tw-gradient-from:#ea580c var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(234 88 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-500{
  --tw-gradient-from:#ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-600{
  --tw-gradient-from:#db2777 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(219 39 119 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500{
  --tw-gradient-from:#a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-600{
  --tw-gradient-from:#9333ea var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500{
  --tw-gradient-from:#ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-600{
  --tw-gradient-from:#dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-600{
  --tw-gradient-from:#e11d48 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(225 29 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-500{
  --tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-600{
  --tw-gradient-from:#0284c7 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(2 132 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-500{
  --tw-gradient-from:#64748b var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(100 116 139 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-600{
  --tw-gradient-from:#475569 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(71 85 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-500{
  --tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-600{
  --tw-gradient-from:#0d9488 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(13 148 136 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-500{
  --tw-gradient-from:#71717a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(113 113 122 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-amber-500{
  --tw-gradient-to:#f59e0b var(--tw-gradient-to-position)
}

.to-blue-500{
  --tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)
}

.to-blue-600{
  --tw-gradient-to:#2563eb var(--tw-gradient-to-position)
}

.to-gray-500{
  --tw-gradient-to:#6b7280 var(--tw-gradient-to-position)
}

.to-gray-600{
  --tw-gradient-to:#4b5563 var(--tw-gradient-to-position)
}

.to-gray-700{
  --tw-gradient-to:#374151 var(--tw-gradient-to-position)
}

.to-green-500{
  --tw-gradient-to:#22c55e var(--tw-gradient-to-position)
}

.to-green-600{
  --tw-gradient-to:#16a34a var(--tw-gradient-to-position)
}

.to-indigo-500{
  --tw-gradient-to:#6366f1 var(--tw-gradient-to-position)
}

.to-indigo-600{
  --tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)
}

.to-orange-500{
  --tw-gradient-to:#f97316 var(--tw-gradient-to-position)
}

.to-orange-600{
  --tw-gradient-to:#ea580c var(--tw-gradient-to-position)
}

.to-pink-500{
  --tw-gradient-to:#ec4899 var(--tw-gradient-to-position)
}

.to-pink-600{
  --tw-gradient-to:#db2777 var(--tw-gradient-to-position)
}

.to-purple-500{
  --tw-gradient-to:#a855f7 var(--tw-gradient-to-position)
}

.to-purple-600{
  --tw-gradient-to:#9333ea var(--tw-gradient-to-position)
}

.to-red-500{
  --tw-gradient-to:#ef4444 var(--tw-gradient-to-position)
}

.to-red-600{
  --tw-gradient-to:#dc2626 var(--tw-gradient-to-position)
}

.to-rose-600{
  --tw-gradient-to:#e11d48 var(--tw-gradient-to-position)
}

.to-sky-500{
  --tw-gradient-to:#0ea5e9 var(--tw-gradient-to-position)
}

.to-sky-600{
  --tw-gradient-to:#0284c7 var(--tw-gradient-to-position)
}

.to-slate-500{
  --tw-gradient-to:#64748b var(--tw-gradient-to-position)
}

.to-slate-600{
  --tw-gradient-to:#475569 var(--tw-gradient-to-position)
}

.to-teal-500{
  --tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)
}

.to-teal-600{
  --tw-gradient-to:#0d9488 var(--tw-gradient-to-position)
}

.to-zinc-500{
  --tw-gradient-to:#71717a var(--tw-gradient-to-position)
}

.object-cover{
  -o-object-fit:cover;
     object-fit:cover
}

.p-0{
  padding:0px
}

.p-1{
  padding:0.25rem
}

.p-1\.5{
  padding:0.375rem
}

.p-2{
  padding:0.5rem
}

.p-3{
  padding:0.75rem
}

.p-3\.5{
  padding:0.875rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.\!py-0{
  padding-top:0px !important;
  padding-bottom:0px !important
}

.\!py-3{
  padding-top:0.75rem !important;
  padding-bottom:0.75rem !important
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.py-0{
  padding-top:0px;
  padding-bottom:0px
}

.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.py-10{
  padding-top:2.5rem;
  padding-bottom:2.5rem
}

.py-16{
  padding-top:4rem;
  padding-bottom:4rem
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.py-2\.5{
  padding-top:0.625rem;
  padding-bottom:0.625rem
}

.py-20{
  padding-top:5rem;
  padding-bottom:5rem
}

.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.py-7{
  padding-top:1.75rem;
  padding-bottom:1.75rem
}

.py-8{
  padding-top:2rem;
  padding-bottom:2rem
}

.\!pt-5{
  padding-top:1.25rem !important
}

.pb-0\.5{
  padding-bottom:0.125rem
}

.pb-1{
  padding-bottom:0.25rem
}

.pb-10{
  padding-bottom:2.5rem
}

.pb-12{
  padding-bottom:3rem
}

.pb-2{
  padding-bottom:0.5rem
}

.pb-2\.5{
  padding-bottom:0.625rem
}

.pb-24{
  padding-bottom:6rem
}

.pb-3{
  padding-bottom:0.75rem
}

.pb-4{
  padding-bottom:1rem
}

.pb-5{
  padding-bottom:1.25rem
}

.pb-52{
  padding-bottom:13rem
}

.pb-6{
  padding-bottom:1.5rem
}

.pb-8{
  padding-bottom:2rem
}

.pl-1{
  padding-left:0.25rem
}

.pl-10{
  padding-left:2.5rem
}

.pl-3{
  padding-left:0.75rem
}

.pr-10{
  padding-right:2.5rem
}

.pr-2{
  padding-right:0.5rem
}

.pr-3{
  padding-right:0.75rem
}

.ps-10{
  padding-inline-start:2.5rem
}

.pt-0{
  padding-top:0px
}

.pt-1{
  padding-top:0.25rem
}

.pt-10{
  padding-top:2.5rem
}

.pt-2{
  padding-top:0.5rem
}

.pt-2\.5{
  padding-top:0.625rem
}

.pt-3{
  padding-top:0.75rem
}

.pt-4{
  padding-top:1rem
}

.pt-5{
  padding-top:1.25rem
}

.pt-8{
  padding-top:2rem
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-justify{
  text-align:justify
}

.align-middle{
  vertical-align:middle
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-md{
  font-size:1.125rem
}

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

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.font-bold{
  font-weight:700
}

.font-extrabold{
  font-weight:800
}

.font-extralight{
  font-weight:200
}

.font-light{
  font-weight:300
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

.italic{
  font-style:italic
}

.ordinal{
  --tw-ordinal:ordinal;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.\!leading-6{
  line-height:1.5rem !important
}

.\!leading-snug{
  line-height:1.375 !important
}

.leading-none{
  line-height:1
}

.leading-normal{
  line-height:1.5
}

.leading-relaxed{
  line-height:1.625
}

.\!text-current{
  color:currentColor !important
}

.text-\[\#1f2937\]{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-\[\#506690\]{
  --tw-text-opacity:1;
  color:rgb(80 102 144 / var(--tw-text-opacity, 1))
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(14 23 38 / var(--tw-text-opacity, 1))
}

.text-danger{
  --tw-text-opacity:1;
  color:rgb(231 81 90 / var(--tw-text-opacity, 1))
}

.text-dark{
  --tw-text-opacity:1;
  color:rgb(59 63 92 / var(--tw-text-opacity, 1))
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-gray-800{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-green-500{
  --tw-text-opacity:1;
  color:rgb(34 197 94 / var(--tw-text-opacity, 1))
}

.text-green-600{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1))
}

.text-primary{
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.text-red-600{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1))
}

.text-red-700{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.text-success{
  --tw-text-opacity:1;
  color:rgb(0 171 85 / var(--tw-text-opacity, 1))
}

.text-warning{
  --tw-text-opacity:1;
  color:rgb(226 160 63 / var(--tw-text-opacity, 1))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-white-dark{
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.line-through{
  text-decoration-line:line-through
}

.antialiased{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.opacity-30{
  opacity:0.3
}

.opacity-70{
  opacity:0.7
}

.shadow{
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_10px_20px_-10px_rgba\(67\2c 97\2c 238\2c 0\.44\)\]{
  --tw-shadow:0 10px 20px -10px rgba(67,97,238,0.44);
  --tw-shadow-colored:0 10px 20px -10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[5px_0_25px_0_rgba\(94\2c 92\2c 154\2c 0\.1\)\]{
  --tw-shadow:5px 0 25px 0 rgba(94,92,154,0.1);
  --tw-shadow-colored:5px 0 25px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline{
  outline-style:solid
}

.blur{
  --tw-blur:blur(8px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale{
  --tw-grayscale:grayscale(100%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-lg{
  --tw-backdrop-blur:blur(16px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-\[display\]{
  transition-property:display;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-\[right\]{
  transition-property:right;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-\[width\]{
  transition-property:width;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-colors{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.duration-300{
  transition-duration:300ms
}

.ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.\[writing-mode\:vertical-lr\]{
  writing-mode:vertical-lr
}

.english-number{
  font-feature-settings: normal;
}

.none-mono-spaced{
  font-feature-settings: normal;
  font-feature-settings: "ss01";
}

.font-iransansx {
  font-family: IRANSansX, sans-serif !important;
  font-feature-settings: "ss01";
}

.font-morabba {
  font-family: Morabba, sans-serif !important;
  font-feature-settings: "ss01";
}

body {
  font-family: IRANSansX, serif !important;
  font-feature-settings: "ss01";
  font-feature-settings: "ss03";
}

* {
  /*user-select: none;*/
}

h1, h2, h3, h4, h5, h6, input, textarea {
  font-family: IRANSansX, serif !important;
  font-feature-settings: "ss01";
  font-feature-settings: "ss03";
}

.apexcharts-canvas, .apexcharts-yaxis, .datepicker-container, .datepicker-day-view {
  font-family: IRANSansX, serif !important;
  font-feature-settings: "ss01";
  font-feature-settings: "ss03";
}

.pb-120 {
  padding-bottom: 340px;
}

.table-text-center td, .table-text-center th {
  text-align: center;
}

.-top-6 {
  top: 1rem;
}

.bg-custom-primary {
  --tw-bg-opacity: 1;
  background-color: #238442 !important;
}

.text-custom-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.dir-ltr {
  direction: ltr !important;
}

.dir-rtl {
  direction: rtl !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.badge-br {
  line-height: 2rem !important;
}

.display-none {
  display: none;
}

@keyframes pulse-border {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);
  }

  70% {
    box-shadow: 0 0 15px 5px rgba(255, 0, 0, 0.2);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

.pulse {
  animation: pulse-border 1.5s infinite;
}

.min-w-100-percent {
  min-width: 100%;
}

.font-size-10 {
  font-size: 10px;
}

.pwt-btn-calendar {
  display: none !important;
}

.mr-90 {
  padding-left: 90px !important;
}

/* perfect scrollbar */

.ps__rail-y > .ps__thumb-y,
.ps__rail-y > .ps__thumb-y{
  width:0.375rem !important;
  --tw-bg-opacity:1 !important;
  background-color:rgb(221 221 221 / var(--tw-bg-opacity, 1)) !important
}

.ps__rail-y > .ps__thumb-y:is(.dark *),
.ps__rail-y > .ps__thumb-y:is(.dark *){
  --tw-bg-opacity:1 !important;
  background-color:rgb(45 51 76 / var(--tw-bg-opacity, 1)) !important
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking{
  opacity:0.6 !important;
  background-color:transparent !important
}

/* swal2 */

.swal2-container .swal2-close{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.swal2-container .swal2-close:hover{
  --tw-text-opacity:1;
  color:rgb(234 234 236 / var(--tw-text-opacity, 1))
}

.swal2-container .swal2-close:focus{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.swal2-container .swal2-popup.swal2-toast{
  --tw-bg-opacity:1;
  background-color:rgb(59 63 92 / var(--tw-bg-opacity, 1));
  padding-top:0.625rem;
  padding-bottom:0.625rem;
  padding-left:1.25rem;
  padding-right:1.25rem
}

.swal2-popup.swal2-toast .swal2-title,
.swal2-container .swal2-popup.swal2-toast .swal2-html-container{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  padding-right: 10px !important
}

.swal2-container .swal2-popup.swal2-toast.color-primary{
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1))
}

.swal2-container .swal2-popup.swal2-toast.color-secondary{
  --tw-bg-opacity:1;
  background-color:rgb(128 93 202 / var(--tw-bg-opacity, 1))
}

.swal2-container .swal2-popup.swal2-toast.color-warning{
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63 / var(--tw-bg-opacity, 1))
}

.swal2-container .swal2-popup.swal2-toast.color-info{
  --tw-bg-opacity:1;
  background-color:rgb(33 150 243 / var(--tw-bg-opacity, 1))
}

.swal2-container .swal2-popup.swal2-toast.color-danger{
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90 / var(--tw-bg-opacity, 1))
}

.swal2-container .swal2-popup.swal2-toast.color-success{
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85 / var(--tw-bg-opacity, 1))
}

/* apex chart */

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
.apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
  box-shadow: none;
  border-color:#050717cc;
  background-color:#050717cc;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.apexcharts-canvas .apexcharts-xaxistooltip-bottom:before,
.apexcharts-canvas .apexcharts-xaxistooltip-bottom:after{
  border-bottom-color:#050717cc
}

.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(6 8 24 / var(--tw-bg-opacity, 1))
}

.apexcharts-legend-series:where([dir="ltr"], [dir="ltr"] *){
  margin-right:0.5rem !important
}

.apexcharts-legend-series:where([dir="rtl"], [dir="rtl"] *){
  margin-left:0.5rem !important
}

.dark .apexcharts-title-text {
  fill: #e0e6ed;
}

.dark .apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label,
.dark .apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label {
  fill: #e0e6ed;
}

.dark .apexcharts-canvas .apexcharts-text,
.dark .apexcharts-canvas .apexcharts-text {
  fill: #e0e6ed;
}

.dark .apexcharts-canvas .apexcharts-legend-text {
  color: #e0e6ed !important;
}

.dark .apexcharts-canvas .apexcharts-radialbar-track.apexcharts-track .apexcharts-radialbar-area {
  stroke: #191e3a;
}

.dark .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble .apexcharts-marker {
  stroke: #191e3a;
}

.dark .apexcharts-canvas .apexcharts-pie-label,
.dark .apexcharts-canvas .apexcharts-datalabel,
.dark .apexcharts-canvas .apexcharts-datalabel-label,
.dark .apexcharts-canvas .apexcharts-datalabel-value {
  fill: #bfc9d4;
}

.dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
  box-shadow: none;
}

.apexcharts-canvas .apexcharts-legend-marker:where([dir="ltr"], [dir="ltr"] *){
  margin-right:0.375rem !important
}

.apexcharts-canvas .apexcharts-legend-marker:where([dir="rtl"], [dir="rtl"] *){
  margin-left:0.375rem;
  margin-right:0px !important
}

[dir='rtl'] .apexcharts-tooltip-marker{
  margin-right:0px;
  margin-left:0.625rem
}

.w-full-nice-select .nice-select, .nice-select-dropdown {
  width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
}

.nice-select-dropdown li {
  text-align: right !important;
}

.c-orange-color {
  color: #ef8e2e !important;
}

.nice-select-2 .option:hover, .nice-select-2 .option.focus, .nice-select-2 .option.selected.focus {
  background-color: #f6f6f6 !important;
}

.nice-select-2 li {
  cursor: pointer !important;
}

.nice-select .nice-select-search-box {
  width: 90% !important;
}

.center-li li{
  place-items: center !important;
}

.filepond--file-status-main {
  font-family: IRANSansx, sans-serif !important;
  direction: rtl !important;
  font-weight: bold !important;
}

.filepond--file-status-sub {
  font-family: IRANSansX, sans-serif !important;
  direction: rtl !important;
  font-size: 0.725em !important;
  opacity: 0.8 !important;
}

[data-filepond-item-state*=error] .filepond--item-panel, [data-filepond-item-state*=invalid] .filepond--item-panel {
  background-color: #e7515a !important;
}

[data-filepond-item-state*=idle] .filepond--item-panel, [data-filepond-item-state*=idle] .filepond--item-panel {
  background-color: #0ba360 !important;
}

.c-bg-green-1{
  background-color: #e3f3e9 !important;
}

.c-bg-green-2{
  background-color: #1d3920 !important;
  color: white !important;
}

.dark .c-bg-green-2{
  background-color: #1a2842 !important;
  color: #888ea8 !important;
}

.font-weight-400 th{
  font-weight: 400 !important;
}

.rtl .nice-select .option {
  text-align: right
}

.dark .nice-select,.dark .nice-select.open {
  background-color: #1b2e4b;
  border-color: #253b5c!important
}

.dark .nice-select .nice-select-dropdown {
  background-color: #1b2e4b
}

.dark .nice-select .nice-select-search,.dark .nice-select .option.focus,.dark .nice-select .option.selected.focus,.dark .nice-select .option:hover {
  background-color: #132136;
  border-color: #253b5c!important;
  color: #888ea8
}

.dark .filepond--drop-label
{
  background-color: #1b2e4b !important;
  color: #888ea8 !important;
}

table.c-table-1 td {
  border: 1px solid rgb(224, 224, 224);
  padding: 14px !important;
}

.dark table.c-table-1 td {
  border: 1px solid #1a2842;
}

table.c-table-1 tr.td-no-border td {
  border: none !important;
}

.c-bg-color-1 {
  background-color: rgb(250, 250, 250) !important;
}

.dark .c-bg-color-1 {
  background-color: #0e1726 !important;
}

.nice-select-dropdown .option.disabled {
  display: none;
}

.company-row {
  transition: all 0.4s ease;
  margin-top:0.75rem;
  display:flex;
  max-height:5rem;
  width:100%;
  cursor:pointer;
  align-items:center;
  overflow:hidden;
  border-radius:0.75rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:0.75rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
  opacity:1;
  --tw-shadow:0 0 4px 2px rgb(31 45 61 / 10%);
  --tw-shadow-colored:0 0 4px 2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms;
}

.company-row:hover{
  --tw-scale-x:1.01;
  --tw-scale-y:1.01;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.company-row:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.company-row.hide {
  opacity: 0;
  max-height: 0;
  padding: 0;
  margin: 0;
}

.c-nice-select-font-size .nice-select-dropdown ul li {
  white-space: normal !important;
  word-wrap: break-word !important;
  font-weight: normal !important;
}

.bg-custom-gray {
  background-color: #ebebeb !important;
}

.bg-custom-gray-2 {
  background-color: #f1f0ee !important;
}

.dark .bg-custom-gray-2 {
  background-color: #1b2e4c !important;
}

table.datatable tbody tr.bg-custom-gray {
  background-color: #ebebeb !important;
}

.search-box{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  border-radius:0px;
  padding-top:0.5rem;
  padding-right:0.75rem;
  padding-bottom:0.5rem;
  padding-left:0.75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow:0 0 #0000;
}

.search-box:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color:#2563eb
}

.search-box::-moz-placeholder{
  color:#6b7280;
  opacity:1
}

.search-box::placeholder{
  color:#6b7280;
  opacity:1
}

.search-box::-webkit-datetime-edit-fields-wrapper{
  padding:0
}

.search-box::-webkit-date-and-time-value{
  min-height:1.5em;
  text-align:inherit
}

.search-box::-webkit-datetime-edit{
  display:inline-flex
}

.search-box::-webkit-datetime-edit,.search-box::-webkit-datetime-edit-year-field,.search-box::-webkit-datetime-edit-month-field,.search-box::-webkit-datetime-edit-day-field,.search-box::-webkit-datetime-edit-hour-field,.search-box::-webkit-datetime-edit-minute-field,.search-box::-webkit-datetime-edit-second-field,.search-box::-webkit-datetime-edit-millisecond-field,.search-box::-webkit-datetime-edit-meridiem-field{
  padding-top:0;
  padding-bottom:0
}

.search-box{
  width:100%;
  border-radius:0.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(224 230 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(14 23 38 / var(--tw-text-opacity, 1));
  outline:2px solid transparent !important;
  outline-offset:2px !important
}

.search-box:focus{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  --tw-ring-color:transparent
}

.search-box:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(23 38 60 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(18 30 50 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.search-box:focus:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1))
}

.has-error .search-box{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1));
  background-color:rgb(231 81 90 / 0.08);
  --tw-text-opacity:1;
  color:rgb(231 81 90 / var(--tw-text-opacity, 1))
}

.has-error .search-box::-moz-placeholder{
  color:rgb(231 81 90 / 0.7)
}

.has-error .search-box::placeholder{
  color:rgb(231 81 90 / 0.7)
}

.has-error .search-box:focus{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1))
}

.has-success .search-box{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1));
  background-color:rgb(0 171 85 / 0.08);
  --tw-text-opacity:1;
  color:rgb(0 171 85 / var(--tw-text-opacity, 1))
}

.has-success .search-box::-moz-placeholder{
  color:rgb(0 171 85 / 0.7)
}

.has-success .search-box::placeholder{
  color:rgb(0 171 85 / 0.7)
}

.has-success .search-box:focus{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1))
}

.search-box{
  border-radius:0.75rem;
  border-width:0px;
  border-left-width:1px;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.search-box::-moz-placeholder{
  letter-spacing:0.05em
}

.search-box::placeholder{
  letter-spacing:0.05em
}

.search-box:focus{
  --tw-shadow:0 0 5px 2px rgb(194 213 255 / 62%);
  --tw-shadow-colored:0 0 5px 2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px
}

.search-box:is(.dark *){
  --tw-shadow-color:#1b2e4b;
  --tw-shadow:var(--tw-shadow-colored)
}

.step-box{
  display:flex;
  height:4rem;
  width:4rem;
  align-items:center;
  justify-content:center;
  border-radius:0.5rem;
  border-width:3px;
  --tw-border-opacity:1;
  border-color:rgb(243 242 238 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}

.group:hover .step-box{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.step-box:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(27 46 75 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(37 59 92 / var(--tw-bg-opacity, 1))
}

.invoice-comparison-step{
  display:flex;
  height:4rem;
  width:4rem;
  align-items:center;
  justify-content:center;
  border-radius:0.5rem;
  border-width:3px;
  --tw-border-opacity:1;
  border-color:rgb(243 242 238 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}

.group:hover .invoice-comparison-step{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.invoice-comparison-step:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(27 46 75 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(37 59 92 / var(--tw-bg-opacity, 1))
}

.vat-report-step{
  display:flex;
  height:4rem;
  width:4rem;
  align-items:center;
  justify-content:center;
  border-radius:0.5rem;
  border-width:3px;
  --tw-border-opacity:1;
  border-color:rgb(243 242 238 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}

.group:hover .vat-report-step{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.vat-report-step:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(27 46 75 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(37 59 92 / var(--tw-bg-opacity, 1))
}

.app-theme{
  display:flex;
  align-items:center;
  border-radius:9999px;
  background-color:rgb(224 230 237 / 0.4);
  padding:0.5rem
}

.app-theme:hover{
  background-color:rgb(224 230 237 / 0.9);
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.app-theme:is(.dark *){
  background-color:rgb(59 63 92 / 0.4)
}

.app-theme:hover:is(.dark *){
  background-color:rgb(59 63 92 / 0.6)
}

.collapse-section{
  display:flex;
  flex:none;
  border-radius:9999px;
  background-color:rgb(224 230 237 / 0.4);
  padding:0.5rem
}

.collapse-section:hover{
  background-color:rgb(224 230 237 / 0.9);
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.collapse-section:is(.dark *){
  background-color:rgb(59 63 92 / 0.4);
  --tw-text-opacity:1;
  color:rgb(208 210 214 / var(--tw-text-opacity, 1))
}

.collapse-section:hover:is(.dark *){
  background-color:rgb(59 63 92 / 0.6);
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px){
  .collapse-section{
    display:none
  }
}

.collapse-section:where([dir="ltr"], [dir="ltr"] *){
  margin-left:0.5rem
}

.collapse-section:where([dir="rtl"], [dir="rtl"] *){
  margin-right:0.5rem
}

.side-nav-item{
  font-weight:400
}

.group:hover .side-nav-item:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.side-nav-item:where([dir="ltr"], [dir="ltr"] *){
  padding-left:0.75rem
}

.side-nav-item:where([dir="rtl"], [dir="rtl"] *){
  padding-right:0.75rem
}

.nav-link:hover{
  --tw-text-opacity:1 !important;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1)) !important
}

.nav-item ul li a{
  font-size:0.875rem !important;
  line-height:1.25rem !important;
  font-weight:400 !important
}

.kebab-button{
  display:inline-flex;
  height:2rem;
  width:2rem;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1))
}

.kebab-button:hover{
  --tw-bg-opacity:1;
  background-color:rgb(217 228 221 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.kebab-button:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75 / var(--tw-bg-opacity, 1))
}

.nice-select .option.selected{
  --tw-text-opacity:1 !important;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1)) !important
}

.tab-button{
  position:relative;
  margin-bottom:-1px;
  display:flex;
  align-items:center;
  padding:1.25rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.tab-button::before{
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  margin:auto;
  height:1px;
  width:0px;
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1));
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  content:var(--tw-content);
  transition-duration:700ms
}

.tab-button:hover{
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.tab-button:hover::before{
  content:var(--tw-content);
  width:100%
}

.highcharts-contextmenu {
  direction: rtl;
  text-align: right;
}

.highcharts-contextmenu li {
  text-align: right;
}

.copyable{
  cursor:pointer
}

.rtl .nice-select {
  text-align: right!important;
  padding-left: 30px;
  padding-right: 18px
}

.rtl .nice-select:after {
  right: auto;
  left: 12px
}

.rtl .nice-select .option {
  text-align: right
}

.dropdown-transition {
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
}

.dropdown-transition.show {
  opacity: 1;
  max-height: 500px;
  pointer-events: auto;
}

.hb-multi-select{
  position:relative;
  display:inline-block;
  width:100%
}

.hb-multi-select label{
  margin-bottom:0.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:400
}

.hb-multi-select-button{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hb-multi-select-button:hover{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))
}

.hb-multi-select-dropdown{
  position:absolute;
  z-index:10;
  margin-top:0.25rem;
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  width: 90% !important
}

.hb-multi-select-dropdown label{
  display:block;
  cursor:pointer;
  align-items:center;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:0.5rem;
  padding-top:1rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.hb-multi-select-dropdown label:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.hb-multi-select-dropdown input{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  padding:0;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact;
  display:inline-block;
  vertical-align:middle;
  background-origin:border-box;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  flex-shrink:0;
  height:1rem;
  width:1rem;
  color:#2563eb;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  --tw-shadow:0 0 #0000;
  border-radius:0px
}

.hb-multi-select-dropdown input:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:2px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.hb-multi-select-dropdown input:checked{
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
  .hb-multi-select-dropdown input:checked{
    -webkit-appearance:auto;
       -moz-appearance:auto;
            appearance:auto
  }
}

.hb-multi-select-dropdown input:checked:hover,.hb-multi-select-dropdown input:checked:focus{
  border-color:transparent;
  background-color:currentColor
}

.hb-multi-select-dropdown input:indeterminate{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
}

@media (forced-colors: active) {
  .hb-multi-select-dropdown input:indeterminate{
    -webkit-appearance:auto;
       -moz-appearance:auto;
            appearance:auto
  }
}

.hb-multi-select-dropdown input:indeterminate:hover,.hb-multi-select-dropdown input:indeterminate:focus{
  border-color:transparent;
  background-color:currentColor
}


    .has-error .hb-multi-select-dropdown input{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1))
}

.hb-multi-select-dropdown input{
  height:1.25rem;
  width:1.25rem;
  cursor:pointer;
  border-radius:0.25rem;
  border-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(224 230 237 / var(--tw-border-opacity, 1));
  background-color:transparent;
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1));
  --tw-shadow:0 0 #0000 !important;
  --tw-shadow-colored:0 0 #0000 !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  outline:2px solid transparent !important;
  outline-offset:2px !important;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-offset-width:0px !important
}

.hb-multi-select-dropdown input:checked{
  background-size:90% 90%
}

.hb-multi-select-dropdown input:disabled{
  cursor:not-allowed;
  --tw-bg-opacity:1;
  background-color:rgb(238 238 238 / var(--tw-bg-opacity, 1))
}

.hb-multi-select-dropdown input:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(37 59 92 / var(--tw-border-opacity, 1))
}

.hb-multi-select-dropdown input:checked:is(.dark *){
  border-color:transparent
}

.hb-multi-select-dropdown input:disabled:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75 / var(--tw-bg-opacity, 1))
}

.hb-multi-select-dropdown input:where([dir="ltr"], [dir="ltr"] *){
  margin-right:0.375rem
}

.hb-multi-select-dropdown input:where([dir="rtl"], [dir="rtl"] *){
  margin-left:0.375rem
}

.hb-multi-select-dropdown input.outline-primary:checked{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23238442' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.hb-multi-select-dropdown input.outline-secondary:checked{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23805dca' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.hb-multi-select-dropdown input.outline-success:checked{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2300ab55' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.hb-multi-select-dropdown input.outline-danger:checked{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e7515a' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.hb-multi-select-dropdown input.outline-warning:checked{
  --tw-border-opacity:1;
  border-color:rgb(226 160 63 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e2a03f' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.hb-multi-select-dropdown input.outline-info:checked{
  --tw-border-opacity:1;
  border-color:rgb(33 150 243 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%232196f3' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.hb-multi-select-dropdown input.outline-dark:checked{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92 / var(--tw-border-opacity, 1));
  background-color:transparent;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233b3f5c' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>")
}

.hb-multi-select-dropdown input{
  border-radius:0.25rem;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.hb-multi-select-dropdown span{
  margin-left:0.5rem
}

.dark .hb-multi-select-dropdown, .dark .hb-multi-select-button {
  background-color: #1b2e4b;
  border-color: #43597a !important;
  color: white;
}

.dark .hb-multi-select-dropdown, .dark span {
  color: white;
}

.dark .hb-multi-select-dropdown label:hover {
  background-color: #132136;
  border-color: #253b5c!important;
  color: #888ea8
}

.driver-popover .driver-popover-title,
.driver-popover .driver-popover-content,
.driver-popover .driver-popover-description,
.driver-popover .driver-popover-footer,
.driver-popover .driver-popover-progress-text,
.driver-popover .driver-popover-prev-btn,
.driver-popover .driver-popover-next-btn {
  font-family: iransansX, sans-serif !important;
}

.driver-popover .driver-popover-prev-btn,
.driver-popover .driver-popover-next-btn{
  font-size:0.875rem !important;
  line-height:1.25rem !important
}

.driver-popover .driver-popover-content,
.driver-popover .driver-popover-description{
  font-size:0.875rem !important;
  line-height:1.25rem !important
}

.driver-popover-footer button{
  font-weight:500 !important;
  font-family: IRANSansX, sans-serif;
  font-feature-settings: "ss01"
}

.btn-scroll{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:0.375rem;
  border-width:1px;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:600;
  --tw-shadow:0 10px 20px -10px;
  --tw-shadow-colored:0 10px 20px -10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline:2px solid transparent;
  outline-offset:2px;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}

.btn-scroll:hover{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-scroll[disabled]{
  cursor:not-allowed;
  opacity:0.6
}

.btn-scroll{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-scroll:hover{
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.btn-scroll{
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(248 248 248 / var(--tw-bg-opacity, 1));
  padding:0.5rem
}

.btn-scroll:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(6 8 24 / var(--tw-bg-opacity, 1))
}

.btn-scroll:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1))
}

.primary-card{
  display:flex;
  height:3rem;
  width:3rem;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border-radius:0.75rem;
  background-color:rgb(35 132 66 / 0.1);
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.primary-card:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(35 132 66 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.success-card{
  display:flex;
  height:3rem;
  width:3rem;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border-radius:0.75rem;
  background-color:rgb(0 171 85 / 0.1);
  --tw-text-opacity:1;
  color:rgb(0 171 85 / var(--tw-text-opacity, 1))
}

.success-card:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.danger-card{
  display:flex;
  height:3rem;
  width:3rem;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border-radius:0.75rem;
  background-color:rgb(231 81 90 / 0.1);
  --tw-text-opacity:1;
  color:rgb(231 81 90 / var(--tw-text-opacity, 1))
}

.danger-card:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.warning-card{
  display:flex;
  height:3rem;
  width:3rem;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border-radius:0.75rem;
  background-color:rgb(226 160 63 / 0.1);
  --tw-text-opacity:1;
  color:rgb(226 160 63 / var(--tw-text-opacity, 1))
}

.warning-card:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.tr-hover:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(217 228 221 / var(--tw-bg-opacity, 1)) !important
}

.table-striped tbody .tr-hover:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(217 228 221 / var(--tw-bg-opacity, 1)) !important
}

.c-border-primary {
  border-color: rgb(67 97 238 / 1) !important;
}

.item-disabled{
  pointer-events:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  opacity:0.5
}

.fix-hf-datatable {
  min-width: 100%;
  border-collapse: collapse;
}

.fix-hf-datatable thead,
.dataTable-bottom,
.fix-hf-datatable .fix-hf-datatable-footer {
  background-color: inherit;
  position: sticky;
  z-index: 2;
}

.fix-hf-datatable thead {
  top: 0;
}

.fix-hf-datatable tfoot,
.fix-hf-datatable .fix-hf-datatable-footer {
  bottom: 0;
}

.fix-hf-datatable thead tr,
.fix-hf-datatable .fix-hf-datatable-footer {
  table-layout: fixed;
}

/*.dataTable-container{*/

/*    max-height: 65vh;*/

/*    overflow: auto;*/

/*}*/

.dt-custom-h-1 .dataTable-container{
  max-height: 75vh;
  overflow: auto;
}

.dt-custom-h-2 .dataTable-container{
  max-height: 65vh;
  overflow: auto;
}

.announcement-box {
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 3px, rgba(0, 0, 0, 0.24) 0 1px 2px;
  max-height:64vh;
  overflow-y:auto;
  border-radius:0.5rem;
  padding:1.5rem;
  text-align:justify;
  font-size:1rem;
  line-height:1.5rem;
  font-weight:300;
  line-height:1.625;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.announcement-box:is(.dark *){
  color:rgb(136 142 168 / 0.7);
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.c-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #828589 transparent;
}

.c-scrollbar::-webkit-scrollbar {
  width: 2rem;
}

.c-scrollbar::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
}

.c-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #777;
}

.file-preview.bg-green-100 {
  animation: successFade 0.7s ease-in-out;
}

@keyframes successFade {
  from {
    background-color: #dcfce7;
    transform: scale(1.02);
  }

  to   {
    background-color: #f0fdf4;
    transform: scale(1);
  }
}

.errors-box{
  margin-top:1.5rem;
  align-items:center;
  border-radius:0.25rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(231 81 90 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 245 245 / var(--tw-bg-opacity, 1));
  padding:0.875rem;
  --tw-text-opacity:1;
  color:rgb(231 81 90 / var(--tw-text-opacity, 1))
}

.errors-box:is(.dark *){
  background-color:rgba(231,81,90,.15)
}

.drop-zone{
  margin-top:1rem;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  gap:0.75rem;
  border-radius:0.75rem;
  border-width:2px;
  border-style:dashed;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding:1rem;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.drop-zone:hover{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.drop-zone:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.file-preview{
  margin-top:1rem;
  flex-direction:column;
  gap:0.75rem;
  border-radius:0.75rem;
  border-width:1px;
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding:0.75rem
}

.file-preview:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.select-file-preview.bg-green-100 {
  animation: successFade 0.7s ease-in-out;
}

.select-file-preview{
  margin-top:1rem;
  flex-direction:column;
  gap:0.75rem;
  border-radius:0.75rem;
  border-width:1px;
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding:0.75rem
}

.select-file-preview:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.span-file-name{
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.span-file-name:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(243 244 246 / var(--tw-text-opacity, 1))
}

.span-file-size{
  display:block;
  padding-top:0.125rem;
  text-align:right !important;
  font-size:0.75rem;
  line-height:1rem;
  font-weight:300;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
  direction: ltr
}

.span-file-size:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.select-span-file-name{
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.select-span-file-name:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(243 244 246 / var(--tw-text-opacity, 1))
}

.select-span-file-date{
  display:block;
  padding-top:0.125rem;
  text-align:right !important;
  font-size:0.75rem;
  line-height:1rem;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
  direction: ltr
}

.select-span-file-date:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.bg-gradient-1 {
  background: hsla(160, 50%, 51%, 1);
  background: linear-gradient(180deg, hsla(160, 50%, 51%, 1) 0%, hsla(246, 29%, 19%, 1) 100%);
  background: -webkit-linear-gradient(180deg, hsla(160, 50%, 51%, 1) 0%, hsla(246, 29%, 19%, 1) 100%);
}

.key-textarea{
  cursor:text;
  resize:none;
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:0.75rem;
  line-height:1rem;
  font-feature-settings: normal;
  font-feature-settings: "ss01";
  direction: ltr
}

.key-textarea:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.key-textarea::-webkit-scrollbar {
  width: 6px;
}

.key-textarea::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.key-textarea::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

.key-textarea::-webkit-scrollbar-thumb:hover {
  background: #555;
}

code {
  background-color: rgba(0,0,0,0.05);
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.875rem;
}

.dark code {
  background-color: rgba(255,255,255,0.1);
}

.lottie-container{
  margin-left:auto;
  margin-right:auto;
  aspect-ratio:1 / 1;
  width:100%;
  max-width:16rem
}

@media (min-width: 640px){
  .lottie-container{
    max-width:16rem
  }
}

@media (min-width: 768px){
  .lottie-container{
    max-width:20rem
  }
}

@media (min-width: 1024px){
  .lottie-container{
    max-width:25rem
  }
}

@media (min-width: 1280px){
  .lottie-container{
    max-width:30rem
  }
}

.radio-box{
  position:relative;
  display:block;
  cursor:pointer
}

.radio-box svg{
  pointer-events:none;
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:10;
  height:1.25rem;
  width:1.25rem;
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1));
  transition-property:opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:200ms;
  opacity: 0
}

.radio-box div{
  position:relative;
  border-radius:0.5rem;
  border-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding:1rem;
  text-align:center;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:200ms
}

.radio-box div:hover{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.radio-box div span{
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:200ms
}

.radio-box input:checked ~ svg {
  opacity: 1;
}

.radio-box input:checked ~ div{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  background-color:rgb(35 132 66 / 0.05)
}

.radio-box input:checked ~ div:hover{
  --tw-border-opacity:1;
  border-color:rgb(35 132 66 / var(--tw-border-opacity, 1));
  background-color:rgb(35 132 66 / 0.05)
}

.radio-box input:checked ~ div span{
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.required-star::after {
  content: " *";
  --tw-text-opacity:1;
  color:rgb(231 81 90 / var(--tw-text-opacity, 1));
}

.c-label-1{
  font-size:0.75rem;
  line-height:1rem;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.datepicker {
  direction: ltr;
}

.datepicker-container,
.datepicker-plot-area,
.pwt-btn,
.pwt-btn-today,
.pwt-btn-calendar,
.pwt-btn-submit,
.pwt-btn-close,
.plotId{
  font-family: IRANSansX, sans-serif !important;
}

[class^="datepicker"],
[class*=" datepicker"],
.pwt-datepicker,
.pwt-datepicker * {
  font-family: IRANSansX, sans-serif !important;
}

.before\:container::before{
  content:var(--tw-content);
  width:100%;
  margin-right:auto;
  margin-left:auto
}

@media (min-width: 640px){
  .before\:container::before{
    content:var(--tw-content);
    max-width:640px
  }
}

@media (min-width: 768px){
  .before\:container::before{
    content:var(--tw-content);
    max-width:768px
  }
}

@media (min-width: 1024px){
  .before\:container::before{
    content:var(--tw-content);
    max-width:1024px
  }
}

@media (min-width: 1280px){
  .before\:container::before{
    content:var(--tw-content);
    max-width:1280px
  }
}

@media (min-width: 1536px){
  .before\:container::before{
    content:var(--tw-content);
    max-width:1536px
  }
}

@media (min-width: 1800px){
  .before\:container::before{
    content:var(--tw-content);
    max-width:1800px
  }
}

@media (min-width: 2100px){
  .before\:container::before{
    content:var(--tw-content);
    max-width:2100px
  }
}

@media (min-width: 2400px){
  .before\:container::before{
    content:var(--tw-content);
    max-width:2400px
  }
}

@media (min-width: 2800px){
  .before\:container::before{
    content:var(--tw-content);
    max-width:2800px
  }
}

.placeholder\:text-white-dark::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.placeholder\:text-white-dark::placeholder{
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.before\:absolute::before{
  content:var(--tw-content);
  position:absolute
}

.before\:left-1\/2::before{
  content:var(--tw-content);
  left:50%
}

.before\:aspect-square::before{
  content:var(--tw-content);
  aspect-ratio:1 / 1
}

.before\:w-full::before{
  content:var(--tw-content);
  width:100%
}

.before\:-translate-x-1\/2::before{
  content:var(--tw-content);
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:rounded-full::before{
  content:var(--tw-content);
  border-radius:9999px
}

.before\:bg-\[linear-gradient\(180deg\2c \#238442\;_0\%\2c rgba\(67\2c 97\2c 238\2c 0\)_50\.73\%\)\]::before{
  content:var(--tw-content);
  background-image:linear-gradient(180deg,#238442; 0%,rgba(67,97,238,0) 50.73%)
}

.before\:opacity-10::before{
  content:var(--tw-content);
  opacity:0.1
}

.before\:content-\[\'\/\'\]::before{
  --tw-content:'/';
  content:var(--tw-content)
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-500\/10:hover{
  background-color:rgb(107 114 128 / 0.1)
}

.hover\:\!text-\[\#fab758\]:hover{
  --tw-text-opacity:1 !important;
  color:rgb(250 183 88 / var(--tw-text-opacity, 1)) !important
}

.hover\:text-dark:hover{
  --tw-text-opacity:1;
  color:rgb(59 63 92 / var(--tw-text-opacity, 1))
}

.hover\:text-primary:hover{
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.hover\:underline:hover{
  text-decoration-line:underline
}

.hover\:opacity-100:hover{
  opacity:1
}

.hover\:opacity-80:hover{
  opacity:0.8
}

.group:hover .group-hover\:\!text-primary{
  --tw-text-opacity:1 !important;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1)) !important
}

.peer:focus ~ .peer-focus\:text-primary{
  --tw-text-opacity:1;
  color:rgb(35 132 66 / var(--tw-text-opacity, 1))
}

.dark\:border-\[\#191e3a\]:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(25 30 58 / var(--tw-border-opacity, 1))
}

.dark\:border-\[\#1b2e4b\]:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(27 46 75 / var(--tw-border-opacity, 1))
}

.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))
}

.dark\:border-success:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(0 171 85 / var(--tw-border-opacity, 1))
}

.dark\:border-white-light\/10:is(.dark *){
  border-color:rgb(224 230 237 / 0.1)
}

.dark\:border-b-black:is(.dark *){
  --tw-border-opacity:1;
  border-bottom-color:rgb(14 23 38 / var(--tw-border-opacity, 1))
}

.dark\:border-r-black:is(.dark *){
  --tw-border-opacity:1;
  border-right-color:rgb(14 23 38 / var(--tw-border-opacity, 1))
}

.dark\:bg-\[\#060818\]:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(6 8 24 / var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#0e1726\]:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(14 23 38 / var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#121c2c\]:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(18 28 44 / var(--tw-bg-opacity, 1))
}

.dark\:bg-black:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(14 23 38 / var(--tw-bg-opacity, 1))
}

.dark\:bg-black\/50:is(.dark *){
  background-color:rgb(14 23 38 / 0.5)
}

.dark\:bg-danger-dark-light:is(.dark *){
  background-color:rgba(231,81,90,.15)
}

.dark\:bg-dark\/40:is(.dark *){
  background-color:rgb(59 63 92 / 0.4)
}

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-800\/90:is(.dark *){
  background-color:rgb(31 41 55 / 0.9)
}

.dark\:bg-gray-900:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

.dark\:bg-green-900\/20:is(.dark *){
  background-color:rgb(20 83 45 / 0.2)
}

.dark\:bg-primary-dark-light:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgba(35, 132, 66, var(--tw-bg-opacity, 1))
}

.dark\:bg-success-dark-light:is(.dark *){
  background-color:rgba(0,171,85,.15)
}

.dark\:bg-warning:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63 / var(--tw-bg-opacity, 1))
}

.dark\:bg-warning-dark-light:is(.dark *){
  background-color:rgba(226,160,63,.15)
}

.dark\:bg-white\/10:is(.dark *){
  background-color:rgb(255 255 255 / 0.1)
}

.dark\:text-\[\#d0d2d6\]:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(208 210 214 / var(--tw-text-opacity, 1))
}

.dark\:text-dark-light\/60:is(.dark *){
  color:rgb(234 234 236 / 0.6)
}

.dark\:text-gray-100:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(243 244 246 / var(--tw-text-opacity, 1))
}

.dark\:text-gray-200:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.dark\:text-white-dark:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(136 142 168 / var(--tw-text-opacity, 1))
}

.dark\:text-white-dark\/70:is(.dark *){
  color:rgb(136 142 168 / 0.7)
}

.dark\:text-white-light:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(224 230 237 / var(--tw-text-opacity, 1))
}

.dark\:text-white-light\/90:is(.dark *){
  color:rgb(224 230 237 / 0.9)
}

.dark\:hover\:bg-dark-light\/10:hover:is(.dark *){
  background-color:rgb(234 234 236 / 0.1)
}

.dark\:hover\:bg-dark\/60:hover:is(.dark *){
  background-color:rgb(59 63 92 / 0.6)
}

.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px){
  .sm\:w-auto{
    width:auto
  }

  .sm\:flex-1{
    flex:1 1 0%
  }

  .sm\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .sm\:px-16{
    padding-left:4rem;
    padding-right:4rem
  }
}

@media (min-width: 768px){
  .md\:absolute{
    position:absolute
  }

  .md\:col-span-1{
    grid-column:span 1 / span 1
  }

  .md\:col-span-2{
    grid-column:span 2 / span 2
  }

  .md\:col-span-3{
    grid-column:span 3 / span 3
  }

  .md\:col-span-5{
    grid-column:span 5 / span 5
  }

  .md\:-mt-14{
    margin-top:-3.5rem
  }

  .md\:mt-4{
    margin-top:1rem
  }

  .md\:block{
    display:block
  }

  .md\:hidden{
    display:none
  }

  .md\:w-auto{
    width:auto
  }

  .md\:max-w-\[20rem\]{
    max-width:20rem
  }

  .md\:max-w-xl{
    max-width:36rem
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .md\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .md\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .md\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr))
  }

  .md\:grid-cols-7{
    grid-template-columns:repeat(7, minmax(0, 1fr))
  }

  .md\:py-20{
    padding-top:5rem;
    padding-bottom:5rem
  }

  .md\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem
  }
}

@media (min-width: 1024px){
  .lg\:hidden{
    display:none
  }

  .lg\:min-h-\[650px\]{
    min-height:650px
  }

  .lg\:w-1\/2{
    width:50%
  }

  .lg\:w-2\/3{
    width:66.666667%
  }

  .lg\:w-\[60\%\]{
    width:60%
  }

  .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.5rem * var(--tw-space-x-reverse));
    margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
  }

  .lg\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .lg\:pl-32{
    padding-left:8rem
  }

  .lg\:pr-32{
    padding-right:8rem
  }
}

@media (min-width: 1280px){
  .xl\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr))
  }
}

.ltr\:\!right-0:where([dir="ltr"], [dir="ltr"] *){
  right:0px !important
}

.ltr\:-left-12:where([dir="ltr"], [dir="ltr"] *){
  left:-3rem
}

.ltr\:-right-\[400px\]:where([dir="ltr"], [dir="ltr"] *){
  right:-400px
}

.ltr\:left-0:where([dir="ltr"], [dir="ltr"] *){
  left:0px
}

.ltr\:right-0:where([dir="ltr"], [dir="ltr"] *){
  right:0px
}

.ltr\:right-6:where([dir="ltr"], [dir="ltr"] *){
  right:1.5rem
}

.ltr\:right-\[11px\]:where([dir="ltr"], [dir="ltr"] *){
  right:11px
}

.ltr\:ml-2:where([dir="ltr"], [dir="ltr"] *){
  margin-left:0.5rem
}

.ltr\:ml-3:where([dir="ltr"], [dir="ltr"] *){
  margin-left:0.75rem
}

.ltr\:ml-auto:where([dir="ltr"], [dir="ltr"] *){
  margin-left:auto
}

.ltr\:mr-1:where([dir="ltr"], [dir="ltr"] *){
  margin-right:0.25rem
}

.ltr\:mr-2:where([dir="ltr"], [dir="ltr"] *){
  margin-right:0.5rem
}

.ltr\:mr-3:where([dir="ltr"], [dir="ltr"] *){
  margin-right:0.75rem
}

.ltr\:rounded-bl-full:where([dir="ltr"], [dir="ltr"] *){
  border-bottom-left-radius:9999px
}

.ltr\:rounded-tl-full:where([dir="ltr"], [dir="ltr"] *){
  border-top-left-radius:9999px
}

.ltr\:pl-4:where([dir="ltr"], [dir="ltr"] *){
  padding-left:1rem
}

.ltr\:pr-11:where([dir="ltr"], [dir="ltr"] *){
  padding-right:2.75rem
}

.ltr\:pr-2:where([dir="ltr"], [dir="ltr"] *){
  padding-right:0.5rem
}

.ltr\:before\:mr-1:where([dir="ltr"], [dir="ltr"] *)::before{
  content:var(--tw-content);
  margin-right:0.25rem
}

@media (min-width: 640px){
  .ltr\:sm\:ml-0:where([dir="ltr"], [dir="ltr"] *){
    margin-left:0px
  }

  .sm\:ltr\:mr-auto:where([dir="ltr"], [dir="ltr"] *){
    margin-right:auto
  }

  .ltr\:sm\:text-left:where([dir="ltr"], [dir="ltr"] *){
    text-align:left
  }
}

.rtl\:\!left-0:where([dir="rtl"], [dir="rtl"] *){
  left:0px !important
}

.rtl\:-left-\[400px\]:where([dir="rtl"], [dir="rtl"] *){
  left:-400px
}

.rtl\:-right-12:where([dir="rtl"], [dir="rtl"] *){
  right:-3rem
}

.rtl\:left-0:where([dir="rtl"], [dir="rtl"] *){
  left:0px
}

.rtl\:left-6:where([dir="rtl"], [dir="rtl"] *){
  left:1.5rem
}

.rtl\:left-\[11px\]:where([dir="rtl"], [dir="rtl"] *){
  left:11px
}

.rtl\:right-0:where([dir="rtl"], [dir="rtl"] *){
  right:0px
}

.rtl\:ml-1:where([dir="rtl"], [dir="rtl"] *){
  margin-left:0.25rem
}

.rtl\:ml-2:where([dir="rtl"], [dir="rtl"] *){
  margin-left:0.5rem
}

.rtl\:ml-3:where([dir="rtl"], [dir="rtl"] *){
  margin-left:0.75rem
}

.rtl\:mr-3:where([dir="rtl"], [dir="rtl"] *){
  margin-right:0.75rem
}

.rtl\:mr-auto:where([dir="rtl"], [dir="rtl"] *){
  margin-right:auto
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:1
}

.rtl\:rounded-br-full:where([dir="rtl"], [dir="rtl"] *){
  border-bottom-right-radius:9999px
}

.rtl\:rounded-tr-full:where([dir="rtl"], [dir="rtl"] *){
  border-top-right-radius:9999px
}

.rtl\:pl-11:where([dir="rtl"], [dir="rtl"] *){
  padding-left:2.75rem
}

.rtl\:pl-2:where([dir="rtl"], [dir="rtl"] *){
  padding-left:0.5rem
}

.rtl\:pr-4:where([dir="rtl"], [dir="rtl"] *){
  padding-right:1rem
}

.rtl\:before\:ml-1:where([dir="rtl"], [dir="rtl"] *)::before{
  content:var(--tw-content);
  margin-left:0.25rem
}

@media (min-width: 640px){
  .sm\:rtl\:ml-auto:where([dir="rtl"], [dir="rtl"] *){
    margin-left:auto
  }

  .sm\:rtl\:mr-0:where([dir="rtl"], [dir="rtl"] *){
    margin-right:0px
  }

  .rtl\:sm\:text-right:where([dir="rtl"], [dir="rtl"] *){
    text-align:right
  }
}