@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
/* [project]/node_modules/react-toastify/dist/ReactToastify.css [client] (css) */
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: #ffffffb3;
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: .2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
  padding: 4px;
  position: fixed;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}

.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
    padding: 0;
  }

  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }

  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }

  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}

.Toastify__toast {
  --y: 0;
  -ms-touch-action: none;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  border-radius: var(--toastify-toast-bd-radius);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  z-index: 0;
  direction: ltr;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 8px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px #0000001a;
}

.Toastify__toast--stacked {
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform .3s;
  position: absolute;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity .1s;
}

.Toastify__toast--stacked[data-collapsed="false"] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: "";
  height: calc(var(--g) * 1px);
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.Toastify__toast--stacked[data-pos="top"] {
  top: 0;
}

.Toastify__toast--stacked[data-pos="bot"] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleY(3);
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  flex: auto;
  align-items: center;
  margin: auto 0;
  padding: 6px;
  display: flex;
}

.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  flex-shrink: 0;
  width: 20px;
  margin-inline-end: 10px;
  display: flex;
}

.Toastify--animate {
  animation-duration: .5s;
  animation-fill-mode: both;
}

.Toastify--animate-icon {
  animation-duration: .3s;
  animation-fill-mode: both;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    border-radius: 0;
    margin-bottom: 0;
  }
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  cursor: pointer;
  opacity: .7;
  z-index: 1;
  background: none;
  border: none;
  outline: none;
  align-self: flex-start;
  padding: 0;
  transition: all .3s;
}

.Toastify__close-button--light {
  color: #000;
  opacity: .3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  width: 14px;
  height: 16px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

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

  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: .7;
  transform-origin: 0;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  position: absolute;
  bottom: 0;
  left: 0;
}

.Toastify__progress-bar--animated {
  animation: linear forwards Toastify__trackProgress;
}

.Toastify__progress-bar--controlled {
  transition: transform .2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: 100%;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp {
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.Toastify__progress-bar--wrp[data-hidden="true"] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  box-sizing: border-box;
  border: 2px solid;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  border-radius: 100%;
  width: 20px;
  height: 20px;
  animation: .65s linear infinite Toastify__spin;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

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

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

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

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }

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

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

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

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

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

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

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }

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

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

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

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

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

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }

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

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

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

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

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

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

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }

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

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    opacity: 0;
    animation-timing-function: ease-in;
    transform: perspective(400px)rotate3d(1, 0, 0, 90deg);
  }

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

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

  80% {
    transform: perspective(400px)rotate3d(1, 0, 0, -5deg);
  }

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

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }

  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    visibility: visible;
    transform: translate3d(110%, 0, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    visibility: visible;
    transform: translate3d(-110%, 0, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    visibility: visible;
    transform: translate3d(0, 110%, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    visibility: visible;
    transform: translate3d(0, -110%, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0);
  }

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

/* [project]/src/assets/scss/custom/custom.css [client] (css) */
body {
  background-color: #fcfffc;
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

:invalid {
  color: red;
  outline: none;
}

.font-prime, .font-second {
  font-family: Poppins, sans-serif;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

.rotate90 {
  transform: rotate(90deg);
}

.cursor-pointer {
  cursor: pointer;
}

button {
  border: none;
}

.midBox {
  justify-content: center;
  align-items: center;
  display: flex;
}

.betBox {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background-color: #e8e6f0;
  border-radius: 8px;
  height: 10px;
  min-height: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #e8e6f0;
}

.mainAdminGrid {
  grid-template-columns: 250px auto;
  grid-template-areas: "sideBar admin"
                       "sideBar admin";
  transition: all .4s;
  display: grid;
}

.mainAdminGrid.webAdminGrid {
  grid-template-columns: 110px auto;
}

@media screen and (max-width: 992px) {
  .mainAdminGrid {
    grid-template-columns: 0 auto;
  }

  .mainAdminGrid.webAdminGrid {
    grid-template-columns: 70px auto;
  }
}

@media screen and (max-width: 768px) {
  .mainAdminGrid.webAdminGrid {
    grid-template-columns: 60px auto;
  }
}

.mainAdminGrid .mainSidebar {
  grid-area: sideBar;
}

.mainAdminGrid .mainAdmin {
  grid-area: admin;
}

.emailSubmit {
  width: 100%;
  max-width: 380px;
  margin: auto;
  position: relative;
}

.emailSubmit .webEmail {
  border: #0000;
  border-radius: 5px;
  width: 100%;
  max-width: 380px;
  height: 55px;
  margin-bottom: 10px;
  padding: 0 15px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.emailSubmit .webEmail:focus {
  outline: none;
}

.emailSubmit .mk-btn {
  cursor: pointer;
  background-color: #f1f1f1;
  border: #0000;
  width: 80px;
  padding: 10px;
  font-weight: 500;
  position: absolute;
  top: 4px;
  right: 4px;
}

.dark-btn {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  padding: 10px 20px;
  display: inline-block;
}

.mk-active {
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  display: flex;
}

.mainLoader {
  z-index: 6;
  background-color: #0000003d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.mainLoader .lds-ripple {
  width: 80px;
  height: 80px;
  display: inline-block;
  position: relative;
}

.mainLoader .lds-ripple div {
  opacity: 1;
  border: 4px solid #fff;
  border-radius: 50%;
  animation: 1s cubic-bezier(0, .2, .8, 1) infinite lds-ripple;
  position: absolute;
}

.mainLoader .lds-ripple div:nth-child(2) {
  animation-delay: -.5s;
}

@keyframes lds-ripple {
  0% {
    opacity: 0;
    width: 0;
    height: 0;
    top: 36px;
    left: 36px;
  }

  4.9% {
    opacity: 0;
    width: 0;
    height: 0;
    top: 36px;
    left: 36px;
  }

  5% {
    opacity: 1;
    width: 0;
    height: 0;
    top: 36px;
    left: 36px;
  }

  100% {
    opacity: 0;
    width: 72px;
    height: 72px;
    top: 0;
    left: 0;
  }
}

.inputData {
  font-size: 20px;
  text-align: start !important;
  font-family: Poppins, sans-serif !important;
  position: relative !important;
}

.inputData .errorMessage {
  color: red;
  margin-top: 5px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .inputData .errorMessage {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .inputData .errorMessage {
    font-size: 12px;
  }
}

.inputData input:invalid ~ .errorMessage {
  color: red;
  display: block;
}

.inputData label {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #6c6c6c;
  font-size: 13px;
  font-weight: 400;
}

@media screen and (max-width: 576px) {
  .inputData label {
    font-size: 12px;
  }
}

@media screen and (max-width: 992px) {
  .inputData {
    font-size: 16px;
  }
}

.inputData .multiImage {
  max-height: 200px;
  overflow: auto;
}

.inputData .multiImage > div[data-index="index"] {
  width: 100px;
  height: 100px;
  margin: 20px 20px 20px 0;
  position: relative;
}

.inputData .multiImage > div[data-index="index"] > div[data-remove="remove"] {
  color: #fff;
  background-color: #1c2b2083;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  top: -6px;
  right: -6px;
}

.inputData .multiImage > div[data-index="index"] img[data-class="showImage"] {
  margin-top: 0;
}

.inputData img[data-class="showImage"] {
  margin: 20px 20px 20px 0;
  width: 100px !important;
  height: 100px !important;
}

.inputData .selectMain {
  width: 100%;
  font-family: Poppins, sans-serif;
  display: inline;
  position: relative;
}

.inputData .selectMain .selectBox {
  appearance: none;
  text-align: start;
  background-color: #0000;
  border: 1px solid #9f5aff;
  border-radius: 5px;
  width: 100%;
  height: auto;
  font-size: 18px;
}

.inputData .selectMain .selectBox .showSelectValue p {
  display: block;
}

.inputData .selectMain .selectBox .showSelectValue input {
  display: none;
}

@media screen and (max-width: 768px) {
  .inputData .selectMain .selectBox {
    padding: 5px;
    font-size: 12px;
  }
}

.inputData .selectMain .selectBox:after {
  display: none;
}

.inputData .selectMain .selectBox:focus {
  outline: none;
}

.inputData .selectMain ul {
  background-color: #fff;
  margin: 0;
  position: absolute;
  top: calc(100% - 25px);
  box-shadow: 0 0 12px #0f223a1f;
}

.inputData .selectMain ul.topSide {
  top: auto;
  bottom: 100%;
}

.inputData .selectMain ul.bottomSide {
  top: 70%;
  bottom: auto;
}

.inputData .selectMain ul li {
  cursor: pointer;
  padding: 3px 18px;
  font-size: 16px;
}

.inputData .selectMain ul li:first-child {
  display: none;
}

.inputData .selectMain ul li:hover {
  color: #fff;
  background-color: #9f5aff;
}

@media screen and (max-width: 768px) {
  .inputData .selectMain ul li {
    font-size: 14px;
  }
}

.inputData .multiSelectionDisplay {
  background-color: #d8d8d8;
  align-items: center;
  margin: 5px;
  padding: 4px 12px;
  display: inline-flex;
}

.inputData.inputSelect .selectMain {
  width: 100%;
  margin-top: 10px;
  display: block;
}

@media screen and (max-width: 576px) {
  .inputData.inputSelect .selectMain {
    margin-top: 3px;
  }
}

.inputData.inputSelect .selectMain .selectBox {
  background-color: #f3f3f3;
  border: none;
  padding: 7px 10px 7px 20px;
}

.inputData.inputSelect .selectMain .selectBox input:focus {
  outline: none;
}

.inputData.inputSelect .selectMain .selectBox .showSelectValue input {
  display: block;
}

@media screen and (max-width: 992px) {
  .inputData.inputSelect .selectMain .selectBox {
    padding: 10px 12px 10px 20px;
    font-size: 16px;
    font-weight: 400;
  }
}

@media screen and (max-width: 576px) {
  .inputData.inputSelect .selectMain .selectBox {
    padding: 10px 10px 10px 20px;
    font-size: 12px;
  }
}

.inputData.inputSelect .selectMain ul {
  z-index: 10;
  width: 100%;
  max-height: 220px;
  overflow: auto;
}

@media screen and (max-width: 992px) {
  .inputData.inputSelect .selectMain ul {
    max-height: 135px;
  }
}

.inputData.inputSelect .selectMain ul li {
  padding: 5px 18px;
  font-size: 18px;
}

.inputData.inputSelect .selectMain ul li:first-child {
  display: block;
}

@media screen and (max-width: 992px) {
  .inputData.inputSelect .selectMain ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .inputData.inputSelect .selectMain ul li {
    font-size: 12px;
  }
}

.inputData textarea {
  color: #605f5f;
  background-color: #fbfbfb;
  border: none;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 14px;
  border: 1px solid #cfcfcf !important;
}

.inputData textarea:focus {
  outline-width: 1px;
  outline-color: #1c2b2083;
}

.inputData textarea::placeholder {
  color: #b1b1b1;
  font-size: 20px;
}

@media screen and (max-width: 992px) {
  .inputData textarea::placeholder {
    font-size: 16px;
  }
}

.inputData input {
  text-transform: capitalize;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 400;
  box-shadow: 0 0 1px #0003;
  color: #605f5f !important;
}

.inputData input:focus {
  outline-width: 1px;
  outline-color: #1c2b2083;
}

.inputData input::placeholder {
  color: #b1b1b1;
  font-size: 16px;
}

@media screen and (max-width: 992px) {
  .inputData input::placeholder {
    font-size: 16px;
  }
}

@media screen and (max-width: 576px) {
  .inputData input {
    height: 38px;
    margin-top: 2px;
    padding: 0 15px;
    font-size: 12px;
  }

  .inputData input::placeholder {
    font-size: 12px;
  }
}

.inputData input[type="search"]::-webkit-search-results-decoration {
  font-size: 16px;
}

.inputData input[type="search"]::-webkit-search-decoration {
  font-size: 16px;
}

.inputData input[type="search"]::-webkit-search-cancel-button {
  font-size: 16px;
}

.inputData input[type="search"]::-webkit-search-results-button {
  font-size: 16px;
}

.inputData input[type="search"] {
  border: 1px solid #9f5aff;
  border-radius: 6px 0 0 6px !important;
}

@media screen and (max-width: 576px) {
  .inputData input[type="search"] {
    height: 30px;
    font-size: 12px;
  }

  .inputData input[type="search"]::placeholder {
    font-size: 12px;
  }
}

.inputData input[type="search"]:focus {
  outline: none;
}

.inputData input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.inputData input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.inputData input[type="radio"], .inputData input[type="checkbox"] {
  accent-color: #1c2b2083;
  cursor: pointer;
  margin: 0;
  position: relative;
  width: 18px !important;
  height: 18px !important;
}

@media screen and (max-width: 992px) {
  .inputData input[type="radio"], .inputData input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
  }
}

@media screen and (max-width: 768px) {
  .inputData input[type="radio"], .inputData input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
  }
}

.inputData input[type="radio"].error-radio:before, .inputData input[type="checkbox"].error-radio:before {
  border: 1px solid red;
  border-radius: 50%;
}

.inputData input[type="radio"].error-checkbox:before, .inputData input[type="checkbox"].error-checkbox:before {
  border: 1px solid red;
  border-radius: 2px;
}

.inputData input[type="radio"]:before, .inputData input[type="checkbox"]:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 992px) {
  .inputData input[type="radio"]:before, .inputData input[type="checkbox"]:before {
    width: 16px !important;
    height: 16px !important;
  }
}

@media screen and (max-width: 768px) {
  .inputData input[type="radio"]:before, .inputData input[type="checkbox"]:before {
    width: 14px !important;
    height: 14px !important;
  }
}

.inputData input[type="file"] {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
  display: inline-block;
  overflow: hidden !important;
}

@media screen and (max-width: 768px) {
  .inputData input[type="file"] {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .inputData input[type="file"] {
    font-size: 10px;
  }
}

.inputData input[type="file"]::file-selector-button {
  color: #fff;
  cursor: pointer;
  background: #1c2b2083;
  border: none;
  height: 47px;
  margin-right: 15px;
  padding: 0 10px 8px;
  transition: background .2s ease-in-out;
}

@media screen and (max-width: 768px) {
  .inputData input[type="file"]::file-selector-button {
    width: 100px;
    padding: 8px;
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .inputData input[type="file"]::file-selector-button {
    width: 80px;
    height: 37px;
    padding: 8px;
    font-size: 12px;
  }
}

.inputData .imageBoxMain {
  align-items: start;
  margin-top: 15px;
  display: flex;
}

.inputData .imageBoxMain .boxImage {
  border: 3px solid #1c2b2083;
  border-radius: 10px;
  align-items: center;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  margin-bottom: 20px;
  margin-right: 15px;
  display: flex;
  position: relative;
}

@media screen and (max-width: 992px) {
  .inputData .imageBoxMain .boxImage {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    margin-bottom: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 576px) {
  .inputData .imageBoxMain .boxImage {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 450px) {
  .inputData .imageBoxMain .boxImage {
    margin-bottom: 5px;
    margin-right: 5px;
  }
}

.inputData .imageBoxMain .boxImage:before {
  justify-content: center;
  align-items: center;
  width: 100vh;
  height: 100%;
  font-size: 50px;
  font-weight: 300;
  display: flex;
}

@media screen and (max-width: 768px) {
  .inputData .imageBoxMain .boxImage:before {
    font-size: 40px;
  }
}

@media screen and (max-width: 576px) {
  .inputData .imageBoxMain .boxImage:before {
    font-size: 30px;
  }
}

.inputData .imageBoxMain .boxImage input {
  opacity: 0;
  margin-top: 0;
  position: absolute;
  transform: scale(2);
}

.inputData .imageBoxMain .multiImage {
  max-width: unset;
  overflow: unset;
}

.inputData .imageBoxMain .multiImage div[data-index="index"] {
  margin-top: 0;
}

@media screen and (max-width: 992px) {
  .inputData .imageBoxMain .multiImage div[data-index="index"] {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    margin-bottom: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 576px) {
  .inputData .imageBoxMain .multiImage div[data-index="index"] {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 450px) {
  .inputData .imageBoxMain .multiImage div[data-index="index"] {
    margin-bottom: 5px;
    margin-right: 5px;
  }
}

.inputData .imageBoxMain .multiImage div[data-index="index"] img[data-class="showImage"] {
  border: 3px solid #1c2b2083;
  border-radius: 10px;
}

@media screen and (max-width: 992px) {
  .inputData .imageBoxMain .multiImage div[data-index="index"] img[data-class="showImage"] {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    margin-bottom: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 576px) {
  .inputData .imageBoxMain .multiImage div[data-index="index"] img[data-class="showImage"] {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 450px) {
  .inputData .imageBoxMain .multiImage div[data-index="index"] img[data-class="showImage"] {
    margin-bottom: 5px;
    margin-right: 5px;
  }
}

.inputData .passHideShow, .inputData .searching, .inputData .activeIcon {
  cursor: pointer;
  position: absolute;
  top: 66%;
  right: 14px;
  transform: translateY(-30%);
}

.inputData.radio, .inputData.checkbox {
  align-items: center;
  display: flex;
}

.inputData.radio label, .inputData.checkbox label {
  cursor: pointer;
  color: #000;
  margin-bottom: 0;
  margin-right: 10px;
}

.mk-btn {
  color: #fff;
  background-color: #1c2b2083;
  border-color: #0000;
  padding: 10px 0;
}

.text-uppercase {
  text-transform: none !important;
}

.mainLoginPage {
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.mainLoginPage .loginDiv .loginPage {
  background-color: #fff;
  border-radius: 30px;
  padding: 70px 35px;
  box-shadow: 0 0 20px #171e276e;
  width: 30% !important;
}

@media screen and (max-width: 992px) {
  .mainLoginPage .loginDiv .loginPage {
    padding: 40px 25px;
    width: 60% !important;
  }
}

@media screen and (max-width: 768px) {
  .mainLoginPage .loginDiv .loginPage {
    padding: 40px 25px;
    width: 45% !important;
  }
}

@media screen and (max-width: 576px) {
  .mainLoginPage .loginDiv .loginPage {
    padding: 30px 20px;
    width: 90% !important;
  }
}

.mainLoginPage .loginDiv .loginPage .welComeTitle {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .mainLoginPage .loginDiv .loginPage .welComeTitle {
    font-size: 17px;
  }
}

.mainLoginPage .loginDiv .loginPage .title {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .mainLoginPage .loginDiv .loginPage .title {
    font-size: 17px;
  }
}

.mainLoginPage * {
  z-index: 2;
  position: relative;
}

tbody, td, tfoot, th, thead, tr {
  border-color: #d8d8d880;
  border-bottom-width: 1px;
  padding: 12px;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  tbody, td, tfoot, th, thead, tr {
    font-size: 12px;
  }
}

thead {
  color: #fff !important;
}

tbody td {
  text-align: center !important;
}

tbody td:first-child {
  text-align: center;
  width: 70px;
}

thead th:first-child > div {
  justify-content: center;
}

.subTable tbody, .subTable td, .subTable tfoot, .subTable th, .subTable thead, .subTable tr {
  border-color: #0000;
  padding: 5px;
}

.subTable th, .subTable thead {
  border-color: #b1b1b1;
  border-top-width: 1px;
  position: sticky;
  top: 0;
  background-color: #0000 !important;
}

.mainTable {
  border-radius: 20px 20px 0 0;
  height: 750px;
  position: relative;
  overflow: auto;
}

@media screen and (max-height: 650px) {
  .mainTable {
    max-height: calc(100vh - 117px);
  }
}

.mainTable .primeTable {
  background-color: #fff;
  overflow: scroll;
}

.mainTable .primeTable tbody {
  border-top: 0;
  font-weight: 400;
}

.mainTable .primeTable th, .mainTable .primeTable thead {
  z-index: 2;
  color: #767676;
  background-color: #fff;
  font-size: 14px;
  position: sticky;
  top: 0;
  text-align: center !important;
  padding: 14px !important;
  font-weight: 400 !important;
}

.mainTable .primeTable.text-capitalized-normal {
  text-transform: normal;
}

.mainTable .primeTable .userProfile img {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
}

.mainTitle {
  margin-bottom: 20px;
}

.mainTitle .titlePath {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .mainTitle {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .mainTitle .titlePath {
    font-size: 10px;
  }
}

.pagination {
  background-color: #fdfffc;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .pagination {
    padding: 10px;
    font-size: 14px;
  }

  .pagination .client-pagination {
    display: block !important;
  }
}

.pagination .tableRang {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .pagination .tableRang .inputData {
    font-size: 12px;
  }
}

.pagination .tableRang .inputData .selectMain {
  margin-left: 10px;
}

.pagination .count {
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
  .pagination .count {
    margin-left: 10px;
    font-size: 12px;
  }
}

.pagination .tableAccess {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .pagination .tableAccess .mainPaginatinBtn {
    justify-content: center;
    margin-top: 10px !important;
  }
}

.pagination .tableAccess .mainPaginatinBtn .paginationBtn {
  border: 1px solid #9f5aff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0 5px;
  display: flex;
}

@media screen and (max-width: 768px) {
  .pagination .tableAccess .mainPaginatinBtn .paginationBtn {
    width: 25px;
    height: 25px;
    margin: 0 3px;
    font-size: 12px;
  }
}

.pagination .tableAccess .mainPaginatinBtn .paginationBtn.pageBtnDisable {
  border: 1px solid #9f5aff;
}

.pagination .paginationNumber {
  color: #9f5aff !important;
  background-color: #fff !important;
}

.pagination .paginationNumber.active {
  color: #fff !important;
  background-color: #9f5aff !important;
}

.dialog {
  z-index: 999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000006b;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: inline-flex;
  position: fixed;
  top: 0;
  left: 0;
}

.dialog .mainDiaogBox {
  background-color: #fff;
  max-height: 98vh;
  padding: 20px;
  overflow: auto;
  border-radius: 10px !important;
}

.dialog .mainDiaogBox .formBody {
  max-height: 600px;
  overflow: auto;
}

.dialog .mainDiaogBox .formBody > div {
  margin-bottom: 10px;
}

.dialog .mainDiaogBox .formBody .errorMessage {
  color: red;
}

.dialog .mainDiaogBox .closeButton {
  color: #fff;
  cursor: pointer;
  background-color: #1c2b2083;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-left: auto;
  font-size: 30px;
  display: flex;
}

@media screen and (max-width: 768px) {
  .dialog .mainDiaogBox h2 {
    font-size: 20px;
  }

  .dialog .mainDiaogBox .closeButton {
    width: 25px;
    height: 25px;
    font-size: 20px;
  }
}

.dialog .mainDiaogBox1 {
  background-color: #fff;
  padding: 20px;
  overflow: auto;
  border-radius: 32px !important;
}

.dialog .mainDiaogBox1 .formBody {
  max-height: 600px;
  overflow: auto;
}

.dialog .mainDiaogBox1 .formBody > div {
  margin-bottom: 10px;
}

.dialog .mainDiaogBox1 .formBody .errorMessage {
  color: red;
}

.dialog .mainDiaogBox1 .closeButton {
  color: #fff;
  cursor: pointer;
  background-color: #1c2b2083;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-left: auto;
  font-size: 30px;
  display: flex;
}

@media screen and (max-width: 768px) {
  .dialog .mainDiaogBox1 h2 {
    font-size: 20px;
  }

  .dialog .mainDiaogBox1 .closeButton {
    width: 25px;
    height: 25px;
    font-size: 20px;
  }
}

.mainMultiSelector > .row {
  border: 2px dashed #1c2b2083;
  border-radius: 10px;
  position: relative;
  margin: 20px 0 !important;
  padding: 20px 30px !important;
}

@media screen and (max-width: 576px) {
  .mainMultiSelector > .row {
    padding: 10px 0 !important;
  }
}

.mainMultiSelector .multiRemover {
  color: #fff;
  cursor: pointer;
  background-color: #1c2b2083;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: absolute;
  top: -10px;
  right: -15px;
}

.formFooter {
  padding: 10px 0 !important;
}

button.themeButton {
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
}

@media screen and (max-width: 576px) {
  button.themeButton {
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
  }
}

.swal2-container {
  background: #00000013 !important;
}

.swal2-container .swal2-popup {
  -webkit-backdrop-filter: blur(4px);
  background: #fff6;
  border: 1px solid #ffffff2e;
  border-radius: 10px;
  box-shadow: 0 8px 32px #0000005e;
}

.swal2-container .swal2-popup .swal2-icon {
  border: none !important;
}

.swal2-container .swal2-popup .swal2-icon .swal2-icon-content {
  color: #1c2b2083;
  font-size: 5.75rem;
}

.attrDetails {
  flex-wrap: wrap;
  display: flex;
}

.attrDetails div {
  color: #1c2b2083;
  background-color: #f3f3f3;
  border-radius: 8px;
  align-items: center;
  margin: 10px 5px;
  padding: 6px 15px;
  font-weight: 600;
  display: flex;
}

.colorBall {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .colorBall {
    width: 15px;
    height: 15px;
  }
}

#attrForm input[type="color"] {
  border-width: 0;
  border-color: #0000;
  outline: none;
  padding: 0;
}

#attrForm input[type="color"]::-webkit-color-swatch {
  border: none;
}

.showDetails {
  border: 1px solid;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.showDetails li {
  color: #1c2b2083;
  background-color: #f3f3f3;
  border-radius: 8px;
  align-items: center;
  margin: 10px;
  padding: 5px 10px;
  font-weight: 600;
  display: flex;
}

@media screen and (max-width: 768px) {
  .showDetails li {
    font-size: 14px;
  }
}

.showDetails li .cencalDetails {
  cursor: pointer;
  margin-left: 5px;
}

.notiCount {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: -7px;
  right: -7px;
}

.searchIcon {
  border: 1px solid #9f5aff;
  border-radius: 0 6px 6px 0 !important;
}

.inputData select {
  appearance: none;
  background-color: #fff;
  background-image: url("../media/free-arrow-down-icon-3101-thumb.0t2zob5yp_ess.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  height: 42px;
  margin-top: 4px;
  padding-left: 10px;
  font-size: 16px;
}

.inputData select:after {
  content: "";
  position: absolute;
  right: 20px;
}

.Toastify__toast-container p {
  font-size: 14px !important;
}

input {
  border: 1px solid #cfcfcf;
}

.switch {
  --circle-dim: 1.4em;
  width: 3.5em;
  height: 2em;
  font-size: 14px;
  display: inline-block;
  position: relative;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  cursor: pointer;
  background-color: #ffd1d2;
  border: .6px solid #ff9fa0;
  border-radius: 30px;
  transition: all 1.5s;
  position: absolute;
  inset: 0;
}

.slider-card {
  content: "";
  height: var(--circle-dim);
  width: var(--circle-dim);
  pointer-events: none;
  border-radius: 20px;
  transition: all .4s;
  position: absolute;
  bottom: .3em;
  left: .3em;
}

.slider-card-face {
  backface-visibility: hidden;
  perspective: 1000px;
  border-radius: 50%;
  transition: transform .4s;
  position: absolute;
  inset: 0;
}

.slider-card-front {
  background: linear-gradient(90deg, #ff2225 0%, #f20004 100%);
}

.slider-card-back {
  background: linear-gradient(90deg, #23cc14 0%, #11b318 100%);
  transform: rotateY(180deg);
}

input:checked ~ .slider-card .slider-card-back {
  transform: rotateY(0);
}

input:checked ~ .slider-card .slider-card-front {
  transform: rotateY(-180deg);
}

input:checked ~ .slider-card {
  transform: translateX(1.5em);
}

input:checked ~ .slider {
  background-color: #d0ffcd;
  border: .6px solid #5ed15d;
}

.not-allowed {
  pointer-events: auto !important;
  cursor: auto !important;
}

::-webkit-scrollbar {
  width: 7px;
  height: 3px;
}

.mainTable {
  height: 750px;
  max-width: "100%";
  border: 1px solid #e7e7e7;
  position: relative;
  overflow: auto;
  box-shadow: 3px 3px 10px #0003;
  border-radius: 6px !important;
}

.mainAdminGrid .mainSetting .settingBox .settingBoxOuter {
  background-color: #fcfdff;
  border: 1px solid #cfcfcf;
  border-radius: 10px;
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
  padding: 0 !important;
}

.agency_width {
  border: 1px solid #9097a6;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 370px;
  padding: 2px;
  display: flex;
}

.agency_width button {
  text-align: center;
  border: none;
  border-radius: 40px;
  flex: 1;
  padding: 8px 12px;
}

.activeBtn span {
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
}

.disabledBtn {
  color: #9097a6;
  background-color: #0000;
}

@media (min-width: 1440px) and (max-width: 2500px) {
  .mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar .leftNav i {
    color: #9f5aff;
    display: none;
  }

  .mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar {
    background-color: #fff;
    border-radius: 5px;
    height: 100%;
    padding: 8px 16px;
    box-shadow: 5px 5px 10px #0003;
  }
}

.cancelButton {
  background-color: #e34747;
}

.submitButton {
  background-color: #8f4fa7;
}

.no-bg-input {
  background-color: #0000 !important;
}

.table-action-icons {
  align-items: center;
  gap: 8px;
  display: flex;
}

.table-action-icon-btn {
  appearance: none;
  cursor: pointer;
  min-width: 0;
  color: var(--table-action-icon-color, #6d7080);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 0;
  transition: opacity .15s, color .15s;
  display: inline-flex;
}

.table-action-icon-btn:hover {
  opacity: .75;
  color: var(--table-action-icon-hover-color, #7b44c7);
}

.table-action-icon-btn:disabled {
  cursor: not-allowed;
  opacity: .45;
  pointer-events: none;
}

/* [project]/src/assets/scss/default/default.css [client] (css) */
.text-prime {
  color: #feeff2 !important;
}

.text-second {
  color: #1c2b2083 !important;
}

.text-third {
  color: #394149 !important;
}

.text-fourth {
  color: #f2f5fa !important;
}

.text-dark {
  color: #000 !important;
}

.text-darkGray {
  color: #6d7080 !important;
}

.text-light {
  color: #fff !important;
}

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

.text-gray2 {
  color: #d8d8d8 !important;
}

.text-lightGray {
  color: #f3f3f3 !important;
}

.text-transparent {
  color: #0000 !important;
}

.text-success {
  color: #198754 !important;
}

.text-success-light {
  color: #d1e7dd !important;
}

.text-blue {
  color: #0d6efd !important;
}

.text-blue-light {
  color: #cfe2ff !important;
}

.text-danger {
  color: #dc3545 !important;
}

.text-danger-light {
  color: #f8d7da !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-warning-light {
  color: #fff3cd !important;
}

.text-theme {
  color: #9f5aff !important;
}

.text-themeLight {
  color: #1c2b2063 !important;
}

.text-themeparot {
  color: #adde34 !important;
}

.text-soLight {
  color: #0f6f8527 !important;
}

.text-button {
  color: #f71845 !important;
}

.bg-prime {
  background-color: #feeff2 !important;
}

.bg-second {
  background-color: #1c2b2083 !important;
}

.bg-third {
  background-color: #394149 !important;
}

.bg-fourth {
  background-color: #f2f5fa !important;
}

.bg-dark {
  background-color: #000 !important;
}

.bg-darkGray {
  background-color: #6d7080 !important;
}

.bg-light {
  background-color: #fff !important;
}

.bg-gray {
  background-color: #b1b1b1 !important;
}

.bg-gray2 {
  background-color: #d8d8d8 !important;
}

.bg-lightGray {
  background-color: #f3f3f3 !important;
}

.bg-transparent {
  background-color: #0000 !important;
}

.bg-success {
  background-color: #198754 !important;
}

.bg-success-light {
  background-color: #d1e7dd !important;
}

.bg-blue {
  background-color: #0d6efd !important;
}

.bg-blue-light {
  background-color: #cfe2ff !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-danger-light {
  background-color: #f8d7da !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-warning-light {
  background-color: #fff3cd !important;
}

.bg-theme {
  background-color: #9f5aff !important;
}

.bg-themeLight {
  background-color: #1c2b2063 !important;
}

.bg-themeparot {
  background-color: #adde34 !important;
}

.bg-soLight {
  background-color: #0f6f8527 !important;
}

.bg-button {
  background-color: #9f5aff !important;
}

.border-prime {
  border-color: #feeff2 !important;
}

.border-second {
  border-color: #1c2b2083 !important;
}

.border-third {
  border-color: #394149 !important;
}

.border-fourth {
  border-color: #f2f5fa !important;
}

.border-dark {
  border-color: #000 !important;
}

.border-darkGray {
  border-color: #6d7080 !important;
}

.border-light {
  border-color: #fff !important;
}

.border-gray {
  border-color: #b1b1b1 !important;
}

.border-gray2 {
  border-color: #d8d8d8 !important;
}

.border-lightGray {
  border-color: #f3f3f3 !important;
}

.border-transparent {
  border-color: #0000 !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-success-light {
  border-color: #d1e7dd !important;
}

.border-blue {
  border-color: #0d6efd !important;
}

.border-blue-light {
  border-color: #cfe2ff !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-danger-light {
  border-color: #f8d7da !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-warning-light {
  border-color: #fff3cd !important;
}

.border-theme {
  border-color: #9f5aff !important;
}

.border-themeLight {
  border-color: #1c2b2063 !important;
}

.border-themeparot {
  border-color: #adde34 !important;
}

.border-soLight {
  border-color: #0f6f8527 !important;
}

.border-button {
  border-color: #f71845 !important;
}

.border-prime-1 {
  border: 1px solid #feeff2 !important;
}

.border-prime-2 {
  border: 2px solid #feeff2 !important;
}

.border-prime-3 {
  border: 3px solid #feeff2 !important;
}

.border-prime-4 {
  border: 4px solid #feeff2 !important;
}

.border-prime-5 {
  border: 5px solid #feeff2 !important;
}

.border-second-1 {
  border: 1px solid #1c2b2083 !important;
}

.border-second-2 {
  border: 2px solid #1c2b2083 !important;
}

.border-second-3 {
  border: 3px solid #1c2b2083 !important;
}

.border-second-4 {
  border: 4px solid #1c2b2083 !important;
}

.border-second-5 {
  border: 5px solid #1c2b2083 !important;
}

.border-third-1 {
  border: 1px solid #394149 !important;
}

.border-third-2 {
  border: 2px solid #394149 !important;
}

.border-third-3 {
  border: 3px solid #394149 !important;
}

.border-third-4 {
  border: 4px solid #394149 !important;
}

.border-third-5 {
  border: 5px solid #394149 !important;
}

.border-fourth-1 {
  border: 1px solid #f2f5fa !important;
}

.border-fourth-2 {
  border: 2px solid #f2f5fa !important;
}

.border-fourth-3 {
  border: 3px solid #f2f5fa !important;
}

.border-fourth-4 {
  border: 4px solid #f2f5fa !important;
}

.border-fourth-5 {
  border: 5px solid #f2f5fa !important;
}

.border-dark-1 {
  border: 1px solid #000 !important;
}

.border-dark-2 {
  border: 2px solid #000 !important;
}

.border-dark-3 {
  border: 3px solid #000 !important;
}

.border-dark-4 {
  border: 4px solid #000 !important;
}

.border-dark-5 {
  border: 5px solid #000 !important;
}

.border-darkGray-1 {
  border: 1px solid #6d7080 !important;
}

.border-darkGray-2 {
  border: 2px solid #6d7080 !important;
}

.border-darkGray-3 {
  border: 3px solid #6d7080 !important;
}

.border-darkGray-4 {
  border: 4px solid #6d7080 !important;
}

.border-darkGray-5 {
  border: 5px solid #6d7080 !important;
}

.border-light-1 {
  border: 1px solid #fff !important;
}

.border-light-2 {
  border: 2px solid #fff !important;
}

.border-light-3 {
  border: 3px solid #fff !important;
}

.border-light-4 {
  border: 4px solid #fff !important;
}

.border-light-5 {
  border: 5px solid #fff !important;
}

.border-gray-1 {
  border: 1px solid #b1b1b1 !important;
}

.border-gray-2 {
  border: 2px solid #b1b1b1 !important;
}

.border-gray-3 {
  border: 3px solid #b1b1b1 !important;
}

.border-gray-4 {
  border: 4px solid #b1b1b1 !important;
}

.border-gray-5 {
  border: 5px solid #b1b1b1 !important;
}

.border-gray2-1 {
  border: 1px solid #d8d8d8 !important;
}

.border-gray2-2 {
  border: 2px solid #d8d8d8 !important;
}

.border-gray2-3 {
  border: 3px solid #d8d8d8 !important;
}

.border-gray2-4 {
  border: 4px solid #d8d8d8 !important;
}

.border-gray2-5 {
  border: 5px solid #d8d8d8 !important;
}

.border-lightGray-1 {
  border: 1px solid #f3f3f3 !important;
}

.border-lightGray-2 {
  border: 2px solid #f3f3f3 !important;
}

.border-lightGray-3 {
  border: 3px solid #f3f3f3 !important;
}

.border-lightGray-4 {
  border: 4px solid #f3f3f3 !important;
}

.border-lightGray-5 {
  border: 5px solid #f3f3f3 !important;
}

.border-transparent-1 {
  border: 1px solid #0000 !important;
}

.border-transparent-2 {
  border: 2px solid #0000 !important;
}

.border-transparent-3 {
  border: 3px solid #0000 !important;
}

.border-transparent-4 {
  border: 4px solid #0000 !important;
}

.border-transparent-5 {
  border: 5px solid #0000 !important;
}

.border-success-1 {
  border: 1px solid #198754 !important;
}

.border-success-2 {
  border: 2px solid #198754 !important;
}

.border-success-3 {
  border: 3px solid #198754 !important;
}

.border-success-4 {
  border: 4px solid #198754 !important;
}

.border-success-5 {
  border: 5px solid #198754 !important;
}

.border-success-light-1 {
  border: 1px solid #d1e7dd !important;
}

.border-success-light-2 {
  border: 2px solid #d1e7dd !important;
}

.border-success-light-3 {
  border: 3px solid #d1e7dd !important;
}

.border-success-light-4 {
  border: 4px solid #d1e7dd !important;
}

.border-success-light-5 {
  border: 5px solid #d1e7dd !important;
}

.border-blue-1 {
  border: 1px solid #0d6efd !important;
}

.border-blue-2 {
  border: 2px solid #0d6efd !important;
}

.border-blue-3 {
  border: 3px solid #0d6efd !important;
}

.border-blue-4 {
  border: 4px solid #0d6efd !important;
}

.border-blue-5 {
  border: 5px solid #0d6efd !important;
}

.border-blue-light-1 {
  border: 1px solid #cfe2ff !important;
}

.border-blue-light-2 {
  border: 2px solid #cfe2ff !important;
}

.border-blue-light-3 {
  border: 3px solid #cfe2ff !important;
}

.border-blue-light-4 {
  border: 4px solid #cfe2ff !important;
}

.border-blue-light-5 {
  border: 5px solid #cfe2ff !important;
}

.border-danger-1 {
  border: 1px solid #dc3545 !important;
}

.border-danger-2 {
  border: 2px solid #dc3545 !important;
}

.border-danger-3 {
  border: 3px solid #dc3545 !important;
}

.border-danger-4 {
  border: 4px solid #dc3545 !important;
}

.border-danger-5 {
  border: 5px solid #dc3545 !important;
}

.border-danger-light-1 {
  border: 1px solid #f8d7da !important;
}

.border-danger-light-2 {
  border: 2px solid #f8d7da !important;
}

.border-danger-light-3 {
  border: 3px solid #f8d7da !important;
}

.border-danger-light-4 {
  border: 4px solid #f8d7da !important;
}

.border-danger-light-5 {
  border: 5px solid #f8d7da !important;
}

.border-warning-1 {
  border: 1px solid #ffc107 !important;
}

.border-warning-2 {
  border: 2px solid #ffc107 !important;
}

.border-warning-3 {
  border: 3px solid #ffc107 !important;
}

.border-warning-4 {
  border: 4px solid #ffc107 !important;
}

.border-warning-5 {
  border: 5px solid #ffc107 !important;
}

.border-warning-light-1 {
  border: 1px solid #fff3cd !important;
}

.border-warning-light-2 {
  border: 2px solid #fff3cd !important;
}

.border-warning-light-3 {
  border: 3px solid #fff3cd !important;
}

.border-warning-light-4 {
  border: 4px solid #fff3cd !important;
}

.border-warning-light-5 {
  border: 5px solid #fff3cd !important;
}

.border-theme-1 {
  border: 1px solid #9f5aff !important;
}

.border-theme-2 {
  border: 2px solid #9f5aff !important;
}

.border-theme-3 {
  border: 3px solid #9f5aff !important;
}

.border-theme-4 {
  border: 4px solid #9f5aff !important;
}

.border-theme-5 {
  border: 5px solid #9f5aff !important;
}

.border-themeLight-1 {
  border: 1px solid #1c2b2063 !important;
}

.border-themeLight-2 {
  border: 2px solid #1c2b2063 !important;
}

.border-themeLight-3 {
  border: 3px solid #1c2b2063 !important;
}

.border-themeLight-4 {
  border: 4px solid #1c2b2063 !important;
}

.border-themeLight-5 {
  border: 5px solid #1c2b2063 !important;
}

.border-themeparot-1 {
  border: 1px solid #adde34 !important;
}

.border-themeparot-2 {
  border: 2px solid #adde34 !important;
}

.border-themeparot-3 {
  border: 3px solid #adde34 !important;
}

.border-themeparot-4 {
  border: 4px solid #adde34 !important;
}

.border-themeparot-5 {
  border: 5px solid #adde34 !important;
}

.border-soLight-1 {
  border: 1px solid #0f6f8527 !important;
}

.border-soLight-2 {
  border: 2px solid #0f6f8527 !important;
}

.border-soLight-3 {
  border: 3px solid #0f6f8527 !important;
}

.border-soLight-4 {
  border: 4px solid #0f6f8527 !important;
}

.border-soLight-5 {
  border: 5px solid #0f6f8527 !important;
}

.border-button-1 {
  border: 1px solid #f71845 !important;
}

.border-button-2 {
  border: 2px solid #f71845 !important;
}

.border-button-3 {
  border: 3px solid #f71845 !important;
}

.border-button-4 {
  border: 4px solid #f71845 !important;
}

.border-button-5 {
  border: 5px solid #f71845 !important;
}

.border-top-prime-1 {
  border-top: 1px solid #feeff2 !important;
}

.border-top-prime-2 {
  border-top: 2px solid #feeff2 !important;
}

.border-top-prime-3 {
  border-top: 3px solid #feeff2 !important;
}

.border-top-prime-4 {
  border-top: 4px solid #feeff2 !important;
}

.border-top-prime-5 {
  border-top: 5px solid #feeff2 !important;
}

.border-right-prime-1 {
  border-right: 1px solid #feeff2 !important;
}

.border-right-prime-2 {
  border-right: 2px solid #feeff2 !important;
}

.border-right-prime-3 {
  border-right: 3px solid #feeff2 !important;
}

.border-right-prime-4 {
  border-right: 4px solid #feeff2 !important;
}

.border-right-prime-5 {
  border-right: 5px solid #feeff2 !important;
}

.border-bottom-prime-1 {
  border-bottom: 1px solid #feeff2 !important;
}

.border-bottom-prime-2 {
  border-bottom: 2px solid #feeff2 !important;
}

.border-bottom-prime-3 {
  border-bottom: 3px solid #feeff2 !important;
}

.border-bottom-prime-4 {
  border-bottom: 4px solid #feeff2 !important;
}

.border-bottom-prime-5 {
  border-bottom: 5px solid #feeff2 !important;
}

.border-left-prime-1 {
  border-left: 1px solid #feeff2 !important;
}

.border-left-prime-2 {
  border-left: 2px solid #feeff2 !important;
}

.border-left-prime-3 {
  border-left: 3px solid #feeff2 !important;
}

.border-left-prime-4 {
  border-left: 4px solid #feeff2 !important;
}

.border-left-prime-5 {
  border-left: 5px solid #feeff2 !important;
}

.border-top-second-1 {
  border-top: 1px solid #1c2b2083 !important;
}

.border-top-second-2 {
  border-top: 2px solid #1c2b2083 !important;
}

.border-top-second-3 {
  border-top: 3px solid #1c2b2083 !important;
}

.border-top-second-4 {
  border-top: 4px solid #1c2b2083 !important;
}

.border-top-second-5 {
  border-top: 5px solid #1c2b2083 !important;
}

.border-right-second-1 {
  border-right: 1px solid #1c2b2083 !important;
}

.border-right-second-2 {
  border-right: 2px solid #1c2b2083 !important;
}

.border-right-second-3 {
  border-right: 3px solid #1c2b2083 !important;
}

.border-right-second-4 {
  border-right: 4px solid #1c2b2083 !important;
}

.border-right-second-5 {
  border-right: 5px solid #1c2b2083 !important;
}

.border-bottom-second-1 {
  border-bottom: 1px solid #1c2b2083 !important;
}

.border-bottom-second-2 {
  border-bottom: 2px solid #1c2b2083 !important;
}

.border-bottom-second-3 {
  border-bottom: 3px solid #1c2b2083 !important;
}

.border-bottom-second-4 {
  border-bottom: 4px solid #1c2b2083 !important;
}

.border-bottom-second-5 {
  border-bottom: 5px solid #1c2b2083 !important;
}

.border-left-second-1 {
  border-left: 1px solid #1c2b2083 !important;
}

.border-left-second-2 {
  border-left: 2px solid #1c2b2083 !important;
}

.border-left-second-3 {
  border-left: 3px solid #1c2b2083 !important;
}

.border-left-second-4 {
  border-left: 4px solid #1c2b2083 !important;
}

.border-left-second-5 {
  border-left: 5px solid #1c2b2083 !important;
}

.border-top-third-1 {
  border-top: 1px solid #394149 !important;
}

.border-top-third-2 {
  border-top: 2px solid #394149 !important;
}

.border-top-third-3 {
  border-top: 3px solid #394149 !important;
}

.border-top-third-4 {
  border-top: 4px solid #394149 !important;
}

.border-top-third-5 {
  border-top: 5px solid #394149 !important;
}

.border-right-third-1 {
  border-right: 1px solid #394149 !important;
}

.border-right-third-2 {
  border-right: 2px solid #394149 !important;
}

.border-right-third-3 {
  border-right: 3px solid #394149 !important;
}

.border-right-third-4 {
  border-right: 4px solid #394149 !important;
}

.border-right-third-5 {
  border-right: 5px solid #394149 !important;
}

.border-bottom-third-1 {
  border-bottom: 1px solid #394149 !important;
}

.border-bottom-third-2 {
  border-bottom: 2px solid #394149 !important;
}

.border-bottom-third-3 {
  border-bottom: 3px solid #394149 !important;
}

.border-bottom-third-4 {
  border-bottom: 4px solid #394149 !important;
}

.border-bottom-third-5 {
  border-bottom: 5px solid #394149 !important;
}

.border-left-third-1 {
  border-left: 1px solid #394149 !important;
}

.border-left-third-2 {
  border-left: 2px solid #394149 !important;
}

.border-left-third-3 {
  border-left: 3px solid #394149 !important;
}

.border-left-third-4 {
  border-left: 4px solid #394149 !important;
}

.border-left-third-5 {
  border-left: 5px solid #394149 !important;
}

.border-top-fourth-1 {
  border-top: 1px solid #f2f5fa !important;
}

.border-top-fourth-2 {
  border-top: 2px solid #f2f5fa !important;
}

.border-top-fourth-3 {
  border-top: 3px solid #f2f5fa !important;
}

.border-top-fourth-4 {
  border-top: 4px solid #f2f5fa !important;
}

.border-top-fourth-5 {
  border-top: 5px solid #f2f5fa !important;
}

.border-right-fourth-1 {
  border-right: 1px solid #f2f5fa !important;
}

.border-right-fourth-2 {
  border-right: 2px solid #f2f5fa !important;
}

.border-right-fourth-3 {
  border-right: 3px solid #f2f5fa !important;
}

.border-right-fourth-4 {
  border-right: 4px solid #f2f5fa !important;
}

.border-right-fourth-5 {
  border-right: 5px solid #f2f5fa !important;
}

.border-bottom-fourth-1 {
  border-bottom: 1px solid #f2f5fa !important;
}

.border-bottom-fourth-2 {
  border-bottom: 2px solid #f2f5fa !important;
}

.border-bottom-fourth-3 {
  border-bottom: 3px solid #f2f5fa !important;
}

.border-bottom-fourth-4 {
  border-bottom: 4px solid #f2f5fa !important;
}

.border-bottom-fourth-5 {
  border-bottom: 5px solid #f2f5fa !important;
}

.border-left-fourth-1 {
  border-left: 1px solid #f2f5fa !important;
}

.border-left-fourth-2 {
  border-left: 2px solid #f2f5fa !important;
}

.border-left-fourth-3 {
  border-left: 3px solid #f2f5fa !important;
}

.border-left-fourth-4 {
  border-left: 4px solid #f2f5fa !important;
}

.border-left-fourth-5 {
  border-left: 5px solid #f2f5fa !important;
}

.border-top-dark-1 {
  border-top: 1px solid #000 !important;
}

.border-top-dark-2 {
  border-top: 2px solid #000 !important;
}

.border-top-dark-3 {
  border-top: 3px solid #000 !important;
}

.border-top-dark-4 {
  border-top: 4px solid #000 !important;
}

.border-top-dark-5 {
  border-top: 5px solid #000 !important;
}

.border-right-dark-1 {
  border-right: 1px solid #000 !important;
}

.border-right-dark-2 {
  border-right: 2px solid #000 !important;
}

.border-right-dark-3 {
  border-right: 3px solid #000 !important;
}

.border-right-dark-4 {
  border-right: 4px solid #000 !important;
}

.border-right-dark-5 {
  border-right: 5px solid #000 !important;
}

.border-bottom-dark-1 {
  border-bottom: 1px solid #000 !important;
}

.border-bottom-dark-2 {
  border-bottom: 2px solid #000 !important;
}

.border-bottom-dark-3 {
  border-bottom: 3px solid #000 !important;
}

.border-bottom-dark-4 {
  border-bottom: 4px solid #000 !important;
}

.border-bottom-dark-5 {
  border-bottom: 5px solid #000 !important;
}

.border-left-dark-1 {
  border-left: 1px solid #000 !important;
}

.border-left-dark-2 {
  border-left: 2px solid #000 !important;
}

.border-left-dark-3 {
  border-left: 3px solid #000 !important;
}

.border-left-dark-4 {
  border-left: 4px solid #000 !important;
}

.border-left-dark-5 {
  border-left: 5px solid #000 !important;
}

.border-top-darkGray-1 {
  border-top: 1px solid #6d7080 !important;
}

.border-top-darkGray-2 {
  border-top: 2px solid #6d7080 !important;
}

.border-top-darkGray-3 {
  border-top: 3px solid #6d7080 !important;
}

.border-top-darkGray-4 {
  border-top: 4px solid #6d7080 !important;
}

.border-top-darkGray-5 {
  border-top: 5px solid #6d7080 !important;
}

.border-right-darkGray-1 {
  border-right: 1px solid #6d7080 !important;
}

.border-right-darkGray-2 {
  border-right: 2px solid #6d7080 !important;
}

.border-right-darkGray-3 {
  border-right: 3px solid #6d7080 !important;
}

.border-right-darkGray-4 {
  border-right: 4px solid #6d7080 !important;
}

.border-right-darkGray-5 {
  border-right: 5px solid #6d7080 !important;
}

.border-bottom-darkGray-1 {
  border-bottom: 1px solid #6d7080 !important;
}

.border-bottom-darkGray-2 {
  border-bottom: 2px solid #6d7080 !important;
}

.border-bottom-darkGray-3 {
  border-bottom: 3px solid #6d7080 !important;
}

.border-bottom-darkGray-4 {
  border-bottom: 4px solid #6d7080 !important;
}

.border-bottom-darkGray-5 {
  border-bottom: 5px solid #6d7080 !important;
}

.border-left-darkGray-1 {
  border-left: 1px solid #6d7080 !important;
}

.border-left-darkGray-2 {
  border-left: 2px solid #6d7080 !important;
}

.border-left-darkGray-3 {
  border-left: 3px solid #6d7080 !important;
}

.border-left-darkGray-4 {
  border-left: 4px solid #6d7080 !important;
}

.border-left-darkGray-5 {
  border-left: 5px solid #6d7080 !important;
}

.border-top-light-1 {
  border-top: 1px solid #fff !important;
}

.border-top-light-2 {
  border-top: 2px solid #fff !important;
}

.border-top-light-3 {
  border-top: 3px solid #fff !important;
}

.border-top-light-4 {
  border-top: 4px solid #fff !important;
}

.border-top-light-5 {
  border-top: 5px solid #fff !important;
}

.border-right-light-1 {
  border-right: 1px solid #fff !important;
}

.border-right-light-2 {
  border-right: 2px solid #fff !important;
}

.border-right-light-3 {
  border-right: 3px solid #fff !important;
}

.border-right-light-4 {
  border-right: 4px solid #fff !important;
}

.border-right-light-5 {
  border-right: 5px solid #fff !important;
}

.border-bottom-light-1 {
  border-bottom: 1px solid #fff !important;
}

.border-bottom-light-2 {
  border-bottom: 2px solid #fff !important;
}

.border-bottom-light-3 {
  border-bottom: 3px solid #fff !important;
}

.border-bottom-light-4 {
  border-bottom: 4px solid #fff !important;
}

.border-bottom-light-5 {
  border-bottom: 5px solid #fff !important;
}

.border-left-light-1 {
  border-left: 1px solid #fff !important;
}

.border-left-light-2 {
  border-left: 2px solid #fff !important;
}

.border-left-light-3 {
  border-left: 3px solid #fff !important;
}

.border-left-light-4 {
  border-left: 4px solid #fff !important;
}

.border-left-light-5 {
  border-left: 5px solid #fff !important;
}

.border-top-gray-1 {
  border-top: 1px solid #b1b1b1 !important;
}

.border-top-gray-2 {
  border-top: 2px solid #b1b1b1 !important;
}

.border-top-gray-3 {
  border-top: 3px solid #b1b1b1 !important;
}

.border-top-gray-4 {
  border-top: 4px solid #b1b1b1 !important;
}

.border-top-gray-5 {
  border-top: 5px solid #b1b1b1 !important;
}

.border-right-gray-1 {
  border-right: 1px solid #b1b1b1 !important;
}

.border-right-gray-2 {
  border-right: 2px solid #b1b1b1 !important;
}

.border-right-gray-3 {
  border-right: 3px solid #b1b1b1 !important;
}

.border-right-gray-4 {
  border-right: 4px solid #b1b1b1 !important;
}

.border-right-gray-5 {
  border-right: 5px solid #b1b1b1 !important;
}

.border-bottom-gray-1 {
  border-bottom: 1px solid #b1b1b1 !important;
}

.border-bottom-gray-2 {
  border-bottom: 2px solid #b1b1b1 !important;
}

.border-bottom-gray-3 {
  border-bottom: 3px solid #b1b1b1 !important;
}

.border-bottom-gray-4 {
  border-bottom: 4px solid #b1b1b1 !important;
}

.border-bottom-gray-5 {
  border-bottom: 5px solid #b1b1b1 !important;
}

.border-left-gray-1 {
  border-left: 1px solid #b1b1b1 !important;
}

.border-left-gray-2 {
  border-left: 2px solid #b1b1b1 !important;
}

.border-left-gray-3 {
  border-left: 3px solid #b1b1b1 !important;
}

.border-left-gray-4 {
  border-left: 4px solid #b1b1b1 !important;
}

.border-left-gray-5 {
  border-left: 5px solid #b1b1b1 !important;
}

.border-top-gray2-1 {
  border-top: 1px solid #d8d8d8 !important;
}

.border-top-gray2-2 {
  border-top: 2px solid #d8d8d8 !important;
}

.border-top-gray2-3 {
  border-top: 3px solid #d8d8d8 !important;
}

.border-top-gray2-4 {
  border-top: 4px solid #d8d8d8 !important;
}

.border-top-gray2-5 {
  border-top: 5px solid #d8d8d8 !important;
}

.border-right-gray2-1 {
  border-right: 1px solid #d8d8d8 !important;
}

.border-right-gray2-2 {
  border-right: 2px solid #d8d8d8 !important;
}

.border-right-gray2-3 {
  border-right: 3px solid #d8d8d8 !important;
}

.border-right-gray2-4 {
  border-right: 4px solid #d8d8d8 !important;
}

.border-right-gray2-5 {
  border-right: 5px solid #d8d8d8 !important;
}

.border-bottom-gray2-1 {
  border-bottom: 1px solid #d8d8d8 !important;
}

.border-bottom-gray2-2 {
  border-bottom: 2px solid #d8d8d8 !important;
}

.border-bottom-gray2-3 {
  border-bottom: 3px solid #d8d8d8 !important;
}

.border-bottom-gray2-4 {
  border-bottom: 4px solid #d8d8d8 !important;
}

.border-bottom-gray2-5 {
  border-bottom: 5px solid #d8d8d8 !important;
}

.border-left-gray2-1 {
  border-left: 1px solid #d8d8d8 !important;
}

.border-left-gray2-2 {
  border-left: 2px solid #d8d8d8 !important;
}

.border-left-gray2-3 {
  border-left: 3px solid #d8d8d8 !important;
}

.border-left-gray2-4 {
  border-left: 4px solid #d8d8d8 !important;
}

.border-left-gray2-5 {
  border-left: 5px solid #d8d8d8 !important;
}

.border-top-lightGray-1 {
  border-top: 1px solid #f3f3f3 !important;
}

.border-top-lightGray-2 {
  border-top: 2px solid #f3f3f3 !important;
}

.border-top-lightGray-3 {
  border-top: 3px solid #f3f3f3 !important;
}

.border-top-lightGray-4 {
  border-top: 4px solid #f3f3f3 !important;
}

.border-top-lightGray-5 {
  border-top: 5px solid #f3f3f3 !important;
}

.border-right-lightGray-1 {
  border-right: 1px solid #f3f3f3 !important;
}

.border-right-lightGray-2 {
  border-right: 2px solid #f3f3f3 !important;
}

.border-right-lightGray-3 {
  border-right: 3px solid #f3f3f3 !important;
}

.border-right-lightGray-4 {
  border-right: 4px solid #f3f3f3 !important;
}

.border-right-lightGray-5 {
  border-right: 5px solid #f3f3f3 !important;
}

.border-bottom-lightGray-1 {
  border-bottom: 1px solid #f3f3f3 !important;
}

.border-bottom-lightGray-2 {
  border-bottom: 2px solid #f3f3f3 !important;
}

.border-bottom-lightGray-3 {
  border-bottom: 3px solid #f3f3f3 !important;
}

.border-bottom-lightGray-4 {
  border-bottom: 4px solid #f3f3f3 !important;
}

.border-bottom-lightGray-5 {
  border-bottom: 5px solid #f3f3f3 !important;
}

.border-left-lightGray-1 {
  border-left: 1px solid #f3f3f3 !important;
}

.border-left-lightGray-2 {
  border-left: 2px solid #f3f3f3 !important;
}

.border-left-lightGray-3 {
  border-left: 3px solid #f3f3f3 !important;
}

.border-left-lightGray-4 {
  border-left: 4px solid #f3f3f3 !important;
}

.border-left-lightGray-5 {
  border-left: 5px solid #f3f3f3 !important;
}

.border-top-transparent-1 {
  border-top: 1px solid #0000 !important;
}

.border-top-transparent-2 {
  border-top: 2px solid #0000 !important;
}

.border-top-transparent-3 {
  border-top: 3px solid #0000 !important;
}

.border-top-transparent-4 {
  border-top: 4px solid #0000 !important;
}

.border-top-transparent-5 {
  border-top: 5px solid #0000 !important;
}

.border-right-transparent-1 {
  border-right: 1px solid #0000 !important;
}

.border-right-transparent-2 {
  border-right: 2px solid #0000 !important;
}

.border-right-transparent-3 {
  border-right: 3px solid #0000 !important;
}

.border-right-transparent-4 {
  border-right: 4px solid #0000 !important;
}

.border-right-transparent-5 {
  border-right: 5px solid #0000 !important;
}

.border-bottom-transparent-1 {
  border-bottom: 1px solid #0000 !important;
}

.border-bottom-transparent-2 {
  border-bottom: 2px solid #0000 !important;
}

.border-bottom-transparent-3 {
  border-bottom: 3px solid #0000 !important;
}

.border-bottom-transparent-4 {
  border-bottom: 4px solid #0000 !important;
}

.border-bottom-transparent-5 {
  border-bottom: 5px solid #0000 !important;
}

.border-left-transparent-1 {
  border-left: 1px solid #0000 !important;
}

.border-left-transparent-2 {
  border-left: 2px solid #0000 !important;
}

.border-left-transparent-3 {
  border-left: 3px solid #0000 !important;
}

.border-left-transparent-4 {
  border-left: 4px solid #0000 !important;
}

.border-left-transparent-5 {
  border-left: 5px solid #0000 !important;
}

.border-top-success-1 {
  border-top: 1px solid #198754 !important;
}

.border-top-success-2 {
  border-top: 2px solid #198754 !important;
}

.border-top-success-3 {
  border-top: 3px solid #198754 !important;
}

.border-top-success-4 {
  border-top: 4px solid #198754 !important;
}

.border-top-success-5 {
  border-top: 5px solid #198754 !important;
}

.border-right-success-1 {
  border-right: 1px solid #198754 !important;
}

.border-right-success-2 {
  border-right: 2px solid #198754 !important;
}

.border-right-success-3 {
  border-right: 3px solid #198754 !important;
}

.border-right-success-4 {
  border-right: 4px solid #198754 !important;
}

.border-right-success-5 {
  border-right: 5px solid #198754 !important;
}

.border-bottom-success-1 {
  border-bottom: 1px solid #198754 !important;
}

.border-bottom-success-2 {
  border-bottom: 2px solid #198754 !important;
}

.border-bottom-success-3 {
  border-bottom: 3px solid #198754 !important;
}

.border-bottom-success-4 {
  border-bottom: 4px solid #198754 !important;
}

.border-bottom-success-5 {
  border-bottom: 5px solid #198754 !important;
}

.border-left-success-1 {
  border-left: 1px solid #198754 !important;
}

.border-left-success-2 {
  border-left: 2px solid #198754 !important;
}

.border-left-success-3 {
  border-left: 3px solid #198754 !important;
}

.border-left-success-4 {
  border-left: 4px solid #198754 !important;
}

.border-left-success-5 {
  border-left: 5px solid #198754 !important;
}

.border-top-success-light-1 {
  border-top: 1px solid #d1e7dd !important;
}

.border-top-success-light-2 {
  border-top: 2px solid #d1e7dd !important;
}

.border-top-success-light-3 {
  border-top: 3px solid #d1e7dd !important;
}

.border-top-success-light-4 {
  border-top: 4px solid #d1e7dd !important;
}

.border-top-success-light-5 {
  border-top: 5px solid #d1e7dd !important;
}

.border-right-success-light-1 {
  border-right: 1px solid #d1e7dd !important;
}

.border-right-success-light-2 {
  border-right: 2px solid #d1e7dd !important;
}

.border-right-success-light-3 {
  border-right: 3px solid #d1e7dd !important;
}

.border-right-success-light-4 {
  border-right: 4px solid #d1e7dd !important;
}

.border-right-success-light-5 {
  border-right: 5px solid #d1e7dd !important;
}

.border-bottom-success-light-1 {
  border-bottom: 1px solid #d1e7dd !important;
}

.border-bottom-success-light-2 {
  border-bottom: 2px solid #d1e7dd !important;
}

.border-bottom-success-light-3 {
  border-bottom: 3px solid #d1e7dd !important;
}

.border-bottom-success-light-4 {
  border-bottom: 4px solid #d1e7dd !important;
}

.border-bottom-success-light-5 {
  border-bottom: 5px solid #d1e7dd !important;
}

.border-left-success-light-1 {
  border-left: 1px solid #d1e7dd !important;
}

.border-left-success-light-2 {
  border-left: 2px solid #d1e7dd !important;
}

.border-left-success-light-3 {
  border-left: 3px solid #d1e7dd !important;
}

.border-left-success-light-4 {
  border-left: 4px solid #d1e7dd !important;
}

.border-left-success-light-5 {
  border-left: 5px solid #d1e7dd !important;
}

.border-top-blue-1 {
  border-top: 1px solid #0d6efd !important;
}

.border-top-blue-2 {
  border-top: 2px solid #0d6efd !important;
}

.border-top-blue-3 {
  border-top: 3px solid #0d6efd !important;
}

.border-top-blue-4 {
  border-top: 4px solid #0d6efd !important;
}

.border-top-blue-5 {
  border-top: 5px solid #0d6efd !important;
}

.border-right-blue-1 {
  border-right: 1px solid #0d6efd !important;
}

.border-right-blue-2 {
  border-right: 2px solid #0d6efd !important;
}

.border-right-blue-3 {
  border-right: 3px solid #0d6efd !important;
}

.border-right-blue-4 {
  border-right: 4px solid #0d6efd !important;
}

.border-right-blue-5 {
  border-right: 5px solid #0d6efd !important;
}

.border-bottom-blue-1 {
  border-bottom: 1px solid #0d6efd !important;
}

.border-bottom-blue-2 {
  border-bottom: 2px solid #0d6efd !important;
}

.border-bottom-blue-3 {
  border-bottom: 3px solid #0d6efd !important;
}

.border-bottom-blue-4 {
  border-bottom: 4px solid #0d6efd !important;
}

.border-bottom-blue-5 {
  border-bottom: 5px solid #0d6efd !important;
}

.border-left-blue-1 {
  border-left: 1px solid #0d6efd !important;
}

.border-left-blue-2 {
  border-left: 2px solid #0d6efd !important;
}

.border-left-blue-3 {
  border-left: 3px solid #0d6efd !important;
}

.border-left-blue-4 {
  border-left: 4px solid #0d6efd !important;
}

.border-left-blue-5 {
  border-left: 5px solid #0d6efd !important;
}

.border-top-blue-light-1 {
  border-top: 1px solid #cfe2ff !important;
}

.border-top-blue-light-2 {
  border-top: 2px solid #cfe2ff !important;
}

.border-top-blue-light-3 {
  border-top: 3px solid #cfe2ff !important;
}

.border-top-blue-light-4 {
  border-top: 4px solid #cfe2ff !important;
}

.border-top-blue-light-5 {
  border-top: 5px solid #cfe2ff !important;
}

.border-right-blue-light-1 {
  border-right: 1px solid #cfe2ff !important;
}

.border-right-blue-light-2 {
  border-right: 2px solid #cfe2ff !important;
}

.border-right-blue-light-3 {
  border-right: 3px solid #cfe2ff !important;
}

.border-right-blue-light-4 {
  border-right: 4px solid #cfe2ff !important;
}

.border-right-blue-light-5 {
  border-right: 5px solid #cfe2ff !important;
}

.border-bottom-blue-light-1 {
  border-bottom: 1px solid #cfe2ff !important;
}

.border-bottom-blue-light-2 {
  border-bottom: 2px solid #cfe2ff !important;
}

.border-bottom-blue-light-3 {
  border-bottom: 3px solid #cfe2ff !important;
}

.border-bottom-blue-light-4 {
  border-bottom: 4px solid #cfe2ff !important;
}

.border-bottom-blue-light-5 {
  border-bottom: 5px solid #cfe2ff !important;
}

.border-left-blue-light-1 {
  border-left: 1px solid #cfe2ff !important;
}

.border-left-blue-light-2 {
  border-left: 2px solid #cfe2ff !important;
}

.border-left-blue-light-3 {
  border-left: 3px solid #cfe2ff !important;
}

.border-left-blue-light-4 {
  border-left: 4px solid #cfe2ff !important;
}

.border-left-blue-light-5 {
  border-left: 5px solid #cfe2ff !important;
}

.border-top-danger-1 {
  border-top: 1px solid #dc3545 !important;
}

.border-top-danger-2 {
  border-top: 2px solid #dc3545 !important;
}

.border-top-danger-3 {
  border-top: 3px solid #dc3545 !important;
}

.border-top-danger-4 {
  border-top: 4px solid #dc3545 !important;
}

.border-top-danger-5 {
  border-top: 5px solid #dc3545 !important;
}

.border-right-danger-1 {
  border-right: 1px solid #dc3545 !important;
}

.border-right-danger-2 {
  border-right: 2px solid #dc3545 !important;
}

.border-right-danger-3 {
  border-right: 3px solid #dc3545 !important;
}

.border-right-danger-4 {
  border-right: 4px solid #dc3545 !important;
}

.border-right-danger-5 {
  border-right: 5px solid #dc3545 !important;
}

.border-bottom-danger-1 {
  border-bottom: 1px solid #dc3545 !important;
}

.border-bottom-danger-2 {
  border-bottom: 2px solid #dc3545 !important;
}

.border-bottom-danger-3 {
  border-bottom: 3px solid #dc3545 !important;
}

.border-bottom-danger-4 {
  border-bottom: 4px solid #dc3545 !important;
}

.border-bottom-danger-5 {
  border-bottom: 5px solid #dc3545 !important;
}

.border-left-danger-1 {
  border-left: 1px solid #dc3545 !important;
}

.border-left-danger-2 {
  border-left: 2px solid #dc3545 !important;
}

.border-left-danger-3 {
  border-left: 3px solid #dc3545 !important;
}

.border-left-danger-4 {
  border-left: 4px solid #dc3545 !important;
}

.border-left-danger-5 {
  border-left: 5px solid #dc3545 !important;
}

.border-top-danger-light-1 {
  border-top: 1px solid #f8d7da !important;
}

.border-top-danger-light-2 {
  border-top: 2px solid #f8d7da !important;
}

.border-top-danger-light-3 {
  border-top: 3px solid #f8d7da !important;
}

.border-top-danger-light-4 {
  border-top: 4px solid #f8d7da !important;
}

.border-top-danger-light-5 {
  border-top: 5px solid #f8d7da !important;
}

.border-right-danger-light-1 {
  border-right: 1px solid #f8d7da !important;
}

.border-right-danger-light-2 {
  border-right: 2px solid #f8d7da !important;
}

.border-right-danger-light-3 {
  border-right: 3px solid #f8d7da !important;
}

.border-right-danger-light-4 {
  border-right: 4px solid #f8d7da !important;
}

.border-right-danger-light-5 {
  border-right: 5px solid #f8d7da !important;
}

.border-bottom-danger-light-1 {
  border-bottom: 1px solid #f8d7da !important;
}

.border-bottom-danger-light-2 {
  border-bottom: 2px solid #f8d7da !important;
}

.border-bottom-danger-light-3 {
  border-bottom: 3px solid #f8d7da !important;
}

.border-bottom-danger-light-4 {
  border-bottom: 4px solid #f8d7da !important;
}

.border-bottom-danger-light-5 {
  border-bottom: 5px solid #f8d7da !important;
}

.border-left-danger-light-1 {
  border-left: 1px solid #f8d7da !important;
}

.border-left-danger-light-2 {
  border-left: 2px solid #f8d7da !important;
}

.border-left-danger-light-3 {
  border-left: 3px solid #f8d7da !important;
}

.border-left-danger-light-4 {
  border-left: 4px solid #f8d7da !important;
}

.border-left-danger-light-5 {
  border-left: 5px solid #f8d7da !important;
}

.border-top-warning-1 {
  border-top: 1px solid #ffc107 !important;
}

.border-top-warning-2 {
  border-top: 2px solid #ffc107 !important;
}

.border-top-warning-3 {
  border-top: 3px solid #ffc107 !important;
}

.border-top-warning-4 {
  border-top: 4px solid #ffc107 !important;
}

.border-top-warning-5 {
  border-top: 5px solid #ffc107 !important;
}

.border-right-warning-1 {
  border-right: 1px solid #ffc107 !important;
}

.border-right-warning-2 {
  border-right: 2px solid #ffc107 !important;
}

.border-right-warning-3 {
  border-right: 3px solid #ffc107 !important;
}

.border-right-warning-4 {
  border-right: 4px solid #ffc107 !important;
}

.border-right-warning-5 {
  border-right: 5px solid #ffc107 !important;
}

.border-bottom-warning-1 {
  border-bottom: 1px solid #ffc107 !important;
}

.border-bottom-warning-2 {
  border-bottom: 2px solid #ffc107 !important;
}

.border-bottom-warning-3 {
  border-bottom: 3px solid #ffc107 !important;
}

.border-bottom-warning-4 {
  border-bottom: 4px solid #ffc107 !important;
}

.border-bottom-warning-5 {
  border-bottom: 5px solid #ffc107 !important;
}

.border-left-warning-1 {
  border-left: 1px solid #ffc107 !important;
}

.border-left-warning-2 {
  border-left: 2px solid #ffc107 !important;
}

.border-left-warning-3 {
  border-left: 3px solid #ffc107 !important;
}

.border-left-warning-4 {
  border-left: 4px solid #ffc107 !important;
}

.border-left-warning-5 {
  border-left: 5px solid #ffc107 !important;
}

.border-top-warning-light-1 {
  border-top: 1px solid #fff3cd !important;
}

.border-top-warning-light-2 {
  border-top: 2px solid #fff3cd !important;
}

.border-top-warning-light-3 {
  border-top: 3px solid #fff3cd !important;
}

.border-top-warning-light-4 {
  border-top: 4px solid #fff3cd !important;
}

.border-top-warning-light-5 {
  border-top: 5px solid #fff3cd !important;
}

.border-right-warning-light-1 {
  border-right: 1px solid #fff3cd !important;
}

.border-right-warning-light-2 {
  border-right: 2px solid #fff3cd !important;
}

.border-right-warning-light-3 {
  border-right: 3px solid #fff3cd !important;
}

.border-right-warning-light-4 {
  border-right: 4px solid #fff3cd !important;
}

.border-right-warning-light-5 {
  border-right: 5px solid #fff3cd !important;
}

.border-bottom-warning-light-1 {
  border-bottom: 1px solid #fff3cd !important;
}

.border-bottom-warning-light-2 {
  border-bottom: 2px solid #fff3cd !important;
}

.border-bottom-warning-light-3 {
  border-bottom: 3px solid #fff3cd !important;
}

.border-bottom-warning-light-4 {
  border-bottom: 4px solid #fff3cd !important;
}

.border-bottom-warning-light-5 {
  border-bottom: 5px solid #fff3cd !important;
}

.border-left-warning-light-1 {
  border-left: 1px solid #fff3cd !important;
}

.border-left-warning-light-2 {
  border-left: 2px solid #fff3cd !important;
}

.border-left-warning-light-3 {
  border-left: 3px solid #fff3cd !important;
}

.border-left-warning-light-4 {
  border-left: 4px solid #fff3cd !important;
}

.border-left-warning-light-5 {
  border-left: 5px solid #fff3cd !important;
}

.border-top-theme-1 {
  border-top: 1px solid #9f5aff !important;
}

.border-top-theme-2 {
  border-top: 2px solid #9f5aff !important;
}

.border-top-theme-3 {
  border-top: 3px solid #9f5aff !important;
}

.border-top-theme-4 {
  border-top: 4px solid #9f5aff !important;
}

.border-top-theme-5 {
  border-top: 5px solid #9f5aff !important;
}

.border-right-theme-1 {
  border-right: 1px solid #9f5aff !important;
}

.border-right-theme-2 {
  border-right: 2px solid #9f5aff !important;
}

.border-right-theme-3 {
  border-right: 3px solid #9f5aff !important;
}

.border-right-theme-4 {
  border-right: 4px solid #9f5aff !important;
}

.border-right-theme-5 {
  border-right: 5px solid #9f5aff !important;
}

.border-bottom-theme-1 {
  border-bottom: 1px solid #9f5aff !important;
}

.border-bottom-theme-2 {
  border-bottom: 2px solid #9f5aff !important;
}

.border-bottom-theme-3 {
  border-bottom: 3px solid #9f5aff !important;
}

.border-bottom-theme-4 {
  border-bottom: 4px solid #9f5aff !important;
}

.border-bottom-theme-5 {
  border-bottom: 5px solid #9f5aff !important;
}

.border-left-theme-1 {
  border-left: 1px solid #9f5aff !important;
}

.border-left-theme-2 {
  border-left: 2px solid #9f5aff !important;
}

.border-left-theme-3 {
  border-left: 3px solid #9f5aff !important;
}

.border-left-theme-4 {
  border-left: 4px solid #9f5aff !important;
}

.border-left-theme-5 {
  border-left: 5px solid #9f5aff !important;
}

.border-top-themeLight-1 {
  border-top: 1px solid #1c2b2063 !important;
}

.border-top-themeLight-2 {
  border-top: 2px solid #1c2b2063 !important;
}

.border-top-themeLight-3 {
  border-top: 3px solid #1c2b2063 !important;
}

.border-top-themeLight-4 {
  border-top: 4px solid #1c2b2063 !important;
}

.border-top-themeLight-5 {
  border-top: 5px solid #1c2b2063 !important;
}

.border-right-themeLight-1 {
  border-right: 1px solid #1c2b2063 !important;
}

.border-right-themeLight-2 {
  border-right: 2px solid #1c2b2063 !important;
}

.border-right-themeLight-3 {
  border-right: 3px solid #1c2b2063 !important;
}

.border-right-themeLight-4 {
  border-right: 4px solid #1c2b2063 !important;
}

.border-right-themeLight-5 {
  border-right: 5px solid #1c2b2063 !important;
}

.border-bottom-themeLight-1 {
  border-bottom: 1px solid #1c2b2063 !important;
}

.border-bottom-themeLight-2 {
  border-bottom: 2px solid #1c2b2063 !important;
}

.border-bottom-themeLight-3 {
  border-bottom: 3px solid #1c2b2063 !important;
}

.border-bottom-themeLight-4 {
  border-bottom: 4px solid #1c2b2063 !important;
}

.border-bottom-themeLight-5 {
  border-bottom: 5px solid #1c2b2063 !important;
}

.border-left-themeLight-1 {
  border-left: 1px solid #1c2b2063 !important;
}

.border-left-themeLight-2 {
  border-left: 2px solid #1c2b2063 !important;
}

.border-left-themeLight-3 {
  border-left: 3px solid #1c2b2063 !important;
}

.border-left-themeLight-4 {
  border-left: 4px solid #1c2b2063 !important;
}

.border-left-themeLight-5 {
  border-left: 5px solid #1c2b2063 !important;
}

.border-top-themeparot-1 {
  border-top: 1px solid #adde34 !important;
}

.border-top-themeparot-2 {
  border-top: 2px solid #adde34 !important;
}

.border-top-themeparot-3 {
  border-top: 3px solid #adde34 !important;
}

.border-top-themeparot-4 {
  border-top: 4px solid #adde34 !important;
}

.border-top-themeparot-5 {
  border-top: 5px solid #adde34 !important;
}

.border-right-themeparot-1 {
  border-right: 1px solid #adde34 !important;
}

.border-right-themeparot-2 {
  border-right: 2px solid #adde34 !important;
}

.border-right-themeparot-3 {
  border-right: 3px solid #adde34 !important;
}

.border-right-themeparot-4 {
  border-right: 4px solid #adde34 !important;
}

.border-right-themeparot-5 {
  border-right: 5px solid #adde34 !important;
}

.border-bottom-themeparot-1 {
  border-bottom: 1px solid #adde34 !important;
}

.border-bottom-themeparot-2 {
  border-bottom: 2px solid #adde34 !important;
}

.border-bottom-themeparot-3 {
  border-bottom: 3px solid #adde34 !important;
}

.border-bottom-themeparot-4 {
  border-bottom: 4px solid #adde34 !important;
}

.border-bottom-themeparot-5 {
  border-bottom: 5px solid #adde34 !important;
}

.border-left-themeparot-1 {
  border-left: 1px solid #adde34 !important;
}

.border-left-themeparot-2 {
  border-left: 2px solid #adde34 !important;
}

.border-left-themeparot-3 {
  border-left: 3px solid #adde34 !important;
}

.border-left-themeparot-4 {
  border-left: 4px solid #adde34 !important;
}

.border-left-themeparot-5 {
  border-left: 5px solid #adde34 !important;
}

.border-top-soLight-1 {
  border-top: 1px solid #0f6f8527 !important;
}

.border-top-soLight-2 {
  border-top: 2px solid #0f6f8527 !important;
}

.border-top-soLight-3 {
  border-top: 3px solid #0f6f8527 !important;
}

.border-top-soLight-4 {
  border-top: 4px solid #0f6f8527 !important;
}

.border-top-soLight-5 {
  border-top: 5px solid #0f6f8527 !important;
}

.border-right-soLight-1 {
  border-right: 1px solid #0f6f8527 !important;
}

.border-right-soLight-2 {
  border-right: 2px solid #0f6f8527 !important;
}

.border-right-soLight-3 {
  border-right: 3px solid #0f6f8527 !important;
}

.border-right-soLight-4 {
  border-right: 4px solid #0f6f8527 !important;
}

.border-right-soLight-5 {
  border-right: 5px solid #0f6f8527 !important;
}

.border-bottom-soLight-1 {
  border-bottom: 1px solid #0f6f8527 !important;
}

.border-bottom-soLight-2 {
  border-bottom: 2px solid #0f6f8527 !important;
}

.border-bottom-soLight-3 {
  border-bottom: 3px solid #0f6f8527 !important;
}

.border-bottom-soLight-4 {
  border-bottom: 4px solid #0f6f8527 !important;
}

.border-bottom-soLight-5 {
  border-bottom: 5px solid #0f6f8527 !important;
}

.border-left-soLight-1 {
  border-left: 1px solid #0f6f8527 !important;
}

.border-left-soLight-2 {
  border-left: 2px solid #0f6f8527 !important;
}

.border-left-soLight-3 {
  border-left: 3px solid #0f6f8527 !important;
}

.border-left-soLight-4 {
  border-left: 4px solid #0f6f8527 !important;
}

.border-left-soLight-5 {
  border-left: 5px solid #0f6f8527 !important;
}

.border-top-button-1 {
  border-top: 1px solid #f71845 !important;
}

.border-top-button-2 {
  border-top: 2px solid #f71845 !important;
}

.border-top-button-3 {
  border-top: 3px solid #f71845 !important;
}

.border-top-button-4 {
  border-top: 4px solid #f71845 !important;
}

.border-top-button-5 {
  border-top: 5px solid #f71845 !important;
}

.border-right-button-1 {
  border-right: 1px solid #f71845 !important;
}

.border-right-button-2 {
  border-right: 2px solid #f71845 !important;
}

.border-right-button-3 {
  border-right: 3px solid #f71845 !important;
}

.border-right-button-4 {
  border-right: 4px solid #f71845 !important;
}

.border-right-button-5 {
  border-right: 5px solid #f71845 !important;
}

.border-bottom-button-1 {
  border-bottom: 1px solid #f71845 !important;
}

.border-bottom-button-2 {
  border-bottom: 2px solid #f71845 !important;
}

.border-bottom-button-3 {
  border-bottom: 3px solid #f71845 !important;
}

.border-bottom-button-4 {
  border-bottom: 4px solid #f71845 !important;
}

.border-bottom-button-5 {
  border-bottom: 5px solid #f71845 !important;
}

.border-left-button-1 {
  border-left: 1px solid #f71845 !important;
}

.border-left-button-2 {
  border-left: 2px solid #f71845 !important;
}

.border-left-button-3 {
  border-left: 3px solid #f71845 !important;
}

.border-left-button-4 {
  border-left: 4px solid #f71845 !important;
}

.border-left-button-5 {
  border-left: 5px solid #f71845 !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

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

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

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

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

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

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

.fs-2 {
  font-size: 2px !important;
}

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

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

.fs-5 {
  font-size: 5px !important;
}

.fs-6 {
  font-size: 6px !important;
}

.fs-7 {
  font-size: 7px !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

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

.fs-13 {
  font-size: 13px !important;
}

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

.fs-15 {
  font-size: 15px !important;
}

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

.fs-17 {
  font-size: 17px !important;
}

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

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

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

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

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

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

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

.fs-37 {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px !important;
}

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

.fs-49 {
  font-size: 49px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-51 {
  font-size: 51px !important;
}

.fs-52 {
  font-size: 52px !important;
}

.fs-53 {
  font-size: 53px !important;
}

.fs-54 {
  font-size: 54px !important;
}

.fs-55 {
  font-size: 55px !important;
}

.fs-56 {
  font-size: 56px !important;
}

.fs-57 {
  font-size: 57px !important;
}

.fs-58 {
  font-size: 58px !important;
}

.fs-59 {
  font-size: 59px !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-61 {
  font-size: 61px !important;
}

.fs-62 {
  font-size: 62px !important;
}

.fs-63 {
  font-size: 63px !important;
}

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

.fs-65 {
  font-size: 65px !important;
}

.fs-66 {
  font-size: 66px !important;
}

.fs-67 {
  font-size: 67px !important;
}

.fs-68 {
  font-size: 68px !important;
}

.fs-69 {
  font-size: 69px !important;
}

.fs-70 {
  font-size: 70px !important;
}

.width-1 {
  width: 1px !important;
}

.width-2 {
  width: 2px !important;
}

.width-3 {
  width: 3px !important;
}

.width-4 {
  width: 4px !important;
}

.width-5 {
  width: 5px !important;
}

.width-6 {
  width: 6px !important;
}

.width-7 {
  width: 7px !important;
}

.width-8 {
  width: 8px !important;
}

.width-9 {
  width: 9px !important;
}

.width-10 {
  width: 10px !important;
}

.width-11 {
  width: 11px !important;
}

.width-12 {
  width: 12px !important;
}

.width-13 {
  width: 13px !important;
}

.width-14 {
  width: 14px !important;
}

.width-15 {
  width: 15px !important;
}

.width-16 {
  width: 16px !important;
}

.width-17 {
  width: 17px !important;
}

.width-18 {
  width: 18px !important;
}

.width-19 {
  width: 19px !important;
}

.width-20 {
  width: 20px !important;
}

.width-21 {
  width: 21px !important;
}

.width-22 {
  width: 22px !important;
}

.width-23 {
  width: 23px !important;
}

.width-24 {
  width: 24px !important;
}

.width-25 {
  width: 25px !important;
}

.width-26 {
  width: 26px !important;
}

.width-27 {
  width: 27px !important;
}

.width-28 {
  width: 28px !important;
}

.width-29 {
  width: 29px !important;
}

.width-30 {
  width: 30px !important;
}

.width-31 {
  width: 31px !important;
}

.width-32 {
  width: 32px !important;
}

.width-33 {
  width: 33px !important;
}

.width-34 {
  width: 34px !important;
}

.width-35 {
  width: 35px !important;
}

.width-36 {
  width: 36px !important;
}

.width-37 {
  width: 37px !important;
}

.width-38 {
  width: 38px !important;
}

.width-39 {
  width: 39px !important;
}

.width-40 {
  width: 40px !important;
}

.width-41 {
  width: 41px !important;
}

.width-42 {
  width: 42px !important;
}

.width-43 {
  width: 43px !important;
}

.width-44 {
  width: 44px !important;
}

.width-45 {
  width: 45px !important;
}

.width-46 {
  width: 46px !important;
}

.width-47 {
  width: 47px !important;
}

.width-48 {
  width: 48px !important;
}

.width-49 {
  width: 49px !important;
}

.width-50 {
  width: 50px !important;
}

.width-51 {
  width: 51px !important;
}

.width-52 {
  width: 52px !important;
}

.width-53 {
  width: 53px !important;
}

.width-54 {
  width: 54px !important;
}

.width-55 {
  width: 55px !important;
}

.width-56 {
  width: 56px !important;
}

.width-57 {
  width: 57px !important;
}

.width-58 {
  width: 58px !important;
}

.width-59 {
  width: 59px !important;
}

.width-60 {
  width: 60px !important;
}

.width-61 {
  width: 61px !important;
}

.width-62 {
  width: 62px !important;
}

.width-63 {
  width: 63px !important;
}

.width-64 {
  width: 64px !important;
}

.width-65 {
  width: 65px !important;
}

.width-66 {
  width: 66px !important;
}

.width-67 {
  width: 67px !important;
}

.width-68 {
  width: 68px !important;
}

.width-69 {
  width: 69px !important;
}

.width-70 {
  width: 70px !important;
}

.width-71 {
  width: 71px !important;
}

.width-72 {
  width: 72px !important;
}

.width-73 {
  width: 73px !important;
}

.width-74 {
  width: 74px !important;
}

.width-75 {
  width: 75px !important;
}

.width-76 {
  width: 76px !important;
}

.width-77 {
  width: 77px !important;
}

.width-78 {
  width: 78px !important;
}

.width-79 {
  width: 79px !important;
}

.width-80 {
  width: 80px !important;
}

.width-81 {
  width: 81px !important;
}

.width-82 {
  width: 82px !important;
}

.width-83 {
  width: 83px !important;
}

.width-84 {
  width: 84px !important;
}

.width-85 {
  width: 85px !important;
}

.width-86 {
  width: 86px !important;
}

.width-87 {
  width: 87px !important;
}

.width-88 {
  width: 88px !important;
}

.width-89 {
  width: 89px !important;
}

.width-90 {
  width: 90px !important;
}

.width-91 {
  width: 91px !important;
}

.width-92 {
  width: 92px !important;
}

.width-93 {
  width: 93px !important;
}

.width-94 {
  width: 94px !important;
}

.width-95 {
  width: 95px !important;
}

.width-96 {
  width: 96px !important;
}

.width-97 {
  width: 97px !important;
}

.width-98 {
  width: 98px !important;
}

.width-99 {
  width: 99px !important;
}

.width-100 {
  width: 100px !important;
}

.row {
  --mk-gutter-x: 1.5rem;
  --mk-gutter-y: 0;
  margin-top: calc(-1 * var(--mk-gutter-y));
  margin-right: calc(-.5 * var(--mk-gutter-x));
  margin-left: calc(-.5 * var(--mk-gutter-x));
  flex-wrap: wrap;
  display: flex;
}

.row > * {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--mk-gutter-x) * .5);
  padding-left: calc(var(--mk-gutter-x) * .5);
  margin-top: var(--mk-gutter-y);
  flex-shrink: 0;
}

.col-12 {
  flex: none;
  width: 100%;
  margin-bottom: 10px;
}

.col-11 {
  flex: none;
  width: 91.6667%;
  margin-bottom: 10px;
}

.col-10 {
  flex: none;
  width: 83.3333%;
  margin-bottom: 10px;
}

.col-9 {
  flex: none;
  width: 75%;
  margin-bottom: 10px;
}

.col-8 {
  flex: none;
  width: 66.6667%;
  margin-bottom: 10px;
}

.col-7 {
  flex: none;
  width: 58.3333%;
  margin-bottom: 10px;
}

.col-6 {
  flex: none;
  width: 50%;
  margin-bottom: 10px;
}

.col-5 {
  flex: none;
  width: 41.6667%;
  margin-bottom: 10px;
}

.col-4 {
  flex: none;
  width: 33.3333%;
  margin-bottom: 10px;
}

.col-3 {
  flex: none;
  width: 25%;
  margin-bottom: 10px;
}

.col-2 {
  flex: none;
  width: 16.6667%;
  margin-bottom: 10px;
}

.col-1 {
  flex: none;
  width: 8.33333%;
  margin-bottom: 10px;
}

@media (min-width: 400px) {
  .col-xsm-12 {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .col-xsm-11 {
    flex: none;
    width: 91.6667%;
    margin-bottom: 10px;
  }

  .col-xsm-10 {
    flex: none;
    width: 83.3333%;
    margin-bottom: 10px;
  }

  .col-xsm-9 {
    flex: none;
    width: 75%;
    margin-bottom: 10px;
  }

  .col-xsm-8 {
    flex: none;
    width: 66.6667%;
    margin-bottom: 10px;
  }

  .col-xsm-7 {
    flex: none;
    width: 58.3333%;
    margin-bottom: 10px;
  }

  .col-xsm-6 {
    flex: none;
    width: 50%;
    margin-bottom: 10px;
  }

  .col-xsm-5 {
    flex: none;
    width: 41.6667%;
    margin-bottom: 10px;
  }

  .col-xsm-4 {
    flex: none;
    width: 33.3333%;
    margin-bottom: 10px;
  }

  .col-xsm-3 {
    flex: none;
    width: 25%;
    margin-bottom: 10px;
  }

  .col-xsm-2 {
    flex: none;
    width: 16.6667%;
    margin-bottom: 10px;
  }

  .col-xsm-1 {
    flex: none;
    width: 8.33333%;
    margin-bottom: 10px;
  }
}

@media (min-width: 450px) {
  .col-smm-12 {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .col-smm-11 {
    flex: none;
    width: 91.6667%;
    margin-bottom: 10px;
  }

  .col-smm-10 {
    flex: none;
    width: 83.3333%;
    margin-bottom: 10px;
  }

  .col-smm-9 {
    flex: none;
    width: 75%;
    margin-bottom: 10px;
  }

  .col-smm-8 {
    flex: none;
    width: 66.6667%;
    margin-bottom: 10px;
  }

  .col-smm-7 {
    flex: none;
    width: 58.3333%;
    margin-bottom: 10px;
  }

  .col-smm-6 {
    flex: none;
    width: 50%;
    margin-bottom: 10px;
  }

  .col-smm-5 {
    flex: none;
    width: 41.6667%;
    margin-bottom: 10px;
  }

  .col-smm-4 {
    flex: none;
    width: 33.3333%;
    margin-bottom: 10px;
  }

  .col-smm-3 {
    flex: none;
    width: 25%;
    margin-bottom: 10px;
  }

  .col-smm-2 {
    flex: none;
    width: 16.6667%;
    margin-bottom: 10px;
  }

  .col-smm-1 {
    flex: none;
    width: 8.33333%;
    margin-bottom: 10px;
  }
}

@media (min-width: 576px) {
  .col-sm-12 {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .col-sm-11 {
    flex: none;
    width: 91.6667%;
    margin-bottom: 10px;
  }

  .col-sm-10 {
    flex: none;
    width: 83.3333%;
    margin-bottom: 10px;
  }

  .col-sm-9 {
    flex: none;
    width: 75%;
    margin-bottom: 10px;
  }

  .col-sm-8 {
    flex: none;
    width: 66.6667%;
    margin-bottom: 10px;
  }

  .col-sm-7 {
    flex: none;
    width: 58.3333%;
    margin-bottom: 10px;
  }

  .col-sm-6 {
    flex: none;
    width: 50%;
    margin-bottom: 10px;
  }

  .col-sm-5 {
    flex: none;
    width: 41.6667%;
    margin-bottom: 10px;
  }

  .col-sm-4 {
    flex: none;
    width: 33.3333%;
    margin-bottom: 10px;
  }

  .col-sm-3 {
    flex: none;
    width: 25%;
    margin-bottom: 10px;
  }

  .col-sm-2 {
    flex: none;
    width: 16.6667%;
    margin-bottom: 10px;
  }

  .col-sm-1 {
    flex: none;
    width: 8.33333%;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .col-md-12 {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .col-md-11 {
    flex: none;
    width: 91.6667%;
    margin-bottom: 10px;
  }

  .col-md-10 {
    flex: none;
    width: 83.3333%;
    margin-bottom: 10px;
  }

  .col-md-9 {
    flex: none;
    width: 75%;
    margin-bottom: 10px;
  }

  .col-md-8 {
    flex: none;
    width: 66.6667%;
    margin-bottom: 10px;
  }

  .col-md-7 {
    flex: none;
    width: 58.3333%;
    margin-bottom: 10px;
  }

  .col-md-6 {
    flex: none;
    width: 50%;
    margin-bottom: 10px;
  }

  .col-md-5 {
    flex: none;
    width: 41.6667%;
    margin-bottom: 10px;
  }

  .col-md-4 {
    flex: none;
    width: 33.3333%;
    margin-bottom: 10px;
  }

  .col-md-3 {
    flex: none;
    width: 25%;
    margin-bottom: 10px;
  }

  .col-md-2 {
    flex: none;
    width: 16.6667%;
    margin-bottom: 10px;
  }

  .col-md-1 {
    flex: none;
    width: 8.33333%;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .col-lg-12 {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .col-lg-11 {
    flex: none;
    width: 91.6667%;
    margin-bottom: 10px;
  }

  .col-lg-10 {
    flex: none;
    width: 83.3333%;
    margin-bottom: 10px;
  }

  .col-lg-9 {
    flex: none;
    width: 75%;
    margin-bottom: 10px;
  }

  .col-lg-8 {
    flex: none;
    width: 66.6667%;
    margin-bottom: 10px;
  }

  .col-lg-7 {
    flex: none;
    width: 58.3333%;
    margin-bottom: 10px;
  }

  .col-lg-6 {
    flex: none;
    width: 50%;
    margin-bottom: 10px;
  }

  .col-lg-5 {
    flex: none;
    width: 41.6667%;
    margin-bottom: 10px;
  }

  .col-lg-4 {
    flex: none;
    width: 33.3333%;
    margin-bottom: 10px;
  }

  .col-lg-3 {
    flex: none;
    width: 25%;
    margin-bottom: 10px;
  }

  .col-lg-2 {
    flex: none;
    width: 16.6667%;
    margin-bottom: 10px;
  }

  .col-lg-1 {
    flex: none;
    width: 8.33333%;
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .col-xl-12 {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .col-xl-11 {
    flex: none;
    width: 91.6667%;
    margin-bottom: 10px;
  }

  .col-xl-10 {
    flex: none;
    width: 83.3333%;
    margin-bottom: 10px;
  }

  .col-xl-9 {
    flex: none;
    width: 75%;
    margin-bottom: 10px;
  }

  .col-xl-8 {
    flex: none;
    width: 66.6667%;
    margin-bottom: 10px;
  }

  .col-xl-7 {
    flex: none;
    width: 58.3333%;
    margin-bottom: 10px;
  }

  .col-xl-6 {
    flex: none;
    width: 50%;
    margin-bottom: 10px;
  }

  .col-xl-5 {
    flex: none;
    width: 41.6667%;
    margin-bottom: 10px;
  }

  .col-xl-4 {
    flex: none;
    width: 33.3333%;
    margin-bottom: 10px;
  }

  .col-xl-3 {
    flex: none;
    width: 25%;
    margin-bottom: 10px;
  }

  .col-xl-2 {
    flex: none;
    width: 16.6667%;
    margin-bottom: 10px;
  }

  .col-xl-1 {
    flex: none;
    width: 8.33333%;
    margin-bottom: 10px;
  }
}

@media (min-width: 1400px) {
  .col-xxl-12 {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .col-xxl-11 {
    flex: none;
    width: 91.6667%;
    margin-bottom: 10px;
  }

  .col-xxl-10 {
    flex: none;
    width: 83.3333%;
    margin-bottom: 10px;
  }

  .col-xxl-9 {
    flex: none;
    width: 75%;
    margin-bottom: 10px;
  }

  .col-xxl-8 {
    flex: none;
    width: 66.6667%;
    margin-bottom: 10px;
  }

  .col-xxl-7 {
    flex: none;
    width: 58.3333%;
    margin-bottom: 10px;
  }

  .col-xxl-6 {
    flex: none;
    width: 50%;
    margin-bottom: 10px;
  }

  .col-xxl-5 {
    flex: none;
    width: 41.6667%;
    margin-bottom: 10px;
  }

  .col-xxl-4 {
    flex: none;
    width: 33.3333%;
    margin-bottom: 10px;
  }

  .col-xxl-3 {
    flex: none;
    width: 25%;
    margin-bottom: 10px;
  }

  .col-xxl-2 {
    flex: none;
    width: 16.6667%;
    margin-bottom: 10px;
  }

  .col-xxl-1 {
    flex: none;
    width: 8.33333%;
    margin-bottom: 10px;
  }
}

.p0 {
  padding: 0 !important;
}

.p0-top {
  padding-top: 0 !important;
}

.p0-right {
  padding-right: 0 !important;
}

.p0-bottom {
  padding-bottom: 0 !important;
}

.p0-left {
  padding-left: 0 !important;
}

.p0-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p0-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p1 {
  padding: 1px !important;
}

.p1-top {
  padding-top: 1px !important;
}

.p1-right {
  padding-right: 1px !important;
}

.p1-bottom {
  padding-bottom: 1px !important;
}

.p1-left {
  padding-left: 1px !important;
}

.p1-y {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.p1-x {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.p2 {
  padding: 2px !important;
}

.p2-top {
  padding-top: 2px !important;
}

.p2-right {
  padding-right: 2px !important;
}

.p2-bottom {
  padding-bottom: 2px !important;
}

.p2-left {
  padding-left: 2px !important;
}

.p2-y {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.p2-x {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.p3 {
  padding: 3px !important;
}

.p3-top {
  padding-top: 3px !important;
}

.p3-right {
  padding-right: 3px !important;
}

.p3-bottom {
  padding-bottom: 3px !important;
}

.p3-left {
  padding-left: 3px !important;
}

.p3-y {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.p3-x {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.p4 {
  padding: 4px !important;
}

.p4-top {
  padding-top: 4px !important;
}

.p4-right {
  padding-right: 4px !important;
}

.p4-bottom {
  padding-bottom: 4px !important;
}

.p4-left {
  padding-left: 4px !important;
}

.p4-y {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.p4-x {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.p5 {
  padding: 5px !important;
}

.p5-top {
  padding-top: 5px !important;
}

.p5-right {
  padding-right: 5px !important;
}

.p5-bottom {
  padding-bottom: 5px !important;
}

.p5-left {
  padding-left: 5px !important;
}

.p5-y {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p5-x {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.p6 {
  padding: 6px !important;
}

.p6-top {
  padding-top: 6px !important;
}

.p6-right {
  padding-right: 6px !important;
}

.p6-bottom {
  padding-bottom: 6px !important;
}

.p6-left {
  padding-left: 6px !important;
}

.p6-y {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.p6-x {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.p7 {
  padding: 7px !important;
}

.p7-top {
  padding-top: 7px !important;
}

.p7-right {
  padding-right: 7px !important;
}

.p7-bottom {
  padding-bottom: 7px !important;
}

.p7-left {
  padding-left: 7px !important;
}

.p7-y {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.p7-x {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.p8 {
  padding: 8px !important;
}

.p8-top {
  padding-top: 8px !important;
}

.p8-right {
  padding-right: 8px !important;
}

.p8-bottom {
  padding-bottom: 8px !important;
}

.p8-left {
  padding-left: 8px !important;
}

.p8-y {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.p8-x {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.p9 {
  padding: 9px !important;
}

.p9-top {
  padding-top: 9px !important;
}

.p9-right {
  padding-right: 9px !important;
}

.p9-bottom {
  padding-bottom: 9px !important;
}

.p9-left {
  padding-left: 9px !important;
}

.p9-y {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.p9-x {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.p10 {
  padding: 10px !important;
}

.p10-top {
  padding-top: 10px !important;
}

.p10-right {
  padding-right: 10px !important;
}

.p10-bottom {
  padding-bottom: 10px !important;
}

.p10-left {
  padding-left: 10px !important;
}

.p10-y {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p10-x {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.p11 {
  padding: 11px !important;
}

.p11-top {
  padding-top: 11px !important;
}

.p11-right {
  padding-right: 11px !important;
}

.p11-bottom {
  padding-bottom: 11px !important;
}

.p11-left {
  padding-left: 11px !important;
}

.p11-y {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.p11-x {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.p12 {
  padding: 12px !important;
}

.p12-top {
  padding-top: 12px !important;
}

.p12-right {
  padding-right: 12px !important;
}

.p12-bottom {
  padding-bottom: 12px !important;
}

.p12-left {
  padding-left: 12px !important;
}

.p12-y {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.p12-x {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.p13 {
  padding: 13px !important;
}

.p13-top {
  padding-top: 13px !important;
}

.p13-right {
  padding-right: 13px !important;
}

.p13-bottom {
  padding-bottom: 13px !important;
}

.p13-left {
  padding-left: 13px !important;
}

.p13-y {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.p13-x {
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.p14 {
  padding: 14px !important;
}

.p14-top {
  padding-top: 14px !important;
}

.p14-right {
  padding-right: 14px !important;
}

.p14-bottom {
  padding-bottom: 14px !important;
}

.p14-left {
  padding-left: 14px !important;
}

.p14-y {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.p14-x {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.p15 {
  padding: 15px !important;
}

.p15-top {
  padding-top: 15px !important;
}

.p15-right {
  padding-right: 15px !important;
}

.p15-bottom {
  padding-bottom: 15px !important;
}

.p15-left {
  padding-left: 15px !important;
}

.p15-y {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.p15-x {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.p16 {
  padding: 16px !important;
}

.p16-top {
  padding-top: 16px !important;
}

.p16-right {
  padding-right: 16px !important;
}

.p16-bottom {
  padding-bottom: 16px !important;
}

.p16-left {
  padding-left: 16px !important;
}

.p16-y {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.p16-x {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.p17 {
  padding: 17px !important;
}

.p17-top {
  padding-top: 17px !important;
}

.p17-right {
  padding-right: 17px !important;
}

.p17-bottom {
  padding-bottom: 17px !important;
}

.p17-left {
  padding-left: 17px !important;
}

.p17-y {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.p17-x {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.p18 {
  padding: 18px !important;
}

.p18-top {
  padding-top: 18px !important;
}

.p18-right {
  padding-right: 18px !important;
}

.p18-bottom {
  padding-bottom: 18px !important;
}

.p18-left {
  padding-left: 18px !important;
}

.p18-y {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.p18-x {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.p19 {
  padding: 19px !important;
}

.p19-top {
  padding-top: 19px !important;
}

.p19-right {
  padding-right: 19px !important;
}

.p19-bottom {
  padding-bottom: 19px !important;
}

.p19-left {
  padding-left: 19px !important;
}

.p19-y {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.p19-x {
  padding-left: 19px !important;
  padding-right: 19px !important;
}

.p20 {
  padding: 20px !important;
}

.p20-top {
  padding-top: 20px !important;
}

.p20-right {
  padding-right: 20px !important;
}

.p20-bottom {
  padding-bottom: 20px !important;
}

.p20-left {
  padding-left: 20px !important;
}

.p20-y {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p20-x {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.p21 {
  padding: 21px !important;
}

.p21-top {
  padding-top: 21px !important;
}

.p21-right {
  padding-right: 21px !important;
}

.p21-bottom {
  padding-bottom: 21px !important;
}

.p21-left {
  padding-left: 21px !important;
}

.p21-y {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.p21-x {
  padding-left: 21px !important;
  padding-right: 21px !important;
}

.p22 {
  padding: 22px !important;
}

.p22-top {
  padding-top: 22px !important;
}

.p22-right {
  padding-right: 22px !important;
}

.p22-bottom {
  padding-bottom: 22px !important;
}

.p22-left {
  padding-left: 22px !important;
}

.p22-y {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.p22-x {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.p23 {
  padding: 23px !important;
}

.p23-top {
  padding-top: 23px !important;
}

.p23-right {
  padding-right: 23px !important;
}

.p23-bottom {
  padding-bottom: 23px !important;
}

.p23-left {
  padding-left: 23px !important;
}

.p23-y {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.p23-x {
  padding-left: 23px !important;
  padding-right: 23px !important;
}

.p24 {
  padding: 24px !important;
}

.p24-top {
  padding-top: 24px !important;
}

.p24-right {
  padding-right: 24px !important;
}

.p24-bottom {
  padding-bottom: 24px !important;
}

.p24-left {
  padding-left: 24px !important;
}

.p24-y {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.p24-x {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.p25 {
  padding: 25px !important;
}

.p25-top {
  padding-top: 25px !important;
}

.p25-right {
  padding-right: 25px !important;
}

.p25-bottom {
  padding-bottom: 25px !important;
}

.p25-left {
  padding-left: 25px !important;
}

.p25-y {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.p25-x {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.p26 {
  padding: 26px !important;
}

.p26-top {
  padding-top: 26px !important;
}

.p26-right {
  padding-right: 26px !important;
}

.p26-bottom {
  padding-bottom: 26px !important;
}

.p26-left {
  padding-left: 26px !important;
}

.p26-y {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.p26-x {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.p27 {
  padding: 27px !important;
}

.p27-top {
  padding-top: 27px !important;
}

.p27-right {
  padding-right: 27px !important;
}

.p27-bottom {
  padding-bottom: 27px !important;
}

.p27-left {
  padding-left: 27px !important;
}

.p27-y {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.p27-x {
  padding-left: 27px !important;
  padding-right: 27px !important;
}

.p28 {
  padding: 28px !important;
}

.p28-top {
  padding-top: 28px !important;
}

.p28-right {
  padding-right: 28px !important;
}

.p28-bottom {
  padding-bottom: 28px !important;
}

.p28-left {
  padding-left: 28px !important;
}

.p28-y {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.p28-x {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.p29 {
  padding: 29px !important;
}

.p29-top {
  padding-top: 29px !important;
}

.p29-right {
  padding-right: 29px !important;
}

.p29-bottom {
  padding-bottom: 29px !important;
}

.p29-left {
  padding-left: 29px !important;
}

.p29-y {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.p29-x {
  padding-left: 29px !important;
  padding-right: 29px !important;
}

.p30 {
  padding: 30px !important;
}

.p30-top {
  padding-top: 30px !important;
}

.p30-right {
  padding-right: 30px !important;
}

.p30-bottom {
  padding-bottom: 30px !important;
}

.p30-left {
  padding-left: 30px !important;
}

.p30-y {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.p30-x {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.p31 {
  padding: 31px !important;
}

.p31-top {
  padding-top: 31px !important;
}

.p31-right {
  padding-right: 31px !important;
}

.p31-bottom {
  padding-bottom: 31px !important;
}

.p31-left {
  padding-left: 31px !important;
}

.p31-y {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}

.p31-x {
  padding-left: 31px !important;
  padding-right: 31px !important;
}

.p32 {
  padding: 32px !important;
}

.p32-top {
  padding-top: 32px !important;
}

.p32-right {
  padding-right: 32px !important;
}

.p32-bottom {
  padding-bottom: 32px !important;
}

.p32-left {
  padding-left: 32px !important;
}

.p32-y {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.p32-x {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.p33 {
  padding: 33px !important;
}

.p33-top {
  padding-top: 33px !important;
}

.p33-right {
  padding-right: 33px !important;
}

.p33-bottom {
  padding-bottom: 33px !important;
}

.p33-left {
  padding-left: 33px !important;
}

.p33-y {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

.p33-x {
  padding-left: 33px !important;
  padding-right: 33px !important;
}

.p34 {
  padding: 34px !important;
}

.p34-top {
  padding-top: 34px !important;
}

.p34-right {
  padding-right: 34px !important;
}

.p34-bottom {
  padding-bottom: 34px !important;
}

.p34-left {
  padding-left: 34px !important;
}

.p34-y {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.p34-x {
  padding-left: 34px !important;
  padding-right: 34px !important;
}

.p35 {
  padding: 35px !important;
}

.p35-top {
  padding-top: 35px !important;
}

.p35-right {
  padding-right: 35px !important;
}

.p35-bottom {
  padding-bottom: 35px !important;
}

.p35-left {
  padding-left: 35px !important;
}

.p35-y {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.p35-x {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.p36 {
  padding: 36px !important;
}

.p36-top {
  padding-top: 36px !important;
}

.p36-right {
  padding-right: 36px !important;
}

.p36-bottom {
  padding-bottom: 36px !important;
}

.p36-left {
  padding-left: 36px !important;
}

.p36-y {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.p36-x {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.p37 {
  padding: 37px !important;
}

.p37-top {
  padding-top: 37px !important;
}

.p37-right {
  padding-right: 37px !important;
}

.p37-bottom {
  padding-bottom: 37px !important;
}

.p37-left {
  padding-left: 37px !important;
}

.p37-y {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}

.p37-x {
  padding-left: 37px !important;
  padding-right: 37px !important;
}

.p38 {
  padding: 38px !important;
}

.p38-top {
  padding-top: 38px !important;
}

.p38-right {
  padding-right: 38px !important;
}

.p38-bottom {
  padding-bottom: 38px !important;
}

.p38-left {
  padding-left: 38px !important;
}

.p38-y {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.p38-x {
  padding-left: 38px !important;
  padding-right: 38px !important;
}

.p39 {
  padding: 39px !important;
}

.p39-top {
  padding-top: 39px !important;
}

.p39-right {
  padding-right: 39px !important;
}

.p39-bottom {
  padding-bottom: 39px !important;
}

.p39-left {
  padding-left: 39px !important;
}

.p39-y {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}

.p39-x {
  padding-left: 39px !important;
  padding-right: 39px !important;
}

.p40 {
  padding: 40px !important;
}

.p40-top {
  padding-top: 40px !important;
}

.p40-right {
  padding-right: 40px !important;
}

.p40-bottom {
  padding-bottom: 40px !important;
}

.p40-left {
  padding-left: 40px !important;
}

.p40-y {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.p40-x {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.p41 {
  padding: 41px !important;
}

.p41-top {
  padding-top: 41px !important;
}

.p41-right {
  padding-right: 41px !important;
}

.p41-bottom {
  padding-bottom: 41px !important;
}

.p41-left {
  padding-left: 41px !important;
}

.p41-y {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}

.p41-x {
  padding-left: 41px !important;
  padding-right: 41px !important;
}

.p42 {
  padding: 42px !important;
}

.p42-top {
  padding-top: 42px !important;
}

.p42-right {
  padding-right: 42px !important;
}

.p42-bottom {
  padding-bottom: 42px !important;
}

.p42-left {
  padding-left: 42px !important;
}

.p42-y {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.p42-x {
  padding-left: 42px !important;
  padding-right: 42px !important;
}

.p43 {
  padding: 43px !important;
}

.p43-top {
  padding-top: 43px !important;
}

.p43-right {
  padding-right: 43px !important;
}

.p43-bottom {
  padding-bottom: 43px !important;
}

.p43-left {
  padding-left: 43px !important;
}

.p43-y {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}

.p43-x {
  padding-left: 43px !important;
  padding-right: 43px !important;
}

.p44 {
  padding: 44px !important;
}

.p44-top {
  padding-top: 44px !important;
}

.p44-right {
  padding-right: 44px !important;
}

.p44-bottom {
  padding-bottom: 44px !important;
}

.p44-left {
  padding-left: 44px !important;
}

.p44-y {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.p44-x {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

.p45 {
  padding: 45px !important;
}

.p45-top {
  padding-top: 45px !important;
}

.p45-right {
  padding-right: 45px !important;
}

.p45-bottom {
  padding-bottom: 45px !important;
}

.p45-left {
  padding-left: 45px !important;
}

.p45-y {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.p45-x {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.p46 {
  padding: 46px !important;
}

.p46-top {
  padding-top: 46px !important;
}

.p46-right {
  padding-right: 46px !important;
}

.p46-bottom {
  padding-bottom: 46px !important;
}

.p46-left {
  padding-left: 46px !important;
}

.p46-y {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.p46-x {
  padding-left: 46px !important;
  padding-right: 46px !important;
}

.p47 {
  padding: 47px !important;
}

.p47-top {
  padding-top: 47px !important;
}

.p47-right {
  padding-right: 47px !important;
}

.p47-bottom {
  padding-bottom: 47px !important;
}

.p47-left {
  padding-left: 47px !important;
}

.p47-y {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}

.p47-x {
  padding-left: 47px !important;
  padding-right: 47px !important;
}

.p48 {
  padding: 48px !important;
}

.p48-top {
  padding-top: 48px !important;
}

.p48-right {
  padding-right: 48px !important;
}

.p48-bottom {
  padding-bottom: 48px !important;
}

.p48-left {
  padding-left: 48px !important;
}

.p48-y {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.p48-x {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.p49 {
  padding: 49px !important;
}

.p49-top {
  padding-top: 49px !important;
}

.p49-right {
  padding-right: 49px !important;
}

.p49-bottom {
  padding-bottom: 49px !important;
}

.p49-left {
  padding-left: 49px !important;
}

.p49-y {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}

.p49-x {
  padding-left: 49px !important;
  padding-right: 49px !important;
}

.p50 {
  padding: 50px !important;
}

.p50-top {
  padding-top: 50px !important;
}

.p50-right {
  padding-right: 50px !important;
}

.p50-bottom {
  padding-bottom: 50px !important;
}

.p50-left {
  padding-left: 50px !important;
}

.p50-y {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.p50-x {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.p51 {
  padding: 51px !important;
}

.p51-top {
  padding-top: 51px !important;
}

.p51-right {
  padding-right: 51px !important;
}

.p51-bottom {
  padding-bottom: 51px !important;
}

.p51-left {
  padding-left: 51px !important;
}

.p51-y {
  padding-top: 51px !important;
  padding-bottom: 51px !important;
}

.p51-x {
  padding-left: 51px !important;
  padding-right: 51px !important;
}

.p52 {
  padding: 52px !important;
}

.p52-top {
  padding-top: 52px !important;
}

.p52-right {
  padding-right: 52px !important;
}

.p52-bottom {
  padding-bottom: 52px !important;
}

.p52-left {
  padding-left: 52px !important;
}

.p52-y {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.p52-x {
  padding-left: 52px !important;
  padding-right: 52px !important;
}

.p53 {
  padding: 53px !important;
}

.p53-top {
  padding-top: 53px !important;
}

.p53-right {
  padding-right: 53px !important;
}

.p53-bottom {
  padding-bottom: 53px !important;
}

.p53-left {
  padding-left: 53px !important;
}

.p53-y {
  padding-top: 53px !important;
  padding-bottom: 53px !important;
}

.p53-x {
  padding-left: 53px !important;
  padding-right: 53px !important;
}

.p54 {
  padding: 54px !important;
}

.p54-top {
  padding-top: 54px !important;
}

.p54-right {
  padding-right: 54px !important;
}

.p54-bottom {
  padding-bottom: 54px !important;
}

.p54-left {
  padding-left: 54px !important;
}

.p54-y {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.p54-x {
  padding-left: 54px !important;
  padding-right: 54px !important;
}

.p55 {
  padding: 55px !important;
}

.p55-top {
  padding-top: 55px !important;
}

.p55-right {
  padding-right: 55px !important;
}

.p55-bottom {
  padding-bottom: 55px !important;
}

.p55-left {
  padding-left: 55px !important;
}

.p55-y {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.p55-x {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.p56 {
  padding: 56px !important;
}

.p56-top {
  padding-top: 56px !important;
}

.p56-right {
  padding-right: 56px !important;
}

.p56-bottom {
  padding-bottom: 56px !important;
}

.p56-left {
  padding-left: 56px !important;
}

.p56-y {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.p56-x {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.p57 {
  padding: 57px !important;
}

.p57-top {
  padding-top: 57px !important;
}

.p57-right {
  padding-right: 57px !important;
}

.p57-bottom {
  padding-bottom: 57px !important;
}

.p57-left {
  padding-left: 57px !important;
}

.p57-y {
  padding-top: 57px !important;
  padding-bottom: 57px !important;
}

.p57-x {
  padding-left: 57px !important;
  padding-right: 57px !important;
}

.p58 {
  padding: 58px !important;
}

.p58-top {
  padding-top: 58px !important;
}

.p58-right {
  padding-right: 58px !important;
}

.p58-bottom {
  padding-bottom: 58px !important;
}

.p58-left {
  padding-left: 58px !important;
}

.p58-y {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.p58-x {
  padding-left: 58px !important;
  padding-right: 58px !important;
}

.p59 {
  padding: 59px !important;
}

.p59-top {
  padding-top: 59px !important;
}

.p59-right {
  padding-right: 59px !important;
}

.p59-bottom {
  padding-bottom: 59px !important;
}

.p59-left {
  padding-left: 59px !important;
}

.p59-y {
  padding-top: 59px !important;
  padding-bottom: 59px !important;
}

.p59-x {
  padding-left: 59px !important;
  padding-right: 59px !important;
}

.p60 {
  padding: 60px !important;
}

.p60-top {
  padding-top: 60px !important;
}

.p60-right {
  padding-right: 60px !important;
}

.p60-bottom {
  padding-bottom: 60px !important;
}

.p60-left {
  padding-left: 60px !important;
}

.p60-y {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.p60-x {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.p61 {
  padding: 61px !important;
}

.p61-top {
  padding-top: 61px !important;
}

.p61-right {
  padding-right: 61px !important;
}

.p61-bottom {
  padding-bottom: 61px !important;
}

.p61-left {
  padding-left: 61px !important;
}

.p61-y {
  padding-top: 61px !important;
  padding-bottom: 61px !important;
}

.p61-x {
  padding-left: 61px !important;
  padding-right: 61px !important;
}

.p62 {
  padding: 62px !important;
}

.p62-top {
  padding-top: 62px !important;
}

.p62-right {
  padding-right: 62px !important;
}

.p62-bottom {
  padding-bottom: 62px !important;
}

.p62-left {
  padding-left: 62px !important;
}

.p62-y {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}

.p62-x {
  padding-left: 62px !important;
  padding-right: 62px !important;
}

.p63 {
  padding: 63px !important;
}

.p63-top {
  padding-top: 63px !important;
}

.p63-right {
  padding-right: 63px !important;
}

.p63-bottom {
  padding-bottom: 63px !important;
}

.p63-left {
  padding-left: 63px !important;
}

.p63-y {
  padding-top: 63px !important;
  padding-bottom: 63px !important;
}

.p63-x {
  padding-left: 63px !important;
  padding-right: 63px !important;
}

.p64 {
  padding: 64px !important;
}

.p64-top {
  padding-top: 64px !important;
}

.p64-right {
  padding-right: 64px !important;
}

.p64-bottom {
  padding-bottom: 64px !important;
}

.p64-left {
  padding-left: 64px !important;
}

.p64-y {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.p64-x {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.p65 {
  padding: 65px !important;
}

.p65-top {
  padding-top: 65px !important;
}

.p65-right {
  padding-right: 65px !important;
}

.p65-bottom {
  padding-bottom: 65px !important;
}

.p65-left {
  padding-left: 65px !important;
}

.p65-y {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.p65-x {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.p66 {
  padding: 66px !important;
}

.p66-top {
  padding-top: 66px !important;
}

.p66-right {
  padding-right: 66px !important;
}

.p66-bottom {
  padding-bottom: 66px !important;
}

.p66-left {
  padding-left: 66px !important;
}

.p66-y {
  padding-top: 66px !important;
  padding-bottom: 66px !important;
}

.p66-x {
  padding-left: 66px !important;
  padding-right: 66px !important;
}

.p67 {
  padding: 67px !important;
}

.p67-top {
  padding-top: 67px !important;
}

.p67-right {
  padding-right: 67px !important;
}

.p67-bottom {
  padding-bottom: 67px !important;
}

.p67-left {
  padding-left: 67px !important;
}

.p67-y {
  padding-top: 67px !important;
  padding-bottom: 67px !important;
}

.p67-x {
  padding-left: 67px !important;
  padding-right: 67px !important;
}

.p68 {
  padding: 68px !important;
}

.p68-top {
  padding-top: 68px !important;
}

.p68-right {
  padding-right: 68px !important;
}

.p68-bottom {
  padding-bottom: 68px !important;
}

.p68-left {
  padding-left: 68px !important;
}

.p68-y {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.p68-x {
  padding-left: 68px !important;
  padding-right: 68px !important;
}

.p69 {
  padding: 69px !important;
}

.p69-top {
  padding-top: 69px !important;
}

.p69-right {
  padding-right: 69px !important;
}

.p69-bottom {
  padding-bottom: 69px !important;
}

.p69-left {
  padding-left: 69px !important;
}

.p69-y {
  padding-top: 69px !important;
  padding-bottom: 69px !important;
}

.p69-x {
  padding-left: 69px !important;
  padding-right: 69px !important;
}

.p70 {
  padding: 70px !important;
}

.p70-top {
  padding-top: 70px !important;
}

.p70-right {
  padding-right: 70px !important;
}

.p70-bottom {
  padding-bottom: 70px !important;
}

.p70-left {
  padding-left: 70px !important;
}

.p70-y {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.p70-x {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.m-auto {
  margin: auto !important;
}

.m-auto-right {
  margin-right: auto !important;
}

.m-auto-left {
  margin-left: auto !important;
}

.m0 {
  margin: 0 !important;
}

.m0-top {
  margin-top: 0 !important;
}

.m0-right {
  margin-right: 0 !important;
}

.m0-bottom {
  margin-bottom: 0 !important;
}

.m0-left {
  margin-left: 0 !important;
}

.m0-y {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m0-x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m1 {
  margin: 1px !important;
}

.m1-top {
  margin-top: 1px !important;
}

.m1-right {
  margin-right: 1px !important;
}

.m1-bottom {
  margin-bottom: 1px !important;
}

.m1-left {
  margin-left: 1px !important;
}

.m1-y {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.m1-x {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.m2 {
  margin: 2px !important;
}

.m2-top {
  margin-top: 2px !important;
}

.m2-right {
  margin-right: 2px !important;
}

.m2-bottom {
  margin-bottom: 2px !important;
}

.m2-left {
  margin-left: 2px !important;
}

.m2-y {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.m2-x {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.m3 {
  margin: 3px !important;
}

.m3-top {
  margin-top: 3px !important;
}

.m3-right {
  margin-right: 3px !important;
}

.m3-bottom {
  margin-bottom: 3px !important;
}

.m3-left {
  margin-left: 3px !important;
}

.m3-y {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.m3-x {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.m4 {
  margin: 4px !important;
}

.m4-top {
  margin-top: 4px !important;
}

.m4-right {
  margin-right: 4px !important;
}

.m4-bottom {
  margin-bottom: 4px !important;
}

.m4-left {
  margin-left: 4px !important;
}

.m4-y {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.m4-x {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.m5 {
  margin: 5px !important;
}

.m5-top {
  margin-top: 5px !important;
}

.m5-right {
  margin-right: 5px !important;
}

.m5-bottom {
  margin-bottom: 5px !important;
}

.m5-left {
  margin-left: 5px !important;
}

.m5-y {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m5-x {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.m6 {
  margin: 6px !important;
}

.m6-top {
  margin-top: 6px !important;
}

.m6-right {
  margin-right: 6px !important;
}

.m6-bottom {
  margin-bottom: 6px !important;
}

.m6-left {
  margin-left: 6px !important;
}

.m6-y {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.m6-x {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.m7 {
  margin: 7px !important;
}

.m7-top {
  margin-top: 7px !important;
}

.m7-right {
  margin-right: 7px !important;
}

.m7-bottom {
  margin-bottom: 7px !important;
}

.m7-left {
  margin-left: 7px !important;
}

.m7-y {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.m7-x {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.m8 {
  margin: 8px !important;
}

.m8-top {
  margin-top: 8px !important;
}

.m8-right {
  margin-right: 8px !important;
}

.m8-bottom {
  margin-bottom: 8px !important;
}

.m8-left {
  margin-left: 8px !important;
}

.m8-y {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m8-x {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.m9 {
  margin: 9px !important;
}

.m9-top {
  margin-top: 9px !important;
}

.m9-right {
  margin-right: 9px !important;
}

.m9-bottom {
  margin-bottom: 9px !important;
}

.m9-left {
  margin-left: 9px !important;
}

.m9-y {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.m9-x {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.m10 {
  margin: 10px !important;
}

.m10-top {
  margin-top: 10px !important;
}

.m10-right {
  margin-right: 10px !important;
}

.m10-bottom {
  margin-bottom: 10px !important;
}

.m10-left {
  margin-left: 10px !important;
}

.m10-y {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m10-x {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.m11 {
  margin: 11px !important;
}

.m11-top {
  margin-top: 11px !important;
}

.m11-right {
  margin-right: 11px !important;
}

.m11-bottom {
  margin-bottom: 11px !important;
}

.m11-left {
  margin-left: 11px !important;
}

.m11-y {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.m11-x {
  margin-left: 11px !important;
  margin-right: 11px !important;
}

.m12 {
  margin: 12px !important;
}

.m12-top {
  margin-top: 12px !important;
}

.m12-right {
  margin-right: 12px !important;
}

.m12-bottom {
  margin-bottom: 12px !important;
}

.m12-left {
  margin-left: 12px !important;
}

.m12-y {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.m12-x {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.m13 {
  margin: 13px !important;
}

.m13-top {
  margin-top: 13px !important;
}

.m13-right {
  margin-right: 13px !important;
}

.m13-bottom {
  margin-bottom: 13px !important;
}

.m13-left {
  margin-left: 13px !important;
}

.m13-y {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.m13-x {
  margin-left: 13px !important;
  margin-right: 13px !important;
}

.m14 {
  margin: 14px !important;
}

.m14-top {
  margin-top: 14px !important;
}

.m14-right {
  margin-right: 14px !important;
}

.m14-bottom {
  margin-bottom: 14px !important;
}

.m14-left {
  margin-left: 14px !important;
}

.m14-y {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.m14-x {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.m15 {
  margin: 15px !important;
}

.m15-top {
  margin-top: 15px !important;
}

.m15-right {
  margin-right: 15px !important;
}

.m15-bottom {
  margin-bottom: 15px !important;
}

.m15-left {
  margin-left: 15px !important;
}

.m15-y {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m15-x {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.m16 {
  margin: 16px !important;
}

.m16-top {
  margin-top: 16px !important;
}

.m16-right {
  margin-right: 16px !important;
}

.m16-bottom {
  margin-bottom: 16px !important;
}

.m16-left {
  margin-left: 16px !important;
}

.m16-y {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.m16-x {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.m17 {
  margin: 17px !important;
}

.m17-top {
  margin-top: 17px !important;
}

.m17-right {
  margin-right: 17px !important;
}

.m17-bottom {
  margin-bottom: 17px !important;
}

.m17-left {
  margin-left: 17px !important;
}

.m17-y {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.m17-x {
  margin-left: 17px !important;
  margin-right: 17px !important;
}

.m18 {
  margin: 18px !important;
}

.m18-top {
  margin-top: 18px !important;
}

.m18-right {
  margin-right: 18px !important;
}

.m18-bottom {
  margin-bottom: 18px !important;
}

.m18-left {
  margin-left: 18px !important;
}

.m18-y {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.m18-x {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.m19 {
  margin: 19px !important;
}

.m19-top {
  margin-top: 19px !important;
}

.m19-right {
  margin-right: 19px !important;
}

.m19-bottom {
  margin-bottom: 19px !important;
}

.m19-left {
  margin-left: 19px !important;
}

.m19-y {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.m19-x {
  margin-left: 19px !important;
  margin-right: 19px !important;
}

.m20 {
  margin: 20px !important;
}

.m20-top {
  margin-top: 20px !important;
}

.m20-right {
  margin-right: 20px !important;
}

.m20-bottom {
  margin-bottom: 20px !important;
}

.m20-left {
  margin-left: 20px !important;
}

.m20-y {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m20-x {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.m21 {
  margin: 21px !important;
}

.m21-top {
  margin-top: 21px !important;
}

.m21-right {
  margin-right: 21px !important;
}

.m21-bottom {
  margin-bottom: 21px !important;
}

.m21-left {
  margin-left: 21px !important;
}

.m21-y {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.m21-x {
  margin-left: 21px !important;
  margin-right: 21px !important;
}

.m22 {
  margin: 22px !important;
}

.m22-top {
  margin-top: 22px !important;
}

.m22-right {
  margin-right: 22px !important;
}

.m22-bottom {
  margin-bottom: 22px !important;
}

.m22-left {
  margin-left: 22px !important;
}

.m22-y {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.m22-x {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.m23 {
  margin: 23px !important;
}

.m23-top {
  margin-top: 23px !important;
}

.m23-right {
  margin-right: 23px !important;
}

.m23-bottom {
  margin-bottom: 23px !important;
}

.m23-left {
  margin-left: 23px !important;
}

.m23-y {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.m23-x {
  margin-left: 23px !important;
  margin-right: 23px !important;
}

.m24 {
  margin: 24px !important;
}

.m24-top {
  margin-top: 24px !important;
}

.m24-right {
  margin-right: 24px !important;
}

.m24-bottom {
  margin-bottom: 24px !important;
}

.m24-left {
  margin-left: 24px !important;
}

.m24-y {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m24-x {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.m25 {
  margin: 25px !important;
}

.m25-top {
  margin-top: 25px !important;
}

.m25-right {
  margin-right: 25px !important;
}

.m25-bottom {
  margin-bottom: 25px !important;
}

.m25-left {
  margin-left: 25px !important;
}

.m25-y {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.m25-x {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.m26 {
  margin: 26px !important;
}

.m26-top {
  margin-top: 26px !important;
}

.m26-right {
  margin-right: 26px !important;
}

.m26-bottom {
  margin-bottom: 26px !important;
}

.m26-left {
  margin-left: 26px !important;
}

.m26-y {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.m26-x {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.m27 {
  margin: 27px !important;
}

.m27-top {
  margin-top: 27px !important;
}

.m27-right {
  margin-right: 27px !important;
}

.m27-bottom {
  margin-bottom: 27px !important;
}

.m27-left {
  margin-left: 27px !important;
}

.m27-y {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.m27-x {
  margin-left: 27px !important;
  margin-right: 27px !important;
}

.m28 {
  margin: 28px !important;
}

.m28-top {
  margin-top: 28px !important;
}

.m28-right {
  margin-right: 28px !important;
}

.m28-bottom {
  margin-bottom: 28px !important;
}

.m28-left {
  margin-left: 28px !important;
}

.m28-y {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.m28-x {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.m29 {
  margin: 29px !important;
}

.m29-top {
  margin-top: 29px !important;
}

.m29-right {
  margin-right: 29px !important;
}

.m29-bottom {
  margin-bottom: 29px !important;
}

.m29-left {
  margin-left: 29px !important;
}

.m29-y {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.m29-x {
  margin-left: 29px !important;
  margin-right: 29px !important;
}

.m30 {
  margin: 30px !important;
}

.m30-top {
  margin-top: 30px !important;
}

.m30-right {
  margin-right: 30px !important;
}

.m30-bottom {
  margin-bottom: 30px !important;
}

.m30-left {
  margin-left: 30px !important;
}

.m30-y {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m30-x {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.m31 {
  margin: 31px !important;
}

.m31-top {
  margin-top: 31px !important;
}

.m31-right {
  margin-right: 31px !important;
}

.m31-bottom {
  margin-bottom: 31px !important;
}

.m31-left {
  margin-left: 31px !important;
}

.m31-y {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.m31-x {
  margin-left: 31px !important;
  margin-right: 31px !important;
}

.m32 {
  margin: 32px !important;
}

.m32-top {
  margin-top: 32px !important;
}

.m32-right {
  margin-right: 32px !important;
}

.m32-bottom {
  margin-bottom: 32px !important;
}

.m32-left {
  margin-left: 32px !important;
}

.m32-y {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.m32-x {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.m33 {
  margin: 33px !important;
}

.m33-top {
  margin-top: 33px !important;
}

.m33-right {
  margin-right: 33px !important;
}

.m33-bottom {
  margin-bottom: 33px !important;
}

.m33-left {
  margin-left: 33px !important;
}

.m33-y {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.m33-x {
  margin-left: 33px !important;
  margin-right: 33px !important;
}

.m34 {
  margin: 34px !important;
}

.m34-top {
  margin-top: 34px !important;
}

.m34-right {
  margin-right: 34px !important;
}

.m34-bottom {
  margin-bottom: 34px !important;
}

.m34-left {
  margin-left: 34px !important;
}

.m34-y {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.m34-x {
  margin-left: 34px !important;
  margin-right: 34px !important;
}

.m35 {
  margin: 35px !important;
}

.m35-top {
  margin-top: 35px !important;
}

.m35-right {
  margin-right: 35px !important;
}

.m35-bottom {
  margin-bottom: 35px !important;
}

.m35-left {
  margin-left: 35px !important;
}

.m35-y {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.m35-x {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.m36 {
  margin: 36px !important;
}

.m36-top {
  margin-top: 36px !important;
}

.m36-right {
  margin-right: 36px !important;
}

.m36-bottom {
  margin-bottom: 36px !important;
}

.m36-left {
  margin-left: 36px !important;
}

.m36-y {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.m36-x {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.m37 {
  margin: 37px !important;
}

.m37-top {
  margin-top: 37px !important;
}

.m37-right {
  margin-right: 37px !important;
}

.m37-bottom {
  margin-bottom: 37px !important;
}

.m37-left {
  margin-left: 37px !important;
}

.m37-y {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}

.m37-x {
  margin-left: 37px !important;
  margin-right: 37px !important;
}

.m38 {
  margin: 38px !important;
}

.m38-top {
  margin-top: 38px !important;
}

.m38-right {
  margin-right: 38px !important;
}

.m38-bottom {
  margin-bottom: 38px !important;
}

.m38-left {
  margin-left: 38px !important;
}

.m38-y {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.m38-x {
  margin-left: 38px !important;
  margin-right: 38px !important;
}

.m39 {
  margin: 39px !important;
}

.m39-top {
  margin-top: 39px !important;
}

.m39-right {
  margin-right: 39px !important;
}

.m39-bottom {
  margin-bottom: 39px !important;
}

.m39-left {
  margin-left: 39px !important;
}

.m39-y {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}

.m39-x {
  margin-left: 39px !important;
  margin-right: 39px !important;
}

.m40 {
  margin: 40px !important;
}

.m40-top {
  margin-top: 40px !important;
}

.m40-right {
  margin-right: 40px !important;
}

.m40-bottom {
  margin-bottom: 40px !important;
}

.m40-left {
  margin-left: 40px !important;
}

.m40-y {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.m40-x {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.m41 {
  margin: 41px !important;
}

.m41-top {
  margin-top: 41px !important;
}

.m41-right {
  margin-right: 41px !important;
}

.m41-bottom {
  margin-bottom: 41px !important;
}

.m41-left {
  margin-left: 41px !important;
}

.m41-y {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}

.m41-x {
  margin-left: 41px !important;
  margin-right: 41px !important;
}

.m42 {
  margin: 42px !important;
}

.m42-top {
  margin-top: 42px !important;
}

.m42-right {
  margin-right: 42px !important;
}

.m42-bottom {
  margin-bottom: 42px !important;
}

.m42-left {
  margin-left: 42px !important;
}

.m42-y {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.m42-x {
  margin-left: 42px !important;
  margin-right: 42px !important;
}

.m43 {
  margin: 43px !important;
}

.m43-top {
  margin-top: 43px !important;
}

.m43-right {
  margin-right: 43px !important;
}

.m43-bottom {
  margin-bottom: 43px !important;
}

.m43-left {
  margin-left: 43px !important;
}

.m43-y {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}

.m43-x {
  margin-left: 43px !important;
  margin-right: 43px !important;
}

.m44 {
  margin: 44px !important;
}

.m44-top {
  margin-top: 44px !important;
}

.m44-right {
  margin-right: 44px !important;
}

.m44-bottom {
  margin-bottom: 44px !important;
}

.m44-left {
  margin-left: 44px !important;
}

.m44-y {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.m44-x {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.m45 {
  margin: 45px !important;
}

.m45-top {
  margin-top: 45px !important;
}

.m45-right {
  margin-right: 45px !important;
}

.m45-bottom {
  margin-bottom: 45px !important;
}

.m45-left {
  margin-left: 45px !important;
}

.m45-y {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.m45-x {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.m46 {
  margin: 46px !important;
}

.m46-top {
  margin-top: 46px !important;
}

.m46-right {
  margin-right: 46px !important;
}

.m46-bottom {
  margin-bottom: 46px !important;
}

.m46-left {
  margin-left: 46px !important;
}

.m46-y {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.m46-x {
  margin-left: 46px !important;
  margin-right: 46px !important;
}

.m47 {
  margin: 47px !important;
}

.m47-top {
  margin-top: 47px !important;
}

.m47-right {
  margin-right: 47px !important;
}

.m47-bottom {
  margin-bottom: 47px !important;
}

.m47-left {
  margin-left: 47px !important;
}

.m47-y {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}

.m47-x {
  margin-left: 47px !important;
  margin-right: 47px !important;
}

.m48 {
  margin: 48px !important;
}

.m48-top {
  margin-top: 48px !important;
}

.m48-right {
  margin-right: 48px !important;
}

.m48-bottom {
  margin-bottom: 48px !important;
}

.m48-left {
  margin-left: 48px !important;
}

.m48-y {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.m48-x {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.m49 {
  margin: 49px !important;
}

.m49-top {
  margin-top: 49px !important;
}

.m49-right {
  margin-right: 49px !important;
}

.m49-bottom {
  margin-bottom: 49px !important;
}

.m49-left {
  margin-left: 49px !important;
}

.m49-y {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}

.m49-x {
  margin-left: 49px !important;
  margin-right: 49px !important;
}

.m50 {
  margin: 50px !important;
}

.m50-top {
  margin-top: 50px !important;
}

.m50-right {
  margin-right: 50px !important;
}

.m50-bottom {
  margin-bottom: 50px !important;
}

.m50-left {
  margin-left: 50px !important;
}

.m50-y {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.m50-x {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.m51 {
  margin: 51px !important;
}

.m51-top {
  margin-top: 51px !important;
}

.m51-right {
  margin-right: 51px !important;
}

.m51-bottom {
  margin-bottom: 51px !important;
}

.m51-left {
  margin-left: 51px !important;
}

.m51-y {
  margin-top: 51px !important;
  margin-bottom: 51px !important;
}

.m51-x {
  margin-left: 51px !important;
  margin-right: 51px !important;
}

.m52 {
  margin: 52px !important;
}

.m52-top {
  margin-top: 52px !important;
}

.m52-right {
  margin-right: 52px !important;
}

.m52-bottom {
  margin-bottom: 52px !important;
}

.m52-left {
  margin-left: 52px !important;
}

.m52-y {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.m52-x {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.m53 {
  margin: 53px !important;
}

.m53-top {
  margin-top: 53px !important;
}

.m53-right {
  margin-right: 53px !important;
}

.m53-bottom {
  margin-bottom: 53px !important;
}

.m53-left {
  margin-left: 53px !important;
}

.m53-y {
  margin-top: 53px !important;
  margin-bottom: 53px !important;
}

.m53-x {
  margin-left: 53px !important;
  margin-right: 53px !important;
}

.m54 {
  margin: 54px !important;
}

.m54-top {
  margin-top: 54px !important;
}

.m54-right {
  margin-right: 54px !important;
}

.m54-bottom {
  margin-bottom: 54px !important;
}

.m54-left {
  margin-left: 54px !important;
}

.m54-y {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.m54-x {
  margin-left: 54px !important;
  margin-right: 54px !important;
}

.m55 {
  margin: 55px !important;
}

.m55-top {
  margin-top: 55px !important;
}

.m55-right {
  margin-right: 55px !important;
}

.m55-bottom {
  margin-bottom: 55px !important;
}

.m55-left {
  margin-left: 55px !important;
}

.m55-y {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.m55-x {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.m56 {
  margin: 56px !important;
}

.m56-top {
  margin-top: 56px !important;
}

.m56-right {
  margin-right: 56px !important;
}

.m56-bottom {
  margin-bottom: 56px !important;
}

.m56-left {
  margin-left: 56px !important;
}

.m56-y {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.m56-x {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.m57 {
  margin: 57px !important;
}

.m57-top {
  margin-top: 57px !important;
}

.m57-right {
  margin-right: 57px !important;
}

.m57-bottom {
  margin-bottom: 57px !important;
}

.m57-left {
  margin-left: 57px !important;
}

.m57-y {
  margin-top: 57px !important;
  margin-bottom: 57px !important;
}

.m57-x {
  margin-left: 57px !important;
  margin-right: 57px !important;
}

.m58 {
  margin: 58px !important;
}

.m58-top {
  margin-top: 58px !important;
}

.m58-right {
  margin-right: 58px !important;
}

.m58-bottom {
  margin-bottom: 58px !important;
}

.m58-left {
  margin-left: 58px !important;
}

.m58-y {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.m58-x {
  margin-left: 58px !important;
  margin-right: 58px !important;
}

.m59 {
  margin: 59px !important;
}

.m59-top {
  margin-top: 59px !important;
}

.m59-right {
  margin-right: 59px !important;
}

.m59-bottom {
  margin-bottom: 59px !important;
}

.m59-left {
  margin-left: 59px !important;
}

.m59-y {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}

.m59-x {
  margin-left: 59px !important;
  margin-right: 59px !important;
}

.m60 {
  margin: 60px !important;
}

.m60-top {
  margin-top: 60px !important;
}

.m60-right {
  margin-right: 60px !important;
}

.m60-bottom {
  margin-bottom: 60px !important;
}

.m60-left {
  margin-left: 60px !important;
}

.m60-y {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.m60-x {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.m61 {
  margin: 61px !important;
}

.m61-top {
  margin-top: 61px !important;
}

.m61-right {
  margin-right: 61px !important;
}

.m61-bottom {
  margin-bottom: 61px !important;
}

.m61-left {
  margin-left: 61px !important;
}

.m61-y {
  margin-top: 61px !important;
  margin-bottom: 61px !important;
}

.m61-x {
  margin-left: 61px !important;
  margin-right: 61px !important;
}

.m62 {
  margin: 62px !important;
}

.m62-top {
  margin-top: 62px !important;
}

.m62-right {
  margin-right: 62px !important;
}

.m62-bottom {
  margin-bottom: 62px !important;
}

.m62-left {
  margin-left: 62px !important;
}

.m62-y {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}

.m62-x {
  margin-left: 62px !important;
  margin-right: 62px !important;
}

.m63 {
  margin: 63px !important;
}

.m63-top {
  margin-top: 63px !important;
}

.m63-right {
  margin-right: 63px !important;
}

.m63-bottom {
  margin-bottom: 63px !important;
}

.m63-left {
  margin-left: 63px !important;
}

.m63-y {
  margin-top: 63px !important;
  margin-bottom: 63px !important;
}

.m63-x {
  margin-left: 63px !important;
  margin-right: 63px !important;
}

.m64 {
  margin: 64px !important;
}

.m64-top {
  margin-top: 64px !important;
}

.m64-right {
  margin-right: 64px !important;
}

.m64-bottom {
  margin-bottom: 64px !important;
}

.m64-left {
  margin-left: 64px !important;
}

.m64-y {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.m64-x {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.m65 {
  margin: 65px !important;
}

.m65-top {
  margin-top: 65px !important;
}

.m65-right {
  margin-right: 65px !important;
}

.m65-bottom {
  margin-bottom: 65px !important;
}

.m65-left {
  margin-left: 65px !important;
}

.m65-y {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.m65-x {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.m66 {
  margin: 66px !important;
}

.m66-top {
  margin-top: 66px !important;
}

.m66-right {
  margin-right: 66px !important;
}

.m66-bottom {
  margin-bottom: 66px !important;
}

.m66-left {
  margin-left: 66px !important;
}

.m66-y {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}

.m66-x {
  margin-left: 66px !important;
  margin-right: 66px !important;
}

.m67 {
  margin: 67px !important;
}

.m67-top {
  margin-top: 67px !important;
}

.m67-right {
  margin-right: 67px !important;
}

.m67-bottom {
  margin-bottom: 67px !important;
}

.m67-left {
  margin-left: 67px !important;
}

.m67-y {
  margin-top: 67px !important;
  margin-bottom: 67px !important;
}

.m67-x {
  margin-left: 67px !important;
  margin-right: 67px !important;
}

.m68 {
  margin: 68px !important;
}

.m68-top {
  margin-top: 68px !important;
}

.m68-right {
  margin-right: 68px !important;
}

.m68-bottom {
  margin-bottom: 68px !important;
}

.m68-left {
  margin-left: 68px !important;
}

.m68-y {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.m68-x {
  margin-left: 68px !important;
  margin-right: 68px !important;
}

.m69 {
  margin: 69px !important;
}

.m69-top {
  margin-top: 69px !important;
}

.m69-right {
  margin-right: 69px !important;
}

.m69-bottom {
  margin-bottom: 69px !important;
}

.m69-left {
  margin-left: 69px !important;
}

.m69-y {
  margin-top: 69px !important;
  margin-bottom: 69px !important;
}

.m69-x {
  margin-left: 69px !important;
  margin-right: 69px !important;
}

.m70 {
  margin: 70px !important;
}

.m70-top {
  margin-top: 70px !important;
}

.m70-right {
  margin-right: 70px !important;
}

.m70-bottom {
  margin-bottom: 70px !important;
}

.m70-left {
  margin-left: 70px !important;
}

.m70-y {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.m70-x {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

dl, ol, ul, p {
  margin-top: 0;
  margin-bottom: 0;
}

ol, ul {
  padding-left: 0;
}

.h-100vh {
  height: 100vh !important;
}

.cursor {
  cursor: pointer;
}

.skeleton {
  background-color: #e2e5e7 !important;
  background-image: linear-gradient(90deg, #fff0, #ffffff80, #fff0) !important;
  background-position: -40px 0 !important;
  background-repeat: no-repeat !important;
  background-size: 40px 100% !important;
  min-height: 15px !important;
  animation: .5s infinite shine !important;
}

@keyframes shine {
  to {
    background-position: right -40px top 0 !important;
  }
}

.br-1 {
  border-radius: 1px !important;
}

.br-2 {
  border-radius: 2px !important;
}

.br-3 {
  border-radius: 3px !important;
}

.br-4 {
  border-radius: 4px !important;
}

.br-5 {
  border-radius: 5px !important;
}

.br-6 {
  border-radius: 6px !important;
}

.br-7 {
  border-radius: 7px !important;
}

.br-8 {
  border-radius: 8px !important;
}

.br-9 {
  border-radius: 9px !important;
}

.br-10 {
  border-radius: 10px !important;
}

.br-11 {
  border-radius: 11px !important;
}

.br-12 {
  border-radius: 12px !important;
}

.br-13 {
  border-radius: 13px !important;
}

.br-14 {
  border-radius: 14px !important;
}

.br-15 {
  border-radius: 15px !important;
}

.br-16 {
  border-radius: 16px !important;
}

.br-17 {
  border-radius: 17px !important;
}

.br-18 {
  border-radius: 18px !important;
}

.br-19 {
  border-radius: 19px !important;
}

.br-20 {
  border-radius: 20px !important;
}

.br-21 {
  border-radius: 21px !important;
}

.br-22 {
  border-radius: 22px !important;
}

.br-23 {
  border-radius: 23px !important;
}

.br-24 {
  border-radius: 24px !important;
}

.br-25 {
  border-radius: 25px !important;
}

.br-26 {
  border-radius: 26px !important;
}

.br-27 {
  border-radius: 27px !important;
}

.br-28 {
  border-radius: 28px !important;
}

.br-29 {
  border-radius: 29px !important;
}

.br-30 {
  border-radius: 30px !important;
}

.br-31 {
  border-radius: 31px !important;
}

.br-32 {
  border-radius: 32px !important;
}

.br-33 {
  border-radius: 33px !important;
}

.br-34 {
  border-radius: 34px !important;
}

.br-35 {
  border-radius: 35px !important;
}

.br-36 {
  border-radius: 36px !important;
}

.br-37 {
  border-radius: 37px !important;
}

.br-38 {
  border-radius: 38px !important;
}

.br-39 {
  border-radius: 39px !important;
}

.br-40 {
  border-radius: 40px !important;
}

.br-41 {
  border-radius: 41px !important;
}

.br-42 {
  border-radius: 42px !important;
}

.br-43 {
  border-radius: 43px !important;
}

.br-44 {
  border-radius: 44px !important;
}

.br-45 {
  border-radius: 45px !important;
}

.br-46 {
  border-radius: 46px !important;
}

.br-47 {
  border-radius: 47px !important;
}

.br-48 {
  border-radius: 48px !important;
}

.br-49 {
  border-radius: 49px !important;
}

.br-50 {
  border-radius: 50px !important;
}

.br-51 {
  border-radius: 51px !important;
}

.br-52 {
  border-radius: 52px !important;
}

.br-53 {
  border-radius: 53px !important;
}

.br-54 {
  border-radius: 54px !important;
}

.br-55 {
  border-radius: 55px !important;
}

.br-56 {
  border-radius: 56px !important;
}

.br-57 {
  border-radius: 57px !important;
}

.br-58 {
  border-radius: 58px !important;
}

.br-59 {
  border-radius: 59px !important;
}

.br-60 {
  border-radius: 60px !important;
}

.br-61 {
  border-radius: 61px !important;
}

.br-62 {
  border-radius: 62px !important;
}

.br-63 {
  border-radius: 63px !important;
}

.br-64 {
  border-radius: 64px !important;
}

.br-65 {
  border-radius: 65px !important;
}

.br-66 {
  border-radius: 66px !important;
}

.br-67 {
  border-radius: 67px !important;
}

.br-68 {
  border-radius: 68px !important;
}

.br-69 {
  border-radius: 69px !important;
}

.br-70 {
  border-radius: 70px !important;
}

.br-71 {
  border-radius: 71px !important;
}

.br-72 {
  border-radius: 72px !important;
}

.br-73 {
  border-radius: 73px !important;
}

.br-74 {
  border-radius: 74px !important;
}

.br-75 {
  border-radius: 75px !important;
}

.br-76 {
  border-radius: 76px !important;
}

.br-77 {
  border-radius: 77px !important;
}

.br-78 {
  border-radius: 78px !important;
}

.br-79 {
  border-radius: 79px !important;
}

.br-80 {
  border-radius: 80px !important;
}

.br-81 {
  border-radius: 81px !important;
}

.br-82 {
  border-radius: 82px !important;
}

.br-83 {
  border-radius: 83px !important;
}

.br-84 {
  border-radius: 84px !important;
}

.br-85 {
  border-radius: 85px !important;
}

.br-86 {
  border-radius: 86px !important;
}

.br-87 {
  border-radius: 87px !important;
}

.br-88 {
  border-radius: 88px !important;
}

.br-89 {
  border-radius: 89px !important;
}

.br-90 {
  border-radius: 90px !important;
}

.br-91 {
  border-radius: 91px !important;
}

.br-92 {
  border-radius: 92px !important;
}

.br-93 {
  border-radius: 93px !important;
}

.br-94 {
  border-radius: 94px !important;
}

.br-95 {
  border-radius: 95px !important;
}

.br-96 {
  border-radius: 96px !important;
}

.br-97 {
  border-radius: 97px !important;
}

.br-98 {
  border-radius: 98px !important;
}

.br-99 {
  border-radius: 99px !important;
}

.br-100 {
  border-radius: 100px !important;
}

.dot-status {
  border-radius: 50%;
  width: 13px;
  height: 13px;
}

/* [project]/src/assets/scss/style/style.css [client] (css) */
body {
  background-color: #fff !important;
}

.mainAdminGrid {
  background-color: #fdfffc;
  box-shadow: 0 0 1px #f1f3f0;
}

.mainAdminGrid .mainSidebar {
  color: #6d7080;
  height: 100vh;
  font-size: 15px;
  transition: all .4s;
  background-color: #fff !important;
}

.profile-icon {
  transition: transform .3s;
}

.profile-icon:hover {
  color: #f1c40f;
  transform: scale(1.1);
}

.mainAdminGrid .mainSidebar .sideBar {
  scrollbar-width: thin;
  scrollbar-color: #e8e6f0 transparent;
  background-color: #fff;
  border-right: 1px solid #dfdfdf;
  height: 100%;
  overflow-x: auto;
  box-shadow: 0 2px 4px #0f223a1f;
}

@media screen and (max-width: 992px) {
  .mainAdminGrid .mainSidebar {
    z-index: 99;
    width: 250px;
    padding: 0;
    position: relative;
    box-shadow: 11px 2px 12px #0f223a1f;
  }
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu > div > svg > g > path, .mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu:hover > div > svg > path, .mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu:hover > div > svg > g > path {
  fill: #fff !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a > div > svg path {
  fill: #434050 !important;
}

.mainAdminGrid .mainSidebar .sideBar .sideBarLogo {
  padding: 15px;
}

.mainAdminGrid .mainSidebar .sideBar .sideBarLogo .logo {
  display: block;
}

.mainAdminGrid .mainSidebar .sideBar .sideBarLogo .logo h3 {
  margin-top: auto;
  margin-bottom: auto;
}

.mainAdminGrid .mainSidebar .sideBar .sideBarLogo .logo img {
  width: 40px;
  height: 40px;
}

.mainAdminGrid .mainSidebar .sideBar .sideBarLogo .closeIcon {
  display: none;
}

@media screen and (max-width: 992px) {
  .mainAdminGrid .mainSidebar .sideBar .sideBarLogo {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mainAdminGrid .mainSidebar .sideBar .sideBarLogo .closeIcon {
    color: #8f6dff;
    background-color: #fff;
    border-radius: 50%;
    padding: 0 5px;
    font-size: 18px;
    display: block;
    box-shadow: 0 2px 4px #0f223a1f;
  }

  .mainAdminGrid .mainSidebar .sideBar .sideBarLogo .logo {
    margin: unset;
  }

  .mainAdminGrid .mainSidebar .sideBar .sideBarLogo .blackBox {
    z-index: -1;
    background-color: #000000b0;
    width: 100%;
    height: 100vh;
    transition: all .2s;
    position: fixed;
    top: 0;
    left: 0;
  }
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu .navTitle {
  text-align: start;
  color: #7e838e;
  text-transform: uppercase;
  padding: 8px 0 8px 16px;
  font-size: 15px;
  font-weight: 200;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu .activeMenu {
  text-align: start;
  margin-left: 5px;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu:hover > div > span {
  color: #fff !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > .activeMenu {
  border-radius: 5px;
  padding: 0;
  color: #092c1c !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu > div {
  background: linear-gradient(to left, #9f5affd9, #7b44c7);
  border-radius: 5px;
  width: auto;
  padding: 6px 10px;
}

.mainAdminGrid:not(.webAdminGrid) .mainSidebar .sideBar .navigation .mainMenu > li > .activeMenu > div {
  width: 100%;
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li > a > div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a div span {
  color: #434050;
  display: inline;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > .activeMenu {
  background: linear-gradient(to left, #9f5affd9, #7b44c7);
  border-radius: 5px;
  transition: background .3s;
  color: #092c1c !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > .activeMenu:hover {
  background: #ededed !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > .activeMenu div span {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu > div > svg path, .mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu > div > image {
  fill: #fff !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a > div > span {
  transition: color .1s;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu > div > span, .mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a:hover > div > span, .mainAdminGrid .webAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu > div > span, .mainAdminGrid .webAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a:hover > div > span {
  color: #434050;
}

.mainMenu > li > a.activeMenu .image {
  filter: invert(62%) sepia(94%) saturate(6225%) hue-rotate(232deg) brightness() contrast(102%);
}

.mainMenu > li > a .image {
  transition: filter .1s;
}

.mainMenu > li > a.activeMenu .image, .mainMenu > li > a:hover .image {
  filter: #fff;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a > i {
  display: block;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a:hover {
  border-radius: 5px;
  color: #434050 !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a:hover > div > svg > path {
  fill: #434050 !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a:hover > div > svg > g > path {
  fill: #434050;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu li {
  border-radius: 10px;
  margin: 5px 0;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu li a {
  color: #434050;
  padding: 10px 8px;
  transition: all;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a.activeMenu > div > span {
  color: #fff !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu > li > a:hover > div > span {
  color: #434050 !important;
}

.form-control {
  width: 100%;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  appearance: none;
  background-clip: padding-box;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: block;
  border-radius: 15px !important;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu li a:hover {
  color: #adde34;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu li a i {
  margin-right: 10px;
  font-size: 18px;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu li .subMenu {
  padding-top: 10px;
  padding-left: 28px;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu li .subMenu .subhead {
  text-align: start;
  cursor: pointer;
  color: #092c1c;
  margin-bottom: 20px;
  font-size: 16px;
  display: none;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu li .subMenu li > .activeMenu {
  color: #092c1c;
  border-radius: 0;
  font-weight: bold;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu li .subMenu li a {
  position: relative;
}

.mainAdminGrid .mainSidebar .sideBar .navigation .mainMenu li .subMenu li a:before {
  content: "";
  opacity: 1;
  background-color: #6d7080;
  width: 6px;
  height: 2px;
  transition: all .4s;
  position: absolute;
  top: 50%;
  left: 2px;
}

.mainAdminGrid.subtext:hover {
  color: #adde34;
}

.mainAdminGrid.webAdminGrid .mainSidebar {
  height: 100%;
  padding: 25px 25px 0;
}

.dashIcon {
  border-radius: 14px;
  width: 95px;
  height: 95px;
  margin-left: 10px;
}

.status-active-coinplan {
  color: #fff;
  background-color: #7b44c7;
  border-radius: 5px;
  width: 135px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 1px 1px 5px #0003;
}

.status-active-call, .status-active-gift {
  color: #fff;
  background-color: #7b44c7;
  border-radius: 7px;
  width: 135px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 400;
}

.status-active-livebroadcasthistory {
  color: #fff;
  background-color: #7b44c7;
  border-radius: 5px;
  width: 165px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 1px 1px 5px #0003;
}

.dialog .commonmainDiaogBox {
  background-color: #fff;
  max-width: 350px;
  max-height: 98vh;
  padding: 20px;
  overflow: auto;
  border-radius: 22px !important;
}

.cancel-button {
  color: #fff;
  background-color: #e34747;
  border: 1.4px solid #56678942;
  border-radius: 5px;
  padding: 8px 49px;
  font-size: 14px;
}

.logout-button {
  color: #fff;
  background-color: #8f4fa7;
  border-radius: 5px;
  padding: 8px 49px;
  font-size: 14px;
}

@media screen and (max-width: 992px) {
  .mainAdminGrid.webAdminGrid .mainSidebar {
    width: 60px;
    box-shadow: unset;
    z-index: 4;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
  }
}

@media screen and (max-width: 768px) {
  .mainAdminGrid.webAdminGrid .mainSidebar {
    width: 50px;
  }
}

.mainAdminGrid.webAdminGrid .mainSidebar .sideBar {
  height: 100%;
  overflow: unset;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid.webAdminGrid .mainSidebar .sideBarLogo {
    padding: 12px;
  }
}

.mainAdminGrid.webAdminGrid .mainSidebar .sideBarLogo .logo h3 {
  display: none;
}

.mainAdminGrid.webAdminGrid .mainSidebar .sideBarLogo .logo img {
  width: 35px;
  height: 35px;
  transition: all .5s;
}

@media screen and (max-width: 992px) {
  .mainAdminGrid.webAdminGrid .mainSidebar .sideBarLogo .closeIcon {
    display: none;
  }

  .mainAdminGrid.webAdminGrid .mainSidebar .sideBarLogo .blackBox {
    left: -100%;
  }
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu .navTitle {
  display: none;
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li {
  position: relative;
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li > a {
  padding-left: 18px;
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li .activeMenu, .mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li a:hover {
  background: none;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li > a {
    padding-left: 15px;
  }
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li > a div span, .mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li > a .activeMenu div span .subtext {
  display: none;
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li > a div i {
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li > a div i {
    font-size: 20px;
  }
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li > a > i {
  font-size: 24px;
  display: none;
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li:hover .subMenu {
  display: block !important;
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li .subMenu {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  min-width: 200px;
  padding: 18px 10px 10px;
  position: absolute;
  top: 0;
  left: 100%;
  box-shadow: 0 2px 4px #0f223a1f;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li .subMenu {
    min-width: 160px;
  }
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li .subMenu .subhead {
  font-weight: 600;
  display: block;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li .subMenu .subhead {
    margin-bottom: 10px;
    font-size: 14px;
  }
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li .subMenu li a {
  padding-left: 20px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li .subMenu li a {
    padding: 5px 15px;
    font-size: 12px;
  }
}

.mainAdminGrid.webAdminGrid .mainSidebar .navigation .mainMenu > li .subMenu li a:before {
  display: none;
}

.mainAdminGrid .mainAdmin {
  background-color: #fff;
  height: 100vh;
  padding: 0 30px 0 15px;
  overflow: hidden auto;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainAdmin {
    padding: 0 10px;
  }
}

.mainAdminGrid .mainAdmin .mainNavbar {
  z-index: 3;
  margin: 25px 0;
  transition-delay: 1s;
  position: sticky;
  top: 0;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainAdmin .mainNavbar {
    margin: 10px 0;
  }
}

.commonbutton {
  background-color: #ff0004;
  width: 190px;
}

.mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar {
  background-color: #fff;
  border-radius: 5px;
  height: 100%;
  padding: 8px 16px;
  box-shadow: 5px 5px 10px #0003;
}

.mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar .leftNav i {
  color: #9f5aff;
}

.mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar .rightNav .adminProfile .adminPic img {
  border-radius: 5px;
  width: 40px;
  height: 40px;
}

.mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar .rightNav .adminProfile .adminDetails h6 {
  color: #fff;
  font-size: 16px;
}

.mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar .rightNav .adminProfile .adminDetails p {
  color: #fff;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar {
    padding: 8px 10px;
  }

  .mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar .rightNav .adminProfile .adminPic {
    width: 30px;
    height: 30px;
  }

  .mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar .rightNav .adminProfile .adminDetails h6 {
    font-size: 12px;
  }

  .mainAdminGrid .mainAdmin .mainNavbar .navBar .innerNavbar .rightNav .adminProfile .adminDetails p {
    font-size: 10px;
  }
}

.mainAdminGrid .mainAdmin .adminStart {
  max-height: calc(100vh - 117px);
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainDashboard .dashBoardHead h3 {
    font-size: 18px;
  }

  .mainAdminGrid .mainDashboard .dashBoardHead p {
    font-size: 14px;
  }
}

.mainAdminGrid .mainDashboard .mainDashbox .dashBox {
  border: 1px solid #8f6dff24;
  border-radius: 20px;
  width: 330px;
  height: 122px;
}

.mainAdminGrid .mainDashboard .mainDashbox .dashBox .dashIconBox {
  border-radius: 20px 0 0 20px;
  height: 100%;
}

.mainAdminGrid .mainDashboard .mainDashbox .dashBox .dashIconBox .dashIcon i {
  text-align: center;
  align-self: center;
  color: #fff !important;
  font-size: 40px !important;
}

.mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxContent .boxTitle p {
  color: #5b6168;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
}

@media screen and (max-width: 992px) {
  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxContent .boxTitle p {
    font-size: 14px;
  }
}

.mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxContent .boxAmount p {
  color: #1f1f1f;
  margin-top: 0;
  font-size: 30px;
  font-weight: 700;
}

@media screen and (max-width: 992px) {
  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxContent .boxAmount p {
    font-size: 25px;
  }
}

@media screen and (max-width: 1200px) {
  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxContent .boxAmount p {
    font-size: 26px;
  }
}

.mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxBody {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxBody {
    margin-top: 7px;
  }

  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxBody h2 {
    font-size: 20px;
  }
}

.mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxFooter {
  justify-content: space-between;
  align-items: end;
  display: flex;
}

.mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxFooter .boxLink a {
  border-bottom: 1px solid;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxFooter .boxLink a {
    font-size: 12px;
  }
}

.mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxFooter .boxIcon {
  width: 55px;
  height: 55px;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxFooter .boxIcon {
    width: 40px;
    height: 40px;
  }
}

.mainAdminGrid .mainDashboard #chart {
  background-color: #fff;
  overflow: hidden;
  max-height: 500px !important;
}

.mainAdminGrid .mainDashboard #chart .apexcharts-toolbar {
  z-index: 3 !important;
}

.mainAdminGrid .mainDashboard #chart .apexcharts-title-text {
  font-weight: 400;
  font-size: 18px !important;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainDashboard #chart .apexcharts-title-text {
    font-size: 15px !important;
  }
}

.mainAdminGrid .mainDashboard #chart .apexcharts-toolbar div[title="Selection Zoom"], .mainAdminGrid .mainDashboard #chart .apexcharts-toolbar div[title="Panning"], .mainAdminGrid .mainDashboard #chart .apexcharts-toolbar .apexcharts-zoomin-icon, .mainAdminGrid .mainDashboard #chart .apexcharts-toolbar .apexcharts-zoomout-icon, .mainAdminGrid .mainDashboard #chart .apexcharts-toolbar .apexcharts-reset-icon {
  display: none;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainDashboard #chart .apexcharts-toolbar .apexcharts-menu-icon {
    display: none;
  }
}

.mainAdminGrid .mainDashboard #chart .apexcharts-toolbar > div {
  margin: 0 5px;
}

.mainAdminGrid .mainDashboard #chart .apexcharts-toolbar > div svg {
  fill: #1c2b2083;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 768px) {
  .mainAdminGrid .mainDashboard #chart .apexcharts-toolbar > div svg {
    width: 24px;
    height: 24px;
  }
}

.mainAdminGrid .mainAdminProfile .adminProfileBox {
  background-color: #0f6f8515;
  border-radius: 15px;
  padding: 30px 20px;
  box-shadow: 0 5px 15px #00000059;
}

.mainAdminGrid .mainAdminProfile .adminProfileBox .adminImg img {
  border-radius: 50%;
  width: 250px;
  height: 250px;
}

.mainAdminGrid .mainAdminProfile .adminProfileBox .adminData {
  margin-top: 10px;
}

.mainAdminGrid .mainSetting .settingBox .settingBoxOuter {
  background-color: #fcfdff;
  border: 1px solid #03000c24;
  border-radius: 10px 10px 7px 7px;
  padding: 15px;
  box-shadow: 2px 2px 6px #0000001a;
}

.mainAdminGrid .mainSetting .settingBox .settingBoxOuter .settingBoxHeader {
  font-size: 18px;
}

.productShowColorDetails {
  background-color: #fff;
  margin: 20px 0;
  padding: 30px 20px;
  box-shadow: 0 0 10px #0000002c;
}

.productShowColorDetails ~ .mainTable {
  max-height: 444px !important;
}

.productShowColorDetails .productDefault {
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .productShowColorDetails .productDefault {
    font-size: 12px;
  }
}

.productShowColorDetails .productDefault span:first-child {
  color: #1c2b2083;
}

.productShowColorDetails .productDefault span:last-child {
  text-transform: capitalize;
}

.colorRound {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.inputfile:focus + label {
  outline: 1px dotted #000 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

[role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea {
  touch-action: manipulation;
}

.camera {
  padding: 10px 15px;
}

.chip {
  cursor: pointer !important;
  background-color: #092c1c !important;
}

.optionListContainer .option {
  color: #fff;
  background: #092c1c;
  font-size: 16px;
}

.optionListContainer .option:hover {
  color: #000;
  background: #c2c2c2;
}

.interested-topics .searchBox {
  cursor: pointer !important;
}

.expertDataTitle {
  font-weight: bold;
  width: 100px !important;
}

.expertBox {
  border: 1px solid #c0c0c05e;
  box-shadow: 0 0 20px #171e273b;
}

.expertDataList {
  padding: 10px;
  font-size: 16px;
}

.rc-time-picker {
  width: 100% !important;
}

.rc-time-picker .rc-time-picker-input:focus {
  outline-width: 1px;
  outline-color: #1c2b2083;
}

.rc-time-picker .rc-time-picker-input::placeholder {
  color: #b1b1b1;
  font-size: 16px;
}

@media screen and (max-width: 992px) {
  .rc-time-picker .rc-time-picker-input::placeholder {
    font-size: 16px;
  }
}

@media screen and (max-width: 576px) {
  .rc-time-picker .rc-time-picker-input {
    height: 38px;
    margin-top: 2px;
    padding: 0 15px;
    font-size: 12px;
  }

  .rc-time-picker .rc-time-picker-input::placeholder {
    font-size: 12px;
  }
}

.mainDiaogBox label {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #7e7e7e;
  font-size: 15px;
  font-weight: 500;
}

.rc-time-picker-clear {
  display: none !important;
}

.tsBox {
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  padding-top: 10px !important;
  padding-bottom: 15px !important;
}

.extraPadding {
  padding-left: 135px;
}

@media screen and (max-width: 576px) {
  .extraPadding {
    padding-left: 20px;
  }
}

.extraMargin {
  margin-left: 120px;
}

@media screen and (max-width: 576px) {
  .extraMargin {
    margin-left: 20px;
  }
}

.userProfile .boxShadow {
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}

.focusNone input:focus, .focusNone textarea:focus, .inputNoFocus {
  outline: none !important;
}

.upIndex {
  z-index: 99999 !important;
}

.statusShow h6 {
  font-size: 1rem;
  border-radius: .375rem !important;
  margin-right: 1rem !important;
  padding: 4px !important;
}

.statusShow .cancelStatus {
  color: #b3092b;
  background-color: #fbafbe80;
}

.statusShow .pendingStatus {
  color: #2236a8;
  background-color: #cbd2f680;
}

.statusShow .completedStatus {
  color: #1a8a59;
  background-color: #93e7c380;
}

.activeBtn {
  color: #092c1c;
  background: #9f5aff;
  font-size: 18px;
  font-weight: 600;
}

.activeBtn, .disabledBtn {
  border-radius: 40px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 600;
}

.react-datepicker-popper {
  z-index: 99 !important;
}

.apexcharts-legend-marker {
  border-radius: 5px !important;
  width: 25px !important;
  height: 25px !important;
  margin-right: 10px !important;
}

.apexcharts-legend-text {
  margin-right: 8px;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.optionListContainer {
  width: 30% !important;
}

@media screen and (max-width: 576px) {
  .optionListContainer {
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .optionListContainer {
    width: 50% !important;
  }
}

.icon_cancel, #search_input {
  cursor: none !important;
  display: none !important;
}

.style-module_fillIcons__6---A > svg, .style-module_emptyIcons__Bg-FZ > svg {
  width: 25px !important;
  height: 25px !important;
}

.label {
  color: #7e7e7e;
  font-size: 14px;
  font-weight: 500;
}

@media screen and (max-width: 576px) {
  .setting {
    padding: 10px;
  }
}

.status-active-pending {
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 400;
  color: #00bad1 !important;
  background-color: #d6f4f8 !important;
}

.pendingRequest {
  color: #606060;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 15px;
  font-weight: 400;
}

.accetedRequest {
  color: #606060;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 400;
}

.status-active-accepted {
  color: #28c76f;
  background-color: #dcf6e8;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 400;
}

.declineRequest {
  color: #606060;
  border: none;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 400;
}

.status-active-declined {
  color: #e93737;
  background-color: #ff989a;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 400;
}

.btnpending {
  color: #2788ff;
  background-color: #ddecff;
  border: none;
  border-radius: 8px;
  width: 100px;
  padding: 5px 0;
  font-weight: 500;
}

.btn1 {
  color: #19be10;
  background-color: #deffdf;
  border: none;
  border-radius: 8px;
  width: 108px;
  padding: 5px 0;
  font-weight: 500;
}

.btn4 {
  color: #f11;
  background-color: #e9e0e0;
  border: none;
  border-radius: 8px;
  width: 100px;
  padding: 5px 0;
  font-weight: 500;
}

.expert_width {
  border-radius: 10px;
  align-items: center;
  gap: 5px;
  width: 100%;
  max-width: 370px;
  padding: 2px;
  display: flex;
}

.expert_width button {
  text-align: center;
  border: none;
  border-radius: 5px;
  flex: 1;
  padding: 6px 10px;
  box-shadow: 1px 1px 5px #0003;
}

.user1_width {
  border-radius: 5px;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 409px;
  padding: 2px;
  display: flex;
}

.user1_width button {
  text-align: center;
  border: none;
  border-radius: 5px;
  padding: 6px 10px;
  box-shadow: 1px 1px 5px #0003;
}

.host_width {
  border: 1px solid #9097a6;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 300px;
  padding: 2px;
  display: flex;
}

.host_width button {
  text-align: center;
  border: none;
  border-radius: 40px;
  flex: 1;
  padding: 8px 12px;
}

.withdraw_width {
  border: 1px solid #9097a6;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 300px;
  padding: 2px;
  display: flex;
}

.withdraw_width button {
  text-align: center;
  border: none;
  border-radius: 40px;
  flex: 1;
  padding: 8px 12px;
}

.user_profile_width {
  border: 1px solid #9097a6;
  border-radius: 40px;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 450px;
  padding: 2px;
  display: flex;
}

.user_profile_width button {
  text-align: center;
  border: none;
  border-radius: 40px;
  flex: 1;
  padding: 8px 12px;
}

.coin_plan_width {
  border: 1px solid #9097a6;
  border-radius: 40px;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 1020px;
  padding: 2px;
  display: flex;
}

.coin_plan_width button {
  text-align: center;
  border: none;
  border-radius: 40px;
  flex: 1;
  padding: 8px 12px;
}

.activeBtn span {
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
}

.coin_plan_width button:first-child.activeBtn, .coin_plan_width button:nth-child(2).activeBtn, .coin_plan_width button:nth-child(3).activeBtn {
  flex: .5;
  max-width: 850px;
}

.setting {
  border: 1px solid #9097a6;
  border-radius: 40px;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 800px;
  padding: 2px;
  display: flex;
}

.card-body {
  border-radius: 15px !important;
  padding: 0 !important;
}

.border {
  border: 2px solid #ccc !important;
}

.setting button {
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 40px;
  flex: 1;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s ease-in-out;
}

.activeBtn {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.disabledBtn {
  color: #6b717e;
  background-color: #0000;
}

.setting button:hover {
  background-color: #e0e0e0;
}

.vip_plan_box {
  background-color: #f8f6ff;
  border: 1px solid #8f6dff24;
  border-radius: 20px;
  padding: 12px 0 12px 12px;
}

.vip_plan_box .commontext {
  color: #1f1f1f;
  font-size: 32px;
  font-weight: 700;
}

.vip_badge {
  color: #5b6168;
  border-bottom: 2px solid #5b6168;
  padding-top: 25px;
  font-size: 16px;
  font-weight: 600;
}

.user_width {
  border: 1px solid #9097a6;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 370px;
  padding: 2px;
  display: flex;
}

.user_width button {
  text-align: center;
  border: none;
  border-radius: 40px;
  flex: 1;
  padding: 8px 12px;
}

.profile_width {
  border: 1px solid #9097a6;
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 400px;
  padding: 2px;
  display: flex;
}

.profile_width button {
  text-align: center;
  border: none;
  border-radius: 40px;
  flex: 1;
  padding: 8px 12px;
}

.activeBtn span {
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  font-weight: normal !important;
}

.disabledBtn {
  color: #827799;
  background-color: #0000;
  font-weight: 500;
}

.settingboxheader {
  color: #919191;
  border-bottom: 1px solid #e3e3e3;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 20px;
  font-weight: 400;
}

.isfake {
  color: #ff2424;
  padding: 5px 20px 20px;
  font-size: 20px;
  font-weight: 600;
}

.coinplan, .call, .gift {
  color: #767676;
  background-color: #efefef;
  border-radius: 5px;
  width: 135px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 1px 1px 5px #0003;
}

.purchasecoinplan {
  color: #007bff;
  background-color: #e2f1ff;
  border-radius: 10px;
  width: 202px;
  padding: 7px 0;
  font-size: 16px;
  font-weight: 600;
}

.purchasevipplan {
  color: #09c50c;
  background-color: #d6ffd7;
  border-radius: 10px;
  width: 193px;
  padding: 7px 0;
  font-size: 16px;
  font-weight: 600;
}

.livebroadcasthistory {
  color: #767676;
  background-color: #efefef;
  border-radius: 5px;
  width: 165px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 1px 1px 5px #0003;
}

.d-none {
  display: none !important;
}

.country-optionList img {
  object-fit: cover;
  border-radius: 4px;
  width: 35px;
  height: 25px;
  margin-left: 20px;
  margin-right: 10px;
}

.country-optionList span {
  color: #495057;
  font-size: 14px;
}

.country-optionList {
  cursor: pointer;
  border-bottom: 1px solid #bfddfc;
  align-items: center;
  height: 40px;
  display: flex;
}

.optionShow-option img {
  object-fit: cover;
  border-radius: 4px;
  width: 35px;
  height: 25px;
  margin-right: 10px;
}

.optionShow-option span {
  color: #495057;
  font-size: 14px;
}

.charge {
  color: #737373;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: 300;
}

.pending-btn {
  color: #00baf2;
  background-color: #c1edff;
  font-weight: 500;
  border-radius: 10px !important;
}

.confirm-btn {
  color: #ff7b00;
  background-color: #ffefe1;
  font-weight: 500;
  border-radius: 10px !important;
}

.completed-btn {
  color: #09c50c;
  background-color: #d6ffd7;
  width: 120px;
  font-weight: 500;
  border-radius: 10px !important;
}

.apexcharts-legend-series {
  display: flex !important;
}

.rating-container svg {
  border-radius: 50%;
  overflow: hidden;
}

.cancel-btn {
  color: red;
  background-color: #ffe7e7;
  font-weight: 500;
  border-radius: 10px !important;
}

.dashboardTable {
  text-align: center;
  color: #565555;
  background-color: #e3e3e3;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 400;
}

.dashboardtablehead {
  color: #827799;
  background-color: #f6f6f6;
  font-size: 16px;
  text-align: center !important;
  background-color: #f8f9fa !important;
  border-bottom: none !important;
  padding: 15px 0 !important;
  font-weight: 400 !important;
}

th, td {
  color: #686464;
  vertical-align: middle !important;
}

.table-wrapper {
  border: 1px solid #d6d6d6;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  overflow: hidden;
}

.table-container {
  max-height: 400px;
  overflow-y: auto;
}

.table {
  border-collapse: collapse;
  width: 100%;
}

.table tbody tr {
  border-bottom: none !important;
}

.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}

.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
}

.giftCategoryBox .giftCategory {
  background-color: #7e757530;
  border: none;
  border-radius: 12px;
  margin-bottom: 21px;
}

.giftCategory .giftCategory-img {
  text-align: center;
  padding: 25px;
}

.giftCategory-img .img-gift {
  object-fit: cover;
  border: 2px solid #655aff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  padding: 10px;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 .5rem 1rem #00000026 !important;
}

.image-show-multi {
  position: relative;
}

.image-show-multi img {
  border-radius: 14px;
  width: 85px;
  height: 85px;
  margin: 0 !important;
}

.image-show-multi {
  grid-gap: 15px;
  grid-template-columns: repeat(4, 100px);
  justify-items: center;
  gap: 15px;
  margin-top: 30px;
  display: grid;
}

.image-show-multi-box {
  position: relative;
}

.agency_detail {
  color: #655aff;
  font-size: 20px;
  font-weight: 600;
}

.image-show-multi .image-show-multi-box .MuiButtonBase-root {
  color: #fff;
  top: -15px !important;
  left: 63px !important;
}

.image-show-multi .image-show-multi-box .MuiButtonBase-root svg {
  color: #fff;
  background-color: #ff4d67;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

@media (min-width: 1440px) and (max-width: 1730px) {
  .custom-margin-top {
    margin-top: 15px;
  }
}

.subMenu {
  transition: all .3s ease-in-out;
  display: none;
}

.subMenu.active {
  display: block;
}

.rotate90 {
  transform: rotate(90deg);
}

@media (min-width: 320px) and (max-width: 425px) {
  .inputData textarea {
    background-color: #fbfbfb;
    border: none;
    border-radius: 5px;
    width: 100%;
    margin-top: 10px;
    padding: 10px 20px;
    font-size: 14px;
    border: 1px solid #cfcfcf !important;
  }

  .textpayment {
    font-size: 20px !important;
  }

  .mainAdminGrid .mainSidebar .sideBar {
    background-color: #fff;
    height: 100%;
    overflow-x: auto;
    box-shadow: 0 2px 4px #0f223a1f;
  }

  .charge {
    font-size: 16px;
  }

  .settingboxheader {
    color: #919191;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    margin-bottom: 10px;
    padding: 10px 0 0 10px;
    font-size: 17px;
    font-weight: 400;
  }

  .text {
    font-size: 13px !important;
  }

  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxContent .boxTitle p {
    font-size: 11px;
  }

  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxContent .boxAmount p {
    font-size: 20px;
  }

  .img-class {
    width: 50px !important;
    height: 50px !important;
  }

  .mainAdminGrid .mainDashboard #chart .apexcharts-title-text {
    font-size: 15px !important;
  }

  .apexcharts-legend {
    left: 0 !important;
  }

  .apexcharts-legend-text {
    flex-flow: column wrap;
    margin-right: 8px;
    display: flex;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: bold !important;
  }

  .textcommonclass {
    font-size: 18px !important;
  }

  .texthistory {
    font-size: 16px;
  }

  .user1_width {
    flex-direction: column;
    align-items: stretch;
    padding: 8px;
    border: none !important;
  }

  .user1_width button {
    border-radius: 10px;
    width: 100%;
    padding: 12px 10px;
    font-size: 15px;
    margin: 4px 0 !important;
  }

  .expert_width {
    flex-direction: column;
    align-items: stretch;
    padding: 8px;
    border: none !important;
  }

  .expert_width button {
    border-radius: 10px;
    width: 100%;
    padding: 12px 10px;
    font-size: 15px;
    margin: 4px 0 !important;
  }

  .dashboardTable {
    text-align: center;
    color: #fff;
    background-color: #9f5aff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 10px 0;
    font-weight: 700;
    font-size: 17px !important;
  }

  .dashboardtablehead {
    color: #827799;
    background-color: #f6f6f6;
    text-align: center !important;
    background-color: #f8f9fa !important;
    border-bottom: none !important;
    padding: 15px 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  .direction {
    direction: "center" !important;
  }

  .iconsize {
    width: 20px !important;
    height: 20px !important;
  }

  .notificationIconSize {
    width: 40px !important;
    height: 40px !important;
  }

  .marginleft {
    margin-left: 46px;
  }

  .gift {
    width: 100%;
  }

  .gap {
    row-gap: 15px;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .gift, .call, .coinplan, .livebroadcasthistory, .pendingRequest, .accetedRequest, .declineRequest {
    width: 290px;
  }

  .commontext {
    color: #000;
    font-size: 16px;
    font-weight: 500;
  }

  .cancel-button {
    color: #15192080;
    background-color: #fff;
    border: 1.4px solid #56678942;
    border-radius: 10px;
    padding: 8px 30px;
    font-size: 14px;
  }

  .logout-button {
    color: #fff;
    background-color: #ff0004;
    border-radius: 10px;
    padding: 8px 30px;
    font-size: 14px;
  }

  .css-1frgio5 {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 13px;
    width: 350px;
    padding: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
  }

  .mainAdminGrid .mainDashboard .mainDashbox .dashBox {
    border: 1px solid #8f6dff24;
    border-radius: 20px;
    width: 300px;
    height: 122px;
    margin-left: 5px;
  }
}

@media screen and (max-width: 320px) {
  .gift, .call, .coinplan, .livebroadcasthistory {
    width: 235px;
  }

  .analytics {
    width: auto !important;
  }

  .css-1frgio5 {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 13px;
    width: 300px;
    padding: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
  }

  .mainAdminGrid .mainDashboard .mainDashbox .dashBox {
    border: 1px solid #8f6dff24;
    border-radius: 20px;
    width: 240px;
    height: 122px;
    margin-left: 5px;
  }
}

@media (min-width: 376px) and (max-width: 425px) {
  .mainAdminGrid .mainDashboard .mainDashbox .dashBox {
    border: 1px solid #8f6dff24;
    border-radius: 20px;
    width: 350px;
    height: 122px;
    margin-left: 5px;
  }

  .css-1frgio5 {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 13px;
    width: 300px;
    padding: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
  }

  .gift, .call, .coinplan, .livebroadcasthistory {
    width: 335px;
  }

  .pendingRequest, .accetedRequest, .declineRequest {
    width: 350px;
  }

  .cancel-button {
    color: #15192080;
    background-color: #fff;
    border: 1.4px solid #56678942;
    border-radius: 10px;
    padding: 8px 40px;
    font-size: 14px;
  }

  .logout-button {
    color: #fff;
    background-color: #ff0004;
    border-radius: 10px;
    padding: 8px 40px;
    font-size: 14px;
  }
}

.table td, .table th {
  border-left: none !important;
  border-right: none !important;
}

.margin {
  margin: auto;
}

@media (min-width: 425px) and (max-width: 768px) {
  .mainAdminGrid .mainDashboard #chart .apexcharts-title-text {
    font-size: 18px !important;
  }

  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxContent .boxTitle p {
    font-size: 11px;
  }

  .css-1frgio5 {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 13px;
    width: 350px;
    padding: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
  }

  .margin {
    margin-left: 20px;
  }

  .mainAdminGrid .mainSidebar .sideBar {
    background-color: #fff;
    height: 100%;
    overflow-x: auto;
    box-shadow: 0 2px 4px #0f223a1f;
  }
}

.gap {
  column-gap: 30px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .mainAdminGrid .mainSidebar .sideBar {
    background-color: #fff;
    height: 100%;
    overflow-x: auto;
    box-shadow: 0 2px 4px #0f223a1f;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .mainAdminGrid .mainSidebar .sideBar {
    background-color: #fff;
    height: 100%;
    overflow-x: auto;
    box-shadow: 0 2px 4px #0f223a1f;
  }

  .mainAdminGrid .mainDashboard .mainDashbox .dashBox {
    border: 1px solid #8f6dff24;
    border-radius: 20px;
    width: 330px;
    height: 122px;
  }

  .mainAdminGrid .mainDashboard .mainDashbox .dashBox .boxContent .boxTitle p {
    color: #5b6168;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
  }
}

@media (min-width: 1440px) and (max-width: 2560px) {
  .margin {
    margin: auto;
  }

  .mainAdminGrid .mainSidebar .sideBar {
    background-color: #fff;
    border-right: 1px solid #dfdfdf;
    width: 250px;
    height: 100%;
    overflow-x: auto;
    box-shadow: 0 2px 4px #0f223a1f;
  }
}

.login-container {
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-section {
  justify-content: center;
  align-items: center;
  display: flex;
}

.login-image {
  object-fit: cover;
  width: 100vh;
  height: 100vh;
}

.form-section {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.logologin {
  border-radius: 24px;
  width: 75px;
  height: 75px;
  margin-bottom: 25px;
}

.title {
  color: #404040;
  margin-bottom: 10px;
  font-size: 1.75rem;
  font-weight: 400;
}

.subtitle {
  color: #8e8e8e;
  max-width: 487px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.46667;
}

.login-form {
  flex-direction: column;
  display: flex;
}

.form-group {
  margin-bottom: 10px;
}

.form-group label {
  color: #263a43;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

.form-group input {
  background: #f5f8ff;
  border: 1px solid #b1b1b1;
  border-radius: 8px;
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
  padding: 10px !important;
}

.forgot-password {
  text-align: right;
  margin-top: 30px;
}

.forgot-password a {
  color: #8e8e8e;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}

.form-actions {
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  display: flex;
}

.login-btn {
  color: #fff;
  cursor: pointer;
  background: #8f6dff;
  border: none;
  border-radius: 10px;
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
}

.demo-login-btn {
  color: #fff;
  cursor: pointer;
  background-color: #ff1e4b;
  border: none;
  border-radius: 8px;
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
}

.demo-cred-card {
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  display: flex;
}

.demo-cred-left {
  min-width: 0;
}

.demo-cred-title {
  color: #2e2e2e;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}

.demo-cred-lines {
  color: #707070;
  font-size: 13px;
  line-height: 1.35;
}

.demo-cred-line {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.demo-cred-label, .demo-cred-value {
  color: #707070;
  font-weight: 500;
}

.demo-cred-copy {
  cursor: pointer;
  color: #fff;
  background: #8f6dff;
  border: none;
  border-radius: 12px;
  flex: 0 0 44px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: inline-flex;
}

.demo-cred-copy:active {
  transform: translateY(1px);
}

.login-btn:disabled, .demo-cred-copy:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.bg-gradient {
  background: linear-gradient(#7452ff 0%, #de24e2 100%);
}

.tsBox {
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  padding-top: 10px !important;
  padding-bottom: 15px !important;
}

@media (max-width: 992px) {
  .login-container {
    align-items: center;
  }

  .image-section, .form-section {
    width: 100%;
  }

  .position-absolute {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    top: 30px !important;
  }

  .login-image {
    max-width: 100%;
    height: auto;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .title {
    font-size: 26px;
  }

  .subtitle {
    max-width: 100%;
    font-size: 12px;
  }

  .form-group label {
    font-size: 16px;
  }

  .form-group input {
    font-size: 13px;
  }

  .forgot-password a {
    font-size: 14px;
  }

  .login-btn, .demo-login-btn {
    padding: 14px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .position-absolute {
    width: 90%;
    top: 20px !important;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  .pendingRequest, .accetedRequest, .declineRequest {
    font-size: 14px;
  }

  .login-image {
    object-fit: cover;
    border-radius: 20px;
    width: 680px;
    max-width: 100%;
    height: auto;
    padding: 20px;
    display: none;
  }

  .livehosttext {
    font-size: 16px !important;
  }

  .logologin {
    background-color: #9b5de5;
    border-radius: 24px;
    margin-bottom: 30px;
    width: 70px !important;
    height: 70px !important;
  }

  .form-section {
    width: 100%;
    padding: 20px;
  }

  .image-section, .position-absolute {
    display: none;
  }
}

@media (min-width: 425px) and (max-width: 768px) {
  .subtitle {
    max-width: 100%;
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .subtitle {
    max-width: 100%;
    font-size: 16px;
  }

  .login-image {
    max-width: 100%;
    height: auto;
    padding: 0;
    display: none;
  }

  .form-section {
    margin: auto;
  }
}

@media (min-width: 992px) and (max-width: 1023px) {
  .login-image {
    width: 400px;
    max-width: 100%;
    height: 400px;
    padding: 0;
    display: block;
  }

  .position-absolute {
    top: 180px !important;
    left: 30px !important;
  }

  .mainAdminGrid .mainDashboard .mainDashbox .dashBox {
    border: 1px solid #8f6dff24;
    border-radius: 20px;
    height: 122px;
    width: 285px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .mainAdminGrid .mainDashboard .mainDashbox .dashBox {
    border: 1px solid #8f6dff24;
    border-radius: 20px;
    height: 122px;
    width: 285px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .mainAdminGrid .mainDashboard .mainDashbox .dashBox {
    border: 1px solid #8f6dff24;
    border-radius: 20px;
    height: 122px;
    width: 250px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .login-image {
    object-fit: cover;
    border-radius: 20px;
    width: 400px;
    max-width: 100%;
    height: auto;
    padding: 20px;
  }

  .position-absolute {
    transform: translateX(-50%);
    top: 170px !important;
    left: 220px !important;
  }

  .login-image {
    width: 400px;
    max-width: 100%;
    height: 400px;
    padding: 0;
    display: block;
  }
}

@media (max-width: 1023px) {
  .image-section {
    display: none;
  }
}

.modal-content {
  width: 70vh !important;
  height: 90vh !important;
}

.modal-body {
  height: 70vh !important;
}

.mainMenu.webMenu {
  padding: 10px .75rem;
}

.maintext {
  color: #000;
}

/* [project]/src/assets/scss/dateRange.css [client] (css) */
.daterangepicker {
  color: inherit;
  z-index: 3001;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 278px;
  max-width: none;
  margin-top: 7px;
  padding: 0;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
  display: none;
  position: absolute;
  top: 100px;
  left: 20px;
}

.daterange:focus {
  border: none !important;
}

.daterangepicker:before, .daterangepicker:after {
  content: "";
  border-bottom-color: #0003;
  display: inline-block;
  position: absolute;
}

.daterangepicker:before {
  border-bottom: 7px solid #ccc;
  border-left: 7px solid #0000;
  border-right: 7px solid #0000;
  top: -7px;
}

.daterangepicker:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  top: -6px;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before, .daterangepicker.openscenter:after {
  width: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  border-bottom: initial;
  border-top: 7px solid #ccc;
  bottom: -7px;
}

.daterangepicker.drop-up:after {
  top: initial;
  border-bottom: initial;
  border-top: 6px solid #fff;
  bottom: -6px;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar, .daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  max-width: 270px;
  display: none;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: 2px solid #000;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  padding: 3px;
  display: inline-block;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  color: #000;
  border: 1px solid #0000;
  border-radius: 0;
  width: 32px;
  min-width: 32px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
}

.daterangepicker .calendar-table {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
}

.daterangepicker .calendar-table table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  color: inherit;
  background-color: #eee;
  border-color: #0000;
}

.daterangepicker td.week, .daterangepicker th.week {
  color: #ccc;
  font-size: 80%;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  color: #999;
  background-color: #fff;
  border-color: #0000;
}

.daterangepicker td.in-range {
  color: #000;
  background-color: #ebf4f8;
  border-color: #0000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  color: #fff;
  background-color: #357ebd;
  border-color: #0000;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  cursor: default;
  height: auto;
  margin: 0;
  padding: 1px;
  font-size: 12px;
}

.daterangepicker select.monthselect {
  width: 56%;
  margin-right: 2%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  background: #eee;
  border: 1px solid #eee;
  outline: 0;
  width: 50px;
  margin: 0 auto;
  padding: 2px;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  vertical-align: middle;
  border-top: 1px solid #ddd;
  padding: 8px;
  line-height: 12px;
  display: none;
}

.daterangepicker .drp-selected {
  padding-right: 8px;
  font-size: 12px;
  display: inline-block;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 4px;
}

.daterangepicker .ranges ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.daterangepicker .ranges li {
  cursor: pointer;
  font-size: 14px;
  padding: 12px 16px !important;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  color: #fff;
  width: inherit;
  height: inherit;
  background-color: #9f5aff;
  border-radius: 1px;
  margin: 0 !important;
}

@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    text-align: left;
    direction: ltr;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    float: left;
    width: auto;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

.react-datepicker__input-container input {
  background-color: #93cbd718 !important;
  border-radius: 8px !important;
  width: 100% !important;
  height: 40px !important;
  margin-top: 10px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
}

/* [project]/node_modules/bootstrap-daterangepicker/daterangepicker.css [client] (css) */
.daterangepicker {
  color: inherit;
  z-index: 3001;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 278px;
  max-width: none;
  margin-top: 7px;
  padding: 0;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
  display: none;
  position: absolute;
  top: 100px;
  left: 20px;
}

.daterangepicker:before, .daterangepicker:after {
  content: "";
  border-bottom-color: #0003;
  display: inline-block;
  position: absolute;
}

.daterangepicker:before {
  border-bottom: 7px solid #ccc;
  border-left: 7px solid #0000;
  border-right: 7px solid #0000;
  top: -7px;
}

.daterangepicker:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  top: -6px;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before, .daterangepicker.openscenter:after {
  width: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  border-bottom: initial;
  border-top: 7px solid #ccc;
  bottom: -7px;
}

.daterangepicker.drop-up:after {
  top: initial;
  border-bottom: initial;
  border-top: 6px solid #fff;
  bottom: -6px;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar, .daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  max-width: 270px;
  display: none;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: 2px solid #000;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  padding: 3px;
  display: inline-block;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 4px;
  width: 32px;
  min-width: 32px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
}

.daterangepicker .calendar-table {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
}

.daterangepicker .calendar-table table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  color: inherit;
  background-color: #eee;
  border-color: #0000;
}

.daterangepicker td.week, .daterangepicker th.week {
  color: #ccc;
  font-size: 80%;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  color: #999;
  background-color: #fff;
  border-color: #0000;
}

.daterangepicker td.in-range {
  color: #000;
  background-color: #ebf4f8;
  border-color: #0000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  color: #fff;
  background-color: #357ebd;
  border-color: #0000;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  cursor: default;
  height: auto;
  margin: 0;
  padding: 1px;
  font-size: 12px;
}

.daterangepicker select.monthselect {
  width: 56%;
  margin-right: 2%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  background: #eee;
  border: 1px solid #eee;
  outline: 0;
  width: 50px;
  margin: 0 auto;
  padding: 2px;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  vertical-align: middle;
  border-top: 1px solid #ddd;
  padding: 8px;
  line-height: 12px;
  display: none;
}

.daterangepicker .drp-selected {
  padding-right: 8px;
  font-size: 12px;
  display: inline-block;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.daterangepicker .ranges li {
  cursor: pointer;
  padding: 8px 12px;
  font-size: 12px;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  color: #fff;
  background-color: #08c;
}

@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    text-align: left;
    direction: ltr;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    float: left;
    width: auto;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

/* [project]/node_modules/react-loading-skeleton/dist/skeleton.css [client] (css) */
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  -webkit-user-select: none;
  user-select: none;
  border-radius: .25rem;
  width: 100%;
  line-height: 1;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.react-loading-skeleton:after {
  content: " ";
  display: var(--pseudo-element-display);
  background-repeat: no-repeat;
  background-image: var(--custom-highlight-background, linear-gradient(90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%));
  height: 100%;
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateX(-100%);
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none;
  }
}

/*# sourceMappingURL=_0kh69-2._.css.map*/