@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";
@import "https://cdn.jsdelivr.net/npm/lightgallery@2.0.0-beta.4/css/lightgallery.css";
@import "https://cdn.jsdelivr.net/npm/lightgallery@2.0.0-beta.4/css/lg-zoom.css";
@import "https://cdn.jsdelivr.net/npm/lightgallery@2.0.0-beta.4/css/lg-video.css";

/* node_modules/@fortawesome/fontawesome-free/css/all.min.css */
/*!
 * Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2026 Fonticons, Inc.
 */
.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
  --_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display,inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style,900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width,1.25em);
}
:is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa):before {
  content: var(--fa)/"";
}
@supports not (content:""/"") {
  :is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa):before {
    content: var(--fa);
  }
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: .625em;
  line-height: .1em;
  vertical-align: .225em;
}
.fa-xs {
  font-size: .75em;
  line-height: .08333em;
  vertical-align: .125em;
}
.fa-sm {
  font-size: .875em;
  line-height: .07143em;
  vertical-align: .05357em;
}
.fa-lg {
  font-size: 1.25em;
  line-height: .05em;
  vertical-align: -.075em;
}
.fa-xl {
  font-size: 1.5em;
  line-height: .04167em;
  vertical-align: -.125em;
}
.fa-2xl {
  font-size: 2em;
  line-height: .03125em;
  vertical-align: -.1875em;
}
.fa-width-auto {
  --fa-width:auto;
}
.fa-fw,
.fa-width-fixed {
  --fa-width:1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-inline-start: var(--fa-li-margin,2.5em);
  padding-inline-start: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  inset-inline-start: calc(var(--fa-li-width, 2em)*-1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width,2em);
  line-height: inherit;
}
.fa-border {
  border-radius: var(--fa-border-radius,.1em);
  border: var(--fa-border-width,.0625em) var(--fa-border-style,solid) var(--fa-border-color,#eee);
  box-sizing: var(--fa-border-box-sizing,content-box);
  padding: var(--fa-border-padding,.1875em .25em);
}
.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin,.3em);
}
.fa-pull-end,
.fa-pull-right {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin,.3em);
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out);
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));
}
.fa-fade {
  animation-name: fa-fade;
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
}
.fa-beat-fade,
.fa-fade {
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,ease-in-out);
}
.fa-shake {
  animation-name: fa-shake;
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear);
}
.fa-shake,
.fa-spin {
  animation-delay: var(--fa-animation-delay,0s);
  animation-direction: var(--fa-animation-direction,normal);
}
.fa-spin {
  animation-name: fa-spin;
  animation-duration: var(--fa-animation-duration,2s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,linear);
}
.fa-spin-reverse {
  --fa-animation-direction:reverse;
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction,normal);
  animation-duration: var(--fa-animation-duration,1s);
  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
  animation-timing-function: var(--fa-animation-timing,steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation: none !important;
    transition: none !important;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale,1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x,1.1), var(--fa-bounce-start-scale-y,.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x,.9), var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x,1.05), var(--fa-bounce-land-scale-y,.95)) translateY(0);
  }
  57% {
    transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity,.4);
  }
}
@keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity,.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale,1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, to {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scaleX(-1);
}
.fa-flip-vertical {
  transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle,0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  --fa-width:100%;
  inset: 0;
  position: absolute;
  text-align: center;
  width: var(--fa-width);
  z-index: var(--fa-stack-z-index,auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: var(--fa-inverse,#fff);
}
.fa-0 {
  --fa:"0";
}
.fa-1 {
  --fa:"1";
}
.fa-2 {
  --fa:"2";
}
.fa-3 {
  --fa:"3";
}
.fa-4 {
  --fa:"4";
}
.fa-5 {
  --fa:"5";
}
.fa-6 {
  --fa:"6";
}
.fa-7 {
  --fa:"7";
}
.fa-8 {
  --fa:"8";
}
.fa-9 {
  --fa:"9";
}
.fa-exclamation {
  --fa:"!";
}
.fa-hashtag {
  --fa:"#";
}
.fa-dollar,
.fa-dollar-sign,
.fa-usd {
  --fa:"$";
}
.fa-percent,
.fa-percentage {
  --fa:"%";
}
.fa-asterisk {
  --fa:"*";
}
.fa-add,
.fa-plus {
  --fa:"+";
}
.fa-less-than {
  --fa:"<";
}
.fa-equals {
  --fa:"=";
}
.fa-greater-than {
  --fa:">";
}
.fa-question {
  --fa:"?";
}
.fa-at {
  --fa:"@";
}
.fa-a {
  --fa:"A";
}
.fa-b {
  --fa:"B";
}
.fa-c {
  --fa:"C";
}
.fa-d {
  --fa:"D";
}
.fa-e {
  --fa:"E";
}
.fa-f {
  --fa:"F";
}
.fa-g {
  --fa:"G";
}
.fa-h {
  --fa:"H";
}
.fa-i {
  --fa:"I";
}
.fa-j {
  --fa:"J";
}
.fa-k {
  --fa:"K";
}
.fa-l {
  --fa:"L";
}
.fa-m {
  --fa:"M";
}
.fa-n {
  --fa:"N";
}
.fa-o {
  --fa:"O";
}
.fa-p {
  --fa:"P";
}
.fa-q {
  --fa:"Q";
}
.fa-r {
  --fa:"R";
}
.fa-s {
  --fa:"S";
}
.fa-t {
  --fa:"T";
}
.fa-u {
  --fa:"U";
}
.fa-v {
  --fa:"V";
}
.fa-w {
  --fa:"W";
}
.fa-x {
  --fa:"X";
}
.fa-y {
  --fa:"Y";
}
.fa-z {
  --fa:"Z";
}
.fa-faucet {
  --fa:"\e005";
}
.fa-faucet-drip {
  --fa:"\e006";
}
.fa-house-chimney-window {
  --fa:"\e00d";
}
.fa-house-signal {
  --fa:"\e012";
}
.fa-temperature-arrow-down,
.fa-temperature-down {
  --fa:"\e03f";
}
.fa-temperature-arrow-up,
.fa-temperature-up {
  --fa:"\e040";
}
.fa-trailer {
  --fa:"\e041";
}
.fa-bacteria {
  --fa:"\e059";
}
.fa-bacterium {
  --fa:"\e05a";
}
.fa-box-tissue {
  --fa:"\e05b";
}
.fa-hand-holding-medical {
  --fa:"\e05c";
}
.fa-hand-sparkles {
  --fa:"\e05d";
}
.fa-hands-bubbles,
.fa-hands-wash {
  --fa:"\e05e";
}
.fa-handshake-alt-slash,
.fa-handshake-simple-slash,
.fa-handshake-slash {
  --fa:"\e060";
}
.fa-head-side-cough {
  --fa:"\e061";
}
.fa-head-side-cough-slash {
  --fa:"\e062";
}
.fa-head-side-mask {
  --fa:"\e063";
}
.fa-head-side-virus {
  --fa:"\e064";
}
.fa-house-chimney-user {
  --fa:"\e065";
}
.fa-house-laptop,
.fa-laptop-house {
  --fa:"\e066";
}
.fa-lungs-virus {
  --fa:"\e067";
}
.fa-people-arrows,
.fa-people-arrows-left-right {
  --fa:"\e068";
}
.fa-plane-slash {
  --fa:"\e069";
}
.fa-pump-medical {
  --fa:"\e06a";
}
.fa-pump-soap {
  --fa:"\e06b";
}
.fa-shield-virus {
  --fa:"\e06c";
}
.fa-sink {
  --fa:"\e06d";
}
.fa-soap {
  --fa:"\e06e";
}
.fa-stopwatch-20 {
  --fa:"\e06f";
}
.fa-shop-slash,
.fa-store-alt-slash {
  --fa:"\e070";
}
.fa-store-slash {
  --fa:"\e071";
}
.fa-toilet-paper-slash {
  --fa:"\e072";
}
.fa-users-slash {
  --fa:"\e073";
}
.fa-virus {
  --fa:"\e074";
}
.fa-virus-slash {
  --fa:"\e075";
}
.fa-viruses {
  --fa:"\e076";
}
.fa-vest {
  --fa:"\e085";
}
.fa-vest-patches {
  --fa:"\e086";
}
.fa-arrow-trend-down {
  --fa:"\e097";
}
.fa-arrow-trend-up {
  --fa:"\e098";
}
.fa-arrow-up-from-bracket {
  --fa:"\e09a";
}
.fa-austral-sign {
  --fa:"\e0a9";
}
.fa-baht-sign {
  --fa:"\e0ac";
}
.fa-bitcoin-sign {
  --fa:"\e0b4";
}
.fa-bolt-lightning {
  --fa:"\e0b7";
}
.fa-book-bookmark {
  --fa:"\e0bb";
}
.fa-camera-rotate {
  --fa:"\e0d8";
}
.fa-cedi-sign {
  --fa:"\e0df";
}
.fa-chart-column {
  --fa:"\e0e3";
}
.fa-chart-gantt {
  --fa:"\e0e4";
}
.fa-clapperboard {
  --fa:"\e131";
}
.fa-closed-captioning-slash {
  --fa:"\e135";
}
.fa-clover {
  --fa:"\e139";
}
.fa-code-compare {
  --fa:"\e13a";
}
.fa-code-fork {
  --fa:"\e13b";
}
.fa-code-pull-request {
  --fa:"\e13c";
}
.fa-colon-sign {
  --fa:"\e140";
}
.fa-cruzeiro-sign {
  --fa:"\e152";
}
.fa-display {
  --fa:"\e163";
}
.fa-dong-sign {
  --fa:"\e169";
}
.fa-elevator {
  --fa:"\e16d";
}
.fa-filter-circle-xmark {
  --fa:"\e17b";
}
.fa-florin-sign {
  --fa:"\e184";
}
.fa-folder-closed {
  --fa:"\e185";
}
.fa-franc-sign {
  --fa:"\e18f";
}
.fa-guarani-sign {
  --fa:"\e19a";
}
.fa-gun {
  --fa:"\e19b";
}
.fa-hands-clapping {
  --fa:"\e1a8";
}
.fa-home-user,
.fa-house-user {
  --fa:"\e1b0";
}
.fa-indian-rupee,
.fa-indian-rupee-sign,
.fa-inr {
  --fa:"\e1bc";
}
.fa-kip-sign {
  --fa:"\e1c4";
}
.fa-lari-sign {
  --fa:"\e1c8";
}
.fa-litecoin-sign {
  --fa:"\e1d3";
}
.fa-manat-sign {
  --fa:"\e1d5";
}
.fa-mask-face {
  --fa:"\e1d7";
}
.fa-mill-sign {
  --fa:"\e1ed";
}
.fa-money-bills {
  --fa:"\e1f3";
}
.fa-naira-sign {
  --fa:"\e1f6";
}
.fa-notdef {
  --fa:"\e1fe";
}
.fa-panorama {
  --fa:"\e209";
}
.fa-peseta-sign {
  --fa:"\e221";
}
.fa-peso-sign {
  --fa:"\e222";
}
.fa-plane-up {
  --fa:"\e22d";
}
.fa-rupiah-sign {
  --fa:"\e23d";
}
.fa-stairs {
  --fa:"\e289";
}
.fa-timeline {
  --fa:"\e29c";
}
.fa-truck-front {
  --fa:"\e2b7";
}
.fa-try,
.fa-turkish-lira,
.fa-turkish-lira-sign {
  --fa:"\e2bb";
}
.fa-vault {
  --fa:"\e2c5";
}
.fa-magic-wand-sparkles,
.fa-wand-magic-sparkles {
  --fa:"\e2ca";
}
.fa-wheat-alt,
.fa-wheat-awn {
  --fa:"\e2cd";
}
.fa-wheelchair-alt,
.fa-wheelchair-move {
  --fa:"\e2ce";
}
.fa-bangladeshi-taka-sign {
  --fa:"\e2e6";
}
.fa-bowl-rice {
  --fa:"\e2eb";
}
.fa-person-pregnant {
  --fa:"\e31e";
}
.fa-home-lg,
.fa-house-chimney {
  --fa:"\e3af";
}
.fa-house-crack {
  --fa:"\e3b1";
}
.fa-house-medical {
  --fa:"\e3b2";
}
.fa-cent-sign {
  --fa:"\e3f5";
}
.fa-plus-minus {
  --fa:"\e43c";
}
.fa-sailboat {
  --fa:"\e445";
}
.fa-section {
  --fa:"\e447";
}
.fa-shrimp {
  --fa:"\e448";
}
.fa-brazilian-real-sign {
  --fa:"\e46c";
}
.fa-chart-simple {
  --fa:"\e473";
}
.fa-diagram-next {
  --fa:"\e476";
}
.fa-diagram-predecessor {
  --fa:"\e477";
}
.fa-diagram-successor {
  --fa:"\e47a";
}
.fa-earth-oceania,
.fa-globe-oceania {
  --fa:"\e47b";
}
.fa-bug-slash {
  --fa:"\e490";
}
.fa-file-circle-plus {
  --fa:"\e494";
}
.fa-shop-lock {
  --fa:"\e4a5";
}
.fa-virus-covid {
  --fa:"\e4a8";
}
.fa-virus-covid-slash {
  --fa:"\e4a9";
}
.fa-anchor-circle-check {
  --fa:"\e4aa";
}
.fa-anchor-circle-exclamation {
  --fa:"\e4ab";
}
.fa-anchor-circle-xmark {
  --fa:"\e4ac";
}
.fa-anchor-lock {
  --fa:"\e4ad";
}
.fa-arrow-down-up-across-line {
  --fa:"\e4af";
}
.fa-arrow-down-up-lock {
  --fa:"\e4b0";
}
.fa-arrow-right-to-city {
  --fa:"\e4b3";
}
.fa-arrow-up-from-ground-water {
  --fa:"\e4b5";
}
.fa-arrow-up-from-water-pump {
  --fa:"\e4b6";
}
.fa-arrow-up-right-dots {
  --fa:"\e4b7";
}
.fa-arrows-down-to-line {
  --fa:"\e4b8";
}
.fa-arrows-down-to-people {
  --fa:"\e4b9";
}
.fa-arrows-left-right-to-line {
  --fa:"\e4ba";
}
.fa-arrows-spin {
  --fa:"\e4bb";
}
.fa-arrows-split-up-and-left {
  --fa:"\e4bc";
}
.fa-arrows-to-circle {
  --fa:"\e4bd";
}
.fa-arrows-to-dot {
  --fa:"\e4be";
}
.fa-arrows-to-eye {
  --fa:"\e4bf";
}
.fa-arrows-turn-right {
  --fa:"\e4c0";
}
.fa-arrows-turn-to-dots {
  --fa:"\e4c1";
}
.fa-arrows-up-to-line {
  --fa:"\e4c2";
}
.fa-bore-hole {
  --fa:"\e4c3";
}
.fa-bottle-droplet {
  --fa:"\e4c4";
}
.fa-bottle-water {
  --fa:"\e4c5";
}
.fa-bowl-food {
  --fa:"\e4c6";
}
.fa-boxes-packing {
  --fa:"\e4c7";
}
.fa-bridge {
  --fa:"\e4c8";
}
.fa-bridge-circle-check {
  --fa:"\e4c9";
}
.fa-bridge-circle-exclamation {
  --fa:"\e4ca";
}
.fa-bridge-circle-xmark {
  --fa:"\e4cb";
}
.fa-bridge-lock {
  --fa:"\e4cc";
}
.fa-bridge-water {
  --fa:"\e4ce";
}
.fa-bucket {
  --fa:"\e4cf";
}
.fa-bugs {
  --fa:"\e4d0";
}
.fa-building-circle-arrow-right {
  --fa:"\e4d1";
}
.fa-building-circle-check {
  --fa:"\e4d2";
}
.fa-building-circle-exclamation {
  --fa:"\e4d3";
}
.fa-building-circle-xmark {
  --fa:"\e4d4";
}
.fa-building-flag {
  --fa:"\e4d5";
}
.fa-building-lock {
  --fa:"\e4d6";
}
.fa-building-ngo {
  --fa:"\e4d7";
}
.fa-building-shield {
  --fa:"\e4d8";
}
.fa-building-un {
  --fa:"\e4d9";
}
.fa-building-user {
  --fa:"\e4da";
}
.fa-building-wheat {
  --fa:"\e4db";
}
.fa-burst {
  --fa:"\e4dc";
}
.fa-car-on {
  --fa:"\e4dd";
}
.fa-car-tunnel {
  --fa:"\e4de";
}
.fa-child-combatant,
.fa-child-rifle {
  --fa:"\e4e0";
}
.fa-children {
  --fa:"\e4e1";
}
.fa-circle-nodes {
  --fa:"\e4e2";
}
.fa-clipboard-question {
  --fa:"\e4e3";
}
.fa-cloud-showers-water {
  --fa:"\e4e4";
}
.fa-computer {
  --fa:"\e4e5";
}
.fa-cubes-stacked {
  --fa:"\e4e6";
}
.fa-envelope-circle-check {
  --fa:"\e4e8";
}
.fa-explosion {
  --fa:"\e4e9";
}
.fa-ferry {
  --fa:"\e4ea";
}
.fa-file-circle-exclamation {
  --fa:"\e4eb";
}
.fa-file-circle-minus {
  --fa:"\e4ed";
}
.fa-file-circle-question {
  --fa:"\e4ef";
}
.fa-file-shield {
  --fa:"\e4f0";
}
.fa-fire-burner {
  --fa:"\e4f1";
}
.fa-fish-fins {
  --fa:"\e4f2";
}
.fa-flask-vial {
  --fa:"\e4f3";
}
.fa-glass-water {
  --fa:"\e4f4";
}
.fa-glass-water-droplet {
  --fa:"\e4f5";
}
.fa-group-arrows-rotate {
  --fa:"\e4f6";
}
.fa-hand-holding-hand {
  --fa:"\e4f7";
}
.fa-handcuffs {
  --fa:"\e4f8";
}
.fa-hands-bound {
  --fa:"\e4f9";
}
.fa-hands-holding-child {
  --fa:"\e4fa";
}
.fa-hands-holding-circle {
  --fa:"\e4fb";
}
.fa-heart-circle-bolt {
  --fa:"\e4fc";
}
.fa-heart-circle-check {
  --fa:"\e4fd";
}
.fa-heart-circle-exclamation {
  --fa:"\e4fe";
}
.fa-heart-circle-minus {
  --fa:"\e4ff";
}
.fa-heart-circle-plus {
  --fa:"\e500";
}
.fa-heart-circle-xmark {
  --fa:"\e501";
}
.fa-helicopter-symbol {
  --fa:"\e502";
}
.fa-helmet-un {
  --fa:"\e503";
}
.fa-hill-avalanche {
  --fa:"\e507";
}
.fa-hill-rockslide {
  --fa:"\e508";
}
.fa-house-circle-check {
  --fa:"\e509";
}
.fa-house-circle-exclamation {
  --fa:"\e50a";
}
.fa-house-circle-xmark {
  --fa:"\e50b";
}
.fa-house-fire {
  --fa:"\e50c";
}
.fa-house-flag {
  --fa:"\e50d";
}
.fa-house-flood-water {
  --fa:"\e50e";
}
.fa-house-flood-water-circle-arrow-right {
  --fa:"\e50f";
}
.fa-house-lock {
  --fa:"\e510";
}
.fa-house-medical-circle-check {
  --fa:"\e511";
}
.fa-house-medical-circle-exclamation {
  --fa:"\e512";
}
.fa-house-medical-circle-xmark {
  --fa:"\e513";
}
.fa-house-medical-flag {
  --fa:"\e514";
}
.fa-house-tsunami {
  --fa:"\e515";
}
.fa-jar {
  --fa:"\e516";
}
.fa-jar-wheat {
  --fa:"\e517";
}
.fa-jet-fighter-up {
  --fa:"\e518";
}
.fa-jug-detergent {
  --fa:"\e519";
}
.fa-kitchen-set {
  --fa:"\e51a";
}
.fa-land-mine-on {
  --fa:"\e51b";
}
.fa-landmark-flag {
  --fa:"\e51c";
}
.fa-laptop-file {
  --fa:"\e51d";
}
.fa-lines-leaning {
  --fa:"\e51e";
}
.fa-location-pin-lock {
  --fa:"\e51f";
}
.fa-locust {
  --fa:"\e520";
}
.fa-magnifying-glass-arrow-right {
  --fa:"\e521";
}
.fa-magnifying-glass-chart {
  --fa:"\e522";
}
.fa-mars-and-venus-burst {
  --fa:"\e523";
}
.fa-mask-ventilator {
  --fa:"\e524";
}
.fa-mattress-pillow {
  --fa:"\e525";
}
.fa-mobile-retro {
  --fa:"\e527";
}
.fa-money-bill-transfer {
  --fa:"\e528";
}
.fa-money-bill-trend-up {
  --fa:"\e529";
}
.fa-money-bill-wheat {
  --fa:"\e52a";
}
.fa-mosquito {
  --fa:"\e52b";
}
.fa-mosquito-net {
  --fa:"\e52c";
}
.fa-mound {
  --fa:"\e52d";
}
.fa-mountain-city {
  --fa:"\e52e";
}
.fa-mountain-sun {
  --fa:"\e52f";
}
.fa-oil-well {
  --fa:"\e532";
}
.fa-people-group {
  --fa:"\e533";
}
.fa-people-line {
  --fa:"\e534";
}
.fa-people-pulling {
  --fa:"\e535";
}
.fa-people-robbery {
  --fa:"\e536";
}
.fa-people-roof {
  --fa:"\e537";
}
.fa-person-arrow-down-to-line {
  --fa:"\e538";
}
.fa-person-arrow-up-from-line {
  --fa:"\e539";
}
.fa-person-breastfeeding {
  --fa:"\e53a";
}
.fa-person-burst {
  --fa:"\e53b";
}
.fa-person-cane {
  --fa:"\e53c";
}
.fa-person-chalkboard {
  --fa:"\e53d";
}
.fa-person-circle-check {
  --fa:"\e53e";
}
.fa-person-circle-exclamation {
  --fa:"\e53f";
}
.fa-person-circle-minus {
  --fa:"\e540";
}
.fa-person-circle-plus {
  --fa:"\e541";
}
.fa-person-circle-question {
  --fa:"\e542";
}
.fa-person-circle-xmark {
  --fa:"\e543";
}
.fa-person-dress-burst {
  --fa:"\e544";
}
.fa-person-drowning {
  --fa:"\e545";
}
.fa-person-falling {
  --fa:"\e546";
}
.fa-person-falling-burst {
  --fa:"\e547";
}
.fa-person-half-dress {
  --fa:"\e548";
}
.fa-person-harassing {
  --fa:"\e549";
}
.fa-person-military-pointing {
  --fa:"\e54a";
}
.fa-person-military-rifle {
  --fa:"\e54b";
}
.fa-person-military-to-person {
  --fa:"\e54c";
}
.fa-person-rays {
  --fa:"\e54d";
}
.fa-person-rifle {
  --fa:"\e54e";
}
.fa-person-shelter {
  --fa:"\e54f";
}
.fa-person-walking-arrow-loop-left {
  --fa:"\e551";
}
.fa-person-walking-arrow-right {
  --fa:"\e552";
}
.fa-person-walking-dashed-line-arrow-right {
  --fa:"\e553";
}
.fa-person-walking-luggage {
  --fa:"\e554";
}
.fa-plane-circle-check {
  --fa:"\e555";
}
.fa-plane-circle-exclamation {
  --fa:"\e556";
}
.fa-plane-circle-xmark {
  --fa:"\e557";
}
.fa-plane-lock {
  --fa:"\e558";
}
.fa-plate-wheat {
  --fa:"\e55a";
}
.fa-plug-circle-bolt {
  --fa:"\e55b";
}
.fa-plug-circle-check {
  --fa:"\e55c";
}
.fa-plug-circle-exclamation {
  --fa:"\e55d";
}
.fa-plug-circle-minus {
  --fa:"\e55e";
}
.fa-plug-circle-plus {
  --fa:"\e55f";
}
.fa-plug-circle-xmark {
  --fa:"\e560";
}
.fa-ranking-star {
  --fa:"\e561";
}
.fa-road-barrier {
  --fa:"\e562";
}
.fa-road-bridge {
  --fa:"\e563";
}
.fa-road-circle-check {
  --fa:"\e564";
}
.fa-road-circle-exclamation {
  --fa:"\e565";
}
.fa-road-circle-xmark {
  --fa:"\e566";
}
.fa-road-lock {
  --fa:"\e567";
}
.fa-road-spikes {
  --fa:"\e568";
}
.fa-rug {
  --fa:"\e569";
}
.fa-sack-xmark {
  --fa:"\e56a";
}
.fa-school-circle-check {
  --fa:"\e56b";
}
.fa-school-circle-exclamation {
  --fa:"\e56c";
}
.fa-school-circle-xmark {
  --fa:"\e56d";
}
.fa-school-flag {
  --fa:"\e56e";
}
.fa-school-lock {
  --fa:"\e56f";
}
.fa-sheet-plastic {
  --fa:"\e571";
}
.fa-shield-cat {
  --fa:"\e572";
}
.fa-shield-dog {
  --fa:"\e573";
}
.fa-shield-heart {
  --fa:"\e574";
}
.fa-square-nfi {
  --fa:"\e576";
}
.fa-square-person-confined {
  --fa:"\e577";
}
.fa-square-virus {
  --fa:"\e578";
}
.fa-rod-asclepius,
.fa-rod-snake,
.fa-staff-aesculapius,
.fa-staff-snake {
  --fa:"\e579";
}
.fa-sun-plant-wilt {
  --fa:"\e57a";
}
.fa-tarp {
  --fa:"\e57b";
}
.fa-tarp-droplet {
  --fa:"\e57c";
}
.fa-tent {
  --fa:"\e57d";
}
.fa-tent-arrow-down-to-line {
  --fa:"\e57e";
}
.fa-tent-arrow-left-right {
  --fa:"\e57f";
}
.fa-tent-arrow-turn-left {
  --fa:"\e580";
}
.fa-tent-arrows-down {
  --fa:"\e581";
}
.fa-tents {
  --fa:"\e582";
}
.fa-toilet-portable {
  --fa:"\e583";
}
.fa-toilets-portable {
  --fa:"\e584";
}
.fa-tower-cell {
  --fa:"\e585";
}
.fa-tower-observation {
  --fa:"\e586";
}
.fa-tree-city {
  --fa:"\e587";
}
.fa-trowel {
  --fa:"\e589";
}
.fa-trowel-bricks {
  --fa:"\e58a";
}
.fa-truck-arrow-right {
  --fa:"\e58b";
}
.fa-truck-droplet {
  --fa:"\e58c";
}
.fa-truck-field {
  --fa:"\e58d";
}
.fa-truck-field-un {
  --fa:"\e58e";
}
.fa-truck-plane {
  --fa:"\e58f";
}
.fa-users-between-lines {
  --fa:"\e591";
}
.fa-users-line {
  --fa:"\e592";
}
.fa-users-rays {
  --fa:"\e593";
}
.fa-users-rectangle {
  --fa:"\e594";
}
.fa-users-viewfinder {
  --fa:"\e595";
}
.fa-vial-circle-check {
  --fa:"\e596";
}
.fa-vial-virus {
  --fa:"\e597";
}
.fa-wheat-awn-circle-exclamation {
  --fa:"\e598";
}
.fa-worm {
  --fa:"\e599";
}
.fa-xmarks-lines {
  --fa:"\e59a";
}
.fa-child-dress {
  --fa:"\e59c";
}
.fa-child-reaching {
  --fa:"\e59d";
}
.fa-file-circle-check {
  --fa:"\e5a0";
}
.fa-file-circle-xmark {
  --fa:"\e5a1";
}
.fa-person-through-window {
  --fa:"\e5a9";
}
.fa-plant-wilt {
  --fa:"\e5aa";
}
.fa-stapler {
  --fa:"\e5af";
}
.fa-train-tram {
  --fa:"\e5b4";
}
.fa-table-cells-column-lock {
  --fa:"\e678";
}
.fa-table-cells-row-lock {
  --fa:"\e67a";
}
.fa-thumb-tack-slash,
.fa-thumbtack-slash {
  --fa:"\e68f";
}
.fa-table-cells-row-unlock {
  --fa:"\e691";
}
.fa-chart-diagram {
  --fa:"\e695";
}
.fa-comment-nodes {
  --fa:"\e696";
}
.fa-file-fragment {
  --fa:"\e697";
}
.fa-file-half-dashed {
  --fa:"\e698";
}
.fa-hexagon-nodes {
  --fa:"\e699";
}
.fa-hexagon-nodes-bolt {
  --fa:"\e69a";
}
.fa-square-binary {
  --fa:"\e69b";
}
.fa-pentagon {
  --fa:"\e790";
}
.fa-non-binary {
  --fa:"\e807";
}
.fa-spiral {
  --fa:"\e80a";
}
.fa-picture-in-picture {
  --fa:"\e80b";
}
.fa-mobile-vibrate {
  --fa:"\e816";
}
.fa-single-quote-left {
  --fa:"\e81b";
}
.fa-single-quote-right {
  --fa:"\e81c";
}
.fa-bus-side {
  --fa:"\e81d";
}
.fa-heptagon,
.fa-septagon {
  --fa:"\e820";
}
.fa-aquarius {
  --fa:"\e845";
}
.fa-aries {
  --fa:"\e846";
}
.fa-cancer {
  --fa:"\e847";
}
.fa-capricorn {
  --fa:"\e848";
}
.fa-gemini {
  --fa:"\e849";
}
.fa-leo {
  --fa:"\e84a";
}
.fa-libra {
  --fa:"\e84b";
}
.fa-pisces {
  --fa:"\e84c";
}
.fa-sagittarius {
  --fa:"\e84d";
}
.fa-scorpio {
  --fa:"\e84e";
}
.fa-taurus {
  --fa:"\e84f";
}
.fa-virgo {
  --fa:"\e850";
}
.fa-glass-martini,
.fa-martini-glass-empty {
  --fa:"\f000";
}
.fa-music {
  --fa:"\f001";
}
.fa-magnifying-glass,
.fa-search {
  --fa:"\f002";
}
.fa-heart {
  --fa:"\f004";
}
.fa-star {
  --fa:"\f005";
}
.fa-user,
.fa-user-alt,
.fa-user-large {
  --fa:"\f007";
}
.fa-film,
.fa-film-alt,
.fa-film-simple {
  --fa:"\f008";
}
.fa-table-cells-large,
.fa-th-large {
  --fa:"\f009";
}
.fa-table-cells,
.fa-th {
  --fa:"\f00a";
}
.fa-table-list,
.fa-th-list {
  --fa:"\f00b";
}
.fa-check {
  --fa:"\f00c";
}
.fa-close,
.fa-multiply,
.fa-remove,
.fa-times,
.fa-xmark {
  --fa:"\f00d";
}
.fa-magnifying-glass-plus,
.fa-search-plus {
  --fa:"\f00e";
}
.fa-magnifying-glass-minus,
.fa-search-minus {
  --fa:"\f010";
}
.fa-power-off {
  --fa:"\f011";
}
.fa-signal,
.fa-signal-5,
.fa-signal-perfect {
  --fa:"\f012";
}
.fa-cog,
.fa-gear {
  --fa:"\f013";
}
.fa-home,
.fa-home-alt,
.fa-home-lg-alt,
.fa-house {
  --fa:"\f015";
}
.fa-clock,
.fa-clock-four {
  --fa:"\f017";
}
.fa-road {
  --fa:"\f018";
}
.fa-download {
  --fa:"\f019";
}
.fa-inbox {
  --fa:"\f01c";
}
.fa-arrow-right-rotate,
.fa-arrow-rotate-forward,
.fa-arrow-rotate-right,
.fa-redo {
  --fa:"\f01e";
}
.fa-arrows-rotate,
.fa-refresh,
.fa-sync {
  --fa:"\f021";
}
.fa-list-alt,
.fa-rectangle-list {
  --fa:"\f022";
}
.fa-lock {
  --fa:"\f023";
}
.fa-flag {
  --fa:"\f024";
}
.fa-headphones,
.fa-headphones-alt,
.fa-headphones-simple {
  --fa:"\f025";
}
.fa-volume-off {
  --fa:"\f026";
}
.fa-volume-down,
.fa-volume-low {
  --fa:"\f027";
}
.fa-volume-high,
.fa-volume-up {
  --fa:"\f028";
}
.fa-qrcode {
  --fa:"\f029";
}
.fa-barcode {
  --fa:"\f02a";
}
.fa-tag {
  --fa:"\f02b";
}
.fa-tags {
  --fa:"\f02c";
}
.fa-book {
  --fa:"\f02d";
}
.fa-bookmark {
  --fa:"\f02e";
}
.fa-print {
  --fa:"\f02f";
}
.fa-camera,
.fa-camera-alt {
  --fa:"\f030";
}
.fa-font {
  --fa:"\f031";
}
.fa-bold {
  --fa:"\f032";
}
.fa-italic {
  --fa:"\f033";
}
.fa-text-height {
  --fa:"\f034";
}
.fa-text-width {
  --fa:"\f035";
}
.fa-align-left {
  --fa:"\f036";
}
.fa-align-center {
  --fa:"\f037";
}
.fa-align-right {
  --fa:"\f038";
}
.fa-align-justify {
  --fa:"\f039";
}
.fa-list,
.fa-list-squares {
  --fa:"\f03a";
}
.fa-dedent,
.fa-outdent {
  --fa:"\f03b";
}
.fa-indent {
  --fa:"\f03c";
}
.fa-video,
.fa-video-camera {
  --fa:"\f03d";
}
.fa-image {
  --fa:"\f03e";
}
.fa-location-pin,
.fa-map-marker {
  --fa:"\f041";
}
.fa-adjust,
.fa-circle-half-stroke {
  --fa:"\f042";
}
.fa-droplet,
.fa-tint {
  --fa:"\f043";
}
.fa-edit,
.fa-pen-to-square {
  --fa:"\f044";
}
.fa-arrows,
.fa-arrows-up-down-left-right {
  --fa:"\f047";
}
.fa-backward-step,
.fa-step-backward {
  --fa:"\f048";
}
.fa-backward-fast,
.fa-fast-backward {
  --fa:"\f049";
}
.fa-backward {
  --fa:"\f04a";
}
.fa-play {
  --fa:"\f04b";
}
.fa-pause {
  --fa:"\f04c";
}
.fa-stop {
  --fa:"\f04d";
}
.fa-forward {
  --fa:"\f04e";
}
.fa-fast-forward,
.fa-forward-fast {
  --fa:"\f050";
}
.fa-forward-step,
.fa-step-forward {
  --fa:"\f051";
}
.fa-eject {
  --fa:"\f052";
}
.fa-chevron-left {
  --fa:"\f053";
}
.fa-chevron-right {
  --fa:"\f054";
}
.fa-circle-plus,
.fa-plus-circle {
  --fa:"\f055";
}
.fa-circle-minus,
.fa-minus-circle {
  --fa:"\f056";
}
.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle {
  --fa:"\f057";
}
.fa-check-circle,
.fa-circle-check {
  --fa:"\f058";
}
.fa-circle-question,
.fa-question-circle {
  --fa:"\f059";
}
.fa-circle-info,
.fa-info-circle {
  --fa:"\f05a";
}
.fa-crosshairs {
  --fa:"\f05b";
}
.fa-ban,
.fa-cancel {
  --fa:"\f05e";
}
.fa-arrow-left {
  --fa:"\f060";
}
.fa-arrow-right {
  --fa:"\f061";
}
.fa-arrow-up {
  --fa:"\f062";
}
.fa-arrow-down {
  --fa:"\f063";
}
.fa-mail-forward,
.fa-share {
  --fa:"\f064";
}
.fa-expand {
  --fa:"\f065";
}
.fa-compress {
  --fa:"\f066";
}
.fa-minus,
.fa-subtract {
  --fa:"\f068";
}
.fa-circle-exclamation,
.fa-exclamation-circle {
  --fa:"\f06a";
}
.fa-gift {
  --fa:"\f06b";
}
.fa-leaf {
  --fa:"\f06c";
}
.fa-fire {
  --fa:"\f06d";
}
.fa-eye {
  --fa:"\f06e";
}
.fa-eye-slash {
  --fa:"\f070";
}
.fa-exclamation-triangle,
.fa-triangle-exclamation,
.fa-warning {
  --fa:"\f071";
}
.fa-plane {
  --fa:"\f072";
}
.fa-calendar-alt,
.fa-calendar-days {
  --fa:"\f073";
}
.fa-random,
.fa-shuffle {
  --fa:"\f074";
}
.fa-comment {
  --fa:"\f075";
}
.fa-magnet {
  --fa:"\f076";
}
.fa-chevron-up {
  --fa:"\f077";
}
.fa-chevron-down {
  --fa:"\f078";
}
.fa-retweet {
  --fa:"\f079";
}
.fa-cart-shopping,
.fa-shopping-cart {
  --fa:"\f07a";
}
.fa-folder,
.fa-folder-blank {
  --fa:"\f07b";
}
.fa-folder-open {
  --fa:"\f07c";
}
.fa-arrows-up-down,
.fa-arrows-v {
  --fa:"\f07d";
}
.fa-arrows-h,
.fa-arrows-left-right {
  --fa:"\f07e";
}
.fa-bar-chart,
.fa-chart-bar {
  --fa:"\f080";
}
.fa-camera-retro {
  --fa:"\f083";
}
.fa-key {
  --fa:"\f084";
}
.fa-cogs,
.fa-gears {
  --fa:"\f085";
}
.fa-comments {
  --fa:"\f086";
}
.fa-star-half {
  --fa:"\f089";
}
.fa-arrow-right-from-bracket,
.fa-sign-out {
  --fa:"\f08b";
}
.fa-thumb-tack,
.fa-thumbtack {
  --fa:"\f08d";
}
.fa-arrow-up-right-from-square,
.fa-external-link {
  --fa:"\f08e";
}
.fa-arrow-right-to-bracket,
.fa-sign-in {
  --fa:"\f090";
}
.fa-trophy {
  --fa:"\f091";
}
.fa-upload {
  --fa:"\f093";
}
.fa-lemon {
  --fa:"\f094";
}
.fa-phone {
  --fa:"\f095";
}
.fa-phone-square,
.fa-square-phone {
  --fa:"\f098";
}
.fa-unlock {
  --fa:"\f09c";
}
.fa-credit-card,
.fa-credit-card-alt {
  --fa:"\f09d";
}
.fa-feed,
.fa-rss {
  --fa:"\f09e";
}
.fa-hard-drive,
.fa-hdd {
  --fa:"\f0a0";
}
.fa-bullhorn {
  --fa:"\f0a1";
}
.fa-certificate {
  --fa:"\f0a3";
}
.fa-hand-point-right {
  --fa:"\f0a4";
}
.fa-hand-point-left {
  --fa:"\f0a5";
}
.fa-hand-point-up {
  --fa:"\f0a6";
}
.fa-hand-point-down {
  --fa:"\f0a7";
}
.fa-arrow-circle-left,
.fa-circle-arrow-left {
  --fa:"\f0a8";
}
.fa-arrow-circle-right,
.fa-circle-arrow-right {
  --fa:"\f0a9";
}
.fa-arrow-circle-up,
.fa-circle-arrow-up {
  --fa:"\f0aa";
}
.fa-arrow-circle-down,
.fa-circle-arrow-down {
  --fa:"\f0ab";
}
.fa-globe {
  --fa:"\f0ac";
}
.fa-wrench {
  --fa:"\f0ad";
}
.fa-list-check,
.fa-tasks {
  --fa:"\f0ae";
}
.fa-filter {
  --fa:"\f0b0";
}
.fa-briefcase {
  --fa:"\f0b1";
}
.fa-arrows-alt,
.fa-up-down-left-right {
  --fa:"\f0b2";
}
.fa-users {
  --fa:"\f0c0";
}
.fa-chain,
.fa-link {
  --fa:"\f0c1";
}
.fa-cloud {
  --fa:"\f0c2";
}
.fa-flask {
  --fa:"\f0c3";
}
.fa-cut,
.fa-scissors {
  --fa:"\f0c4";
}
.fa-copy {
  --fa:"\f0c5";
}
.fa-paperclip {
  --fa:"\f0c6";
}
.fa-floppy-disk,
.fa-save {
  --fa:"\f0c7";
}
.fa-square {
  --fa:"\f0c8";
}
.fa-bars,
.fa-navicon {
  --fa:"\f0c9";
}
.fa-list-dots,
.fa-list-ul {
  --fa:"\f0ca";
}
.fa-list-1-2,
.fa-list-numeric,
.fa-list-ol {
  --fa:"\f0cb";
}
.fa-strikethrough {
  --fa:"\f0cc";
}
.fa-underline {
  --fa:"\f0cd";
}
.fa-table {
  --fa:"\f0ce";
}
.fa-magic,
.fa-wand-magic {
  --fa:"\f0d0";
}
.fa-truck {
  --fa:"\f0d1";
}
.fa-money-bill {
  --fa:"\f0d6";
}
.fa-caret-down {
  --fa:"\f0d7";
}
.fa-caret-up {
  --fa:"\f0d8";
}
.fa-caret-left {
  --fa:"\f0d9";
}
.fa-caret-right {
  --fa:"\f0da";
}
.fa-columns,
.fa-table-columns {
  --fa:"\f0db";
}
.fa-sort,
.fa-unsorted {
  --fa:"\f0dc";
}
.fa-sort-desc,
.fa-sort-down {
  --fa:"\f0dd";
}
.fa-sort-asc,
.fa-sort-up {
  --fa:"\f0de";
}
.fa-envelope {
  --fa:"\f0e0";
}
.fa-arrow-left-rotate,
.fa-arrow-rotate-back,
.fa-arrow-rotate-backward,
.fa-arrow-rotate-left,
.fa-undo {
  --fa:"\f0e2";
}
.fa-gavel,
.fa-legal {
  --fa:"\f0e3";
}
.fa-bolt,
.fa-zap {
  --fa:"\f0e7";
}
.fa-sitemap {
  --fa:"\f0e8";
}
.fa-umbrella {
  --fa:"\f0e9";
}
.fa-file-clipboard,
.fa-paste {
  --fa:"\f0ea";
}
.fa-lightbulb {
  --fa:"\f0eb";
}
.fa-arrow-right-arrow-left,
.fa-exchange {
  --fa:"\f0ec";
}
.fa-cloud-arrow-down,
.fa-cloud-download,
.fa-cloud-download-alt {
  --fa:"\f0ed";
}
.fa-cloud-arrow-up,
.fa-cloud-upload,
.fa-cloud-upload-alt {
  --fa:"\f0ee";
}
.fa-user-doctor,
.fa-user-md {
  --fa:"\f0f0";
}
.fa-stethoscope {
  --fa:"\f0f1";
}
.fa-suitcase {
  --fa:"\f0f2";
}
.fa-bell {
  --fa:"\f0f3";
}
.fa-coffee,
.fa-mug-saucer {
  --fa:"\f0f4";
}
.fa-hospital,
.fa-hospital-alt,
.fa-hospital-wide {
  --fa:"\f0f8";
}
.fa-ambulance,
.fa-truck-medical {
  --fa:"\f0f9";
}
.fa-medkit,
.fa-suitcase-medical {
  --fa:"\f0fa";
}
.fa-fighter-jet,
.fa-jet-fighter {
  --fa:"\f0fb";
}
.fa-beer,
.fa-beer-mug-empty {
  --fa:"\f0fc";
}
.fa-h-square,
.fa-square-h {
  --fa:"\f0fd";
}
.fa-plus-square,
.fa-square-plus {
  --fa:"\f0fe";
}
.fa-angle-double-left,
.fa-angles-left {
  --fa:"\f100";
}
.fa-angle-double-right,
.fa-angles-right {
  --fa:"\f101";
}
.fa-angle-double-up,
.fa-angles-up {
  --fa:"\f102";
}
.fa-angle-double-down,
.fa-angles-down {
  --fa:"\f103";
}
.fa-angle-left {
  --fa:"\f104";
}
.fa-angle-right {
  --fa:"\f105";
}
.fa-angle-up {
  --fa:"\f106";
}
.fa-angle-down {
  --fa:"\f107";
}
.fa-laptop {
  --fa:"\f109";
}
.fa-tablet-button {
  --fa:"\f10a";
}
.fa-mobile-button {
  --fa:"\f10b";
}
.fa-quote-left,
.fa-quote-left-alt {
  --fa:"\f10d";
}
.fa-quote-right,
.fa-quote-right-alt {
  --fa:"\f10e";
}
.fa-spinner {
  --fa:"\f110";
}
.fa-circle {
  --fa:"\f111";
}
.fa-face-smile,
.fa-smile {
  --fa:"\f118";
}
.fa-face-frown,
.fa-frown {
  --fa:"\f119";
}
.fa-face-meh,
.fa-meh {
  --fa:"\f11a";
}
.fa-gamepad {
  --fa:"\f11b";
}
.fa-keyboard {
  --fa:"\f11c";
}
.fa-flag-checkered {
  --fa:"\f11e";
}
.fa-terminal {
  --fa:"\f120";
}
.fa-code {
  --fa:"\f121";
}
.fa-mail-reply-all,
.fa-reply-all {
  --fa:"\f122";
}
.fa-location-arrow {
  --fa:"\f124";
}
.fa-crop {
  --fa:"\f125";
}
.fa-code-branch {
  --fa:"\f126";
}
.fa-chain-broken,
.fa-chain-slash,
.fa-link-slash,
.fa-unlink {
  --fa:"\f127";
}
.fa-info {
  --fa:"\f129";
}
.fa-superscript {
  --fa:"\f12b";
}
.fa-subscript {
  --fa:"\f12c";
}
.fa-eraser {
  --fa:"\f12d";
}
.fa-puzzle-piece {
  --fa:"\f12e";
}
.fa-microphone {
  --fa:"\f130";
}
.fa-microphone-slash {
  --fa:"\f131";
}
.fa-shield,
.fa-shield-blank {
  --fa:"\f132";
}
.fa-calendar {
  --fa:"\f133";
}
.fa-fire-extinguisher {
  --fa:"\f134";
}
.fa-rocket {
  --fa:"\f135";
}
.fa-chevron-circle-left,
.fa-circle-chevron-left {
  --fa:"\f137";
}
.fa-chevron-circle-right,
.fa-circle-chevron-right {
  --fa:"\f138";
}
.fa-chevron-circle-up,
.fa-circle-chevron-up {
  --fa:"\f139";
}
.fa-chevron-circle-down,
.fa-circle-chevron-down {
  --fa:"\f13a";
}
.fa-anchor {
  --fa:"\f13d";
}
.fa-unlock-alt,
.fa-unlock-keyhole {
  --fa:"\f13e";
}
.fa-bullseye {
  --fa:"\f140";
}
.fa-ellipsis,
.fa-ellipsis-h {
  --fa:"\f141";
}
.fa-ellipsis-v,
.fa-ellipsis-vertical {
  --fa:"\f142";
}
.fa-rss-square,
.fa-square-rss {
  --fa:"\f143";
}
.fa-circle-play,
.fa-play-circle {
  --fa:"\f144";
}
.fa-ticket {
  --fa:"\f145";
}
.fa-minus-square,
.fa-square-minus {
  --fa:"\f146";
}
.fa-arrow-turn-up,
.fa-level-up {
  --fa:"\f148";
}
.fa-arrow-turn-down,
.fa-level-down {
  --fa:"\f149";
}
.fa-check-square,
.fa-square-check {
  --fa:"\f14a";
}
.fa-pen-square,
.fa-pencil-square,
.fa-square-pen {
  --fa:"\f14b";
}
.fa-external-link-square,
.fa-square-arrow-up-right {
  --fa:"\f14c";
}
.fa-share-from-square,
.fa-share-square {
  --fa:"\f14d";
}
.fa-compass {
  --fa:"\f14e";
}
.fa-caret-square-down,
.fa-square-caret-down {
  --fa:"\f150";
}
.fa-caret-square-up,
.fa-square-caret-up {
  --fa:"\f151";
}
.fa-caret-square-right,
.fa-square-caret-right {
  --fa:"\f152";
}
.fa-eur,
.fa-euro,
.fa-euro-sign {
  --fa:"\f153";
}
.fa-gbp,
.fa-pound-sign,
.fa-sterling-sign {
  --fa:"\f154";
}
.fa-rupee,
.fa-rupee-sign {
  --fa:"\f156";
}
.fa-cny,
.fa-jpy,
.fa-rmb,
.fa-yen,
.fa-yen-sign {
  --fa:"\f157";
}
.fa-rouble,
.fa-rub,
.fa-ruble,
.fa-ruble-sign {
  --fa:"\f158";
}
.fa-krw,
.fa-won,
.fa-won-sign {
  --fa:"\f159";
}
.fa-file {
  --fa:"\f15b";
}
.fa-file-alt,
.fa-file-lines,
.fa-file-text {
  --fa:"\f15c";
}
.fa-arrow-down-a-z,
.fa-sort-alpha-asc,
.fa-sort-alpha-down {
  --fa:"\f15d";
}
.fa-arrow-up-a-z,
.fa-sort-alpha-up {
  --fa:"\f15e";
}
.fa-arrow-down-wide-short,
.fa-sort-amount-asc,
.fa-sort-amount-down {
  --fa:"\f160";
}
.fa-arrow-up-wide-short,
.fa-sort-amount-up {
  --fa:"\f161";
}
.fa-arrow-down-1-9,
.fa-sort-numeric-asc,
.fa-sort-numeric-down {
  --fa:"\f162";
}
.fa-arrow-up-1-9,
.fa-sort-numeric-up {
  --fa:"\f163";
}
.fa-thumbs-up {
  --fa:"\f164";
}
.fa-thumbs-down {
  --fa:"\f165";
}
.fa-arrow-down-long,
.fa-long-arrow-down {
  --fa:"\f175";
}
.fa-arrow-up-long,
.fa-long-arrow-up {
  --fa:"\f176";
}
.fa-arrow-left-long,
.fa-long-arrow-left {
  --fa:"\f177";
}
.fa-arrow-right-long,
.fa-long-arrow-right {
  --fa:"\f178";
}
.fa-female,
.fa-person-dress {
  --fa:"\f182";
}
.fa-male,
.fa-person {
  --fa:"\f183";
}
.fa-sun {
  --fa:"\f185";
}
.fa-moon {
  --fa:"\f186";
}
.fa-archive,
.fa-box-archive {
  --fa:"\f187";
}
.fa-bug {
  --fa:"\f188";
}
.fa-caret-square-left,
.fa-square-caret-left {
  --fa:"\f191";
}
.fa-circle-dot,
.fa-dot-circle {
  --fa:"\f192";
}
.fa-wheelchair {
  --fa:"\f193";
}
.fa-lira-sign {
  --fa:"\f195";
}
.fa-shuttle-space,
.fa-space-shuttle {
  --fa:"\f197";
}
.fa-envelope-square,
.fa-square-envelope {
  --fa:"\f199";
}
.fa-bank,
.fa-building-columns,
.fa-institution,
.fa-museum,
.fa-university {
  --fa:"\f19c";
}
.fa-graduation-cap,
.fa-mortar-board {
  --fa:"\f19d";
}
.fa-language {
  --fa:"\f1ab";
}
.fa-fax {
  --fa:"\f1ac";
}
.fa-building {
  --fa:"\f1ad";
}
.fa-child {
  --fa:"\f1ae";
}
.fa-paw {
  --fa:"\f1b0";
}
.fa-cube {
  --fa:"\f1b2";
}
.fa-cubes {
  --fa:"\f1b3";
}
.fa-recycle {
  --fa:"\f1b8";
}
.fa-automobile,
.fa-car {
  --fa:"\f1b9";
}
.fa-cab,
.fa-taxi {
  --fa:"\f1ba";
}
.fa-tree {
  --fa:"\f1bb";
}
.fa-database {
  --fa:"\f1c0";
}
.fa-file-pdf {
  --fa:"\f1c1";
}
.fa-file-word {
  --fa:"\f1c2";
}
.fa-file-excel {
  --fa:"\f1c3";
}
.fa-file-powerpoint {
  --fa:"\f1c4";
}
.fa-file-image {
  --fa:"\f1c5";
}
.fa-file-archive,
.fa-file-zipper {
  --fa:"\f1c6";
}
.fa-file-audio {
  --fa:"\f1c7";
}
.fa-file-video {
  --fa:"\f1c8";
}
.fa-file-code {
  --fa:"\f1c9";
}
.fa-life-ring {
  --fa:"\f1cd";
}
.fa-circle-notch {
  --fa:"\f1ce";
}
.fa-paper-plane {
  --fa:"\f1d8";
}
.fa-clock-rotate-left,
.fa-history {
  --fa:"\f1da";
}
.fa-header,
.fa-heading {
  --fa:"\f1dc";
}
.fa-paragraph {
  --fa:"\f1dd";
}
.fa-sliders,
.fa-sliders-h {
  --fa:"\f1de";
}
.fa-share-alt,
.fa-share-nodes {
  --fa:"\f1e0";
}
.fa-share-alt-square,
.fa-square-share-nodes {
  --fa:"\f1e1";
}
.fa-bomb {
  --fa:"\f1e2";
}
.fa-futbol,
.fa-futbol-ball,
.fa-soccer-ball {
  --fa:"\f1e3";
}
.fa-teletype,
.fa-tty {
  --fa:"\f1e4";
}
.fa-binoculars {
  --fa:"\f1e5";
}
.fa-plug {
  --fa:"\f1e6";
}
.fa-newspaper {
  --fa:"\f1ea";
}
.fa-wifi,
.fa-wifi-3,
.fa-wifi-strong {
  --fa:"\f1eb";
}
.fa-calculator {
  --fa:"\f1ec";
}
.fa-bell-slash {
  --fa:"\f1f6";
}
.fa-trash {
  --fa:"\f1f8";
}
.fa-copyright {
  --fa:"\f1f9";
}
.fa-eye-dropper,
.fa-eye-dropper-empty,
.fa-eyedropper {
  --fa:"\f1fb";
}
.fa-paint-brush,
.fa-paintbrush {
  --fa:"\f1fc";
}
.fa-birthday-cake,
.fa-cake,
.fa-cake-candles {
  --fa:"\f1fd";
}
.fa-area-chart,
.fa-chart-area {
  --fa:"\f1fe";
}
.fa-chart-pie,
.fa-pie-chart {
  --fa:"\f200";
}
.fa-chart-line,
.fa-line-chart {
  --fa:"\f201";
}
.fa-toggle-off {
  --fa:"\f204";
}
.fa-toggle-on {
  --fa:"\f205";
}
.fa-bicycle {
  --fa:"\f206";
}
.fa-bus {
  --fa:"\f207";
}
.fa-closed-captioning {
  --fa:"\f20a";
}
.fa-ils,
.fa-shekel,
.fa-shekel-sign,
.fa-sheqel,
.fa-sheqel-sign {
  --fa:"\f20b";
}
.fa-cart-plus {
  --fa:"\f217";
}
.fa-cart-arrow-down {
  --fa:"\f218";
}
.fa-diamond {
  --fa:"\f219";
}
.fa-ship {
  --fa:"\f21a";
}
.fa-user-secret {
  --fa:"\f21b";
}
.fa-motorcycle {
  --fa:"\f21c";
}
.fa-street-view {
  --fa:"\f21d";
}
.fa-heart-pulse,
.fa-heartbeat {
  --fa:"\f21e";
}
.fa-venus {
  --fa:"\f221";
}
.fa-mars {
  --fa:"\f222";
}
.fa-mercury {
  --fa:"\f223";
}
.fa-mars-and-venus {
  --fa:"\f224";
}
.fa-transgender,
.fa-transgender-alt {
  --fa:"\f225";
}
.fa-venus-double {
  --fa:"\f226";
}
.fa-mars-double {
  --fa:"\f227";
}
.fa-venus-mars {
  --fa:"\f228";
}
.fa-mars-stroke {
  --fa:"\f229";
}
.fa-mars-stroke-up,
.fa-mars-stroke-v {
  --fa:"\f22a";
}
.fa-mars-stroke-h,
.fa-mars-stroke-right {
  --fa:"\f22b";
}
.fa-neuter {
  --fa:"\f22c";
}
.fa-genderless {
  --fa:"\f22d";
}
.fa-server {
  --fa:"\f233";
}
.fa-user-plus {
  --fa:"\f234";
}
.fa-user-times,
.fa-user-xmark {
  --fa:"\f235";
}
.fa-bed {
  --fa:"\f236";
}
.fa-train {
  --fa:"\f238";
}
.fa-subway,
.fa-train-subway {
  --fa:"\f239";
}
.fa-battery,
.fa-battery-5,
.fa-battery-full {
  --fa:"\f240";
}
.fa-battery-4,
.fa-battery-three-quarters {
  --fa:"\f241";
}
.fa-battery-3,
.fa-battery-half {
  --fa:"\f242";
}
.fa-battery-2,
.fa-battery-quarter {
  --fa:"\f243";
}
.fa-battery-0,
.fa-battery-empty {
  --fa:"\f244";
}
.fa-arrow-pointer,
.fa-mouse-pointer {
  --fa:"\f245";
}
.fa-i-cursor {
  --fa:"\f246";
}
.fa-object-group {
  --fa:"\f247";
}
.fa-object-ungroup {
  --fa:"\f248";
}
.fa-note-sticky,
.fa-sticky-note {
  --fa:"\f249";
}
.fa-clone {
  --fa:"\f24d";
}
.fa-balance-scale,
.fa-scale-balanced {
  --fa:"\f24e";
}
.fa-hourglass-1,
.fa-hourglass-start {
  --fa:"\f251";
}
.fa-hourglass-2,
.fa-hourglass-half {
  --fa:"\f252";
}
.fa-hourglass-3,
.fa-hourglass-end {
  --fa:"\f253";
}
.fa-hourglass,
.fa-hourglass-empty {
  --fa:"\f254";
}
.fa-hand-back-fist,
.fa-hand-rock {
  --fa:"\f255";
}
.fa-hand,
.fa-hand-paper {
  --fa:"\f256";
}
.fa-hand-scissors {
  --fa:"\f257";
}
.fa-hand-lizard {
  --fa:"\f258";
}
.fa-hand-spock {
  --fa:"\f259";
}
.fa-hand-pointer {
  --fa:"\f25a";
}
.fa-hand-peace {
  --fa:"\f25b";
}
.fa-trademark {
  --fa:"\f25c";
}
.fa-registered {
  --fa:"\f25d";
}
.fa-television,
.fa-tv,
.fa-tv-alt {
  --fa:"\f26c";
}
.fa-calendar-plus {
  --fa:"\f271";
}
.fa-calendar-minus {
  --fa:"\f272";
}
.fa-calendar-times,
.fa-calendar-xmark {
  --fa:"\f273";
}
.fa-calendar-check {
  --fa:"\f274";
}
.fa-industry {
  --fa:"\f275";
}
.fa-map-pin {
  --fa:"\f276";
}
.fa-map-signs,
.fa-signs-post {
  --fa:"\f277";
}
.fa-map {
  --fa:"\f279";
}
.fa-comment-alt,
.fa-message {
  --fa:"\f27a";
}
.fa-circle-pause,
.fa-pause-circle {
  --fa:"\f28b";
}
.fa-circle-stop,
.fa-stop-circle {
  --fa:"\f28d";
}
.fa-bag-shopping,
.fa-shopping-bag {
  --fa:"\f290";
}
.fa-basket-shopping,
.fa-shopping-basket {
  --fa:"\f291";
}
.fa-universal-access {
  --fa:"\f29a";
}
.fa-blind,
.fa-person-walking-with-cane {
  --fa:"\f29d";
}
.fa-audio-description {
  --fa:"\f29e";
}
.fa-phone-volume,
.fa-volume-control-phone {
  --fa:"\f2a0";
}
.fa-braille {
  --fa:"\f2a1";
}
.fa-assistive-listening-systems,
.fa-ear-listen {
  --fa:"\f2a2";
}
.fa-american-sign-language-interpreting,
.fa-asl-interpreting,
.fa-hands-american-sign-language-interpreting,
.fa-hands-asl-interpreting {
  --fa:"\f2a3";
}
.fa-deaf,
.fa-deafness,
.fa-ear-deaf,
.fa-hard-of-hearing {
  --fa:"\f2a4";
}
.fa-hands,
.fa-sign-language,
.fa-signing {
  --fa:"\f2a7";
}
.fa-eye-low-vision,
.fa-low-vision {
  --fa:"\f2a8";
}
.fa-handshake,
.fa-handshake-alt,
.fa-handshake-simple {
  --fa:"\f2b5";
}
.fa-envelope-open {
  --fa:"\f2b6";
}
.fa-address-book,
.fa-contact-book {
  --fa:"\f2b9";
}
.fa-address-card,
.fa-contact-card,
.fa-vcard {
  --fa:"\f2bb";
}
.fa-circle-user,
.fa-user-circle {
  --fa:"\f2bd";
}
.fa-id-badge {
  --fa:"\f2c1";
}
.fa-drivers-license,
.fa-id-card {
  --fa:"\f2c2";
}
.fa-temperature-4,
.fa-temperature-full,
.fa-thermometer-4,
.fa-thermometer-full {
  --fa:"\f2c7";
}
.fa-temperature-3,
.fa-temperature-three-quarters,
.fa-thermometer-3,
.fa-thermometer-three-quarters {
  --fa:"\f2c8";
}
.fa-temperature-2,
.fa-temperature-half,
.fa-thermometer-2,
.fa-thermometer-half {
  --fa:"\f2c9";
}
.fa-temperature-1,
.fa-temperature-quarter,
.fa-thermometer-1,
.fa-thermometer-quarter {
  --fa:"\f2ca";
}
.fa-temperature-0,
.fa-temperature-empty,
.fa-thermometer-0,
.fa-thermometer-empty {
  --fa:"\f2cb";
}
.fa-shower {
  --fa:"\f2cc";
}
.fa-bath,
.fa-bathtub {
  --fa:"\f2cd";
}
.fa-podcast {
  --fa:"\f2ce";
}
.fa-window-maximize {
  --fa:"\f2d0";
}
.fa-window-minimize {
  --fa:"\f2d1";
}
.fa-window-restore {
  --fa:"\f2d2";
}
.fa-square-xmark,
.fa-times-square,
.fa-xmark-square {
  --fa:"\f2d3";
}
.fa-microchip {
  --fa:"\f2db";
}
.fa-snowflake {
  --fa:"\f2dc";
}
.fa-spoon,
.fa-utensil-spoon {
  --fa:"\f2e5";
}
.fa-cutlery,
.fa-utensils {
  --fa:"\f2e7";
}
.fa-rotate-back,
.fa-rotate-backward,
.fa-rotate-left,
.fa-undo-alt {
  --fa:"\f2ea";
}
.fa-trash-alt,
.fa-trash-can {
  --fa:"\f2ed";
}
.fa-rotate,
.fa-sync-alt {
  --fa:"\f2f1";
}
.fa-stopwatch {
  --fa:"\f2f2";
}
.fa-right-from-bracket,
.fa-sign-out-alt {
  --fa:"\f2f5";
}
.fa-right-to-bracket,
.fa-sign-in-alt {
  --fa:"\f2f6";
}
.fa-redo-alt,
.fa-rotate-forward,
.fa-rotate-right {
  --fa:"\f2f9";
}
.fa-poo {
  --fa:"\f2fe";
}
.fa-images {
  --fa:"\f302";
}
.fa-pencil,
.fa-pencil-alt {
  --fa:"\f303";
}
.fa-pen {
  --fa:"\f304";
}
.fa-pen-alt,
.fa-pen-clip {
  --fa:"\f305";
}
.fa-octagon {
  --fa:"\f306";
}
.fa-down-long,
.fa-long-arrow-alt-down {
  --fa:"\f309";
}
.fa-left-long,
.fa-long-arrow-alt-left {
  --fa:"\f30a";
}
.fa-long-arrow-alt-right,
.fa-right-long {
  --fa:"\f30b";
}
.fa-long-arrow-alt-up,
.fa-up-long {
  --fa:"\f30c";
}
.fa-hexagon {
  --fa:"\f312";
}
.fa-file-edit,
.fa-file-pen {
  --fa:"\f31c";
}
.fa-expand-arrows-alt,
.fa-maximize {
  --fa:"\f31e";
}
.fa-clipboard {
  --fa:"\f328";
}
.fa-arrows-alt-h,
.fa-left-right {
  --fa:"\f337";
}
.fa-arrows-alt-v,
.fa-up-down {
  --fa:"\f338";
}
.fa-alarm-clock {
  --fa:"\f34e";
}
.fa-arrow-alt-circle-down,
.fa-circle-down {
  --fa:"\f358";
}
.fa-arrow-alt-circle-left,
.fa-circle-left {
  --fa:"\f359";
}
.fa-arrow-alt-circle-right,
.fa-circle-right {
  --fa:"\f35a";
}
.fa-arrow-alt-circle-up,
.fa-circle-up {
  --fa:"\f35b";
}
.fa-external-link-alt,
.fa-up-right-from-square {
  --fa:"\f35d";
}
.fa-external-link-square-alt,
.fa-square-up-right {
  --fa:"\f360";
}
.fa-exchange-alt,
.fa-right-left {
  --fa:"\f362";
}
.fa-repeat {
  --fa:"\f363";
}
.fa-code-commit {
  --fa:"\f386";
}
.fa-code-merge {
  --fa:"\f387";
}
.fa-desktop,
.fa-desktop-alt {
  --fa:"\f390";
}
.fa-gem {
  --fa:"\f3a5";
}
.fa-level-down-alt,
.fa-turn-down {
  --fa:"\f3be";
}
.fa-level-up-alt,
.fa-turn-up {
  --fa:"\f3bf";
}
.fa-lock-open {
  --fa:"\f3c1";
}
.fa-location-dot,
.fa-map-marker-alt {
  --fa:"\f3c5";
}
.fa-microphone-alt,
.fa-microphone-lines {
  --fa:"\f3c9";
}
.fa-mobile-alt,
.fa-mobile-screen-button {
  --fa:"\f3cd";
}
.fa-mobile,
.fa-mobile-android,
.fa-mobile-phone {
  --fa:"\f3ce";
}
.fa-mobile-android-alt,
.fa-mobile-screen {
  --fa:"\f3cf";
}
.fa-money-bill-1,
.fa-money-bill-alt {
  --fa:"\f3d1";
}
.fa-phone-slash {
  --fa:"\f3dd";
}
.fa-image-portrait,
.fa-portrait {
  --fa:"\f3e0";
}
.fa-mail-reply,
.fa-reply {
  --fa:"\f3e5";
}
.fa-shield-alt,
.fa-shield-halved {
  --fa:"\f3ed";
}
.fa-tablet-alt,
.fa-tablet-screen-button {
  --fa:"\f3fa";
}
.fa-tablet,
.fa-tablet-android {
  --fa:"\f3fb";
}
.fa-ticket-alt,
.fa-ticket-simple {
  --fa:"\f3ff";
}
.fa-rectangle-times,
.fa-rectangle-xmark,
.fa-times-rectangle,
.fa-window-close {
  --fa:"\f410";
}
.fa-compress-alt,
.fa-down-left-and-up-right-to-center {
  --fa:"\f422";
}
.fa-expand-alt,
.fa-up-right-and-down-left-from-center {
  --fa:"\f424";
}
.fa-baseball-bat-ball {
  --fa:"\f432";
}
.fa-baseball,
.fa-baseball-ball {
  --fa:"\f433";
}
.fa-basketball,
.fa-basketball-ball {
  --fa:"\f434";
}
.fa-bowling-ball {
  --fa:"\f436";
}
.fa-chess {
  --fa:"\f439";
}
.fa-chess-bishop {
  --fa:"\f43a";
}
.fa-chess-board {
  --fa:"\f43c";
}
.fa-chess-king {
  --fa:"\f43f";
}
.fa-chess-knight {
  --fa:"\f441";
}
.fa-chess-pawn {
  --fa:"\f443";
}
.fa-chess-queen {
  --fa:"\f445";
}
.fa-chess-rook {
  --fa:"\f447";
}
.fa-dumbbell {
  --fa:"\f44b";
}
.fa-football,
.fa-football-ball {
  --fa:"\f44e";
}
.fa-golf-ball,
.fa-golf-ball-tee {
  --fa:"\f450";
}
.fa-hockey-puck {
  --fa:"\f453";
}
.fa-broom-ball,
.fa-quidditch,
.fa-quidditch-broom-ball {
  --fa:"\f458";
}
.fa-square-full {
  --fa:"\f45c";
}
.fa-ping-pong-paddle-ball,
.fa-table-tennis,
.fa-table-tennis-paddle-ball {
  --fa:"\f45d";
}
.fa-volleyball,
.fa-volleyball-ball {
  --fa:"\f45f";
}
.fa-allergies,
.fa-hand-dots {
  --fa:"\f461";
}
.fa-band-aid,
.fa-bandage {
  --fa:"\f462";
}
.fa-box {
  --fa:"\f466";
}
.fa-boxes,
.fa-boxes-alt,
.fa-boxes-stacked {
  --fa:"\f468";
}
.fa-briefcase-medical {
  --fa:"\f469";
}
.fa-burn,
.fa-fire-flame-simple {
  --fa:"\f46a";
}
.fa-capsules {
  --fa:"\f46b";
}
.fa-clipboard-check {
  --fa:"\f46c";
}
.fa-clipboard-list {
  --fa:"\f46d";
}
.fa-diagnoses,
.fa-person-dots-from-line {
  --fa:"\f470";
}
.fa-dna {
  --fa:"\f471";
}
.fa-dolly,
.fa-dolly-box {
  --fa:"\f472";
}
.fa-cart-flatbed,
.fa-dolly-flatbed {
  --fa:"\f474";
}
.fa-file-medical {
  --fa:"\f477";
}
.fa-file-medical-alt,
.fa-file-waveform {
  --fa:"\f478";
}
.fa-first-aid,
.fa-kit-medical {
  --fa:"\f479";
}
.fa-circle-h,
.fa-hospital-symbol {
  --fa:"\f47e";
}
.fa-id-card-alt,
.fa-id-card-clip {
  --fa:"\f47f";
}
.fa-notes-medical {
  --fa:"\f481";
}
.fa-pallet {
  --fa:"\f482";
}
.fa-pills {
  --fa:"\f484";
}
.fa-prescription-bottle {
  --fa:"\f485";
}
.fa-prescription-bottle-alt,
.fa-prescription-bottle-medical {
  --fa:"\f486";
}
.fa-bed-pulse,
.fa-procedures {
  --fa:"\f487";
}
.fa-shipping-fast,
.fa-truck-fast {
  --fa:"\f48b";
}
.fa-smoking {
  --fa:"\f48d";
}
.fa-syringe {
  --fa:"\f48e";
}
.fa-tablets {
  --fa:"\f490";
}
.fa-thermometer {
  --fa:"\f491";
}
.fa-vial {
  --fa:"\f492";
}
.fa-vials {
  --fa:"\f493";
}
.fa-warehouse {
  --fa:"\f494";
}
.fa-weight,
.fa-weight-scale {
  --fa:"\f496";
}
.fa-x-ray {
  --fa:"\f497";
}
.fa-box-open {
  --fa:"\f49e";
}
.fa-comment-dots,
.fa-commenting {
  --fa:"\f4ad";
}
.fa-comment-slash {
  --fa:"\f4b3";
}
.fa-couch {
  --fa:"\f4b8";
}
.fa-circle-dollar-to-slot,
.fa-donate {
  --fa:"\f4b9";
}
.fa-dove {
  --fa:"\f4ba";
}
.fa-hand-holding {
  --fa:"\f4bd";
}
.fa-hand-holding-heart {
  --fa:"\f4be";
}
.fa-hand-holding-dollar,
.fa-hand-holding-usd {
  --fa:"\f4c0";
}
.fa-hand-holding-droplet,
.fa-hand-holding-water {
  --fa:"\f4c1";
}
.fa-hands-holding {
  --fa:"\f4c2";
}
.fa-hands-helping,
.fa-handshake-angle {
  --fa:"\f4c4";
}
.fa-parachute-box {
  --fa:"\f4cd";
}
.fa-people-carry,
.fa-people-carry-box {
  --fa:"\f4ce";
}
.fa-piggy-bank {
  --fa:"\f4d3";
}
.fa-ribbon {
  --fa:"\f4d6";
}
.fa-route {
  --fa:"\f4d7";
}
.fa-seedling,
.fa-sprout {
  --fa:"\f4d8";
}
.fa-sign,
.fa-sign-hanging {
  --fa:"\f4d9";
}
.fa-face-smile-wink,
.fa-smile-wink {
  --fa:"\f4da";
}
.fa-tape {
  --fa:"\f4db";
}
.fa-truck-loading,
.fa-truck-ramp-box {
  --fa:"\f4de";
}
.fa-truck-moving {
  --fa:"\f4df";
}
.fa-video-slash {
  --fa:"\f4e2";
}
.fa-wine-glass {
  --fa:"\f4e3";
}
.fa-user-astronaut {
  --fa:"\f4fb";
}
.fa-user-check {
  --fa:"\f4fc";
}
.fa-user-clock {
  --fa:"\f4fd";
}
.fa-user-cog,
.fa-user-gear {
  --fa:"\f4fe";
}
.fa-user-edit,
.fa-user-pen {
  --fa:"\f4ff";
}
.fa-user-friends,
.fa-user-group {
  --fa:"\f500";
}
.fa-user-graduate {
  --fa:"\f501";
}
.fa-user-lock {
  --fa:"\f502";
}
.fa-user-minus {
  --fa:"\f503";
}
.fa-user-ninja {
  --fa:"\f504";
}
.fa-user-shield {
  --fa:"\f505";
}
.fa-user-alt-slash,
.fa-user-large-slash,
.fa-user-slash {
  --fa:"\f506";
}
.fa-user-tag {
  --fa:"\f507";
}
.fa-user-tie {
  --fa:"\f508";
}
.fa-users-cog,
.fa-users-gear {
  --fa:"\f509";
}
.fa-balance-scale-left,
.fa-scale-unbalanced {
  --fa:"\f515";
}
.fa-balance-scale-right,
.fa-scale-unbalanced-flip {
  --fa:"\f516";
}
.fa-blender {
  --fa:"\f517";
}
.fa-book-open {
  --fa:"\f518";
}
.fa-broadcast-tower,
.fa-tower-broadcast {
  --fa:"\f519";
}
.fa-broom {
  --fa:"\f51a";
}
.fa-blackboard,
.fa-chalkboard {
  --fa:"\f51b";
}
.fa-chalkboard-teacher,
.fa-chalkboard-user {
  --fa:"\f51c";
}
.fa-church {
  --fa:"\f51d";
}
.fa-coins {
  --fa:"\f51e";
}
.fa-compact-disc {
  --fa:"\f51f";
}
.fa-crow {
  --fa:"\f520";
}
.fa-crown {
  --fa:"\f521";
}
.fa-dice {
  --fa:"\f522";
}
.fa-dice-five {
  --fa:"\f523";
}
.fa-dice-four {
  --fa:"\f524";
}
.fa-dice-one {
  --fa:"\f525";
}
.fa-dice-six {
  --fa:"\f526";
}
.fa-dice-three {
  --fa:"\f527";
}
.fa-dice-two {
  --fa:"\f528";
}
.fa-divide {
  --fa:"\f529";
}
.fa-door-closed {
  --fa:"\f52a";
}
.fa-door-open {
  --fa:"\f52b";
}
.fa-feather {
  --fa:"\f52d";
}
.fa-frog {
  --fa:"\f52e";
}
.fa-gas-pump {
  --fa:"\f52f";
}
.fa-glasses {
  --fa:"\f530";
}
.fa-greater-than-equal {
  --fa:"\f532";
}
.fa-helicopter {
  --fa:"\f533";
}
.fa-infinity {
  --fa:"\f534";
}
.fa-kiwi-bird {
  --fa:"\f535";
}
.fa-less-than-equal {
  --fa:"\f537";
}
.fa-memory {
  --fa:"\f538";
}
.fa-microphone-alt-slash,
.fa-microphone-lines-slash {
  --fa:"\f539";
}
.fa-money-bill-wave {
  --fa:"\f53a";
}
.fa-money-bill-1-wave,
.fa-money-bill-wave-alt {
  --fa:"\f53b";
}
.fa-money-check {
  --fa:"\f53c";
}
.fa-money-check-alt,
.fa-money-check-dollar {
  --fa:"\f53d";
}
.fa-not-equal {
  --fa:"\f53e";
}
.fa-palette {
  --fa:"\f53f";
}
.fa-parking,
.fa-square-parking {
  --fa:"\f540";
}
.fa-diagram-project,
.fa-project-diagram {
  --fa:"\f542";
}
.fa-receipt {
  --fa:"\f543";
}
.fa-robot {
  --fa:"\f544";
}
.fa-ruler {
  --fa:"\f545";
}
.fa-ruler-combined {
  --fa:"\f546";
}
.fa-ruler-horizontal {
  --fa:"\f547";
}
.fa-ruler-vertical {
  --fa:"\f548";
}
.fa-school {
  --fa:"\f549";
}
.fa-screwdriver {
  --fa:"\f54a";
}
.fa-shoe-prints {
  --fa:"\f54b";
}
.fa-skull {
  --fa:"\f54c";
}
.fa-ban-smoking,
.fa-smoking-ban {
  --fa:"\f54d";
}
.fa-store {
  --fa:"\f54e";
}
.fa-shop,
.fa-store-alt {
  --fa:"\f54f";
}
.fa-bars-staggered,
.fa-reorder,
.fa-stream {
  --fa:"\f550";
}
.fa-stroopwafel {
  --fa:"\f551";
}
.fa-toolbox {
  --fa:"\f552";
}
.fa-shirt,
.fa-t-shirt,
.fa-tshirt {
  --fa:"\f553";
}
.fa-person-walking,
.fa-walking {
  --fa:"\f554";
}
.fa-wallet {
  --fa:"\f555";
}
.fa-angry,
.fa-face-angry {
  --fa:"\f556";
}
.fa-archway {
  --fa:"\f557";
}
.fa-atlas,
.fa-book-atlas {
  --fa:"\f558";
}
.fa-award {
  --fa:"\f559";
}
.fa-backspace,
.fa-delete-left {
  --fa:"\f55a";
}
.fa-bezier-curve {
  --fa:"\f55b";
}
.fa-bong {
  --fa:"\f55c";
}
.fa-brush {
  --fa:"\f55d";
}
.fa-bus-alt,
.fa-bus-simple {
  --fa:"\f55e";
}
.fa-cannabis {
  --fa:"\f55f";
}
.fa-check-double {
  --fa:"\f560";
}
.fa-cocktail,
.fa-martini-glass-citrus {
  --fa:"\f561";
}
.fa-bell-concierge,
.fa-concierge-bell {
  --fa:"\f562";
}
.fa-cookie {
  --fa:"\f563";
}
.fa-cookie-bite {
  --fa:"\f564";
}
.fa-crop-alt,
.fa-crop-simple {
  --fa:"\f565";
}
.fa-digital-tachograph,
.fa-tachograph-digital {
  --fa:"\f566";
}
.fa-dizzy,
.fa-face-dizzy {
  --fa:"\f567";
}
.fa-compass-drafting,
.fa-drafting-compass {
  --fa:"\f568";
}
.fa-drum {
  --fa:"\f569";
}
.fa-drum-steelpan {
  --fa:"\f56a";
}
.fa-feather-alt,
.fa-feather-pointed {
  --fa:"\f56b";
}
.fa-file-contract {
  --fa:"\f56c";
}
.fa-file-arrow-down,
.fa-file-download {
  --fa:"\f56d";
}
.fa-arrow-right-from-file,
.fa-file-export {
  --fa:"\f56e";
}
.fa-arrow-right-to-file,
.fa-file-import {
  --fa:"\f56f";
}
.fa-file-invoice {
  --fa:"\f570";
}
.fa-file-invoice-dollar {
  --fa:"\f571";
}
.fa-file-prescription {
  --fa:"\f572";
}
.fa-file-signature {
  --fa:"\f573";
}
.fa-file-arrow-up,
.fa-file-upload {
  --fa:"\f574";
}
.fa-fill {
  --fa:"\f575";
}
.fa-fill-drip {
  --fa:"\f576";
}
.fa-fingerprint {
  --fa:"\f577";
}
.fa-fish {
  --fa:"\f578";
}
.fa-face-flushed,
.fa-flushed {
  --fa:"\f579";
}
.fa-face-frown-open,
.fa-frown-open {
  --fa:"\f57a";
}
.fa-glass-martini-alt,
.fa-martini-glass {
  --fa:"\f57b";
}
.fa-earth-africa,
.fa-globe-africa {
  --fa:"\f57c";
}
.fa-earth,
.fa-earth-america,
.fa-earth-americas,
.fa-globe-americas {
  --fa:"\f57d";
}
.fa-earth-asia,
.fa-globe-asia {
  --fa:"\f57e";
}
.fa-face-grimace,
.fa-grimace {
  --fa:"\f57f";
}
.fa-face-grin,
.fa-grin {
  --fa:"\f580";
}
.fa-face-grin-wide,
.fa-grin-alt {
  --fa:"\f581";
}
.fa-face-grin-beam,
.fa-grin-beam {
  --fa:"\f582";
}
.fa-face-grin-beam-sweat,
.fa-grin-beam-sweat {
  --fa:"\f583";
}
.fa-face-grin-hearts,
.fa-grin-hearts {
  --fa:"\f584";
}
.fa-face-grin-squint,
.fa-grin-squint {
  --fa:"\f585";
}
.fa-face-grin-squint-tears,
.fa-grin-squint-tears {
  --fa:"\f586";
}
.fa-face-grin-stars,
.fa-grin-stars {
  --fa:"\f587";
}
.fa-face-grin-tears,
.fa-grin-tears {
  --fa:"\f588";
}
.fa-face-grin-tongue,
.fa-grin-tongue {
  --fa:"\f589";
}
.fa-face-grin-tongue-squint,
.fa-grin-tongue-squint {
  --fa:"\f58a";
}
.fa-face-grin-tongue-wink,
.fa-grin-tongue-wink {
  --fa:"\f58b";
}
.fa-face-grin-wink,
.fa-grin-wink {
  --fa:"\f58c";
}
.fa-grid-horizontal,
.fa-grip,
.fa-grip-horizontal {
  --fa:"\f58d";
}
.fa-grid-vertical,
.fa-grip-vertical {
  --fa:"\f58e";
}
.fa-headset {
  --fa:"\f590";
}
.fa-highlighter {
  --fa:"\f591";
}
.fa-hot-tub,
.fa-hot-tub-person {
  --fa:"\f593";
}
.fa-hotel {
  --fa:"\f594";
}
.fa-joint {
  --fa:"\f595";
}
.fa-face-kiss,
.fa-kiss {
  --fa:"\f596";
}
.fa-face-kiss-beam,
.fa-kiss-beam {
  --fa:"\f597";
}
.fa-face-kiss-wink-heart,
.fa-kiss-wink-heart {
  --fa:"\f598";
}
.fa-face-laugh,
.fa-laugh {
  --fa:"\f599";
}
.fa-face-laugh-beam,
.fa-laugh-beam {
  --fa:"\f59a";
}
.fa-face-laugh-squint,
.fa-laugh-squint {
  --fa:"\f59b";
}
.fa-face-laugh-wink,
.fa-laugh-wink {
  --fa:"\f59c";
}
.fa-cart-flatbed-suitcase,
.fa-luggage-cart {
  --fa:"\f59d";
}
.fa-map-location,
.fa-map-marked {
  --fa:"\f59f";
}
.fa-map-location-dot,
.fa-map-marked-alt {
  --fa:"\f5a0";
}
.fa-marker {
  --fa:"\f5a1";
}
.fa-medal {
  --fa:"\f5a2";
}
.fa-face-meh-blank,
.fa-meh-blank {
  --fa:"\f5a4";
}
.fa-face-rolling-eyes,
.fa-meh-rolling-eyes {
  --fa:"\f5a5";
}
.fa-monument {
  --fa:"\f5a6";
}
.fa-mortar-pestle {
  --fa:"\f5a7";
}
.fa-paint-roller {
  --fa:"\f5aa";
}
.fa-passport {
  --fa:"\f5ab";
}
.fa-pen-fancy {
  --fa:"\f5ac";
}
.fa-pen-nib {
  --fa:"\f5ad";
}
.fa-pen-ruler,
.fa-pencil-ruler {
  --fa:"\f5ae";
}
.fa-plane-arrival {
  --fa:"\f5af";
}
.fa-plane-departure {
  --fa:"\f5b0";
}
.fa-prescription {
  --fa:"\f5b1";
}
.fa-face-sad-cry,
.fa-sad-cry {
  --fa:"\f5b3";
}
.fa-face-sad-tear,
.fa-sad-tear {
  --fa:"\f5b4";
}
.fa-shuttle-van,
.fa-van-shuttle {
  --fa:"\f5b6";
}
.fa-signature {
  --fa:"\f5b7";
}
.fa-face-smile-beam,
.fa-smile-beam {
  --fa:"\f5b8";
}
.fa-solar-panel {
  --fa:"\f5ba";
}
.fa-spa {
  --fa:"\f5bb";
}
.fa-splotch {
  --fa:"\f5bc";
}
.fa-spray-can {
  --fa:"\f5bd";
}
.fa-stamp {
  --fa:"\f5bf";
}
.fa-star-half-alt,
.fa-star-half-stroke {
  --fa:"\f5c0";
}
.fa-suitcase-rolling {
  --fa:"\f5c1";
}
.fa-face-surprise,
.fa-surprise {
  --fa:"\f5c2";
}
.fa-swatchbook {
  --fa:"\f5c3";
}
.fa-person-swimming,
.fa-swimmer {
  --fa:"\f5c4";
}
.fa-ladder-water,
.fa-swimming-pool,
.fa-water-ladder {
  --fa:"\f5c5";
}
.fa-droplet-slash,
.fa-tint-slash {
  --fa:"\f5c7";
}
.fa-face-tired,
.fa-tired {
  --fa:"\f5c8";
}
.fa-tooth {
  --fa:"\f5c9";
}
.fa-umbrella-beach {
  --fa:"\f5ca";
}
.fa-weight-hanging {
  --fa:"\f5cd";
}
.fa-wine-glass-alt,
.fa-wine-glass-empty {
  --fa:"\f5ce";
}
.fa-air-freshener,
.fa-spray-can-sparkles {
  --fa:"\f5d0";
}
.fa-apple-alt,
.fa-apple-whole {
  --fa:"\f5d1";
}
.fa-atom {
  --fa:"\f5d2";
}
.fa-bone {
  --fa:"\f5d7";
}
.fa-book-open-reader,
.fa-book-reader {
  --fa:"\f5da";
}
.fa-brain {
  --fa:"\f5dc";
}
.fa-car-alt,
.fa-car-rear {
  --fa:"\f5de";
}
.fa-battery-car,
.fa-car-battery {
  --fa:"\f5df";
}
.fa-car-burst,
.fa-car-crash {
  --fa:"\f5e1";
}
.fa-car-side {
  --fa:"\f5e4";
}
.fa-charging-station {
  --fa:"\f5e7";
}
.fa-diamond-turn-right,
.fa-directions {
  --fa:"\f5eb";
}
.fa-draw-polygon,
.fa-vector-polygon {
  --fa:"\f5ee";
}
.fa-laptop-code {
  --fa:"\f5fc";
}
.fa-layer-group {
  --fa:"\f5fd";
}
.fa-location,
.fa-location-crosshairs {
  --fa:"\f601";
}
.fa-lungs {
  --fa:"\f604";
}
.fa-microscope {
  --fa:"\f610";
}
.fa-oil-can {
  --fa:"\f613";
}
.fa-poop {
  --fa:"\f619";
}
.fa-shapes,
.fa-triangle-circle-square {
  --fa:"\f61f";
}
.fa-star-of-life {
  --fa:"\f621";
}
.fa-dashboard,
.fa-gauge,
.fa-gauge-med,
.fa-tachometer-alt-average {
  --fa:"\f624";
}
.fa-gauge-high,
.fa-tachometer-alt,
.fa-tachometer-alt-fast {
  --fa:"\f625";
}
.fa-gauge-simple,
.fa-gauge-simple-med,
.fa-tachometer-average {
  --fa:"\f629";
}
.fa-gauge-simple-high,
.fa-tachometer,
.fa-tachometer-fast {
  --fa:"\f62a";
}
.fa-teeth {
  --fa:"\f62e";
}
.fa-teeth-open {
  --fa:"\f62f";
}
.fa-masks-theater,
.fa-theater-masks {
  --fa:"\f630";
}
.fa-traffic-light {
  --fa:"\f637";
}
.fa-truck-monster {
  --fa:"\f63b";
}
.fa-truck-pickup {
  --fa:"\f63c";
}
.fa-ad,
.fa-rectangle-ad {
  --fa:"\f641";
}
.fa-ankh {
  --fa:"\f644";
}
.fa-bible,
.fa-book-bible {
  --fa:"\f647";
}
.fa-briefcase-clock,
.fa-business-time {
  --fa:"\f64a";
}
.fa-city {
  --fa:"\f64f";
}
.fa-comment-dollar {
  --fa:"\f651";
}
.fa-comments-dollar {
  --fa:"\f653";
}
.fa-cross {
  --fa:"\f654";
}
.fa-dharmachakra {
  --fa:"\f655";
}
.fa-envelope-open-text {
  --fa:"\f658";
}
.fa-folder-minus {
  --fa:"\f65d";
}
.fa-folder-plus {
  --fa:"\f65e";
}
.fa-filter-circle-dollar,
.fa-funnel-dollar {
  --fa:"\f662";
}
.fa-gopuram {
  --fa:"\f664";
}
.fa-hamsa {
  --fa:"\f665";
}
.fa-bahai,
.fa-haykal {
  --fa:"\f666";
}
.fa-jedi {
  --fa:"\f669";
}
.fa-book-journal-whills,
.fa-journal-whills {
  --fa:"\f66a";
}
.fa-kaaba {
  --fa:"\f66b";
}
.fa-khanda {
  --fa:"\f66d";
}
.fa-landmark {
  --fa:"\f66f";
}
.fa-envelopes-bulk,
.fa-mail-bulk {
  --fa:"\f674";
}
.fa-menorah {
  --fa:"\f676";
}
.fa-mosque {
  --fa:"\f678";
}
.fa-om {
  --fa:"\f679";
}
.fa-pastafarianism,
.fa-spaghetti-monster-flying {
  --fa:"\f67b";
}
.fa-peace {
  --fa:"\f67c";
}
.fa-place-of-worship {
  --fa:"\f67f";
}
.fa-poll,
.fa-square-poll-vertical {
  --fa:"\f681";
}
.fa-poll-h,
.fa-square-poll-horizontal {
  --fa:"\f682";
}
.fa-person-praying,
.fa-pray {
  --fa:"\f683";
}
.fa-hands-praying,
.fa-praying-hands {
  --fa:"\f684";
}
.fa-book-quran,
.fa-quran {
  --fa:"\f687";
}
.fa-magnifying-glass-dollar,
.fa-search-dollar {
  --fa:"\f688";
}
.fa-magnifying-glass-location,
.fa-search-location {
  --fa:"\f689";
}
.fa-socks {
  --fa:"\f696";
}
.fa-square-root-alt,
.fa-square-root-variable {
  --fa:"\f698";
}
.fa-star-and-crescent {
  --fa:"\f699";
}
.fa-star-of-david {
  --fa:"\f69a";
}
.fa-synagogue {
  --fa:"\f69b";
}
.fa-scroll-torah,
.fa-torah {
  --fa:"\f6a0";
}
.fa-torii-gate {
  --fa:"\f6a1";
}
.fa-vihara {
  --fa:"\f6a7";
}
.fa-volume,
.fa-volume-medium {
  --fa:"\f6a8";
}
.fa-volume-mute,
.fa-volume-times,
.fa-volume-xmark {
  --fa:"\f6a9";
}
.fa-yin-yang {
  --fa:"\f6ad";
}
.fa-blender-phone {
  --fa:"\f6b6";
}
.fa-book-dead,
.fa-book-skull {
  --fa:"\f6b7";
}
.fa-campground {
  --fa:"\f6bb";
}
.fa-cat {
  --fa:"\f6be";
}
.fa-chair {
  --fa:"\f6c0";
}
.fa-cloud-moon {
  --fa:"\f6c3";
}
.fa-cloud-sun {
  --fa:"\f6c4";
}
.fa-cow {
  --fa:"\f6c8";
}
.fa-dice-d20 {
  --fa:"\f6cf";
}
.fa-dice-d6 {
  --fa:"\f6d1";
}
.fa-dog {
  --fa:"\f6d3";
}
.fa-dragon {
  --fa:"\f6d5";
}
.fa-drumstick-bite {
  --fa:"\f6d7";
}
.fa-dungeon {
  --fa:"\f6d9";
}
.fa-file-csv {
  --fa:"\f6dd";
}
.fa-fist-raised,
.fa-hand-fist {
  --fa:"\f6de";
}
.fa-ghost {
  --fa:"\f6e2";
}
.fa-hammer {
  --fa:"\f6e3";
}
.fa-hanukiah {
  --fa:"\f6e6";
}
.fa-hat-wizard {
  --fa:"\f6e8";
}
.fa-hiking,
.fa-person-hiking {
  --fa:"\f6ec";
}
.fa-hippo {
  --fa:"\f6ed";
}
.fa-horse {
  --fa:"\f6f0";
}
.fa-house-chimney-crack,
.fa-house-damage {
  --fa:"\f6f1";
}
.fa-hryvnia,
.fa-hryvnia-sign {
  --fa:"\f6f2";
}
.fa-mask {
  --fa:"\f6fa";
}
.fa-mountain {
  --fa:"\f6fc";
}
.fa-network-wired {
  --fa:"\f6ff";
}
.fa-otter {
  --fa:"\f700";
}
.fa-ring {
  --fa:"\f70b";
}
.fa-person-running,
.fa-running {
  --fa:"\f70c";
}
.fa-scroll {
  --fa:"\f70e";
}
.fa-skull-crossbones {
  --fa:"\f714";
}
.fa-slash {
  --fa:"\f715";
}
.fa-spider {
  --fa:"\f717";
}
.fa-toilet-paper,
.fa-toilet-paper-alt,
.fa-toilet-paper-blank {
  --fa:"\f71e";
}
.fa-tractor {
  --fa:"\f722";
}
.fa-user-injured {
  --fa:"\f728";
}
.fa-vr-cardboard {
  --fa:"\f729";
}
.fa-wand-sparkles {
  --fa:"\f72b";
}
.fa-wind {
  --fa:"\f72e";
}
.fa-wine-bottle {
  --fa:"\f72f";
}
.fa-cloud-meatball {
  --fa:"\f73b";
}
.fa-cloud-moon-rain {
  --fa:"\f73c";
}
.fa-cloud-rain {
  --fa:"\f73d";
}
.fa-cloud-showers-heavy {
  --fa:"\f740";
}
.fa-cloud-sun-rain {
  --fa:"\f743";
}
.fa-democrat {
  --fa:"\f747";
}
.fa-flag-usa {
  --fa:"\f74d";
}
.fa-hurricane {
  --fa:"\f751";
}
.fa-landmark-alt,
.fa-landmark-dome {
  --fa:"\f752";
}
.fa-meteor {
  --fa:"\f753";
}
.fa-person-booth {
  --fa:"\f756";
}
.fa-poo-bolt,
.fa-poo-storm {
  --fa:"\f75a";
}
.fa-rainbow {
  --fa:"\f75b";
}
.fa-republican {
  --fa:"\f75e";
}
.fa-smog {
  --fa:"\f75f";
}
.fa-temperature-high {
  --fa:"\f769";
}
.fa-temperature-low {
  --fa:"\f76b";
}
.fa-cloud-bolt,
.fa-thunderstorm {
  --fa:"\f76c";
}
.fa-tornado {
  --fa:"\f76f";
}
.fa-volcano {
  --fa:"\f770";
}
.fa-check-to-slot,
.fa-vote-yea {
  --fa:"\f772";
}
.fa-water {
  --fa:"\f773";
}
.fa-baby {
  --fa:"\f77c";
}
.fa-baby-carriage,
.fa-carriage-baby {
  --fa:"\f77d";
}
.fa-biohazard {
  --fa:"\f780";
}
.fa-blog {
  --fa:"\f781";
}
.fa-calendar-day {
  --fa:"\f783";
}
.fa-calendar-week {
  --fa:"\f784";
}
.fa-candy-cane {
  --fa:"\f786";
}
.fa-carrot {
  --fa:"\f787";
}
.fa-cash-register {
  --fa:"\f788";
}
.fa-compress-arrows-alt,
.fa-minimize {
  --fa:"\f78c";
}
.fa-dumpster {
  --fa:"\f793";
}
.fa-dumpster-fire {
  --fa:"\f794";
}
.fa-ethernet {
  --fa:"\f796";
}
.fa-gifts {
  --fa:"\f79c";
}
.fa-champagne-glasses,
.fa-glass-cheers {
  --fa:"\f79f";
}
.fa-glass-whiskey,
.fa-whiskey-glass {
  --fa:"\f7a0";
}
.fa-earth-europe,
.fa-globe-europe {
  --fa:"\f7a2";
}
.fa-grip-lines {
  --fa:"\f7a4";
}
.fa-grip-lines-vertical {
  --fa:"\f7a5";
}
.fa-guitar {
  --fa:"\f7a6";
}
.fa-heart-broken,
.fa-heart-crack {
  --fa:"\f7a9";
}
.fa-holly-berry {
  --fa:"\f7aa";
}
.fa-horse-head {
  --fa:"\f7ab";
}
.fa-icicles {
  --fa:"\f7ad";
}
.fa-igloo {
  --fa:"\f7ae";
}
.fa-mitten {
  --fa:"\f7b5";
}
.fa-mug-hot {
  --fa:"\f7b6";
}
.fa-radiation {
  --fa:"\f7b9";
}
.fa-circle-radiation,
.fa-radiation-alt {
  --fa:"\f7ba";
}
.fa-restroom {
  --fa:"\f7bd";
}
.fa-satellite {
  --fa:"\f7bf";
}
.fa-satellite-dish {
  --fa:"\f7c0";
}
.fa-sd-card {
  --fa:"\f7c2";
}
.fa-sim-card {
  --fa:"\f7c4";
}
.fa-person-skating,
.fa-skating {
  --fa:"\f7c5";
}
.fa-person-skiing,
.fa-skiing {
  --fa:"\f7c9";
}
.fa-person-skiing-nordic,
.fa-skiing-nordic {
  --fa:"\f7ca";
}
.fa-sleigh {
  --fa:"\f7cc";
}
.fa-comment-sms,
.fa-sms {
  --fa:"\f7cd";
}
.fa-person-snowboarding,
.fa-snowboarding {
  --fa:"\f7ce";
}
.fa-snowman {
  --fa:"\f7d0";
}
.fa-snowplow {
  --fa:"\f7d2";
}
.fa-tenge,
.fa-tenge-sign {
  --fa:"\f7d7";
}
.fa-toilet {
  --fa:"\f7d8";
}
.fa-screwdriver-wrench,
.fa-tools {
  --fa:"\f7d9";
}
.fa-cable-car,
.fa-tram {
  --fa:"\f7da";
}
.fa-fire-alt,
.fa-fire-flame-curved {
  --fa:"\f7e4";
}
.fa-bacon {
  --fa:"\f7e5";
}
.fa-book-medical {
  --fa:"\f7e6";
}
.fa-bread-slice {
  --fa:"\f7ec";
}
.fa-cheese {
  --fa:"\f7ef";
}
.fa-clinic-medical,
.fa-house-chimney-medical {
  --fa:"\f7f2";
}
.fa-clipboard-user {
  --fa:"\f7f3";
}
.fa-comment-medical {
  --fa:"\f7f5";
}
.fa-crutch {
  --fa:"\f7f7";
}
.fa-disease {
  --fa:"\f7fa";
}
.fa-egg {
  --fa:"\f7fb";
}
.fa-folder-tree {
  --fa:"\f802";
}
.fa-burger,
.fa-hamburger {
  --fa:"\f805";
}
.fa-hand-middle-finger {
  --fa:"\f806";
}
.fa-hard-hat,
.fa-hat-hard,
.fa-helmet-safety {
  --fa:"\f807";
}
.fa-hospital-user {
  --fa:"\f80d";
}
.fa-hotdog {
  --fa:"\f80f";
}
.fa-ice-cream {
  --fa:"\f810";
}
.fa-laptop-medical {
  --fa:"\f812";
}
.fa-pager {
  --fa:"\f815";
}
.fa-pepper-hot {
  --fa:"\f816";
}
.fa-pizza-slice {
  --fa:"\f818";
}
.fa-sack-dollar {
  --fa:"\f81d";
}
.fa-book-tanakh,
.fa-tanakh {
  --fa:"\f827";
}
.fa-bars-progress,
.fa-tasks-alt {
  --fa:"\f828";
}
.fa-trash-arrow-up,
.fa-trash-restore {
  --fa:"\f829";
}
.fa-trash-can-arrow-up,
.fa-trash-restore-alt {
  --fa:"\f82a";
}
.fa-user-nurse {
  --fa:"\f82f";
}
.fa-wave-square {
  --fa:"\f83e";
}
.fa-biking,
.fa-person-biking {
  --fa:"\f84a";
}
.fa-border-all {
  --fa:"\f84c";
}
.fa-border-none {
  --fa:"\f850";
}
.fa-border-style,
.fa-border-top-left {
  --fa:"\f853";
}
.fa-digging,
.fa-person-digging {
  --fa:"\f85e";
}
.fa-fan {
  --fa:"\f863";
}
.fa-heart-music-camera-bolt,
.fa-icons {
  --fa:"\f86d";
}
.fa-phone-alt,
.fa-phone-flip {
  --fa:"\f879";
}
.fa-phone-square-alt,
.fa-square-phone-flip {
  --fa:"\f87b";
}
.fa-photo-film,
.fa-photo-video {
  --fa:"\f87c";
}
.fa-remove-format,
.fa-text-slash {
  --fa:"\f87d";
}
.fa-arrow-down-z-a,
.fa-sort-alpha-desc,
.fa-sort-alpha-down-alt {
  --fa:"\f881";
}
.fa-arrow-up-z-a,
.fa-sort-alpha-up-alt {
  --fa:"\f882";
}
.fa-arrow-down-short-wide,
.fa-sort-amount-desc,
.fa-sort-amount-down-alt {
  --fa:"\f884";
}
.fa-arrow-up-short-wide,
.fa-sort-amount-up-alt {
  --fa:"\f885";
}
.fa-arrow-down-9-1,
.fa-sort-numeric-desc,
.fa-sort-numeric-down-alt {
  --fa:"\f886";
}
.fa-arrow-up-9-1,
.fa-sort-numeric-up-alt {
  --fa:"\f887";
}
.fa-spell-check {
  --fa:"\f891";
}
.fa-voicemail {
  --fa:"\f897";
}
.fa-hat-cowboy {
  --fa:"\f8c0";
}
.fa-hat-cowboy-side {
  --fa:"\f8c1";
}
.fa-computer-mouse,
.fa-mouse {
  --fa:"\f8cc";
}
.fa-radio {
  --fa:"\f8d7";
}
.fa-record-vinyl {
  --fa:"\f8d9";
}
.fa-walkie-talkie {
  --fa:"\f8ef";
}
.fa-caravan {
  --fa:"\f8ff";
}
:host,
:root {
  --fa-family-brands:"Font Awesome 7 Brands";
  --fa-font-brands:normal 400 1em/1 var(--fa-family-brands);
}
@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/fa-brands-400-AHOAZHCU.woff2");
}
.fa-brands,
.fa-classic.fa-brands,
.fab {
  --fa-family:var(--fa-family-brands);
  --fa-style:400;
}
.fa-firefox-browser {
  --fa:"\e007";
}
.fa-ideal {
  --fa:"\e013";
}
.fa-microblog {
  --fa:"\e01a";
}
.fa-pied-piper-square,
.fa-square-pied-piper {
  --fa:"\e01e";
}
.fa-unity {
  --fa:"\e049";
}
.fa-dailymotion {
  --fa:"\e052";
}
.fa-instagram-square,
.fa-square-instagram {
  --fa:"\e055";
}
.fa-mixer {
  --fa:"\e056";
}
.fa-shopify {
  --fa:"\e057";
}
.fa-deezer {
  --fa:"\e077";
}
.fa-edge-legacy {
  --fa:"\e078";
}
.fa-google-pay {
  --fa:"\e079";
}
.fa-rust {
  --fa:"\e07a";
}
.fa-tiktok {
  --fa:"\e07b";
}
.fa-unsplash {
  --fa:"\e07c";
}
.fa-cloudflare {
  --fa:"\e07d";
}
.fa-guilded {
  --fa:"\e07e";
}
.fa-hive {
  --fa:"\e07f";
}
.fa-42-group,
.fa-innosoft {
  --fa:"\e080";
}
.fa-instalod {
  --fa:"\e081";
}
.fa-octopus-deploy {
  --fa:"\e082";
}
.fa-perbyte {
  --fa:"\e083";
}
.fa-uncharted {
  --fa:"\e084";
}
.fa-watchman-monitoring {
  --fa:"\e087";
}
.fa-wodu {
  --fa:"\e088";
}
.fa-wirsindhandwerk,
.fa-wsh {
  --fa:"\e2d0";
}
.fa-bots {
  --fa:"\e340";
}
.fa-cmplid {
  --fa:"\e360";
}
.fa-bilibili {
  --fa:"\e3d9";
}
.fa-golang {
  --fa:"\e40f";
}
.fa-pix {
  --fa:"\e43a";
}
.fa-sitrox {
  --fa:"\e44a";
}
.fa-hashnode {
  --fa:"\e499";
}
.fa-meta {
  --fa:"\e49b";
}
.fa-padlet {
  --fa:"\e4a0";
}
.fa-nfc-directional {
  --fa:"\e530";
}
.fa-nfc-symbol {
  --fa:"\e531";
}
.fa-screenpal {
  --fa:"\e570";
}
.fa-space-awesome {
  --fa:"\e5ac";
}
.fa-square-font-awesome {
  --fa:"\e5ad";
}
.fa-gitlab-square,
.fa-square-gitlab {
  --fa:"\e5ae";
}
.fa-odysee {
  --fa:"\e5c6";
}
.fa-stubber {
  --fa:"\e5c7";
}
.fa-debian {
  --fa:"\e60b";
}
.fa-shoelace {
  --fa:"\e60c";
}
.fa-threads {
  --fa:"\e618";
}
.fa-square-threads {
  --fa:"\e619";
}
.fa-square-x-twitter {
  --fa:"\e61a";
}
.fa-x-twitter {
  --fa:"\e61b";
}
.fa-opensuse {
  --fa:"\e62b";
}
.fa-letterboxd {
  --fa:"\e62d";
}
.fa-square-letterboxd {
  --fa:"\e62e";
}
.fa-mintbit {
  --fa:"\e62f";
}
.fa-google-scholar {
  --fa:"\e63b";
}
.fa-brave {
  --fa:"\e63c";
}
.fa-brave-reverse {
  --fa:"\e63d";
}
.fa-pixiv {
  --fa:"\e640";
}
.fa-upwork {
  --fa:"\e641";
}
.fa-webflow {
  --fa:"\e65c";
}
.fa-signal-messenger {
  --fa:"\e663";
}
.fa-bluesky {
  --fa:"\e671";
}
.fa-jxl {
  --fa:"\e67b";
}
.fa-square-upwork {
  --fa:"\e67c";
}
.fa-web-awesome {
  --fa:"\e682";
}
.fa-square-web-awesome {
  --fa:"\e683";
}
.fa-square-web-awesome-stroke {
  --fa:"\e684";
}
.fa-dart-lang {
  --fa:"\e693";
}
.fa-flutter {
  --fa:"\e694";
}
.fa-files-pinwheel {
  --fa:"\e69f";
}
.fa-css {
  --fa:"\e6a2";
}
.fa-square-bluesky {
  --fa:"\e6a3";
}
.fa-openai {
  --fa:"\e7cf";
}
.fa-square-linkedin {
  --fa:"\e7d0";
}
.fa-cash-app {
  --fa:"\e7d4";
}
.fa-disqus {
  --fa:"\e7d5";
}
.fa-11ty,
.fa-eleventy {
  --fa:"\e7d6";
}
.fa-kakao-talk {
  --fa:"\e7d7";
}
.fa-linktree {
  --fa:"\e7d8";
}
.fa-notion {
  --fa:"\e7d9";
}
.fa-pandora {
  --fa:"\e7da";
}
.fa-pixelfed {
  --fa:"\e7db";
}
.fa-tidal {
  --fa:"\e7dc";
}
.fa-vsco {
  --fa:"\e7dd";
}
.fa-w3c {
  --fa:"\e7de";
}
.fa-lumon {
  --fa:"\e7e2";
}
.fa-lumon-drop {
  --fa:"\e7e3";
}
.fa-square-figma {
  --fa:"\e7e4";
}
.fa-tex {
  --fa:"\e7ff";
}
.fa-duolingo {
  --fa:"\e812";
}
.fa-supportnow {
  --fa:"\e833";
}
.fa-tor-browser {
  --fa:"\e838";
}
.fa-typescript {
  --fa:"\e840";
}
.fa-square-deskpro {
  --fa:"\e844";
}
.fa-circle-zulip {
  --fa:"\e851";
}
.fa-julia {
  --fa:"\e852";
}
.fa-zulip {
  --fa:"\e853";
}
.fa-unison {
  --fa:"\e854";
}
.fa-bgg,
.fa-board-game-geek {
  --fa:"\e855";
}
.fa-ko-fi {
  --fa:"\e856";
}
.fa-kubernetes {
  --fa:"\e857";
}
.fa-postgresql {
  --fa:"\e858";
}
.fa-scaleway {
  --fa:"\e859";
}
.fa-venmo {
  --fa:"\e85a";
}
.fa-venmo-v {
  --fa:"\e85b";
}
.fa-unreal-engine {
  --fa:"\e85c";
}
.fa-globaleaks {
  --fa:"\e85d";
}
.fa-solana {
  --fa:"\e85e";
}
.fa-threema {
  --fa:"\e85f";
}
.fa-forgejo {
  --fa:"\e860";
}
.fa-claude {
  --fa:"\e861";
}
.fa-gitee {
  --fa:"\e863";
}
.fa-xmpp {
  --fa:"\e864";
}
.fa-fediverse {
  --fa:"\e865";
}
.fa-tailwind-css {
  --fa:"\e866";
}
.fa-arch-linux {
  --fa:"\e867";
}
.fa-svelte {
  --fa:"\e868";
}
.fa-hugging-face {
  --fa:"\e869";
}
.fa-leetcode {
  --fa:"\e86a";
}
.fa-openstreetmap {
  --fa:"\e86b";
}
.fa-ultralytics {
  --fa:"\e86d";
}
.fa-ultralytics-hub {
  --fa:"\e86e";
}
.fa-ultralytics-yolo {
  --fa:"\e86f";
}
.fa-obsidian {
  --fa:"\e879";
}
.fa-zoom {
  --fa:"\e87b";
}
.fa-vim {
  --fa:"\e88a";
}
.fa-symfonycasts {
  --fa:"\e8ab";
}
.fa-square-twitter,
.fa-twitter-square {
  --fa:"\f081";
}
.fa-facebook-square,
.fa-square-facebook {
  --fa:"\f082";
}
.fa-linkedin {
  --fa:"\f08c";
}
.fa-github-square,
.fa-square-github {
  --fa:"\f092";
}
.fa-twitter {
  --fa:"\f099";
}
.fa-facebook {
  --fa:"\f09a";
}
.fa-github {
  --fa:"\f09b";
}
.fa-pinterest {
  --fa:"\f0d2";
}
.fa-pinterest-square,
.fa-square-pinterest {
  --fa:"\f0d3";
}
.fa-google-plus-square,
.fa-square-google-plus {
  --fa:"\f0d4";
}
.fa-google-plus-g {
  --fa:"\f0d5";
}
.fa-linkedin-in {
  --fa:"\f0e1";
}
.fa-github-alt {
  --fa:"\f113";
}
.fa-maxcdn {
  --fa:"\f136";
}
.fa-html5 {
  --fa:"\f13b";
}
.fa-css3 {
  --fa:"\f13c";
}
.fa-btc {
  --fa:"\f15a";
}
.fa-youtube {
  --fa:"\f167";
}
.fa-xing {
  --fa:"\f168";
}
.fa-square-xing,
.fa-xing-square {
  --fa:"\f169";
}
.fa-dropbox {
  --fa:"\f16b";
}
.fa-stack-overflow {
  --fa:"\f16c";
}
.fa-instagram {
  --fa:"\f16d";
}
.fa-flickr {
  --fa:"\f16e";
}
.fa-adn {
  --fa:"\f170";
}
.fa-bitbucket {
  --fa:"\f171";
}
.fa-tumblr {
  --fa:"\f173";
}
.fa-square-tumblr,
.fa-tumblr-square {
  --fa:"\f174";
}
.fa-apple {
  --fa:"\f179";
}
.fa-windows {
  --fa:"\f17a";
}
.fa-android {
  --fa:"\f17b";
}
.fa-linux {
  --fa:"\f17c";
}
.fa-dribbble {
  --fa:"\f17d";
}
.fa-skype {
  --fa:"\f17e";
}
.fa-foursquare {
  --fa:"\f180";
}
.fa-trello {
  --fa:"\f181";
}
.fa-gratipay {
  --fa:"\f184";
}
.fa-vk {
  --fa:"\f189";
}
.fa-weibo {
  --fa:"\f18a";
}
.fa-renren {
  --fa:"\f18b";
}
.fa-pagelines {
  --fa:"\f18c";
}
.fa-stack-exchange {
  --fa:"\f18d";
}
.fa-square-vimeo,
.fa-vimeo-square {
  --fa:"\f194";
}
.fa-slack,
.fa-slack-hash {
  --fa:"\f198";
}
.fa-wordpress {
  --fa:"\f19a";
}
.fa-openid {
  --fa:"\f19b";
}
.fa-yahoo {
  --fa:"\f19e";
}
.fa-google {
  --fa:"\f1a0";
}
.fa-reddit {
  --fa:"\f1a1";
}
.fa-reddit-square,
.fa-square-reddit {
  --fa:"\f1a2";
}
.fa-stumbleupon-circle {
  --fa:"\f1a3";
}
.fa-stumbleupon {
  --fa:"\f1a4";
}
.fa-delicious {
  --fa:"\f1a5";
}
.fa-digg {
  --fa:"\f1a6";
}
.fa-pied-piper-pp {
  --fa:"\f1a7";
}
.fa-pied-piper-alt {
  --fa:"\f1a8";
}
.fa-drupal {
  --fa:"\f1a9";
}
.fa-joomla {
  --fa:"\f1aa";
}
.fa-behance {
  --fa:"\f1b4";
}
.fa-behance-square,
.fa-square-behance {
  --fa:"\f1b5";
}
.fa-steam {
  --fa:"\f1b6";
}
.fa-square-steam,
.fa-steam-square {
  --fa:"\f1b7";
}
.fa-spotify {
  --fa:"\f1bc";
}
.fa-deviantart {
  --fa:"\f1bd";
}
.fa-soundcloud {
  --fa:"\f1be";
}
.fa-vine {
  --fa:"\f1ca";
}
.fa-codepen {
  --fa:"\f1cb";
}
.fa-jsfiddle {
  --fa:"\f1cc";
}
.fa-rebel {
  --fa:"\f1d0";
}
.fa-empire {
  --fa:"\f1d1";
}
.fa-git-square,
.fa-square-git {
  --fa:"\f1d2";
}
.fa-git {
  --fa:"\f1d3";
}
.fa-hacker-news {
  --fa:"\f1d4";
}
.fa-tencent-weibo {
  --fa:"\f1d5";
}
.fa-qq {
  --fa:"\f1d6";
}
.fa-weixin {
  --fa:"\f1d7";
}
.fa-slideshare {
  --fa:"\f1e7";
}
.fa-twitch {
  --fa:"\f1e8";
}
.fa-yelp {
  --fa:"\f1e9";
}
.fa-paypal {
  --fa:"\f1ed";
}
.fa-google-wallet {
  --fa:"\f1ee";
}
.fa-cc-visa {
  --fa:"\f1f0";
}
.fa-cc-mastercard {
  --fa:"\f1f1";
}
.fa-cc-discover {
  --fa:"\f1f2";
}
.fa-cc-amex {
  --fa:"\f1f3";
}
.fa-cc-paypal {
  --fa:"\f1f4";
}
.fa-cc-stripe {
  --fa:"\f1f5";
}
.fa-lastfm {
  --fa:"\f202";
}
.fa-lastfm-square,
.fa-square-lastfm {
  --fa:"\f203";
}
.fa-ioxhost {
  --fa:"\f208";
}
.fa-angellist {
  --fa:"\f209";
}
.fa-buysellads {
  --fa:"\f20d";
}
.fa-connectdevelop {
  --fa:"\f20e";
}
.fa-dashcube {
  --fa:"\f210";
}
.fa-forumbee {
  --fa:"\f211";
}
.fa-leanpub {
  --fa:"\f212";
}
.fa-sellsy {
  --fa:"\f213";
}
.fa-shirtsinbulk {
  --fa:"\f214";
}
.fa-simplybuilt {
  --fa:"\f215";
}
.fa-skyatlas {
  --fa:"\f216";
}
.fa-pinterest-p {
  --fa:"\f231";
}
.fa-whatsapp {
  --fa:"\f232";
}
.fa-viacoin {
  --fa:"\f237";
}
.fa-medium,
.fa-medium-m {
  --fa:"\f23a";
}
.fa-y-combinator {
  --fa:"\f23b";
}
.fa-optin-monster {
  --fa:"\f23c";
}
.fa-opencart {
  --fa:"\f23d";
}
.fa-expeditedssl {
  --fa:"\f23e";
}
.fa-cc-jcb {
  --fa:"\f24b";
}
.fa-cc-diners-club {
  --fa:"\f24c";
}
.fa-creative-commons {
  --fa:"\f25e";
}
.fa-gg {
  --fa:"\f260";
}
.fa-gg-circle {
  --fa:"\f261";
}
.fa-odnoklassniki {
  --fa:"\f263";
}
.fa-odnoklassniki-square,
.fa-square-odnoklassniki {
  --fa:"\f264";
}
.fa-get-pocket {
  --fa:"\f265";
}
.fa-wikipedia-w {
  --fa:"\f266";
}
.fa-safari {
  --fa:"\f267";
}
.fa-chrome {
  --fa:"\f268";
}
.fa-firefox {
  --fa:"\f269";
}
.fa-opera {
  --fa:"\f26a";
}
.fa-internet-explorer {
  --fa:"\f26b";
}
.fa-contao {
  --fa:"\f26d";
}
.fa-500px {
  --fa:"\f26e";
}
.fa-amazon {
  --fa:"\f270";
}
.fa-houzz {
  --fa:"\f27c";
}
.fa-vimeo-v {
  --fa:"\f27d";
}
.fa-black-tie {
  --fa:"\f27e";
}
.fa-fonticons {
  --fa:"\f280";
}
.fa-reddit-alien {
  --fa:"\f281";
}
.fa-edge {
  --fa:"\f282";
}
.fa-codiepie {
  --fa:"\f284";
}
.fa-modx {
  --fa:"\f285";
}
.fa-fort-awesome {
  --fa:"\f286";
}
.fa-usb {
  --fa:"\f287";
}
.fa-product-hunt {
  --fa:"\f288";
}
.fa-mixcloud {
  --fa:"\f289";
}
.fa-scribd {
  --fa:"\f28a";
}
.fa-bluetooth {
  --fa:"\f293";
}
.fa-bluetooth-b {
  --fa:"\f294";
}
.fa-gitlab {
  --fa:"\f296";
}
.fa-wpbeginner {
  --fa:"\f297";
}
.fa-wpforms {
  --fa:"\f298";
}
.fa-envira {
  --fa:"\f299";
}
.fa-glide {
  --fa:"\f2a5";
}
.fa-glide-g {
  --fa:"\f2a6";
}
.fa-viadeo {
  --fa:"\f2a9";
}
.fa-square-viadeo,
.fa-viadeo-square {
  --fa:"\f2aa";
}
.fa-snapchat,
.fa-snapchat-ghost {
  --fa:"\f2ab";
}
.fa-snapchat-square,
.fa-square-snapchat {
  --fa:"\f2ad";
}
.fa-pied-piper {
  --fa:"\f2ae";
}
.fa-first-order {
  --fa:"\f2b0";
}
.fa-yoast {
  --fa:"\f2b1";
}
.fa-themeisle {
  --fa:"\f2b2";
}
.fa-google-plus {
  --fa:"\f2b3";
}
.fa-font-awesome,
.fa-font-awesome-flag,
.fa-font-awesome-logo-full {
  --fa:"\f2b4";
}
.fa-linode {
  --fa:"\f2b8";
}
.fa-quora {
  --fa:"\f2c4";
}
.fa-free-code-camp {
  --fa:"\f2c5";
}
.fa-telegram,
.fa-telegram-plane {
  --fa:"\f2c6";
}
.fa-bandcamp {
  --fa:"\f2d5";
}
.fa-grav {
  --fa:"\f2d6";
}
.fa-etsy {
  --fa:"\f2d7";
}
.fa-imdb {
  --fa:"\f2d8";
}
.fa-ravelry {
  --fa:"\f2d9";
}
.fa-sellcast {
  --fa:"\f2da";
}
.fa-superpowers {
  --fa:"\f2dd";
}
.fa-wpexplorer {
  --fa:"\f2de";
}
.fa-meetup {
  --fa:"\f2e0";
}
.fa-font-awesome-alt,
.fa-square-font-awesome-stroke {
  --fa:"\f35c";
}
.fa-accessible-icon {
  --fa:"\f368";
}
.fa-accusoft {
  --fa:"\f369";
}
.fa-adversal {
  --fa:"\f36a";
}
.fa-affiliatetheme {
  --fa:"\f36b";
}
.fa-algolia {
  --fa:"\f36c";
}
.fa-amilia {
  --fa:"\f36d";
}
.fa-angrycreative {
  --fa:"\f36e";
}
.fa-app-store {
  --fa:"\f36f";
}
.fa-app-store-ios {
  --fa:"\f370";
}
.fa-apper {
  --fa:"\f371";
}
.fa-asymmetrik {
  --fa:"\f372";
}
.fa-audible {
  --fa:"\f373";
}
.fa-avianex {
  --fa:"\f374";
}
.fa-aws {
  --fa:"\f375";
}
.fa-bimobject {
  --fa:"\f378";
}
.fa-bitcoin {
  --fa:"\f379";
}
.fa-bity {
  --fa:"\f37a";
}
.fa-blackberry {
  --fa:"\f37b";
}
.fa-blogger {
  --fa:"\f37c";
}
.fa-blogger-b {
  --fa:"\f37d";
}
.fa-buromobelexperte {
  --fa:"\f37f";
}
.fa-centercode {
  --fa:"\f380";
}
.fa-cloudscale {
  --fa:"\f383";
}
.fa-cloudsmith {
  --fa:"\f384";
}
.fa-cloudversify {
  --fa:"\f385";
}
.fa-cpanel {
  --fa:"\f388";
}
.fa-css3-alt {
  --fa:"\f38b";
}
.fa-cuttlefish {
  --fa:"\f38c";
}
.fa-d-and-d {
  --fa:"\f38d";
}
.fa-deploydog {
  --fa:"\f38e";
}
.fa-deskpro {
  --fa:"\f38f";
}
.fa-digital-ocean {
  --fa:"\f391";
}
.fa-discord {
  --fa:"\f392";
}
.fa-discourse {
  --fa:"\f393";
}
.fa-dochub {
  --fa:"\f394";
}
.fa-docker {
  --fa:"\f395";
}
.fa-draft2digital {
  --fa:"\f396";
}
.fa-dribbble-square,
.fa-square-dribbble {
  --fa:"\f397";
}
.fa-dyalog {
  --fa:"\f399";
}
.fa-earlybirds {
  --fa:"\f39a";
}
.fa-erlang {
  --fa:"\f39d";
}
.fa-facebook-f {
  --fa:"\f39e";
}
.fa-facebook-messenger {
  --fa:"\f39f";
}
.fa-firstdraft {
  --fa:"\f3a1";
}
.fa-fonticons-fi {
  --fa:"\f3a2";
}
.fa-fort-awesome-alt {
  --fa:"\f3a3";
}
.fa-freebsd {
  --fa:"\f3a4";
}
.fa-gitkraken {
  --fa:"\f3a6";
}
.fa-gofore {
  --fa:"\f3a7";
}
.fa-goodreads {
  --fa:"\f3a8";
}
.fa-goodreads-g {
  --fa:"\f3a9";
}
.fa-google-drive {
  --fa:"\f3aa";
}
.fa-google-play {
  --fa:"\f3ab";
}
.fa-gripfire {
  --fa:"\f3ac";
}
.fa-grunt {
  --fa:"\f3ad";
}
.fa-gulp {
  --fa:"\f3ae";
}
.fa-hacker-news-square,
.fa-square-hacker-news {
  --fa:"\f3af";
}
.fa-hire-a-helper {
  --fa:"\f3b0";
}
.fa-hotjar {
  --fa:"\f3b1";
}
.fa-hubspot {
  --fa:"\f3b2";
}
.fa-itunes {
  --fa:"\f3b4";
}
.fa-itunes-note {
  --fa:"\f3b5";
}
.fa-jenkins {
  --fa:"\f3b6";
}
.fa-joget {
  --fa:"\f3b7";
}
.fa-js {
  --fa:"\f3b8";
}
.fa-js-square,
.fa-square-js {
  --fa:"\f3b9";
}
.fa-keycdn {
  --fa:"\f3ba";
}
.fa-kickstarter,
.fa-square-kickstarter {
  --fa:"\f3bb";
}
.fa-kickstarter-k {
  --fa:"\f3bc";
}
.fa-laravel {
  --fa:"\f3bd";
}
.fa-line {
  --fa:"\f3c0";
}
.fa-lyft {
  --fa:"\f3c3";
}
.fa-magento {
  --fa:"\f3c4";
}
.fa-medapps {
  --fa:"\f3c6";
}
.fa-medrt {
  --fa:"\f3c8";
}
.fa-microsoft {
  --fa:"\f3ca";
}
.fa-mix {
  --fa:"\f3cb";
}
.fa-mizuni {
  --fa:"\f3cc";
}
.fa-monero {
  --fa:"\f3d0";
}
.fa-napster {
  --fa:"\f3d2";
}
.fa-node-js {
  --fa:"\f3d3";
}
.fa-npm {
  --fa:"\f3d4";
}
.fa-ns8 {
  --fa:"\f3d5";
}
.fa-nutritionix {
  --fa:"\f3d6";
}
.fa-page4 {
  --fa:"\f3d7";
}
.fa-palfed {
  --fa:"\f3d8";
}
.fa-patreon {
  --fa:"\f3d9";
}
.fa-periscope {
  --fa:"\f3da";
}
.fa-phabricator {
  --fa:"\f3db";
}
.fa-phoenix-framework {
  --fa:"\f3dc";
}
.fa-playstation {
  --fa:"\f3df";
}
.fa-pushed {
  --fa:"\f3e1";
}
.fa-python {
  --fa:"\f3e2";
}
.fa-red-river {
  --fa:"\f3e3";
}
.fa-rendact,
.fa-wpressr {
  --fa:"\f3e4";
}
.fa-replyd {
  --fa:"\f3e6";
}
.fa-resolving {
  --fa:"\f3e7";
}
.fa-rocketchat {
  --fa:"\f3e8";
}
.fa-rockrms {
  --fa:"\f3e9";
}
.fa-schlix {
  --fa:"\f3ea";
}
.fa-searchengin {
  --fa:"\f3eb";
}
.fa-servicestack {
  --fa:"\f3ec";
}
.fa-sistrix {
  --fa:"\f3ee";
}
.fa-speakap {
  --fa:"\f3f3";
}
.fa-staylinked {
  --fa:"\f3f5";
}
.fa-steam-symbol {
  --fa:"\f3f6";
}
.fa-sticker-mule {
  --fa:"\f3f7";
}
.fa-studiovinari {
  --fa:"\f3f8";
}
.fa-supple {
  --fa:"\f3f9";
}
.fa-uber {
  --fa:"\f402";
}
.fa-uikit {
  --fa:"\f403";
}
.fa-uniregistry {
  --fa:"\f404";
}
.fa-untappd {
  --fa:"\f405";
}
.fa-ussunnah {
  --fa:"\f407";
}
.fa-vaadin {
  --fa:"\f408";
}
.fa-viber {
  --fa:"\f409";
}
.fa-vimeo {
  --fa:"\f40a";
}
.fa-vnv {
  --fa:"\f40b";
}
.fa-square-whatsapp,
.fa-whatsapp-square {
  --fa:"\f40c";
}
.fa-whmcs {
  --fa:"\f40d";
}
.fa-wordpress-simple {
  --fa:"\f411";
}
.fa-xbox {
  --fa:"\f412";
}
.fa-yandex {
  --fa:"\f413";
}
.fa-yandex-international {
  --fa:"\f414";
}
.fa-apple-pay {
  --fa:"\f415";
}
.fa-cc-apple-pay {
  --fa:"\f416";
}
.fa-fly {
  --fa:"\f417";
}
.fa-node {
  --fa:"\f419";
}
.fa-osi {
  --fa:"\f41a";
}
.fa-react {
  --fa:"\f41b";
}
.fa-autoprefixer {
  --fa:"\f41c";
}
.fa-less {
  --fa:"\f41d";
}
.fa-sass {
  --fa:"\f41e";
}
.fa-vuejs {
  --fa:"\f41f";
}
.fa-angular {
  --fa:"\f420";
}
.fa-aviato {
  --fa:"\f421";
}
.fa-ember {
  --fa:"\f423";
}
.fa-gitter {
  --fa:"\f426";
}
.fa-hooli {
  --fa:"\f427";
}
.fa-strava {
  --fa:"\f428";
}
.fa-stripe {
  --fa:"\f429";
}
.fa-stripe-s {
  --fa:"\f42a";
}
.fa-typo3 {
  --fa:"\f42b";
}
.fa-amazon-pay {
  --fa:"\f42c";
}
.fa-cc-amazon-pay {
  --fa:"\f42d";
}
.fa-ethereum {
  --fa:"\f42e";
}
.fa-korvue {
  --fa:"\f42f";
}
.fa-elementor {
  --fa:"\f430";
}
.fa-square-youtube,
.fa-youtube-square {
  --fa:"\f431";
}
.fa-flipboard {
  --fa:"\f44d";
}
.fa-hips {
  --fa:"\f452";
}
.fa-php {
  --fa:"\f457";
}
.fa-quinscape {
  --fa:"\f459";
}
.fa-readme {
  --fa:"\f4d5";
}
.fa-java {
  --fa:"\f4e4";
}
.fa-pied-piper-hat {
  --fa:"\f4e5";
}
.fa-creative-commons-by {
  --fa:"\f4e7";
}
.fa-creative-commons-nc {
  --fa:"\f4e8";
}
.fa-creative-commons-nc-eu {
  --fa:"\f4e9";
}
.fa-creative-commons-nc-jp {
  --fa:"\f4ea";
}
.fa-creative-commons-nd {
  --fa:"\f4eb";
}
.fa-creative-commons-pd {
  --fa:"\f4ec";
}
.fa-creative-commons-pd-alt {
  --fa:"\f4ed";
}
.fa-creative-commons-remix {
  --fa:"\f4ee";
}
.fa-creative-commons-sa {
  --fa:"\f4ef";
}
.fa-creative-commons-sampling {
  --fa:"\f4f0";
}
.fa-creative-commons-sampling-plus {
  --fa:"\f4f1";
}
.fa-creative-commons-share {
  --fa:"\f4f2";
}
.fa-creative-commons-zero {
  --fa:"\f4f3";
}
.fa-ebay {
  --fa:"\f4f4";
}
.fa-keybase {
  --fa:"\f4f5";
}
.fa-mastodon {
  --fa:"\f4f6";
}
.fa-r-project {
  --fa:"\f4f7";
}
.fa-researchgate {
  --fa:"\f4f8";
}
.fa-teamspeak {
  --fa:"\f4f9";
}
.fa-first-order-alt {
  --fa:"\f50a";
}
.fa-fulcrum {
  --fa:"\f50b";
}
.fa-galactic-republic {
  --fa:"\f50c";
}
.fa-galactic-senate {
  --fa:"\f50d";
}
.fa-jedi-order {
  --fa:"\f50e";
}
.fa-mandalorian {
  --fa:"\f50f";
}
.fa-old-republic {
  --fa:"\f510";
}
.fa-phoenix-squadron {
  --fa:"\f511";
}
.fa-sith {
  --fa:"\f512";
}
.fa-trade-federation {
  --fa:"\f513";
}
.fa-wolf-pack-battalion {
  --fa:"\f514";
}
.fa-hornbill {
  --fa:"\f592";
}
.fa-mailchimp {
  --fa:"\f59e";
}
.fa-megaport {
  --fa:"\f5a3";
}
.fa-nimblr {
  --fa:"\f5a8";
}
.fa-rev {
  --fa:"\f5b2";
}
.fa-shopware {
  --fa:"\f5b5";
}
.fa-squarespace {
  --fa:"\f5be";
}
.fa-themeco {
  --fa:"\f5c6";
}
.fa-weebly {
  --fa:"\f5cc";
}
.fa-wix {
  --fa:"\f5cf";
}
.fa-ello {
  --fa:"\f5f1";
}
.fa-hackerrank {
  --fa:"\f5f7";
}
.fa-kaggle {
  --fa:"\f5fa";
}
.fa-markdown {
  --fa:"\f60f";
}
.fa-neos {
  --fa:"\f612";
}
.fa-zhihu {
  --fa:"\f63f";
}
.fa-alipay {
  --fa:"\f642";
}
.fa-the-red-yeti {
  --fa:"\f69d";
}
.fa-critical-role {
  --fa:"\f6c9";
}
.fa-d-and-d-beyond {
  --fa:"\f6ca";
}
.fa-dev {
  --fa:"\f6cc";
}
.fa-fantasy-flight-games {
  --fa:"\f6dc";
}
.fa-wizards-of-the-coast {
  --fa:"\f730";
}
.fa-think-peaks {
  --fa:"\f731";
}
.fa-reacteurope {
  --fa:"\f75d";
}
.fa-artstation {
  --fa:"\f77a";
}
.fa-atlassian {
  --fa:"\f77b";
}
.fa-canadian-maple-leaf {
  --fa:"\f785";
}
.fa-centos {
  --fa:"\f789";
}
.fa-confluence {
  --fa:"\f78d";
}
.fa-dhl {
  --fa:"\f790";
}
.fa-diaspora {
  --fa:"\f791";
}
.fa-fedex {
  --fa:"\f797";
}
.fa-fedora {
  --fa:"\f798";
}
.fa-figma {
  --fa:"\f799";
}
.fa-intercom {
  --fa:"\f7af";
}
.fa-invision {
  --fa:"\f7b0";
}
.fa-jira {
  --fa:"\f7b1";
}
.fa-mendeley {
  --fa:"\f7b3";
}
.fa-raspberry-pi {
  --fa:"\f7bb";
}
.fa-redhat {
  --fa:"\f7bc";
}
.fa-sketch {
  --fa:"\f7c6";
}
.fa-sourcetree {
  --fa:"\f7d3";
}
.fa-suse {
  --fa:"\f7d6";
}
.fa-ubuntu {
  --fa:"\f7df";
}
.fa-ups {
  --fa:"\f7e0";
}
.fa-usps {
  --fa:"\f7e1";
}
.fa-yarn {
  --fa:"\f7e3";
}
.fa-airbnb {
  --fa:"\f834";
}
.fa-battle-net {
  --fa:"\f835";
}
.fa-bootstrap {
  --fa:"\f836";
}
.fa-buffer {
  --fa:"\f837";
}
.fa-chromecast {
  --fa:"\f838";
}
.fa-evernote {
  --fa:"\f839";
}
.fa-itch-io {
  --fa:"\f83a";
}
.fa-salesforce {
  --fa:"\f83b";
}
.fa-speaker-deck {
  --fa:"\f83c";
}
.fa-symfony {
  --fa:"\f83d";
}
.fa-waze {
  --fa:"\f83f";
}
.fa-yammer {
  --fa:"\f840";
}
.fa-git-alt {
  --fa:"\f841";
}
.fa-stackpath {
  --fa:"\f842";
}
.fa-cotton-bureau {
  --fa:"\f89e";
}
.fa-buy-n-large {
  --fa:"\f8a6";
}
.fa-mdb {
  --fa:"\f8ca";
}
.fa-orcid {
  --fa:"\f8d2";
}
.fa-swift {
  --fa:"\f8e1";
}
.fa-umbraco {
  --fa:"\f8e8";
}
:host,
:root {
  --fa-font-regular:normal 400 1em/1 var(--fa-family-classic);
}
@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/fa-regular-400-VRZYIBIZ.woff2");
}
.far {
  --fa-family:var(--fa-family-classic);
}
.fa-regular,
.far {
  --fa-style:400;
}
:host,
:root {
  --fa-family-classic:"Font Awesome 7 Free";
  --fa-font-solid:normal 900 1em/1 var(--fa-family-classic);
  --fa-style-family-classic:var(--fa-family-classic);
}
@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./media/fa-solid-900-MDEYK55F.woff2");
}
.fas {
  --fa-style:900;
}
.fa-classic,
.fas {
  --fa-family:var(--fa-family-classic);
}
.fa-solid {
  --fa-style:900;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("./media/fa-brands-400-AHOAZHCU.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("./media/fa-solid-900-MDEYK55F.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url("./media/fa-regular-400-VRZYIBIZ.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("./media/fa-solid-900-MDEYK55F.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("./media/fa-brands-400-AHOAZHCU.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("./media/fa-regular-400-VRZYIBIZ.woff2") format("woff2");
  unicode-range:
    u+f003,
    u+f006,
    u+f014,
    u+f016-f017,
    u+f01a-f01b,
    u+f01d,
    u+f022,
    u+f03e,
    u+f044,
    u+f046,
    u+f05c-f05d,
    u+f06e,
    u+f070,
    u+f087-f088,
    u+f08a,
    u+f094,
    u+f096-f097,
    u+f09d,
    u+f0a0,
    u+f0a2,
    u+f0a4-f0a7,
    u+f0c5,
    u+f0c7,
    u+f0e5-f0e6,
    u+f0eb,
    u+f0f6-f0f8,
    u+f10c,
    u+f114-f115,
    u+f118-f11a,
    u+f11c-f11d,
    u+f133,
    u+f147,
    u+f14e,
    u+f150-f152,
    u+f185-f186,
    u+f18e,
    u+f190-f192,
    u+f196,
    u+f1c1-f1c9,
    u+f1d9,
    u+f1db,
    u+f1e3,
    u+f1ea,
    u+f1f7,
    u+f1f9,
    u+f20a,
    u+f247-f248,
    u+f24a,
    u+f24d,
    u+f255-f25b,
    u+f25d,
    u+f271-f274,
    u+f278,
    u+f27b,
    u+f28c,
    u+f28e,
    u+f29c,
    u+f2b5,
    u+f2b7,
    u+f2ba,
    u+f2bc,
    u+f2be,
    u+f2c0-f2c1,
    u+f2c3,
    u+f2d0,
    u+f2d2,
    u+f2d4,
    u+f2dc;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("./media/fa-v4compatibility-ETEVP6IB.woff2") format("woff2");
  unicode-range:
    u+f041,
    u+f047,
    u+f065-f066,
    u+f07d-f07e,
    u+f080,
    u+f08b,
    u+f08e,
    u+f090,
    u+f09a,
    u+f0ac,
    u+f0ae,
    u+f0b2,
    u+f0d0,
    u+f0d6,
    u+f0e4,
    u+f0ec,
    u+f10a-f10b,
    u+f123,
    u+f13e,
    u+f148-f149,
    u+f14c,
    u+f156,
    u+f15e,
    u+f160-f161,
    u+f163,
    u+f175-f178,
    u+f195,
    u+f1f8,
    u+f219,
    u+f27a;
}

/* node_modules/bootstrap/scss/bootstrap.scss */
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb:
    13,
    110,
    253;
  --bs-secondary-rgb:
    108,
    117,
    125;
  --bs-success-rgb:
    25,
    135,
    84;
  --bs-info-rgb:
    13,
    202,
    240;
  --bs-warning-rgb:
    255,
    193,
    7;
  --bs-danger-rgb:
    220,
    53,
    69;
  --bs-light-rgb:
    248,
    249,
    250;
  --bs-dark-rgb:
    33,
    37,
    41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb:
    255,
    255,
    255;
  --bs-black-rgb:
    0,
    0,
    0;
  --bs-font-sans-serif:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --bs-gradient:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb:
    33,
    37,
    41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb:
    255,
    255,
    255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb:
    0,
    0,
    0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:
    33,
    37,
    41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb:
    233,
    236,
    239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:
    33,
    37,
    41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb:
    248,
    249,
    250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb:
    13,
    110,
    253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb:
    10,
    88,
    202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb:
    222,
    226,
    230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb:
    33,
    37,
    41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb:
    255,
    255,
    255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:
    222,
    226,
    230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb:
    52,
    58,
    64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:
    222,
    226,
    230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb:
    43,
    48,
    53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb:
    110,
    168,
    254;
  --bs-link-hover-color-rgb:
    139,
    185,
    254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}
h2,
.h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}
h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}
h4,
.h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small,
.small {
  font-size: 0.875em;
}
mark,
.mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 226, 254.6);
  --bs-table-border-color: rgb(165.28, 180.8, 203.68);
  --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(180.48, 181.92, 183.2);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(209, 231, 220.8);
  --bs-table-border-color: rgb(167.2, 184.8, 176.64);
  --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(204, 194.08, 164.32);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(198.4, 171.68, 174.24);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(198.4, 199.2, 200);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid,
.form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid,
.input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid,
.input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb:
    130,
    138,
    145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb:
    60,
    153,
    110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb:
    11,
    172,
    204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb:
    217,
    164,
    6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb:
    225,
    83,
    97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb:
    211,
    212,
    213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb:
    66,
    70,
    73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb:
    13,
    110,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb:
    108,
    117,
    125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb:
    25,
    135,
    84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb:
    13,
    202,
    240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb:
    255,
    193,
    7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb:
    220,
    53,
    69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb:
    248,
    249,
    250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb:
    33,
    37,
    41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg,
.btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover,
.nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active,
.active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled,
.disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover,
.list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover,
.link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover,
.link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover,
.link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover,
.link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover,
.link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover,
.link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover,
.link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover,
.link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover,
.link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi,
.icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/* libs/src/lib/template/assets/icons/tabler-icons/tabler-icons.css */
/*!
 * Tabler Icons 2.45.0 by tabler - https://tabler.io
 * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
 */
@font-face {
  font-family: "tabler-icons";
  font-style: normal;
  font-weight: 400;
  src: url("./media/tabler-icons-MIMVADFV.eot?v2.45.0");
  src:
    url("./media/tabler-icons-MIMVADFV.eot?#iefix-v2.45.0") format("embedded-opentype"),
    url("./media/tabler-icons-GLSWMG4F.woff2?v2.45.0") format("woff2"),
    url("./media/tabler-icons-7JUPTPVK.woff?") format("woff"),
    url("./media/tabler-icons-MPCV6E45.ttf?v2.45.0") format("truetype");
}
.ti {
  font-family: "tabler-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ti-12-hours:before {
  content: "\fc53";
}
.ti-123:before {
  content: "\f554";
}
.ti-24-hours:before {
  content: "\f5e7";
}
.ti-2fa:before {
  content: "\eca0";
}
.ti-360:before {
  content: "\f62f";
}
.ti-360-view:before {
  content: "\f566";
}
.ti-3d-cube-sphere:before {
  content: "\ecd7";
}
.ti-3d-cube-sphere-off:before {
  content: "\f3b5";
}
.ti-3d-rotate:before {
  content: "\f020";
}
.ti-a-b:before {
  content: "\ec36";
}
.ti-a-b-2:before {
  content: "\f25f";
}
.ti-a-b-off:before {
  content: "\f0a6";
}
.ti-abacus:before {
  content: "\f05c";
}
.ti-abacus-off:before {
  content: "\f3b6";
}
.ti-abc:before {
  content: "\f567";
}
.ti-access-point:before {
  content: "\ed1b";
}
.ti-access-point-off:before {
  content: "\ed1a";
}
.ti-accessible:before {
  content: "\eba9";
}
.ti-accessible-off:before {
  content: "\f0a7";
}
.ti-accessible-off-filled:before {
  content: "\f6ea";
}
.ti-activity:before {
  content: "\ed23";
}
.ti-activity-heartbeat:before {
  content: "\f0db";
}
.ti-ad:before {
  content: "\ea02";
}
.ti-ad-2:before {
  content: "\ef1f";
}
.ti-ad-circle:before {
  content: "\f79e";
}
.ti-ad-circle-filled:before {
  content: "\f7d3";
}
.ti-ad-circle-off:before {
  content: "\f79d";
}
.ti-ad-filled:before {
  content: "\f6eb";
}
.ti-ad-off:before {
  content: "\f3b7";
}
.ti-address-book:before {
  content: "\f021";
}
.ti-address-book-off:before {
  content: "\f3b8";
}
.ti-adjustments:before {
  content: "\ea03";
}
.ti-adjustments-alt:before {
  content: "\ec37";
}
.ti-adjustments-bolt:before {
  content: "\f7fb";
}
.ti-adjustments-cancel:before {
  content: "\f7fc";
}
.ti-adjustments-check:before {
  content: "\f7fd";
}
.ti-adjustments-code:before {
  content: "\f7fe";
}
.ti-adjustments-cog:before {
  content: "\f7ff";
}
.ti-adjustments-dollar:before {
  content: "\f800";
}
.ti-adjustments-down:before {
  content: "\f801";
}
.ti-adjustments-exclamation:before {
  content: "\f802";
}
.ti-adjustments-filled:before {
  content: "\f6ec";
}
.ti-adjustments-heart:before {
  content: "\f803";
}
.ti-adjustments-horizontal:before {
  content: "\ec38";
}
.ti-adjustments-minus:before {
  content: "\f804";
}
.ti-adjustments-off:before {
  content: "\f0a8";
}
.ti-adjustments-pause:before {
  content: "\f805";
}
.ti-adjustments-pin:before {
  content: "\f806";
}
.ti-adjustments-plus:before {
  content: "\f807";
}
.ti-adjustments-question:before {
  content: "\f808";
}
.ti-adjustments-search:before {
  content: "\f809";
}
.ti-adjustments-share:before {
  content: "\f80a";
}
.ti-adjustments-star:before {
  content: "\f80b";
}
.ti-adjustments-up:before {
  content: "\f80c";
}
.ti-adjustments-x:before {
  content: "\f80d";
}
.ti-aerial-lift:before {
  content: "\edfe";
}
.ti-affiliate:before {
  content: "\edff";
}
.ti-affiliate-filled:before {
  content: "\f6ed";
}
.ti-air-balloon:before {
  content: "\f4a6";
}
.ti-air-conditioning:before {
  content: "\f3a2";
}
.ti-air-conditioning-disabled:before {
  content: "\f542";
}
.ti-air-traffic-control:before {
  content: "\fb01";
}
.ti-alarm:before {
  content: "\ea04";
}
.ti-alarm-average:before {
  content: "\fc9e";
}
.ti-alarm-filled:before {
  content: "\f709";
}
.ti-alarm-minus:before {
  content: "\f630";
}
.ti-alarm-minus-filled:before {
  content: "\f70a";
}
.ti-alarm-off:before {
  content: "\f0a9";
}
.ti-alarm-plus:before {
  content: "\f631";
}
.ti-alarm-plus-filled:before {
  content: "\f70b";
}
.ti-alarm-snooze:before {
  content: "\f632";
}
.ti-alarm-snooze-filled:before {
  content: "\f70c";
}
.ti-album:before {
  content: "\f022";
}
.ti-album-off:before {
  content: "\f3b9";
}
.ti-alert-circle:before {
  content: "\ea05";
}
.ti-alert-circle-filled:before {
  content: "\f6ee";
}
.ti-alert-circle-off:before {
  content: "\fc65";
}
.ti-alert-hexagon:before {
  content: "\f80e";
}
.ti-alert-hexagon-filled:before {
  content: "\fa34";
}
.ti-alert-hexagon-off:before {
  content: "\fc66";
}
.ti-alert-octagon:before {
  content: "\ecc6";
}
.ti-alert-octagon-filled:before {
  content: "\f6ef";
}
.ti-alert-small:before {
  content: "\f80f";
}
.ti-alert-small-off:before {
  content: "\fc67";
}
.ti-alert-square:before {
  content: "\f811";
}
.ti-alert-square-filled:before {
  content: "\fa35";
}
.ti-alert-square-rounded:before {
  content: "\f810";
}
.ti-alert-square-rounded-filled:before {
  content: "\fa36";
}
.ti-alert-square-rounded-off:before {
  content: "\fc68";
}
.ti-alert-triangle:before {
  content: "\ea06";
}
.ti-alert-triangle-filled:before {
  content: "\f6f0";
}
.ti-alert-triangle-off:before {
  content: "\fc69";
}
.ti-alien:before {
  content: "\ebde";
}
.ti-alien-filled:before {
  content: "\f70d";
}
.ti-align-box-bottom-center:before {
  content: "\f530";
}
.ti-align-box-bottom-center-filled:before {
  content: "\f70e";
}
.ti-align-box-bottom-left:before {
  content: "\f531";
}
.ti-align-box-bottom-left-filled:before {
  content: "\f70f";
}
.ti-align-box-bottom-right:before {
  content: "\f532";
}
.ti-align-box-bottom-right-filled:before {
  content: "\f710";
}
.ti-align-box-center-bottom:before {
  content: "\facb";
}
.ti-align-box-center-middle:before {
  content: "\f79f";
}
.ti-align-box-center-middle-filled:before {
  content: "\f7d4";
}
.ti-align-box-center-stretch:before {
  content: "\facc";
}
.ti-align-box-center-top:before {
  content: "\facd";
}
.ti-align-box-left-bottom:before {
  content: "\f533";
}
.ti-align-box-left-bottom-filled:before {
  content: "\f711";
}
.ti-align-box-left-middle:before {
  content: "\f534";
}
.ti-align-box-left-middle-filled:before {
  content: "\f712";
}
.ti-align-box-left-stretch:before {
  content: "\face";
}
.ti-align-box-left-top:before {
  content: "\f535";
}
.ti-align-box-left-top-filled:before {
  content: "\f713";
}
.ti-align-box-right-bottom:before {
  content: "\f536";
}
.ti-align-box-right-bottom-filled:before {
  content: "\f714";
}
.ti-align-box-right-middle:before {
  content: "\f537";
}
.ti-align-box-right-middle-filled:before {
  content: "\f7d5";
}
.ti-align-box-right-stretch:before {
  content: "\facf";
}
.ti-align-box-right-top:before {
  content: "\f538";
}
.ti-align-box-right-top-filled:before {
  content: "\f715";
}
.ti-align-box-top-center:before {
  content: "\f539";
}
.ti-align-box-top-center-filled:before {
  content: "\f716";
}
.ti-align-box-top-left:before {
  content: "\f53a";
}
.ti-align-box-top-left-filled:before {
  content: "\f717";
}
.ti-align-box-top-right:before {
  content: "\f53b";
}
.ti-align-box-top-right-filled:before {
  content: "\f718";
}
.ti-align-center:before {
  content: "\ea07";
}
.ti-align-justified:before {
  content: "\ea08";
}
.ti-align-left:before {
  content: "\ea09";
}
.ti-align-right:before {
  content: "\ea0a";
}
.ti-alpha:before {
  content: "\f543";
}
.ti-alphabet-cyrillic:before {
  content: "\f1df";
}
.ti-alphabet-greek:before {
  content: "\f1e0";
}
.ti-alphabet-latin:before {
  content: "\f1e1";
}
.ti-alt:before {
  content: "\fc54";
}
.ti-ambulance:before {
  content: "\ebf5";
}
.ti-ampersand:before {
  content: "\f229";
}
.ti-analyze:before {
  content: "\f3a3";
}
.ti-analyze-filled:before {
  content: "\f719";
}
.ti-analyze-off:before {
  content: "\f3ba";
}
.ti-anchor:before {
  content: "\eb76";
}
.ti-anchor-off:before {
  content: "\f0f7";
}
.ti-angle:before {
  content: "\ef20";
}
.ti-ankh:before {
  content: "\f1cd";
}
.ti-antenna:before {
  content: "\f094";
}
.ti-antenna-bars-1:before {
  content: "\ecc7";
}
.ti-antenna-bars-2:before {
  content: "\ecc8";
}
.ti-antenna-bars-3:before {
  content: "\ecc9";
}
.ti-antenna-bars-4:before {
  content: "\ecca";
}
.ti-antenna-bars-5:before {
  content: "\eccb";
}
.ti-antenna-bars-off:before {
  content: "\f0aa";
}
.ti-antenna-off:before {
  content: "\f3bb";
}
.ti-aperture:before {
  content: "\eb58";
}
.ti-aperture-off:before {
  content: "\f3bc";
}
.ti-api:before {
  content: "\effd";
}
.ti-api-app:before {
  content: "\effc";
}
.ti-api-app-off:before {
  content: "\f0ab";
}
.ti-api-off:before {
  content: "\f0f8";
}
.ti-app-window:before {
  content: "\efe6";
}
.ti-app-window-filled:before {
  content: "\f71a";
}
.ti-apple:before {
  content: "\ef21";
}
.ti-apps:before {
  content: "\ebb6";
}
.ti-apps-filled:before {
  content: "\f6f1";
}
.ti-apps-off:before {
  content: "\f0ac";
}
.ti-archery-arrow:before {
  content: "\fc55";
}
.ti-archive:before {
  content: "\ea0b";
}
.ti-archive-filled:before {
  content: "\fa82";
}
.ti-archive-off:before {
  content: "\f0ad";
}
.ti-armchair:before {
  content: "\ef9e";
}
.ti-armchair-2:before {
  content: "\efe7";
}
.ti-armchair-2-off:before {
  content: "\f3bd";
}
.ti-armchair-off:before {
  content: "\f3be";
}
.ti-arrow-autofit-content:before {
  content: "\ef31";
}
.ti-arrow-autofit-content-filled:before {
  content: "\f6f2";
}
.ti-arrow-autofit-down:before {
  content: "\ef32";
}
.ti-arrow-autofit-height:before {
  content: "\ef33";
}
.ti-arrow-autofit-left:before {
  content: "\ef34";
}
.ti-arrow-autofit-right:before {
  content: "\ef35";
}
.ti-arrow-autofit-up:before {
  content: "\ef36";
}
.ti-arrow-autofit-width:before {
  content: "\ef37";
}
.ti-arrow-back:before {
  content: "\ea0c";
}
.ti-arrow-back-up:before {
  content: "\eb77";
}
.ti-arrow-back-up-double:before {
  content: "\f9ec";
}
.ti-arrow-badge-down:before {
  content: "\f60b";
}
.ti-arrow-badge-down-filled:before {
  content: "\f7d6";
}
.ti-arrow-badge-left:before {
  content: "\f60c";
}
.ti-arrow-badge-left-filled:before {
  content: "\f7d7";
}
.ti-arrow-badge-right:before {
  content: "\f60d";
}
.ti-arrow-badge-right-filled:before {
  content: "\f7d8";
}
.ti-arrow-badge-up:before {
  content: "\f60e";
}
.ti-arrow-badge-up-filled:before {
  content: "\f7d9";
}
.ti-arrow-bar-both:before {
  content: "\fadd";
}
.ti-arrow-bar-down:before {
  content: "\ea0d";
}
.ti-arrow-bar-left:before {
  content: "\ea0e";
}
.ti-arrow-bar-right:before {
  content: "\ea0f";
}
.ti-arrow-bar-to-down:before {
  content: "\ec88";
}
.ti-arrow-bar-to-left:before {
  content: "\ec89";
}
.ti-arrow-bar-to-right:before {
  content: "\ec8a";
}
.ti-arrow-bar-to-up:before {
  content: "\ec8b";
}
.ti-arrow-bar-up:before {
  content: "\ea10";
}
.ti-arrow-bear-left:before {
  content: "\f045";
}
.ti-arrow-bear-left-2:before {
  content: "\f044";
}
.ti-arrow-bear-right:before {
  content: "\f047";
}
.ti-arrow-bear-right-2:before {
  content: "\f046";
}
.ti-arrow-big-down:before {
  content: "\edda";
}
.ti-arrow-big-down-filled:before {
  content: "\f6c6";
}
.ti-arrow-big-down-line:before {
  content: "\efe8";
}
.ti-arrow-big-down-line-filled:before {
  content: "\f6c7";
}
.ti-arrow-big-down-lines:before {
  content: "\efe9";
}
.ti-arrow-big-down-lines-filled:before {
  content: "\f6c8";
}
.ti-arrow-big-left:before {
  content: "\eddb";
}
.ti-arrow-big-left-filled:before {
  content: "\f6c9";
}
.ti-arrow-big-left-line:before {
  content: "\efea";
}
.ti-arrow-big-left-line-filled:before {
  content: "\f6ca";
}
.ti-arrow-big-left-lines:before {
  content: "\efeb";
}
.ti-arrow-big-left-lines-filled:before {
  content: "\f6cb";
}
.ti-arrow-big-right:before {
  content: "\eddc";
}
.ti-arrow-big-right-filled:before {
  content: "\f6cc";
}
.ti-arrow-big-right-line:before {
  content: "\efec";
}
.ti-arrow-big-right-line-filled:before {
  content: "\f6cd";
}
.ti-arrow-big-right-lines:before {
  content: "\efed";
}
.ti-arrow-big-right-lines-filled:before {
  content: "\f6ce";
}
.ti-arrow-big-up:before {
  content: "\eddd";
}
.ti-arrow-big-up-filled:before {
  content: "\f6cf";
}
.ti-arrow-big-up-line:before {
  content: "\efee";
}
.ti-arrow-big-up-line-filled:before {
  content: "\f6d0";
}
.ti-arrow-big-up-lines:before {
  content: "\efef";
}
.ti-arrow-big-up-lines-filled:before {
  content: "\f6d1";
}
.ti-arrow-bounce:before {
  content: "\f3a4";
}
.ti-arrow-capsule:before {
  content: "\fade";
}
.ti-arrow-curve-left:before {
  content: "\f048";
}
.ti-arrow-curve-right:before {
  content: "\f049";
}
.ti-arrow-down:before {
  content: "\ea16";
}
.ti-arrow-down-bar:before {
  content: "\ed98";
}
.ti-arrow-down-circle:before {
  content: "\ea11";
}
.ti-arrow-down-left:before {
  content: "\ea13";
}
.ti-arrow-down-left-circle:before {
  content: "\ea12";
}
.ti-arrow-down-rhombus:before {
  content: "\f61d";
}
.ti-arrow-down-right:before {
  content: "\ea15";
}
.ti-arrow-down-right-circle:before {
  content: "\ea14";
}
.ti-arrow-down-square:before {
  content: "\ed9a";
}
.ti-arrow-down-tail:before {
  content: "\ed9b";
}
.ti-arrow-elbow-left:before {
  content: "\f9ed";
}
.ti-arrow-elbow-right:before {
  content: "\f9ee";
}
.ti-arrow-fork:before {
  content: "\f04a";
}
.ti-arrow-forward:before {
  content: "\ea17";
}
.ti-arrow-forward-up:before {
  content: "\eb78";
}
.ti-arrow-forward-up-double:before {
  content: "\f9ef";
}
.ti-arrow-guide:before {
  content: "\f22a";
}
.ti-arrow-iteration:before {
  content: "\f578";
}
.ti-arrow-left:before {
  content: "\ea19";
}
.ti-arrow-left-bar:before {
  content: "\ed9c";
}
.ti-arrow-left-circle:before {
  content: "\ea18";
}
.ti-arrow-left-rhombus:before {
  content: "\f61e";
}
.ti-arrow-left-right:before {
  content: "\f04b";
}
.ti-arrow-left-square:before {
  content: "\ed9d";
}
.ti-arrow-left-tail:before {
  content: "\ed9e";
}
.ti-arrow-loop-left:before {
  content: "\ed9f";
}
.ti-arrow-loop-left-2:before {
  content: "\f04c";
}
.ti-arrow-loop-right:before {
  content: "\eda0";
}
.ti-arrow-loop-right-2:before {
  content: "\f04d";
}
.ti-arrow-merge:before {
  content: "\f04e";
}
.ti-arrow-merge-alt-left:before {
  content: "\fc9f";
}
.ti-arrow-merge-alt-right:before {
  content: "\fca0";
}
.ti-arrow-merge-both:before {
  content: "\f23b";
}
.ti-arrow-merge-left:before {
  content: "\f23c";
}
.ti-arrow-merge-right:before {
  content: "\f23d";
}
.ti-arrow-move-down:before {
  content: "\f2ba";
}
.ti-arrow-move-left:before {
  content: "\f2bb";
}
.ti-arrow-move-right:before {
  content: "\f2bc";
}
.ti-arrow-move-up:before {
  content: "\f2bd";
}
.ti-arrow-narrow-down:before {
  content: "\ea1a";
}
.ti-arrow-narrow-left:before {
  content: "\ea1b";
}
.ti-arrow-narrow-right:before {
  content: "\ea1c";
}
.ti-arrow-narrow-up:before {
  content: "\ea1d";
}
.ti-arrow-ramp-left:before {
  content: "\ed3c";
}
.ti-arrow-ramp-left-2:before {
  content: "\f04f";
}
.ti-arrow-ramp-left-3:before {
  content: "\f050";
}
.ti-arrow-ramp-right:before {
  content: "\ed3d";
}
.ti-arrow-ramp-right-2:before {
  content: "\f051";
}
.ti-arrow-ramp-right-3:before {
  content: "\f052";
}
.ti-arrow-right:before {
  content: "\ea1f";
}
.ti-arrow-right-bar:before {
  content: "\eda1";
}
.ti-arrow-right-circle:before {
  content: "\ea1e";
}
.ti-arrow-right-rhombus:before {
  content: "\f61f";
}
.ti-arrow-right-square:before {
  content: "\eda2";
}
.ti-arrow-right-tail:before {
  content: "\eda3";
}
.ti-arrow-rotary-first-left:before {
  content: "\f053";
}
.ti-arrow-rotary-first-right:before {
  content: "\f054";
}
.ti-arrow-rotary-last-left:before {
  content: "\f055";
}
.ti-arrow-rotary-last-right:before {
  content: "\f056";
}
.ti-arrow-rotary-left:before {
  content: "\f057";
}
.ti-arrow-rotary-right:before {
  content: "\f058";
}
.ti-arrow-rotary-straight:before {
  content: "\f059";
}
.ti-arrow-roundabout-left:before {
  content: "\f22b";
}
.ti-arrow-roundabout-right:before {
  content: "\f22c";
}
.ti-arrow-sharp-turn-left:before {
  content: "\f05a";
}
.ti-arrow-sharp-turn-right:before {
  content: "\f05b";
}
.ti-arrow-up:before {
  content: "\ea25";
}
.ti-arrow-up-bar:before {
  content: "\eda4";
}
.ti-arrow-up-circle:before {
  content: "\ea20";
}
.ti-arrow-up-left:before {
  content: "\ea22";
}
.ti-arrow-up-left-circle:before {
  content: "\ea21";
}
.ti-arrow-up-rhombus:before {
  content: "\f620";
}
.ti-arrow-up-right:before {
  content: "\ea24";
}
.ti-arrow-up-right-circle:before {
  content: "\ea23";
}
.ti-arrow-up-square:before {
  content: "\eda6";
}
.ti-arrow-up-tail:before {
  content: "\eda7";
}
.ti-arrow-wave-left-down:before {
  content: "\eda8";
}
.ti-arrow-wave-left-up:before {
  content: "\eda9";
}
.ti-arrow-wave-right-down:before {
  content: "\edaa";
}
.ti-arrow-wave-right-up:before {
  content: "\edab";
}
.ti-arrow-zig-zag:before {
  content: "\f4a7";
}
.ti-arrows-cross:before {
  content: "\effe";
}
.ti-arrows-diagonal:before {
  content: "\ea27";
}
.ti-arrows-diagonal-2:before {
  content: "\ea26";
}
.ti-arrows-diagonal-minimize:before {
  content: "\ef39";
}
.ti-arrows-diagonal-minimize-2:before {
  content: "\ef38";
}
.ti-arrows-diff:before {
  content: "\f296";
}
.ti-arrows-double-ne-sw:before {
  content: "\edde";
}
.ti-arrows-double-nw-se:before {
  content: "\eddf";
}
.ti-arrows-double-se-nw:before {
  content: "\ede0";
}
.ti-arrows-double-sw-ne:before {
  content: "\ede1";
}
.ti-arrows-down:before {
  content: "\edad";
}
.ti-arrows-down-up:before {
  content: "\edac";
}
.ti-arrows-exchange:before {
  content: "\f1f4";
}
.ti-arrows-exchange-2:before {
  content: "\f1f3";
}
.ti-arrows-horizontal:before {
  content: "\eb59";
}
.ti-arrows-join:before {
  content: "\edaf";
}
.ti-arrows-join-2:before {
  content: "\edae";
}
.ti-arrows-left:before {
  content: "\edb1";
}
.ti-arrows-left-down:before {
  content: "\ee00";
}
.ti-arrows-left-right:before {
  content: "\edb0";
}
.ti-arrows-maximize:before {
  content: "\ea28";
}
.ti-arrows-minimize:before {
  content: "\ea29";
}
.ti-arrows-move:before {
  content: "\f22f";
}
.ti-arrows-move-horizontal:before {
  content: "\f22d";
}
.ti-arrows-move-vertical:before {
  content: "\f22e";
}
.ti-arrows-random:before {
  content: "\f095";
}
.ti-arrows-right:before {
  content: "\edb3";
}
.ti-arrows-right-down:before {
  content: "\ee01";
}
.ti-arrows-right-left:before {
  content: "\edb2";
}
.ti-arrows-shuffle:before {
  content: "\f000";
}
.ti-arrows-shuffle-2:before {
  content: "\efff";
}
.ti-arrows-sort:before {
  content: "\eb5a";
}
.ti-arrows-split:before {
  content: "\edb5";
}
.ti-arrows-split-2:before {
  content: "\edb4";
}
.ti-arrows-transfer-down:before {
  content: "\f2cc";
}
.ti-arrows-transfer-up:before {
  content: "\f2cd";
}
.ti-arrows-up:before {
  content: "\edb7";
}
.ti-arrows-up-down:before {
  content: "\edb6";
}
.ti-arrows-up-left:before {
  content: "\ee02";
}
.ti-arrows-up-right:before {
  content: "\ee03";
}
.ti-arrows-vertical:before {
  content: "\eb5b";
}
.ti-artboard:before {
  content: "\ea2a";
}
.ti-artboard-filled:before {
  content: "\fa83";
}
.ti-artboard-off:before {
  content: "\f0ae";
}
.ti-article:before {
  content: "\f1e2";
}
.ti-article-filled-filled:before {
  content: "\f7da";
}
.ti-article-off:before {
  content: "\f3bf";
}
.ti-aspect-ratio:before {
  content: "\ed30";
}
.ti-aspect-ratio-filled:before {
  content: "\f7db";
}
.ti-aspect-ratio-off:before {
  content: "\f0af";
}
.ti-assembly:before {
  content: "\f24d";
}
.ti-assembly-off:before {
  content: "\f3c0";
}
.ti-asset:before {
  content: "\f1ce";
}
.ti-asterisk:before {
  content: "\efd5";
}
.ti-asterisk-simple:before {
  content: "\efd4";
}
.ti-at:before {
  content: "\ea2b";
}
.ti-at-off:before {
  content: "\f0b0";
}
.ti-atom:before {
  content: "\eb79";
}
.ti-atom-2:before {
  content: "\ebdf";
}
.ti-atom-2-filled:before {
  content: "\f71b";
}
.ti-atom-off:before {
  content: "\f0f9";
}
.ti-augmented-reality:before {
  content: "\f023";
}
.ti-augmented-reality-2:before {
  content: "\f37e";
}
.ti-augmented-reality-off:before {
  content: "\f3c1";
}
.ti-automatic-gearbox:before {
  content: "\fc89";
}
.ti-award:before {
  content: "\ea2c";
}
.ti-award-filled:before {
  content: "\f71c";
}
.ti-award-off:before {
  content: "\f0fa";
}
.ti-axe:before {
  content: "\ef9f";
}
.ti-axis-x:before {
  content: "\ef45";
}
.ti-axis-y:before {
  content: "\ef46";
}
.ti-baby-bottle:before {
  content: "\f5d2";
}
.ti-baby-carriage:before {
  content: "\f05d";
}
.ti-background:before {
  content: "\fd2c";
}
.ti-backhoe:before {
  content: "\ed86";
}
.ti-backpack:before {
  content: "\ef47";
}
.ti-backpack-off:before {
  content: "\f3c2";
}
.ti-backslash:before {
  content: "\fab9";
}
.ti-backspace:before {
  content: "\ea2d";
}
.ti-backspace-filled:before {
  content: "\f7dc";
}
.ti-badge:before {
  content: "\efc2";
}
.ti-badge-3d:before {
  content: "\f555";
}
.ti-badge-4k:before {
  content: "\f556";
}
.ti-badge-8k:before {
  content: "\f557";
}
.ti-badge-ad:before {
  content: "\f558";
}
.ti-badge-ar:before {
  content: "\f559";
}
.ti-badge-cc:before {
  content: "\f55a";
}
.ti-badge-filled:before {
  content: "\f667";
}
.ti-badge-hd:before {
  content: "\f55b";
}
.ti-badge-off:before {
  content: "\f0fb";
}
.ti-badge-sd:before {
  content: "\f55c";
}
.ti-badge-tm:before {
  content: "\f55d";
}
.ti-badge-vo:before {
  content: "\f55e";
}
.ti-badge-vr:before {
  content: "\f55f";
}
.ti-badge-wc:before {
  content: "\f560";
}
.ti-badges:before {
  content: "\efc3";
}
.ti-badges-filled:before {
  content: "\f7dd";
}
.ti-badges-off:before {
  content: "\f0fc";
}
.ti-baguette:before {
  content: "\f3a5";
}
.ti-ball-american-football:before {
  content: "\ee04";
}
.ti-ball-american-football-off:before {
  content: "\f3c3";
}
.ti-ball-baseball:before {
  content: "\efa0";
}
.ti-ball-basketball:before {
  content: "\ec28";
}
.ti-ball-bowling:before {
  content: "\ec29";
}
.ti-ball-football:before {
  content: "\ee06";
}
.ti-ball-football-off:before {
  content: "\ee05";
}
.ti-ball-tennis:before {
  content: "\ec2a";
}
.ti-ball-volleyball:before {
  content: "\ec2b";
}
.ti-balloon:before {
  content: "\ef3a";
}
.ti-balloon-filled:before {
  content: "\fa84";
}
.ti-balloon-off:before {
  content: "\f0fd";
}
.ti-ballpen:before {
  content: "\f06e";
}
.ti-ballpen-filled:before {
  content: "\fa85";
}
.ti-ballpen-off:before {
  content: "\f0b1";
}
.ti-ban:before {
  content: "\ea2e";
}
.ti-bandage:before {
  content: "\eb7a";
}
.ti-bandage-filled:before {
  content: "\f7de";
}
.ti-bandage-off:before {
  content: "\f3c4";
}
.ti-barbell:before {
  content: "\eff0";
}
.ti-barbell-off:before {
  content: "\f0b2";
}
.ti-barcode:before {
  content: "\ebc6";
}
.ti-barcode-off:before {
  content: "\f0b3";
}
.ti-barrel:before {
  content: "\f0b4";
}
.ti-barrel-off:before {
  content: "\f0fe";
}
.ti-barrier-block:before {
  content: "\f00e";
}
.ti-barrier-block-off:before {
  content: "\f0b5";
}
.ti-baseline:before {
  content: "\f024";
}
.ti-baseline-density-large:before {
  content: "\f9f0";
}
.ti-baseline-density-medium:before {
  content: "\f9f1";
}
.ti-baseline-density-small:before {
  content: "\f9f2";
}
.ti-basket:before {
  content: "\ebe1";
}
.ti-basket-bolt:before {
  content: "\fb43";
}
.ti-basket-cancel:before {
  content: "\fb44";
}
.ti-basket-check:before {
  content: "\fb45";
}
.ti-basket-code:before {
  content: "\fb46";
}
.ti-basket-cog:before {
  content: "\fb47";
}
.ti-basket-discount:before {
  content: "\fb48";
}
.ti-basket-dollar:before {
  content: "\fb49";
}
.ti-basket-down:before {
  content: "\fb4a";
}
.ti-basket-exclamation:before {
  content: "\fb4b";
}
.ti-basket-filled:before {
  content: "\f7df";
}
.ti-basket-heart:before {
  content: "\fb4c";
}
.ti-basket-minus:before {
  content: "\fb4d";
}
.ti-basket-off:before {
  content: "\f0b6";
}
.ti-basket-pause:before {
  content: "\fb4e";
}
.ti-basket-pin:before {
  content: "\fb4f";
}
.ti-basket-plus:before {
  content: "\fb50";
}
.ti-basket-question:before {
  content: "\fb51";
}
.ti-basket-search:before {
  content: "\fb52";
}
.ti-basket-share:before {
  content: "\fb53";
}
.ti-basket-star:before {
  content: "\fb54";
}
.ti-basket-up:before {
  content: "\fb55";
}
.ti-basket-x:before {
  content: "\fb56";
}
.ti-bat:before {
  content: "\f284";
}
.ti-bath:before {
  content: "\ef48";
}
.ti-bath-filled:before {
  content: "\f71d";
}
.ti-bath-off:before {
  content: "\f0ff";
}
.ti-battery:before {
  content: "\ea34";
}
.ti-battery-1:before {
  content: "\ea2f";
}
.ti-battery-1-filled:before {
  content: "\f71e";
}
.ti-battery-2:before {
  content: "\ea30";
}
.ti-battery-2-filled:before {
  content: "\f71f";
}
.ti-battery-3:before {
  content: "\ea31";
}
.ti-battery-3-filled:before {
  content: "\f720";
}
.ti-battery-4:before {
  content: "\ea32";
}
.ti-battery-4-filled:before {
  content: "\f721";
}
.ti-battery-automotive:before {
  content: "\ee07";
}
.ti-battery-charging:before {
  content: "\ea33";
}
.ti-battery-charging-2:before {
  content: "\ef3b";
}
.ti-battery-eco:before {
  content: "\ef3c";
}
.ti-battery-filled:before {
  content: "\f668";
}
.ti-battery-off:before {
  content: "\ed1c";
}
.ti-beach:before {
  content: "\ef3d";
}
.ti-beach-off:before {
  content: "\f0b7";
}
.ti-bed:before {
  content: "\eb5c";
}
.ti-bed-filled:before {
  content: "\f7e0";
}
.ti-bed-flat:before {
  content: "\fca1";
}
.ti-bed-off:before {
  content: "\f100";
}
.ti-beer:before {
  content: "\efa1";
}
.ti-beer-filled:before {
  content: "\f7e1";
}
.ti-beer-off:before {
  content: "\f101";
}
.ti-bell:before {
  content: "\ea35" !important;
}
.ti-bell-bolt:before {
  content: "\f812";
}
.ti-bell-cancel:before {
  content: "\f813";
}
.ti-bell-check:before {
  content: "\f814";
}
.ti-bell-code:before {
  content: "\f815";
}
.ti-bell-cog:before {
  content: "\f816";
}
.ti-bell-dollar:before {
  content: "\f817";
}
.ti-bell-down:before {
  content: "\f818";
}
.ti-bell-exclamation:before {
  content: "\f819";
}
.ti-bell-filled:before {
  content: "\f669";
}
.ti-bell-heart:before {
  content: "\f81a";
}
.ti-bell-minus:before {
  content: "\ede2";
}
.ti-bell-minus-filled:before {
  content: "\f722";
}
.ti-bell-off:before {
  content: "\ece9";
}
.ti-bell-pause:before {
  content: "\f81b";
}
.ti-bell-pin:before {
  content: "\f81c";
}
.ti-bell-plus:before {
  content: "\ede3";
}
.ti-bell-plus-filled:before {
  content: "\f723";
}
.ti-bell-question:before {
  content: "\f81d";
}
.ti-bell-ringing:before {
  content: "\ed07";
}
.ti-bell-ringing-2:before {
  content: "\ede4";
}
.ti-bell-ringing-2-filled:before {
  content: "\f724";
}
.ti-bell-ringing-filled:before {
  content: "\f725";
}
.ti-bell-school:before {
  content: "\f05e";
}
.ti-bell-search:before {
  content: "\f81e";
}
.ti-bell-share:before {
  content: "\f81f";
}
.ti-bell-star:before {
  content: "\f820";
}
.ti-bell-up:before {
  content: "\f821";
}
.ti-bell-x:before {
  content: "\ede5";
}
.ti-bell-x-filled:before {
  content: "\f726";
}
.ti-bell-z:before {
  content: "\eff1";
}
.ti-bell-z-filled:before {
  content: "\f727";
}
.ti-beta:before {
  content: "\f544";
}
.ti-bible:before {
  content: "\efc4";
}
.ti-bike:before {
  content: "\ea36";
}
.ti-bike-off:before {
  content: "\f0b8";
}
.ti-binary:before {
  content: "\ee08";
}
.ti-binary-off:before {
  content: "\f3c5";
}
.ti-binary-tree:before {
  content: "\f5d4";
}
.ti-binary-tree-2:before {
  content: "\f5d3";
}
.ti-biohazard:before {
  content: "\ecb8";
}
.ti-biohazard-off:before {
  content: "\f0b9";
}
.ti-blade:before {
  content: "\f4bd";
}
.ti-blade-filled:before {
  content: "\f7e2";
}
.ti-bleach:before {
  content: "\f2f3";
}
.ti-bleach-chlorine:before {
  content: "\f2f0";
}
.ti-bleach-no-chlorine:before {
  content: "\f2f1";
}
.ti-bleach-off:before {
  content: "\f2f2";
}
.ti-blender:before {
  content: "\fca2";
}
.ti-blockquote:before {
  content: "\ee09";
}
.ti-bluetooth:before {
  content: "\ea37";
}
.ti-bluetooth-connected:before {
  content: "\ecea";
}
.ti-bluetooth-off:before {
  content: "\eceb";
}
.ti-bluetooth-x:before {
  content: "\f081";
}
.ti-blur:before {
  content: "\ef8c";
}
.ti-blur-off:before {
  content: "\f3c6";
}
.ti-bmp:before {
  content: "\f3a6";
}
.ti-body-scan:before {
  content: "\fca3";
}
.ti-bold:before {
  content: "\eb7b";
}
.ti-bold-off:before {
  content: "\f0ba";
}
.ti-bolt:before {
  content: "\ea38";
}
.ti-bolt-off:before {
  content: "\ecec";
}
.ti-bomb:before {
  content: "\f59c";
}
.ti-bomb-filled:before {
  content: "\fa86";
}
.ti-bone:before {
  content: "\edb8";
}
.ti-bone-off:before {
  content: "\f0bb";
}
.ti-bong:before {
  content: "\f3a7";
}
.ti-bong-off:before {
  content: "\f3c7";
}
.ti-book:before {
  content: "\ea39";
}
.ti-book-2:before {
  content: "\efc5";
}
.ti-book-download:before {
  content: "\f070";
}
.ti-book-filled:before {
  content: "\fa87";
}
.ti-book-off:before {
  content: "\f0bc";
}
.ti-book-upload:before {
  content: "\f071";
}
.ti-bookmark:before {
  content: "\ea3a";
}
.ti-bookmark-ai:before {
  content: "\fc8a";
}
.ti-bookmark-edit:before {
  content: "\fa5e";
}
.ti-bookmark-filled:before {
  content: "\fa88";
}
.ti-bookmark-minus:before {
  content: "\fa5f";
}
.ti-bookmark-off:before {
  content: "\eced";
}
.ti-bookmark-plus:before {
  content: "\fa60";
}
.ti-bookmark-question:before {
  content: "\fa61";
}
.ti-bookmarks:before {
  content: "\ed08";
}
.ti-bookmarks-filled:before {
  content: "\fb1f";
}
.ti-bookmarks-off:before {
  content: "\f0bd";
}
.ti-books:before {
  content: "\eff2";
}
.ti-books-off:before {
  content: "\f0be";
}
.ti-border-all:before {
  content: "\ea3b";
}
.ti-border-bottom:before {
  content: "\ea3c";
}
.ti-border-corner-pill:before {
  content: "\fd62";
}
.ti-border-corner-rounded:before {
  content: "\fd63";
}
.ti-border-corner-square:before {
  content: "\fd64";
}
.ti-border-corners:before {
  content: "\f7a0";
}
.ti-border-horizontal:before {
  content: "\ea3d";
}
.ti-border-inner:before {
  content: "\ea3e";
}
.ti-border-left:before {
  content: "\ea3f";
}
.ti-border-none:before {
  content: "\ea40";
}
.ti-border-outer:before {
  content: "\ea41";
}
.ti-border-radius:before {
  content: "\eb7c";
}
.ti-border-right:before {
  content: "\ea42";
}
.ti-border-sides:before {
  content: "\f7a1";
}
.ti-border-style:before {
  content: "\ee0a";
}
.ti-border-style-2:before {
  content: "\ef22";
}
.ti-border-top:before {
  content: "\ea43";
}
.ti-border-vertical:before {
  content: "\ea44";
}
.ti-bottle:before {
  content: "\ef0b";
}
.ti-bottle-filled:before {
  content: "\fa89";
}
.ti-bottle-off:before {
  content: "\f3c8";
}
.ti-bounce-left:before {
  content: "\f59d";
}
.ti-bounce-left-filled:before {
  content: "\fb20";
}
.ti-bounce-right:before {
  content: "\f59e";
}
.ti-bounce-right-filled:before {
  content: "\fb21";
}
.ti-bow:before {
  content: "\f096";
}
.ti-bowl:before {
  content: "\f4fa";
}
.ti-bowl-filled:before {
  content: "\fb22";
}
.ti-box:before {
  content: "\ea45";
}
.ti-box-align-bottom:before {
  content: "\f2a8";
}
.ti-box-align-bottom-filled:before {
  content: "\fa8a";
}
.ti-box-align-bottom-left:before {
  content: "\f2ce";
}
.ti-box-align-bottom-left-filled:before {
  content: "\fa8b";
}
.ti-box-align-bottom-right:before {
  content: "\f2cf";
}
.ti-box-align-bottom-right-filled:before {
  content: "\fa8c";
}
.ti-box-align-left:before {
  content: "\f2a9";
}
.ti-box-align-left-filled:before {
  content: "\fa8d";
}
.ti-box-align-right:before {
  content: "\f2aa";
}
.ti-box-align-right-filled:before {
  content: "\fa8e";
}
.ti-box-align-top:before {
  content: "\f2ab";
}
.ti-box-align-top-filled:before {
  content: "\fa8f";
}
.ti-box-align-top-left:before {
  content: "\f2d0";
}
.ti-box-align-top-left-filled:before {
  content: "\fa90";
}
.ti-box-align-top-right:before {
  content: "\f2d1";
}
.ti-box-align-top-right-filled:before {
  content: "\fa91";
}
.ti-box-margin:before {
  content: "\ee0b";
}
.ti-box-model:before {
  content: "\ee0c";
}
.ti-box-model-2:before {
  content: "\ef23";
}
.ti-box-model-2-off:before {
  content: "\f3c9";
}
.ti-box-model-off:before {
  content: "\f3ca";
}
.ti-box-multiple:before {
  content: "\ee17";
}
.ti-box-multiple-0:before {
  content: "\ee0d";
}
.ti-box-multiple-1:before {
  content: "\ee0e";
}
.ti-box-multiple-2:before {
  content: "\ee0f";
}
.ti-box-multiple-3:before {
  content: "\ee10";
}
.ti-box-multiple-4:before {
  content: "\ee11";
}
.ti-box-multiple-5:before {
  content: "\ee12";
}
.ti-box-multiple-6:before {
  content: "\ee13";
}
.ti-box-multiple-7:before {
  content: "\ee14";
}
.ti-box-multiple-8:before {
  content: "\ee15";
}
.ti-box-multiple-9:before {
  content: "\ee16";
}
.ti-box-off:before {
  content: "\f102";
}
.ti-box-padding:before {
  content: "\ee18";
}
.ti-box-seam:before {
  content: "\f561";
}
.ti-braces:before {
  content: "\ebcc";
}
.ti-braces-off:before {
  content: "\f0bf";
}
.ti-brackets:before {
  content: "\ebcd";
}
.ti-brackets-angle:before {
  content: "\fcb2";
}
.ti-brackets-angle-off:before {
  content: "\fcb1";
}
.ti-brackets-contain:before {
  content: "\f1e5";
}
.ti-brackets-contain-end:before {
  content: "\f1e3";
}
.ti-brackets-contain-start:before {
  content: "\f1e4";
}
.ti-brackets-off:before {
  content: "\f0c0";
}
.ti-braille:before {
  content: "\f545";
}
.ti-brain:before {
  content: "\f59f";
}
.ti-brand-4chan:before {
  content: "\f494";
}
.ti-brand-abstract:before {
  content: "\f495";
}
.ti-brand-adobe:before {
  content: "\f0dc";
}
.ti-brand-adonis-js:before {
  content: "\f496";
}
.ti-brand-airbnb:before {
  content: "\ed68";
}
.ti-brand-airtable:before {
  content: "\ef6a";
}
.ti-brand-algolia:before {
  content: "\f390";
}
.ti-brand-alipay:before {
  content: "\f7a2";
}
.ti-brand-alpine-js:before {
  content: "\f324";
}
.ti-brand-amazon:before {
  content: "\f230";
}
.ti-brand-amd:before {
  content: "\f653";
}
.ti-brand-amigo:before {
  content: "\f5f9";
}
.ti-brand-among-us:before {
  content: "\f205";
}
.ti-brand-android:before {
  content: "\ec16";
}
.ti-brand-angular:before {
  content: "\ef6b";
}
.ti-brand-ansible:before {
  content: "\fa70";
}
.ti-brand-ao3:before {
  content: "\f5e8";
}
.ti-brand-appgallery:before {
  content: "\f231";
}
.ti-brand-apple:before {
  content: "\ec17";
}
.ti-brand-apple-arcade:before {
  content: "\ed69";
}
.ti-brand-apple-filled:before {
  content: "\fd74";
}
.ti-brand-apple-podcast:before {
  content: "\f1e6";
}
.ti-brand-appstore:before {
  content: "\ed24";
}
.ti-brand-asana:before {
  content: "\edc5";
}
.ti-brand-auth0:before {
  content: "\fcb3";
}
.ti-brand-aws:before {
  content: "\fa4c";
}
.ti-brand-azure:before {
  content: "\fa4d";
}
.ti-brand-backbone:before {
  content: "\f325";
}
.ti-brand-badoo:before {
  content: "\f206";
}
.ti-brand-baidu:before {
  content: "\f5e9";
}
.ti-brand-bandcamp:before {
  content: "\f207";
}
.ti-brand-bandlab:before {
  content: "\f5fa";
}
.ti-brand-beats:before {
  content: "\f208";
}
.ti-brand-behance:before {
  content: "\ec6e";
}
.ti-brand-bilibili:before {
  content: "\f6d2";
}
.ti-brand-binance:before {
  content: "\f5a0";
}
.ti-brand-bing:before {
  content: "\edc6";
}
.ti-brand-bitbucket:before {
  content: "\edc7";
}
.ti-brand-blackberry:before {
  content: "\f568";
}
.ti-brand-blender:before {
  content: "\f326";
}
.ti-brand-blogger:before {
  content: "\f35a";
}
.ti-brand-bluesky:before {
  content: "\fd75";
}
.ti-brand-booking:before {
  content: "\edc8";
}
.ti-brand-bootstrap:before {
  content: "\ef3e";
}
.ti-brand-bulma:before {
  content: "\f327";
}
.ti-brand-bumble:before {
  content: "\f5fb";
}
.ti-brand-bunpo:before {
  content: "\f4cf";
}
.ti-brand-c-sharp:before {
  content: "\f003";
}
.ti-brand-cake:before {
  content: "\f7a3";
}
.ti-brand-cakephp:before {
  content: "\f7af";
}
.ti-brand-campaignmonitor:before {
  content: "\f328";
}
.ti-brand-carbon:before {
  content: "\f348";
}
.ti-brand-cashapp:before {
  content: "\f391";
}
.ti-brand-chrome:before {
  content: "\ec18";
}
.ti-brand-cinema-4d:before {
  content: "\fa71";
}
.ti-brand-citymapper:before {
  content: "\f5fc";
}
.ti-brand-cloudflare:before {
  content: "\fa4e";
}
.ti-brand-codecov:before {
  content: "\f329";
}
.ti-brand-codepen:before {
  content: "\ec6f";
}
.ti-brand-codesandbox:before {
  content: "\ed6a";
}
.ti-brand-cohost:before {
  content: "\f5d5";
}
.ti-brand-coinbase:before {
  content: "\f209";
}
.ti-brand-comedy-central:before {
  content: "\f217";
}
.ti-brand-coreos:before {
  content: "\f5fd";
}
.ti-brand-couchdb:before {
  content: "\f60f";
}
.ti-brand-couchsurfing:before {
  content: "\f392";
}
.ti-brand-cpp:before {
  content: "\f5fe";
}
.ti-brand-craft:before {
  content: "\fa72";
}
.ti-brand-crunchbase:before {
  content: "\f7e3";
}
.ti-brand-css3:before {
  content: "\ed6b";
}
.ti-brand-ctemplar:before {
  content: "\f4d0";
}
.ti-brand-cucumber:before {
  content: "\ef6c";
}
.ti-brand-cupra:before {
  content: "\f4d1";
}
.ti-brand-cypress:before {
  content: "\f333";
}
.ti-brand-d3:before {
  content: "\f24e";
}
.ti-brand-databricks:before {
  content: "\fc41";
}
.ti-brand-days-counter:before {
  content: "\f4d2";
}
.ti-brand-dcos:before {
  content: "\f32a";
}
.ti-brand-debian:before {
  content: "\ef57";
}
.ti-brand-deezer:before {
  content: "\f78b";
}
.ti-brand-deliveroo:before {
  content: "\f4d3";
}
.ti-brand-deno:before {
  content: "\f24f";
}
.ti-brand-denodo:before {
  content: "\f610";
}
.ti-brand-deviantart:before {
  content: "\ecfb";
}
.ti-brand-digg:before {
  content: "\fa73";
}
.ti-brand-dingtalk:before {
  content: "\f5ea";
}
.ti-brand-discord:before {
  content: "\ece3";
}
.ti-brand-discord-filled:before {
  content: "\f7e4";
}
.ti-brand-disney:before {
  content: "\f20a";
}
.ti-brand-disqus:before {
  content: "\edc9";
}
.ti-brand-django:before {
  content: "\f349";
}
.ti-brand-docker:before {
  content: "\edca";
}
.ti-brand-doctrine:before {
  content: "\ef6d";
}
.ti-brand-dolby-digital:before {
  content: "\f4d4";
}
.ti-brand-douban:before {
  content: "\f5ff";
}
.ti-brand-dribbble:before {
  content: "\ec19";
}
.ti-brand-dribbble-filled:before {
  content: "\f7e5";
}
.ti-brand-drops:before {
  content: "\f4d5";
}
.ti-brand-drupal:before {
  content: "\f393";
}
.ti-brand-edge:before {
  content: "\ecfc";
}
.ti-brand-elastic:before {
  content: "\f611";
}
.ti-brand-electronic-arts:before {
  content: "\fa74";
}
.ti-brand-ember:before {
  content: "\f497";
}
.ti-brand-envato:before {
  content: "\f394";
}
.ti-brand-etsy:before {
  content: "\f654";
}
.ti-brand-evernote:before {
  content: "\f600";
}
.ti-brand-facebook:before {
  content: "\ec1a";
}
.ti-brand-facebook-filled:before {
  content: "\f7e6";
}
.ti-brand-feedly:before {
  content: "\fa75";
}
.ti-brand-figma:before {
  content: "\ec93";
}
.ti-brand-filezilla:before {
  content: "\fa76";
}
.ti-brand-finder:before {
  content: "\f218";
}
.ti-brand-firebase:before {
  content: "\ef6e";
}
.ti-brand-firefox:before {
  content: "\ecfd";
}
.ti-brand-fiverr:before {
  content: "\f7a4";
}
.ti-brand-flickr:before {
  content: "\ecfe";
}
.ti-brand-flightradar24:before {
  content: "\f4d6";
}
.ti-brand-flipboard:before {
  content: "\f20b";
}
.ti-brand-flutter:before {
  content: "\f395";
}
.ti-brand-fortnite:before {
  content: "\f260";
}
.ti-brand-foursquare:before {
  content: "\ecff";
}
.ti-brand-framer:before {
  content: "\ec1b";
}
.ti-brand-framer-motion:before {
  content: "\f78c";
}
.ti-brand-funimation:before {
  content: "\f655";
}
.ti-brand-gatsby:before {
  content: "\f396";
}
.ti-brand-git:before {
  content: "\ef6f";
}
.ti-brand-github:before {
  content: "\ec1c";
}
.ti-brand-github-copilot:before {
  content: "\f4a8";
}
.ti-brand-github-filled:before {
  content: "\f7e7";
}
.ti-brand-gitlab:before {
  content: "\ec1d";
}
.ti-brand-gmail:before {
  content: "\efa2";
}
.ti-brand-golang:before {
  content: "\f78d";
}
.ti-brand-google:before {
  content: "\ec1f";
}
.ti-brand-google-analytics:before {
  content: "\edcb";
}
.ti-brand-google-big-query:before {
  content: "\f612";
}
.ti-brand-google-drive:before {
  content: "\ec1e";
}
.ti-brand-google-filled:before {
  content: "\fd1a";
}
.ti-brand-google-fit:before {
  content: "\f297";
}
.ti-brand-google-home:before {
  content: "\f601";
}
.ti-brand-google-maps:before {
  content: "\fa4f";
}
.ti-brand-google-one:before {
  content: "\f232";
}
.ti-brand-google-photos:before {
  content: "\f20c";
}
.ti-brand-google-play:before {
  content: "\ed25";
}
.ti-brand-google-podcasts:before {
  content: "\f656";
}
.ti-brand-grammarly:before {
  content: "\f32b";
}
.ti-brand-graphql:before {
  content: "\f32c";
}
.ti-brand-gravatar:before {
  content: "\edcc";
}
.ti-brand-grindr:before {
  content: "\f20d";
}
.ti-brand-guardian:before {
  content: "\f4fb";
}
.ti-brand-gumroad:before {
  content: "\f5d6";
}
.ti-brand-hbo:before {
  content: "\f657";
}
.ti-brand-headlessui:before {
  content: "\f32d";
}
.ti-brand-hexo:before {
  content: "\fa50";
}
.ti-brand-hipchat:before {
  content: "\edcd";
}
.ti-brand-html5:before {
  content: "\ed6c";
}
.ti-brand-inertia:before {
  content: "\f34a";
}
.ti-brand-instagram:before {
  content: "\ec20";
}
.ti-brand-intercom:before {
  content: "\f1cf";
}
.ti-brand-itch:before {
  content: "\fa22";
}
.ti-brand-javascript:before {
  content: "\ef0c";
}
.ti-brand-juejin:before {
  content: "\f7b0";
}
.ti-brand-kako-talk:before {
  content: "\fd2d";
}
.ti-brand-kbin:before {
  content: "\fad0";
}
.ti-brand-kick:before {
  content: "\fa23";
}
.ti-brand-kickstarter:before {
  content: "\edce";
}
.ti-brand-kotlin:before {
  content: "\ed6d";
}
.ti-brand-laravel:before {
  content: "\f34b";
}
.ti-brand-lastfm:before {
  content: "\f001";
}
.ti-brand-leetcode:before {
  content: "\fa51";
}
.ti-brand-letterboxd:before {
  content: "\fa24";
}
.ti-brand-line:before {
  content: "\f7e8";
}
.ti-brand-linkedin:before {
  content: "\ec8c";
}
.ti-brand-linktree:before {
  content: "\f1e7";
}
.ti-brand-linqpad:before {
  content: "\f562";
}
.ti-brand-livewire:before {
  content: "\fd76";
}
.ti-brand-loom:before {
  content: "\ef70";
}
.ti-brand-mailgun:before {
  content: "\f32e";
}
.ti-brand-mantine:before {
  content: "\f32f";
}
.ti-brand-mastercard:before {
  content: "\ef49";
}
.ti-brand-mastodon:before {
  content: "\f250";
}
.ti-brand-matrix:before {
  content: "\f5eb";
}
.ti-brand-mcdonalds:before {
  content: "\f251";
}
.ti-brand-medium:before {
  content: "\ec70";
}
.ti-brand-meetup:before {
  content: "\fc6a";
}
.ti-brand-mercedes:before {
  content: "\f072";
}
.ti-brand-messenger:before {
  content: "\ec71";
}
.ti-brand-meta:before {
  content: "\efb0";
}
.ti-brand-minecraft:before {
  content: "\faef";
}
.ti-brand-miniprogram:before {
  content: "\f602";
}
.ti-brand-mixpanel:before {
  content: "\f397";
}
.ti-brand-monday:before {
  content: "\f219";
}
.ti-brand-mongodb:before {
  content: "\f613";
}
.ti-brand-my-oppo:before {
  content: "\f4d7";
}
.ti-brand-mysql:before {
  content: "\f614";
}
.ti-brand-national-geographic:before {
  content: "\f603";
}
.ti-brand-nem:before {
  content: "\f5a1";
}
.ti-brand-netbeans:before {
  content: "\ef71";
}
.ti-brand-netease-music:before {
  content: "\f604";
}
.ti-brand-netflix:before {
  content: "\edcf";
}
.ti-brand-nexo:before {
  content: "\f5a2";
}
.ti-brand-nextcloud:before {
  content: "\f4d8";
}
.ti-brand-nextjs:before {
  content: "\f0dd";
}
.ti-brand-nodejs:before {
  content: "\fae0";
}
.ti-brand-nord-vpn:before {
  content: "\f37f";
}
.ti-brand-notion:before {
  content: "\ef7b";
}
.ti-brand-npm:before {
  content: "\f569";
}
.ti-brand-nuxt:before {
  content: "\f0de";
}
.ti-brand-nytimes:before {
  content: "\ef8d";
}
.ti-brand-oauth:before {
  content: "\fa52";
}
.ti-brand-office:before {
  content: "\f398";
}
.ti-brand-ok-ru:before {
  content: "\f399";
}
.ti-brand-onedrive:before {
  content: "\f5d7";
}
.ti-brand-onlyfans:before {
  content: "\f605";
}
.ti-brand-open-source:before {
  content: "\edd0";
}
.ti-brand-openai:before {
  content: "\f78e";
}
.ti-brand-openvpn:before {
  content: "\f39a";
}
.ti-brand-opera:before {
  content: "\ec21";
}
.ti-brand-pagekit:before {
  content: "\edd1";
}
.ti-brand-parsinta:before {
  content: "\fc42";
}
.ti-brand-patreon:before {
  content: "\edd2";
}
.ti-brand-patreon-filled:before {
  content: "\fcff";
}
.ti-brand-paypal:before {
  content: "\ec22";
}
.ti-brand-paypal-filled:before {
  content: "\f7e9";
}
.ti-brand-paypay:before {
  content: "\f5ec";
}
.ti-brand-peanut:before {
  content: "\f39b";
}
.ti-brand-pepsi:before {
  content: "\f261";
}
.ti-brand-php:before {
  content: "\ef72";
}
.ti-brand-picsart:before {
  content: "\f4d9";
}
.ti-brand-pinterest:before {
  content: "\ec8d";
}
.ti-brand-planetscale:before {
  content: "\f78f";
}
.ti-brand-pnpm:before {
  content: "\fd77";
}
.ti-brand-pocket:before {
  content: "\ed00";
}
.ti-brand-polymer:before {
  content: "\f498";
}
.ti-brand-powershell:before {
  content: "\f5ed";
}
.ti-brand-printables:before {
  content: "\fd1b";
}
.ti-brand-prisma:before {
  content: "\f499";
}
.ti-brand-producthunt:before {
  content: "\edd3";
}
.ti-brand-pushbullet:before {
  content: "\f330";
}
.ti-brand-pushover:before {
  content: "\f20e";
}
.ti-brand-python:before {
  content: "\ed01";
}
.ti-brand-qq:before {
  content: "\f606";
}
.ti-brand-radix-ui:before {
  content: "\f790";
}
.ti-brand-react:before {
  content: "\f34c";
}
.ti-brand-react-native:before {
  content: "\ef73";
}
.ti-brand-reason:before {
  content: "\f49a";
}
.ti-brand-reddit:before {
  content: "\ec8e";
}
.ti-brand-redhat:before {
  content: "\f331";
}
.ti-brand-redux:before {
  content: "\f3a8";
}
.ti-brand-revolut:before {
  content: "\f4da";
}
.ti-brand-rumble:before {
  content: "\fad1";
}
.ti-brand-rust:before {
  content: "\fa53";
}
.ti-brand-safari:before {
  content: "\ec23";
}
.ti-brand-samsungpass:before {
  content: "\f4db";
}
.ti-brand-sass:before {
  content: "\edd4";
}
.ti-brand-sentry:before {
  content: "\edd5";
}
.ti-brand-sharik:before {
  content: "\f4dc";
}
.ti-brand-shazam:before {
  content: "\edd6";
}
.ti-brand-shopee:before {
  content: "\f252";
}
.ti-brand-sketch:before {
  content: "\ec24";
}
.ti-brand-skype:before {
  content: "\ed02";
}
.ti-brand-slack:before {
  content: "\ec72";
}
.ti-brand-snapchat:before {
  content: "\ec25";
}
.ti-brand-snapseed:before {
  content: "\f253";
}
.ti-brand-snowflake:before {
  content: "\f615";
}
.ti-brand-socket-io:before {
  content: "\f49b";
}
.ti-brand-solidjs:before {
  content: "\f5ee";
}
.ti-brand-soundcloud:before {
  content: "\ed6e";
}
.ti-brand-spacehey:before {
  content: "\f4fc";
}
.ti-brand-speedtest:before {
  content: "\fa77";
}
.ti-brand-spotify:before {
  content: "\ed03";
}
.ti-brand-stackoverflow:before {
  content: "\ef58";
}
.ti-brand-stackshare:before {
  content: "\f607";
}
.ti-brand-steam:before {
  content: "\ed6f";
}
.ti-brand-stocktwits:before {
  content: "\fd78";
}
.ti-brand-storj:before {
  content: "\fa54";
}
.ti-brand-storybook:before {
  content: "\f332";
}
.ti-brand-storytel:before {
  content: "\f608";
}
.ti-brand-strava:before {
  content: "\f254";
}
.ti-brand-stripe:before {
  content: "\edd7";
}
.ti-brand-sublime-text:before {
  content: "\ef74";
}
.ti-brand-sugarizer:before {
  content: "\f7a5";
}
.ti-brand-supabase:before {
  content: "\f6d3";
}
.ti-brand-superhuman:before {
  content: "\f50c";
}
.ti-brand-supernova:before {
  content: "\f49c";
}
.ti-brand-surfshark:before {
  content: "\f255";
}
.ti-brand-svelte:before {
  content: "\f0df";
}
.ti-brand-swift:before {
  content: "\fa55";
}
.ti-brand-symfony:before {
  content: "\f616";
}
.ti-brand-tabler:before {
  content: "\ec8f";
}
.ti-brand-tailwind:before {
  content: "\eca1";
}
.ti-brand-taobao:before {
  content: "\f5ef";
}
.ti-brand-teams:before {
  content: "\fadf";
}
.ti-brand-ted:before {
  content: "\f658";
}
.ti-brand-telegram:before {
  content: "\ec26";
}
.ti-brand-terraform:before {
  content: "\fa56";
}
.ti-brand-tether:before {
  content: "\f5a3";
}
.ti-brand-thingiverse:before {
  content: "\fd1c";
}
.ti-brand-threads:before {
  content: "\fb02";
}
.ti-brand-threejs:before {
  content: "\f5f0";
}
.ti-brand-tidal:before {
  content: "\ed70";
}
.ti-brand-tiktok:before {
  content: "\ec73";
}
.ti-brand-tiktok-filled:before {
  content: "\f7ea";
}
.ti-brand-tinder:before {
  content: "\ed71";
}
.ti-brand-topbuzz:before {
  content: "\f50d";
}
.ti-brand-torchain:before {
  content: "\f5a4";
}
.ti-brand-toyota:before {
  content: "\f262";
}
.ti-brand-trello:before {
  content: "\f39d";
}
.ti-brand-tripadvisor:before {
  content: "\f002";
}
.ti-brand-tumblr:before {
  content: "\ed04";
}
.ti-brand-twilio:before {
  content: "\f617";
}
.ti-brand-twitch:before {
  content: "\ed05";
}
.ti-brand-twitter:before {
  content: "\ec27";
}
.ti-brand-twitter-filled:before {
  content: "\f7eb";
}
.ti-brand-typescript:before {
  content: "\f5f1";
}
.ti-brand-uber:before {
  content: "\ef75";
}
.ti-brand-ubuntu:before {
  content: "\ef59";
}
.ti-brand-unity:before {
  content: "\f49d";
}
.ti-brand-unsplash:before {
  content: "\edd8";
}
.ti-brand-upwork:before {
  content: "\f39e";
}
.ti-brand-valorant:before {
  content: "\f39f";
}
.ti-brand-vercel:before {
  content: "\ef24";
}
.ti-brand-vimeo:before {
  content: "\ed06";
}
.ti-brand-vinted:before {
  content: "\f20f";
}
.ti-brand-visa:before {
  content: "\f380";
}
.ti-brand-visual-studio:before {
  content: "\ef76";
}
.ti-brand-vite:before {
  content: "\f5f2";
}
.ti-brand-vivaldi:before {
  content: "\f210";
}
.ti-brand-vk:before {
  content: "\ed72";
}
.ti-brand-vlc:before {
  content: "\fa78";
}
.ti-brand-volkswagen:before {
  content: "\f50e";
}
.ti-brand-vsco:before {
  content: "\f334";
}
.ti-brand-vscode:before {
  content: "\f3a0";
}
.ti-brand-vue:before {
  content: "\f0e0";
}
.ti-brand-walmart:before {
  content: "\f211";
}
.ti-brand-waze:before {
  content: "\f5d8";
}
.ti-brand-webflow:before {
  content: "\f2d2";
}
.ti-brand-wechat:before {
  content: "\f5f3";
}
.ti-brand-weibo:before {
  content: "\f609";
}
.ti-brand-whatsapp:before {
  content: "\ec74";
}
.ti-brand-wikipedia:before {
  content: "\fa79";
}
.ti-brand-windows:before {
  content: "\ecd8";
}
.ti-brand-windy:before {
  content: "\f4dd";
}
.ti-brand-wish:before {
  content: "\f212";
}
.ti-brand-wix:before {
  content: "\f3a1";
}
.ti-brand-wordpress:before {
  content: "\f2d3";
}
.ti-brand-x:before {
  content: "\fc0f";
}
.ti-brand-x-filled:before {
  content: "\fc21";
}
.ti-brand-xamarin:before {
  content: "\fa7a";
}
.ti-brand-xbox:before {
  content: "\f298";
}
.ti-brand-xdeep:before {
  content: "\fc10";
}
.ti-brand-xing:before {
  content: "\f21a";
}
.ti-brand-yahoo:before {
  content: "\ed73";
}
.ti-brand-yandex:before {
  content: "\fae1";
}
.ti-brand-yarn:before {
  content: "\fd79";
}
.ti-brand-yatse:before {
  content: "\f213";
}
.ti-brand-ycombinator:before {
  content: "\edd9";
}
.ti-brand-youtube:before {
  content: "\ec90";
}
.ti-brand-youtube-filled:before {
  content: "\fc22";
}
.ti-brand-youtube-kids:before {
  content: "\f214";
}
.ti-brand-zalando:before {
  content: "\f49e";
}
.ti-brand-zapier:before {
  content: "\f49f";
}
.ti-brand-zeit:before {
  content: "\f335";
}
.ti-brand-zhihu:before {
  content: "\f60a";
}
.ti-brand-zoom:before {
  content: "\f215";
}
.ti-brand-zulip:before {
  content: "\f4de";
}
.ti-brand-zwift:before {
  content: "\f216";
}
.ti-bread:before {
  content: "\efa3";
}
.ti-bread-off:before {
  content: "\f3cb";
}
.ti-briefcase:before {
  content: "\ea46";
}
.ti-briefcase-2:before {
  content: "\fb03";
}
.ti-briefcase-filled:before {
  content: "\fd00";
}
.ti-briefcase-off:before {
  content: "\f3cc";
}
.ti-brightness:before {
  content: "\eb7f";
}
.ti-brightness-2:before {
  content: "\ee19";
}
.ti-brightness-down:before {
  content: "\eb7d";
}
.ti-brightness-down-filled:before {
  content: "\fb23";
}
.ti-brightness-half:before {
  content: "\ee1a";
}
.ti-brightness-off:before {
  content: "\f3cd";
}
.ti-brightness-up:before {
  content: "\eb7e";
}
.ti-brightness-up-filled:before {
  content: "\fb24";
}
.ti-broadcast:before {
  content: "\f1e9";
}
.ti-broadcast-off:before {
  content: "\f1e8";
}
.ti-browser:before {
  content: "\ebb7";
}
.ti-browser-check:before {
  content: "\efd6";
}
.ti-browser-off:before {
  content: "\f0c1";
}
.ti-browser-plus:before {
  content: "\efd7";
}
.ti-browser-x:before {
  content: "\efd8";
}
.ti-brush:before {
  content: "\ebb8";
}
.ti-brush-off:before {
  content: "\f0c2";
}
.ti-bucket:before {
  content: "\ea47";
}
.ti-bucket-droplet:before {
  content: "\f56a";
}
.ti-bucket-off:before {
  content: "\f103";
}
.ti-bug:before {
  content: "\ea48";
}
.ti-bug-filled:before {
  content: "\fd01";
}
.ti-bug-off:before {
  content: "\f0c3";
}
.ti-building:before {
  content: "\ea4f";
}
.ti-building-arch:before {
  content: "\ea49";
}
.ti-building-bank:before {
  content: "\ebe2";
}
.ti-building-bridge:before {
  content: "\ea4b";
}
.ti-building-bridge-2:before {
  content: "\ea4a";
}
.ti-building-broadcast-tower:before {
  content: "\f4be";
}
.ti-building-carousel:before {
  content: "\ed87";
}
.ti-building-castle:before {
  content: "\ed88";
}
.ti-building-church:before {
  content: "\ea4c";
}
.ti-building-circus:before {
  content: "\f4bf";
}
.ti-building-community:before {
  content: "\ebf6";
}
.ti-building-cottage:before {
  content: "\ee1b";
}
.ti-building-estate:before {
  content: "\f5a5";
}
.ti-building-factory:before {
  content: "\ee1c";
}
.ti-building-factory-2:before {
  content: "\f082";
}
.ti-building-fortress:before {
  content: "\ed89";
}
.ti-building-hospital:before {
  content: "\ea4d";
}
.ti-building-lighthouse:before {
  content: "\ed8a";
}
.ti-building-monument:before {
  content: "\ed26";
}
.ti-building-mosque:before {
  content: "\fa57";
}
.ti-building-pavilion:before {
  content: "\ebf7";
}
.ti-building-skyscraper:before {
  content: "\ec39";
}
.ti-building-stadium:before {
  content: "\f641";
}
.ti-building-store:before {
  content: "\ea4e";
}
.ti-building-tunnel:before {
  content: "\f5a6";
}
.ti-building-warehouse:before {
  content: "\ebe3";
}
.ti-building-wind-turbine:before {
  content: "\f4c0";
}
.ti-bulb:before {
  content: "\ea51";
}
.ti-bulb-filled:before {
  content: "\f66a";
}
.ti-bulb-off:before {
  content: "\ea50";
}
.ti-bulldozer:before {
  content: "\ee1d";
}
.ti-burger:before {
  content: "\fcb4";
}
.ti-bus:before {
  content: "\ebe4";
}
.ti-bus-off:before {
  content: "\f3ce";
}
.ti-bus-stop:before {
  content: "\f2d4";
}
.ti-businessplan:before {
  content: "\ee1e";
}
.ti-butterfly:before {
  content: "\efd9";
}
.ti-cactus:before {
  content: "\f21b";
}
.ti-cactus-filled:before {
  content: "\fb25";
}
.ti-cactus-off:before {
  content: "\f3cf";
}
.ti-cake:before {
  content: "\f00f";
}
.ti-cake-off:before {
  content: "\f104";
}
.ti-calculator:before {
  content: "\eb80";
}
.ti-calculator-filled:before {
  content: "\fb26";
}
.ti-calculator-off:before {
  content: "\f0c4";
}
.ti-calendar:before {
  content: "\ea53" !important;
}
.ti-calendar-bolt:before {
  content: "\f822";
}
.ti-calendar-cancel:before {
  content: "\f823";
}
.ti-calendar-check:before {
  content: "\f824";
}
.ti-calendar-clock:before {
  content: "\fd2e";
}
.ti-calendar-code:before {
  content: "\f825";
}
.ti-calendar-cog:before {
  content: "\f826";
}
.ti-calendar-dollar:before {
  content: "\f827";
}
.ti-calendar-dot:before {
  content: "\fd3e";
}
.ti-calendar-down:before {
  content: "\f828";
}
.ti-calendar-due:before {
  content: "\f621";
}
.ti-calendar-event:before {
  content: "\ea52";
}
.ti-calendar-exclamation:before {
  content: "\f829";
}
.ti-calendar-filled:before {
  content: "\fb27";
}
.ti-calendar-heart:before {
  content: "\f82a";
}
.ti-calendar-minus:before {
  content: "\ebb9";
}
.ti-calendar-month:before {
  content: "\fd2f";
}
.ti-calendar-off:before {
  content: "\ee1f";
}
.ti-calendar-pause:before {
  content: "\f82b";
}
.ti-calendar-pin:before {
  content: "\f82c";
}
.ti-calendar-plus:before {
  content: "\ebba";
}
.ti-calendar-question:before {
  content: "\f82d";
}
.ti-calendar-repeat:before {
  content: "\fad2";
}
.ti-calendar-sad:before {
  content: "\fd1d";
}
.ti-calendar-search:before {
  content: "\f82e";
}
.ti-calendar-share:before {
  content: "\f82f";
}
.ti-calendar-smile:before {
  content: "\fd1e";
}
.ti-calendar-star:before {
  content: "\f830";
}
.ti-calendar-stats:before {
  content: "\ee20";
}
.ti-calendar-time:before {
  content: "\ee21";
}
.ti-calendar-up:before {
  content: "\f831";
}
.ti-calendar-user:before {
  content: "\fd1f";
}
.ti-calendar-week:before {
  content: "\fd30";
}
.ti-calendar-x:before {
  content: "\f832";
}
.ti-camera:before {
  content: "\ea54";
}
.ti-camera-bolt:before {
  content: "\f833";
}
.ti-camera-cancel:before {
  content: "\f834";
}
.ti-camera-check:before {
  content: "\f835";
}
.ti-camera-code:before {
  content: "\f836";
}
.ti-camera-cog:before {
  content: "\f837";
}
.ti-camera-dollar:before {
  content: "\f838";
}
.ti-camera-down:before {
  content: "\f839";
}
.ti-camera-exclamation:before {
  content: "\f83a";
}
.ti-camera-filled:before {
  content: "\fa37";
}
.ti-camera-heart:before {
  content: "\f83b";
}
.ti-camera-minus:before {
  content: "\ec3a";
}
.ti-camera-off:before {
  content: "\ecee";
}
.ti-camera-pause:before {
  content: "\f83c";
}
.ti-camera-pin:before {
  content: "\f83d";
}
.ti-camera-plus:before {
  content: "\ec3b";
}
.ti-camera-question:before {
  content: "\f83e";
}
.ti-camera-rotate:before {
  content: "\ee22";
}
.ti-camera-search:before {
  content: "\f83f";
}
.ti-camera-selfie:before {
  content: "\ee23";
}
.ti-camera-share:before {
  content: "\f840";
}
.ti-camera-star:before {
  content: "\f841";
}
.ti-camera-up:before {
  content: "\f842";
}
.ti-camera-x:before {
  content: "\f843";
}
.ti-camper:before {
  content: "\fa25";
}
.ti-campfire:before {
  content: "\f5a7";
}
.ti-campfire-filled:before {
  content: "\fb28";
}
.ti-candle:before {
  content: "\efc6";
}
.ti-candle-filled:before {
  content: "\fc23";
}
.ti-candy:before {
  content: "\ef0d";
}
.ti-candy-off:before {
  content: "\f0c5";
}
.ti-cane:before {
  content: "\f50f";
}
.ti-cannabis:before {
  content: "\f4c1";
}
.ti-capsule:before {
  content: "\fae3";
}
.ti-capsule-filled:before {
  content: "\fc24";
}
.ti-capsule-horizontal:before {
  content: "\fae2";
}
.ti-capsule-horizontal-filled:before {
  content: "\fc25";
}
.ti-capture:before {
  content: "\ec3c";
}
.ti-capture-filled:before {
  content: "\fb29";
}
.ti-capture-off:before {
  content: "\f0c6";
}
.ti-car:before {
  content: "\ebbb";
}
.ti-car-crane:before {
  content: "\ef25";
}
.ti-car-crash:before {
  content: "\efa4";
}
.ti-car-garage:before {
  content: "\fc77";
}
.ti-car-off:before {
  content: "\f0c7";
}
.ti-car-suv:before {
  content: "\fc8b";
}
.ti-car-turbine:before {
  content: "\f4fd";
}
.ti-caravan:before {
  content: "\ec7c";
}
.ti-cardboards:before {
  content: "\ed74";
}
.ti-cardboards-off:before {
  content: "\f0c8";
}
.ti-cards:before {
  content: "\f510";
}
.ti-cards-filled:before {
  content: "\fc26";
}
.ti-caret-down:before {
  content: "\eb5d";
}
.ti-caret-down-filled:before {
  content: "\fb2a";
}
.ti-caret-left:before {
  content: "\eb5e";
}
.ti-caret-left-filled:before {
  content: "\fb2b";
}
.ti-caret-left-right:before {
  content: "\fc43";
}
.ti-caret-left-right-filled:before {
  content: "\fd02";
}
.ti-caret-right:before {
  content: "\eb5f";
}
.ti-caret-right-filled:before {
  content: "\fb2c";
}
.ti-caret-up:before {
  content: "\eb60";
}
.ti-caret-up-down:before {
  content: "\fc44";
}
.ti-caret-up-down-filled:before {
  content: "\fd03";
}
.ti-caret-up-filled:before {
  content: "\fb2d";
}
.ti-carousel-horizontal:before {
  content: "\f659";
}
.ti-carousel-horizontal-filled:before {
  content: "\fa92";
}
.ti-carousel-vertical:before {
  content: "\f65a";
}
.ti-carousel-vertical-filled:before {
  content: "\fa93";
}
.ti-carrot:before {
  content: "\f21c";
}
.ti-carrot-off:before {
  content: "\f3d0";
}
.ti-cash:before {
  content: "\ea55";
}
.ti-cash-banknote:before {
  content: "\ee25";
}
.ti-cash-banknote-off:before {
  content: "\ee24";
}
.ti-cash-off:before {
  content: "\f105";
}
.ti-cast:before {
  content: "\ea56";
}
.ti-cast-off:before {
  content: "\f0c9";
}
.ti-cat:before {
  content: "\f65b";
}
.ti-category:before {
  content: "\f1f6";
}
.ti-category-2:before {
  content: "\f1f5";
}
.ti-category-filled:before {
  content: "\fb2e";
}
.ti-category-minus:before {
  content: "\fd20";
}
.ti-category-plus:before {
  content: "\fd21";
}
.ti-ce:before {
  content: "\ed75";
}
.ti-ce-off:before {
  content: "\f0ca";
}
.ti-cell:before {
  content: "\f05f";
}
.ti-cell-signal-1:before {
  content: "\f083";
}
.ti-cell-signal-2:before {
  content: "\f084";
}
.ti-cell-signal-3:before {
  content: "\f085";
}
.ti-cell-signal-4:before {
  content: "\f086";
}
.ti-cell-signal-5:before {
  content: "\f087";
}
.ti-cell-signal-off:before {
  content: "\f088";
}
.ti-certificate:before {
  content: "\ed76";
}
.ti-certificate-2:before {
  content: "\f073";
}
.ti-certificate-2-off:before {
  content: "\f0cb";
}
.ti-certificate-off:before {
  content: "\f0cc";
}
.ti-chair-director:before {
  content: "\f2d5";
}
.ti-chalkboard:before {
  content: "\f34d";
}
.ti-chalkboard-off:before {
  content: "\f3d1";
}
.ti-charging-pile:before {
  content: "\ee26";
}
.ti-chart-arcs:before {
  content: "\ee28";
}
.ti-chart-arcs-3:before {
  content: "\ee27";
}
.ti-chart-area:before {
  content: "\ea58";
}
.ti-chart-area-filled:before {
  content: "\f66b";
}
.ti-chart-area-line:before {
  content: "\ea57";
}
.ti-chart-area-line-filled:before {
  content: "\f66c";
}
.ti-chart-arrows:before {
  content: "\ee2a";
}
.ti-chart-arrows-vertical:before {
  content: "\ee29";
}
.ti-chart-bar:before {
  content: "\ea59";
}
.ti-chart-bar-off:before {
  content: "\f3d2";
}
.ti-chart-bubble:before {
  content: "\ec75";
}
.ti-chart-bubble-filled:before {
  content: "\f66d";
}
.ti-chart-candle:before {
  content: "\ea5a";
}
.ti-chart-candle-filled:before {
  content: "\f66e";
}
.ti-chart-circles:before {
  content: "\ee2b";
}
.ti-chart-donut:before {
  content: "\ea5b";
}
.ti-chart-donut-2:before {
  content: "\ee2c";
}
.ti-chart-donut-3:before {
  content: "\ee2d";
}
.ti-chart-donut-4:before {
  content: "\ee2e";
}
.ti-chart-donut-filled:before {
  content: "\f66f";
}
.ti-chart-dots:before {
  content: "\ee2f";
}
.ti-chart-dots-2:before {
  content: "\f097";
}
.ti-chart-dots-3:before {
  content: "\f098";
}
.ti-chart-dots-filled:before {
  content: "\fd04";
}
.ti-chart-grid-dots:before {
  content: "\f4c2";
}
.ti-chart-grid-dots-filled:before {
  content: "\fd05";
}
.ti-chart-histogram:before {
  content: "\f65c";
}
.ti-chart-infographic:before {
  content: "\ee30";
}
.ti-chart-line:before {
  content: "\ea5c";
}
.ti-chart-pie:before {
  content: "\ea5d";
}
.ti-chart-pie-2:before {
  content: "\ee31";
}
.ti-chart-pie-3:before {
  content: "\ee32";
}
.ti-chart-pie-4:before {
  content: "\ee33";
}
.ti-chart-pie-filled:before {
  content: "\f670";
}
.ti-chart-pie-off:before {
  content: "\f3d3";
}
.ti-chart-ppf:before {
  content: "\f618";
}
.ti-chart-radar:before {
  content: "\ed77";
}
.ti-chart-sankey:before {
  content: "\f619";
}
.ti-chart-treemap:before {
  content: "\f381";
}
.ti-check:before {
  content: "\ea5e" !important;
}
.ti-checkbox:before {
  content: "\eba6";
}
.ti-checklist:before {
  content: "\f074";
}
.ti-checks:before {
  content: "\ebaa";
}
.ti-checkup-list:before {
  content: "\ef5a";
}
.ti-cheese:before {
  content: "\ef26";
}
.ti-chef-hat:before {
  content: "\f21d";
}
.ti-chef-hat-off:before {
  content: "\f3d4";
}
.ti-cherry:before {
  content: "\f511";
}
.ti-cherry-filled:before {
  content: "\f728";
}
.ti-chess:before {
  content: "\f382";
}
.ti-chess-bishop:before {
  content: "\f56b";
}
.ti-chess-bishop-filled:before {
  content: "\f729";
}
.ti-chess-filled:before {
  content: "\f72a";
}
.ti-chess-king:before {
  content: "\f56c";
}
.ti-chess-king-filled:before {
  content: "\f72b";
}
.ti-chess-knight:before {
  content: "\f56d";
}
.ti-chess-knight-filled:before {
  content: "\f72c";
}
.ti-chess-queen:before {
  content: "\f56e";
}
.ti-chess-queen-filled:before {
  content: "\f72d";
}
.ti-chess-rook:before {
  content: "\f56f";
}
.ti-chess-rook-filled:before {
  content: "\f72e";
}
.ti-chevron-compact-down:before {
  content: "\faf0";
}
.ti-chevron-compact-left:before {
  content: "\faf1";
}
.ti-chevron-compact-right:before {
  content: "\faf2";
}
.ti-chevron-compact-up:before {
  content: "\faf3";
}
.ti-chevron-down:before {
  content: "\ea5f";
}
.ti-chevron-down-left:before {
  content: "\ed09";
}
.ti-chevron-down-right:before {
  content: "\ed0a";
}
.ti-chevron-left:before {
  content: "\ea60";
}
.ti-chevron-left-pipe:before {
  content: "\fae4";
}
.ti-chevron-right:before {
  content: "\ea61";
}
.ti-chevron-right-pipe:before {
  content: "\fae5";
}
.ti-chevron-up:before {
  content: "\ea62";
}
.ti-chevron-up-left:before {
  content: "\ed0b";
}
.ti-chevron-up-right:before {
  content: "\ed0c";
}
.ti-chevrons-down:before {
  content: "\ea63";
}
.ti-chevrons-down-left:before {
  content: "\ed0d";
}
.ti-chevrons-down-right:before {
  content: "\ed0e";
}
.ti-chevrons-left:before {
  content: "\ea64";
}
.ti-chevrons-right:before {
  content: "\ea65";
}
.ti-chevrons-up:before {
  content: "\ea66";
}
.ti-chevrons-up-left:before {
  content: "\ed0f";
}
.ti-chevrons-up-right:before {
  content: "\ed10";
}
.ti-chisel:before {
  content: "\f383";
}
.ti-christmas-ball:before {
  content: "\fd31";
}
.ti-christmas-tree:before {
  content: "\ed78";
}
.ti-christmas-tree-off:before {
  content: "\f3d5";
}
.ti-circle:before {
  content: "\ea6b";
}
.ti-circle-0-filled:before {
  content: "\f72f";
}
.ti-circle-1-filled:before {
  content: "\f730";
}
.ti-circle-2-filled:before {
  content: "\f731";
}
.ti-circle-3-filled:before {
  content: "\f732";
}
.ti-circle-4-filled:before {
  content: "\f733";
}
.ti-circle-5-filled:before {
  content: "\f734";
}
.ti-circle-6-filled:before {
  content: "\f735";
}
.ti-circle-7-filled:before {
  content: "\f736";
}
.ti-circle-8-filled:before {
  content: "\f737";
}
.ti-circle-9-filled:before {
  content: "\f738";
}
.ti-circle-arrow-down:before {
  content: "\f6f9";
}
.ti-circle-arrow-down-filled:before {
  content: "\f6f4";
}
.ti-circle-arrow-down-left:before {
  content: "\f6f6";
}
.ti-circle-arrow-down-left-filled:before {
  content: "\f6f5";
}
.ti-circle-arrow-down-right:before {
  content: "\f6f8";
}
.ti-circle-arrow-down-right-filled:before {
  content: "\f6f7";
}
.ti-circle-arrow-left:before {
  content: "\f6fb";
}
.ti-circle-arrow-left-filled:before {
  content: "\f6fa";
}
.ti-circle-arrow-right:before {
  content: "\f6fd";
}
.ti-circle-arrow-right-filled:before {
  content: "\f6fc";
}
.ti-circle-arrow-up:before {
  content: "\f703";
}
.ti-circle-arrow-up-filled:before {
  content: "\f6fe";
}
.ti-circle-arrow-up-left:before {
  content: "\f700";
}
.ti-circle-arrow-up-left-filled:before {
  content: "\f6ff";
}
.ti-circle-arrow-up-right:before {
  content: "\f702";
}
.ti-circle-arrow-up-right-filled:before {
  content: "\f701";
}
.ti-circle-caret-down:before {
  content: "\f4a9";
}
.ti-circle-caret-left:before {
  content: "\f4aa";
}
.ti-circle-caret-right:before {
  content: "\f4ab";
}
.ti-circle-caret-up:before {
  content: "\f4ac";
}
.ti-circle-check:before {
  content: "\ea67";
}
.ti-circle-check-filled:before {
  content: "\f704";
}
.ti-circle-chevron-down:before {
  content: "\f622";
}
.ti-circle-chevron-left:before {
  content: "\f623";
}
.ti-circle-chevron-right:before {
  content: "\f624";
}
.ti-circle-chevron-up:before {
  content: "\f625";
}
.ti-circle-chevrons-down:before {
  content: "\f642";
}
.ti-circle-chevrons-left:before {
  content: "\f643";
}
.ti-circle-chevrons-right:before {
  content: "\f644";
}
.ti-circle-chevrons-up:before {
  content: "\f645";
}
.ti-circle-dashed:before {
  content: "\ed27";
}
.ti-circle-dashed-number-0:before {
  content: "\fc6b";
}
.ti-circle-dashed-number-1:before {
  content: "\fc6c";
}
.ti-circle-dashed-number-2:before {
  content: "\fc6d";
}
.ti-circle-dashed-number-3:before {
  content: "\fc6e";
}
.ti-circle-dashed-number-4:before {
  content: "\fc6f";
}
.ti-circle-dashed-number-5:before {
  content: "\fc70";
}
.ti-circle-dashed-number-6:before {
  content: "\fc71";
}
.ti-circle-dashed-number-7:before {
  content: "\fc72";
}
.ti-circle-dashed-number-8:before {
  content: "\fc73";
}
.ti-circle-dashed-number-9:before {
  content: "\fc74";
}
.ti-circle-dashed-percentage:before {
  content: "\fd7a";
}
.ti-circle-dashed-x:before {
  content: "\fc75";
}
.ti-circle-dot:before {
  content: "\efb1";
}
.ti-circle-dot-filled:before {
  content: "\f705";
}
.ti-circle-dotted:before {
  content: "\ed28";
}
.ti-circle-filled:before {
  content: "\f671";
}
.ti-circle-half:before {
  content: "\ee3f";
}
.ti-circle-half-2:before {
  content: "\eff3";
}
.ti-circle-half-vertical:before {
  content: "\ee3e";
}
.ti-circle-key:before {
  content: "\f633";
}
.ti-circle-key-filled:before {
  content: "\f706";
}
.ti-circle-letter-a:before {
  content: "\f441";
}
.ti-circle-letter-b:before {
  content: "\f442";
}
.ti-circle-letter-c:before {
  content: "\f443";
}
.ti-circle-letter-d:before {
  content: "\f444";
}
.ti-circle-letter-e:before {
  content: "\f445";
}
.ti-circle-letter-f:before {
  content: "\f446";
}
.ti-circle-letter-g:before {
  content: "\f447";
}
.ti-circle-letter-h:before {
  content: "\f448";
}
.ti-circle-letter-i:before {
  content: "\f449";
}
.ti-circle-letter-j:before {
  content: "\f44a";
}
.ti-circle-letter-k:before {
  content: "\f44b";
}
.ti-circle-letter-l:before {
  content: "\f44c";
}
.ti-circle-letter-m:before {
  content: "\f44d";
}
.ti-circle-letter-n:before {
  content: "\f44e";
}
.ti-circle-letter-o:before {
  content: "\f44f";
}
.ti-circle-letter-p:before {
  content: "\f450";
}
.ti-circle-letter-q:before {
  content: "\f451";
}
.ti-circle-letter-r:before {
  content: "\f452";
}
.ti-circle-letter-s:before {
  content: "\f453";
}
.ti-circle-letter-t:before {
  content: "\f454";
}
.ti-circle-letter-u:before {
  content: "\f455";
}
.ti-circle-letter-v:before {
  content: "\f4ad";
}
.ti-circle-letter-w:before {
  content: "\f456";
}
.ti-circle-letter-x:before {
  content: "\f4ae";
}
.ti-circle-letter-y:before {
  content: "\f457";
}
.ti-circle-letter-z:before {
  content: "\f458";
}
.ti-circle-minus:before {
  content: "\ea68";
}
.ti-circle-minus-2:before {
  content: "\fc8c";
}
.ti-circle-number-0:before {
  content: "\ee34";
}
.ti-circle-number-1:before {
  content: "\ee35";
}
.ti-circle-number-2:before {
  content: "\ee36";
}
.ti-circle-number-3:before {
  content: "\ee37";
}
.ti-circle-number-4:before {
  content: "\ee38";
}
.ti-circle-number-5:before {
  content: "\ee39";
}
.ti-circle-number-6:before {
  content: "\ee3a";
}
.ti-circle-number-7:before {
  content: "\ee3b";
}
.ti-circle-number-8:before {
  content: "\ee3c";
}
.ti-circle-number-9:before {
  content: "\ee3d";
}
.ti-circle-off:before {
  content: "\ee40";
}
.ti-circle-percentage:before {
  content: "\fd7b";
}
.ti-circle-plus:before {
  content: "\ea69";
}
.ti-circle-plus-2:before {
  content: "\fc8d";
}
.ti-circle-rectangle:before {
  content: "\f010";
}
.ti-circle-rectangle-off:before {
  content: "\f0cd";
}
.ti-circle-square:before {
  content: "\ece4";
}
.ti-circle-triangle:before {
  content: "\f011";
}
.ti-circle-x:before {
  content: "\ea6a";
}
.ti-circle-x-filled:before {
  content: "\f739";
}
.ti-circles:before {
  content: "\ece5";
}
.ti-circles-filled:before {
  content: "\f672";
}
.ti-circles-relation:before {
  content: "\f4c3";
}
.ti-circuit-ammeter:before {
  content: "\f271";
}
.ti-circuit-battery:before {
  content: "\f272";
}
.ti-circuit-bulb:before {
  content: "\f273";
}
.ti-circuit-capacitor:before {
  content: "\f275";
}
.ti-circuit-capacitor-polarized:before {
  content: "\f274";
}
.ti-circuit-cell:before {
  content: "\f277";
}
.ti-circuit-cell-plus:before {
  content: "\f276";
}
.ti-circuit-changeover:before {
  content: "\f278";
}
.ti-circuit-diode:before {
  content: "\f27a";
}
.ti-circuit-diode-zener:before {
  content: "\f279";
}
.ti-circuit-ground:before {
  content: "\f27c";
}
.ti-circuit-ground-digital:before {
  content: "\f27b";
}
.ti-circuit-inductor:before {
  content: "\f27d";
}
.ti-circuit-motor:before {
  content: "\f27e";
}
.ti-circuit-pushbutton:before {
  content: "\f27f";
}
.ti-circuit-resistor:before {
  content: "\f280";
}
.ti-circuit-switch-closed:before {
  content: "\f281";
}
.ti-circuit-switch-open:before {
  content: "\f282";
}
.ti-circuit-voltmeter:before {
  content: "\f283";
}
.ti-clear-all:before {
  content: "\ee41";
}
.ti-clear-formatting:before {
  content: "\ebe5";
}
.ti-click:before {
  content: "\ebbc";
}
.ti-clipboard:before {
  content: "\ea6f";
}
.ti-clipboard-check:before {
  content: "\ea6c";
}
.ti-clipboard-copy:before {
  content: "\f299";
}
.ti-clipboard-data:before {
  content: "\f563";
}
.ti-clipboard-heart:before {
  content: "\f34e";
}
.ti-clipboard-list:before {
  content: "\ea6d";
}
.ti-clipboard-off:before {
  content: "\f0ce";
}
.ti-clipboard-plus:before {
  content: "\efb2";
}
.ti-clipboard-text:before {
  content: "\f089";
}
.ti-clipboard-typography:before {
  content: "\f34f";
}
.ti-clipboard-x:before {
  content: "\ea6e";
}
.ti-clock:before {
  content: "\ea70";
}
.ti-clock-12:before {
  content: "\fc56";
}
.ti-clock-2:before {
  content: "\f099";
}
.ti-clock-24:before {
  content: "\fc57";
}
.ti-clock-bolt:before {
  content: "\f844";
}
.ti-clock-cancel:before {
  content: "\f546";
}
.ti-clock-check:before {
  content: "\f7c1";
}
.ti-clock-code:before {
  content: "\f845";
}
.ti-clock-cog:before {
  content: "\f7c2";
}
.ti-clock-dollar:before {
  content: "\f846";
}
.ti-clock-down:before {
  content: "\f7c3";
}
.ti-clock-edit:before {
  content: "\f547";
}
.ti-clock-exclamation:before {
  content: "\f847";
}
.ti-clock-filled:before {
  content: "\f73a";
}
.ti-clock-heart:before {
  content: "\f7c4";
}
.ti-clock-hour-1:before {
  content: "\f313";
}
.ti-clock-hour-10:before {
  content: "\f314";
}
.ti-clock-hour-11:before {
  content: "\f315";
}
.ti-clock-hour-12:before {
  content: "\f316";
}
.ti-clock-hour-2:before {
  content: "\f317";
}
.ti-clock-hour-3:before {
  content: "\f318";
}
.ti-clock-hour-4:before {
  content: "\f319";
}
.ti-clock-hour-5:before {
  content: "\f31a";
}
.ti-clock-hour-6:before {
  content: "\f31b";
}
.ti-clock-hour-7:before {
  content: "\f31c";
}
.ti-clock-hour-8:before {
  content: "\f31d";
}
.ti-clock-hour-9:before {
  content: "\f31e";
}
.ti-clock-minus:before {
  content: "\f848";
}
.ti-clock-off:before {
  content: "\f0cf";
}
.ti-clock-pause:before {
  content: "\f548";
}
.ti-clock-pin:before {
  content: "\f849";
}
.ti-clock-play:before {
  content: "\f549";
}
.ti-clock-plus:before {
  content: "\f7c5";
}
.ti-clock-question:before {
  content: "\f7c6";
}
.ti-clock-record:before {
  content: "\f54a";
}
.ti-clock-search:before {
  content: "\f7c7";
}
.ti-clock-share:before {
  content: "\f84a";
}
.ti-clock-shield:before {
  content: "\f7c8";
}
.ti-clock-star:before {
  content: "\f7c9";
}
.ti-clock-stop:before {
  content: "\f54b";
}
.ti-clock-up:before {
  content: "\f7ca";
}
.ti-clock-x:before {
  content: "\f7cb";
}
.ti-clothes-rack:before {
  content: "\f285";
}
.ti-clothes-rack-off:before {
  content: "\f3d6";
}
.ti-cloud:before {
  content: "\ea76";
}
.ti-cloud-bolt:before {
  content: "\f84b";
}
.ti-cloud-cancel:before {
  content: "\f84c";
}
.ti-cloud-check:before {
  content: "\f84d";
}
.ti-cloud-code:before {
  content: "\f84e";
}
.ti-cloud-cog:before {
  content: "\f84f";
}
.ti-cloud-computing:before {
  content: "\f1d0";
}
.ti-cloud-data-connection:before {
  content: "\f1d1";
}
.ti-cloud-dollar:before {
  content: "\f850";
}
.ti-cloud-down:before {
  content: "\f851";
}
.ti-cloud-download:before {
  content: "\ea71";
}
.ti-cloud-exclamation:before {
  content: "\f852";
}
.ti-cloud-filled:before {
  content: "\f673";
}
.ti-cloud-fog:before {
  content: "\ecd9";
}
.ti-cloud-heart:before {
  content: "\f853";
}
.ti-cloud-lock:before {
  content: "\efdb";
}
.ti-cloud-lock-open:before {
  content: "\efda";
}
.ti-cloud-minus:before {
  content: "\f854";
}
.ti-cloud-network:before {
  content: "\fc78";
}
.ti-cloud-off:before {
  content: "\ed3e";
}
.ti-cloud-pause:before {
  content: "\f855";
}
.ti-cloud-pin:before {
  content: "\f856";
}
.ti-cloud-plus:before {
  content: "\f857";
}
.ti-cloud-question:before {
  content: "\f858";
}
.ti-cloud-rain:before {
  content: "\ea72";
}
.ti-cloud-search:before {
  content: "\f859";
}
.ti-cloud-share:before {
  content: "\f85a";
}
.ti-cloud-snow:before {
  content: "\ea73";
}
.ti-cloud-star:before {
  content: "\f85b";
}
.ti-cloud-storm:before {
  content: "\ea74";
}
.ti-cloud-up:before {
  content: "\f85c";
}
.ti-cloud-upload:before {
  content: "\ea75";
}
.ti-cloud-x:before {
  content: "\f85d";
}
.ti-clover:before {
  content: "\f1ea";
}
.ti-clover-2:before {
  content: "\f21e";
}
.ti-clubs:before {
  content: "\eff4";
}
.ti-clubs-filled:before {
  content: "\f674";
}
.ti-code:before {
  content: "\ea77";
}
.ti-code-asterix:before {
  content: "\f312";
}
.ti-code-circle:before {
  content: "\f4ff";
}
.ti-code-circle-2:before {
  content: "\f4fe";
}
.ti-code-dots:before {
  content: "\f61a";
}
.ti-code-minus:before {
  content: "\ee42";
}
.ti-code-off:before {
  content: "\f0d0";
}
.ti-code-plus:before {
  content: "\ee43";
}
.ti-coffee:before {
  content: "\ef0e";
}
.ti-coffee-off:before {
  content: "\f106";
}
.ti-coffin:before {
  content: "\f579";
}
.ti-coin:before {
  content: "\eb82";
}
.ti-coin-bitcoin:before {
  content: "\f2be";
}
.ti-coin-bitcoin-filled:before {
  content: "\fd06";
}
.ti-coin-euro:before {
  content: "\f2bf";
}
.ti-coin-euro-filled:before {
  content: "\fd07";
}
.ti-coin-filled:before {
  content: "\fd08";
}
.ti-coin-monero:before {
  content: "\f4a0";
}
.ti-coin-monero-filled:before {
  content: "\fd09";
}
.ti-coin-off:before {
  content: "\f0d1";
}
.ti-coin-pound:before {
  content: "\f2c0";
}
.ti-coin-pound-filled:before {
  content: "\fd0a";
}
.ti-coin-rupee:before {
  content: "\f2c1";
}
.ti-coin-rupee-filled:before {
  content: "\fd0b";
}
.ti-coin-taka:before {
  content: "\fd0d";
}
.ti-coin-taka-filled:before {
  content: "\fd0c";
}
.ti-coin-yen:before {
  content: "\f2c2";
}
.ti-coin-yen-filled:before {
  content: "\fd0e";
}
.ti-coin-yuan:before {
  content: "\f2c3";
}
.ti-coin-yuan-filled:before {
  content: "\fd0f";
}
.ti-coins:before {
  content: "\f65d";
}
.ti-color-filter:before {
  content: "\f5a8";
}
.ti-color-picker:before {
  content: "\ebe6";
}
.ti-color-picker-off:before {
  content: "\f0d2";
}
.ti-color-swatch:before {
  content: "\eb61";
}
.ti-color-swatch-off:before {
  content: "\f0d3";
}
.ti-column-insert-left:before {
  content: "\ee44";
}
.ti-column-insert-right:before {
  content: "\ee45";
}
.ti-column-remove:before {
  content: "\faf4";
}
.ti-columns:before {
  content: "\eb83";
}
.ti-columns-1:before {
  content: "\f6d4";
}
.ti-columns-2:before {
  content: "\f6d5";
}
.ti-columns-3:before {
  content: "\f6d6";
}
.ti-columns-off:before {
  content: "\f0d4";
}
.ti-comet:before {
  content: "\ec76";
}
.ti-command:before {
  content: "\ea78";
}
.ti-command-off:before {
  content: "\f3d7";
}
.ti-compass:before {
  content: "\ea79";
}
.ti-compass-filled:before {
  content: "\fd10";
}
.ti-compass-off:before {
  content: "\f0d5";
}
.ti-components:before {
  content: "\efa5";
}
.ti-components-off:before {
  content: "\f0d6";
}
.ti-cone:before {
  content: "\efdd";
}
.ti-cone-2:before {
  content: "\efdc";
}
.ti-cone-off:before {
  content: "\f3d8";
}
.ti-cone-plus:before {
  content: "\fa94";
}
.ti-confetti:before {
  content: "\ee46";
}
.ti-confetti-off:before {
  content: "\f3d9";
}
.ti-confucius:before {
  content: "\f58a";
}
.ti-container:before {
  content: "\ee47";
}
.ti-container-off:before {
  content: "\f107";
}
.ti-contrast:before {
  content: "\ec4e";
}
.ti-contrast-2:before {
  content: "\efc7";
}
.ti-contrast-2-off:before {
  content: "\f3da";
}
.ti-contrast-off:before {
  content: "\f3db";
}
.ti-cooker:before {
  content: "\f57a";
}
.ti-cookie:before {
  content: "\ef0f";
}
.ti-cookie-man:before {
  content: "\f4c4";
}
.ti-cookie-off:before {
  content: "\f0d7";
}
.ti-copy:before {
  content: "\ea7a";
}
.ti-copy-check:before {
  content: "\fd3f";
}
.ti-copy-minus:before {
  content: "\fd40";
}
.ti-copy-off:before {
  content: "\f0d8";
}
.ti-copy-plus:before {
  content: "\fd41";
}
.ti-copy-x:before {
  content: "\fd42";
}
.ti-copyleft:before {
  content: "\ec3d";
}
.ti-copyleft-filled:before {
  content: "\f73b";
}
.ti-copyleft-off:before {
  content: "\f0d9";
}
.ti-copyright:before {
  content: "\ea7b";
}
.ti-copyright-filled:before {
  content: "\f73c";
}
.ti-copyright-off:before {
  content: "\f0da";
}
.ti-corner-down-left:before {
  content: "\ea7c";
}
.ti-corner-down-left-double:before {
  content: "\ee48";
}
.ti-corner-down-right:before {
  content: "\ea7d";
}
.ti-corner-down-right-double:before {
  content: "\ee49";
}
.ti-corner-left-down:before {
  content: "\ea7e";
}
.ti-corner-left-down-double:before {
  content: "\ee4a";
}
.ti-corner-left-up:before {
  content: "\ea7f";
}
.ti-corner-left-up-double:before {
  content: "\ee4b";
}
.ti-corner-right-down:before {
  content: "\ea80";
}
.ti-corner-right-down-double:before {
  content: "\ee4c";
}
.ti-corner-right-up:before {
  content: "\ea81";
}
.ti-corner-right-up-double:before {
  content: "\ee4d";
}
.ti-corner-up-left:before {
  content: "\ea82";
}
.ti-corner-up-left-double:before {
  content: "\ee4e";
}
.ti-corner-up-right:before {
  content: "\ea83";
}
.ti-corner-up-right-double:before {
  content: "\ee4f";
}
.ti-cpu:before {
  content: "\ef8e";
}
.ti-cpu-2:before {
  content: "\f075";
}
.ti-cpu-off:before {
  content: "\f108";
}
.ti-crane:before {
  content: "\ef27";
}
.ti-crane-off:before {
  content: "\f109";
}
.ti-creative-commons:before {
  content: "\efb3";
}
.ti-creative-commons-by:before {
  content: "\f21f";
}
.ti-creative-commons-nc:before {
  content: "\f220";
}
.ti-creative-commons-nd:before {
  content: "\f221";
}
.ti-creative-commons-off:before {
  content: "\f10a";
}
.ti-creative-commons-sa:before {
  content: "\f222";
}
.ti-creative-commons-zero:before {
  content: "\f223";
}
.ti-credit-card:before {
  content: "\ea84" !important;
}
.ti-credit-card-filled:before {
  content: "\fd11";
}
.ti-credit-card-off:before {
  content: "\ed11";
}
.ti-credit-card-pay:before {
  content: "\fd32";
}
.ti-credit-card-refund:before {
  content: "\fd33";
}
.ti-cricket:before {
  content: "\f09a";
}
.ti-crop:before {
  content: "\ea85";
}
.ti-crop-1-1:before {
  content: "\fd50";
}
.ti-crop-16-9:before {
  content: "\fd51";
}
.ti-crop-3-2:before {
  content: "\fd52";
}
.ti-crop-5-4:before {
  content: "\fd53";
}
.ti-crop-7-5:before {
  content: "\fd54";
}
.ti-crop-landscape:before {
  content: "\fd55";
}
.ti-crop-portrait:before {
  content: "\fd56";
}
.ti-cross:before {
  content: "\ef8f";
}
.ti-cross-filled:before {
  content: "\f675";
}
.ti-cross-off:before {
  content: "\f10b";
}
.ti-crosshair:before {
  content: "\ec3e";
}
.ti-crown:before {
  content: "\ed12";
}
.ti-crown-off:before {
  content: "\ee50";
}
.ti-crutches:before {
  content: "\ef5b";
}
.ti-crutches-off:before {
  content: "\f10c";
}
.ti-crystal-ball:before {
  content: "\f57b";
}
.ti-csv:before {
  content: "\f791";
}
.ti-cube:before {
  content: "\fa97";
}
.ti-cube-off:before {
  content: "\fa95";
}
.ti-cube-plus:before {
  content: "\fa96";
}
.ti-cube-send:before {
  content: "\f61b";
}
.ti-cube-unfolded:before {
  content: "\f61c";
}
.ti-cup:before {
  content: "\ef28";
}
.ti-cup-off:before {
  content: "\f10d";
}
.ti-curling:before {
  content: "\efc8";
}
.ti-curly-loop:before {
  content: "\ecda";
}
.ti-currency:before {
  content: "\efa6";
}
.ti-currency-afghani:before {
  content: "\f65e";
}
.ti-currency-bahraini:before {
  content: "\ee51";
}
.ti-currency-baht:before {
  content: "\f08a";
}
.ti-currency-bitcoin:before {
  content: "\ebab";
}
.ti-currency-cent:before {
  content: "\ee53";
}
.ti-currency-dinar:before {
  content: "\ee54";
}
.ti-currency-dirham:before {
  content: "\ee55";
}
.ti-currency-dogecoin:before {
  content: "\ef4b";
}
.ti-currency-dollar:before {
  content: "\eb84";
}
.ti-currency-dollar-australian:before {
  content: "\ee56";
}
.ti-currency-dollar-brunei:before {
  content: "\f36c";
}
.ti-currency-dollar-canadian:before {
  content: "\ee57";
}
.ti-currency-dollar-guyanese:before {
  content: "\f36d";
}
.ti-currency-dollar-off:before {
  content: "\f3dc";
}
.ti-currency-dollar-singapore:before {
  content: "\ee58";
}
.ti-currency-dollar-zimbabwean:before {
  content: "\f36e";
}
.ti-currency-dong:before {
  content: "\f36f";
}
.ti-currency-dram:before {
  content: "\f370";
}
.ti-currency-ethereum:before {
  content: "\ee59";
}
.ti-currency-euro:before {
  content: "\eb85";
}
.ti-currency-euro-off:before {
  content: "\f3dd";
}
.ti-currency-florin:before {
  content: "\faf5";
}
.ti-currency-forint:before {
  content: "\ee5a";
}
.ti-currency-frank:before {
  content: "\ee5b";
}
.ti-currency-guarani:before {
  content: "\f371";
}
.ti-currency-hryvnia:before {
  content: "\f372";
}
.ti-currency-iranian-rial:before {
  content: "\fa58";
}
.ti-currency-kip:before {
  content: "\f373";
}
.ti-currency-krone-czech:before {
  content: "\ee5c";
}
.ti-currency-krone-danish:before {
  content: "\ee5d";
}
.ti-currency-krone-swedish:before {
  content: "\ee5e";
}
.ti-currency-lari:before {
  content: "\f374";
}
.ti-currency-leu:before {
  content: "\ee5f";
}
.ti-currency-lira:before {
  content: "\ee60";
}
.ti-currency-litecoin:before {
  content: "\ee61";
}
.ti-currency-lyd:before {
  content: "\f375";
}
.ti-currency-manat:before {
  content: "\f376";
}
.ti-currency-monero:before {
  content: "\f377";
}
.ti-currency-naira:before {
  content: "\ee62";
}
.ti-currency-nano:before {
  content: "\f7a6";
}
.ti-currency-off:before {
  content: "\f3de";
}
.ti-currency-paanga:before {
  content: "\f378";
}
.ti-currency-peso:before {
  content: "\f65f";
}
.ti-currency-pound:before {
  content: "\ebac";
}
.ti-currency-pound-off:before {
  content: "\f3df";
}
.ti-currency-quetzal:before {
  content: "\f379";
}
.ti-currency-real:before {
  content: "\ee63";
}
.ti-currency-renminbi:before {
  content: "\ee64";
}
.ti-currency-ripple:before {
  content: "\ee65";
}
.ti-currency-riyal:before {
  content: "\ee66";
}
.ti-currency-rubel:before {
  content: "\ee67";
}
.ti-currency-rufiyaa:before {
  content: "\f37a";
}
.ti-currency-rupee:before {
  content: "\ebad";
}
.ti-currency-rupee-nepalese:before {
  content: "\f37b";
}
.ti-currency-shekel:before {
  content: "\ee68";
}
.ti-currency-solana:before {
  content: "\f4a1";
}
.ti-currency-som:before {
  content: "\f37c";
}
.ti-currency-taka:before {
  content: "\ee69";
}
.ti-currency-tenge:before {
  content: "\f37d";
}
.ti-currency-tugrik:before {
  content: "\ee6a";
}
.ti-currency-won:before {
  content: "\ee6b";
}
.ti-currency-xrp:before {
  content: "\fd34";
}
.ti-currency-yen:before {
  content: "\ebae";
}
.ti-currency-yen-off:before {
  content: "\f3e0";
}
.ti-currency-yuan:before {
  content: "\f29a";
}
.ti-currency-zloty:before {
  content: "\ee6c";
}
.ti-current-location:before {
  content: "\ecef";
}
.ti-current-location-off:before {
  content: "\f10e";
}
.ti-cursor-off:before {
  content: "\f10f";
}
.ti-cursor-text:before {
  content: "\ee6d";
}
.ti-cut:before {
  content: "\ea86";
}
.ti-cylinder:before {
  content: "\f54c";
}
.ti-cylinder-off:before {
  content: "\fa98";
}
.ti-cylinder-plus:before {
  content: "\fa99";
}
.ti-dashboard:before {
  content: "\ea87";
}
.ti-dashboard-off:before {
  content: "\f3e1";
}
.ti-database:before {
  content: "\ea88";
}
.ti-database-cog:before {
  content: "\fa10";
}
.ti-database-dollar:before {
  content: "\fa11";
}
.ti-database-edit:before {
  content: "\fa12";
}
.ti-database-exclamation:before {
  content: "\fa13";
}
.ti-database-export:before {
  content: "\ee6e";
}
.ti-database-heart:before {
  content: "\fa14";
}
.ti-database-import:before {
  content: "\ee6f";
}
.ti-database-leak:before {
  content: "\fa15";
}
.ti-database-minus:before {
  content: "\fa16";
}
.ti-database-off:before {
  content: "\ee70";
}
.ti-database-plus:before {
  content: "\fa17";
}
.ti-database-search:before {
  content: "\fa18";
}
.ti-database-share:before {
  content: "\fa19";
}
.ti-database-star:before {
  content: "\fa1a";
}
.ti-database-x:before {
  content: "\fa1b";
}
.ti-decimal:before {
  content: "\fa26";
}
.ti-deer:before {
  content: "\f4c5";
}
.ti-delta:before {
  content: "\f53c";
}
.ti-dental:before {
  content: "\f025";
}
.ti-dental-broken:before {
  content: "\f286";
}
.ti-dental-off:before {
  content: "\f110";
}
.ti-deselect:before {
  content: "\f9f3";
}
.ti-desk:before {
  content: "\fd35";
}
.ti-details:before {
  content: "\ee71";
}
.ti-details-off:before {
  content: "\f3e2";
}
.ti-device-airpods:before {
  content: "\f5a9";
}
.ti-device-airpods-case:before {
  content: "\f646";
}
.ti-device-airtag:before {
  content: "\fae6";
}
.ti-device-analytics:before {
  content: "\ee72";
}
.ti-device-audio-tape:before {
  content: "\ee73";
}
.ti-device-camera-phone:before {
  content: "\f233";
}
.ti-device-cctv:before {
  content: "\ee74";
}
.ti-device-cctv-off:before {
  content: "\f3e3";
}
.ti-device-computer-camera:before {
  content: "\ee76";
}
.ti-device-computer-camera-off:before {
  content: "\ee75";
}
.ti-device-desktop:before {
  content: "\ea89";
}
.ti-device-desktop-analytics:before {
  content: "\ee77";
}
.ti-device-desktop-bolt:before {
  content: "\f85e";
}
.ti-device-desktop-cancel:before {
  content: "\f85f";
}
.ti-device-desktop-check:before {
  content: "\f860";
}
.ti-device-desktop-code:before {
  content: "\f861";
}
.ti-device-desktop-cog:before {
  content: "\f862";
}
.ti-device-desktop-dollar:before {
  content: "\f863";
}
.ti-device-desktop-down:before {
  content: "\f864";
}
.ti-device-desktop-exclamation:before {
  content: "\f865";
}
.ti-device-desktop-heart:before {
  content: "\f866";
}
.ti-device-desktop-minus:before {
  content: "\f867";
}
.ti-device-desktop-off:before {
  content: "\ee78";
}
.ti-device-desktop-pause:before {
  content: "\f868";
}
.ti-device-desktop-pin:before {
  content: "\f869";
}
.ti-device-desktop-plus:before {
  content: "\f86a";
}
.ti-device-desktop-question:before {
  content: "\f86b";
}
.ti-device-desktop-search:before {
  content: "\f86c";
}
.ti-device-desktop-share:before {
  content: "\f86d";
}
.ti-device-desktop-star:before {
  content: "\f86e";
}
.ti-device-desktop-up:before {
  content: "\f86f";
}
.ti-device-desktop-x:before {
  content: "\f870";
}
.ti-device-floppy:before {
  content: "\eb62";
}
.ti-device-gamepad:before {
  content: "\eb63";
}
.ti-device-gamepad-2:before {
  content: "\f1d2";
}
.ti-device-gamepad-3:before {
  content: "\fc58";
}
.ti-device-heart-monitor:before {
  content: "\f060";
}
.ti-device-heart-monitor-filled:before {
  content: "\fa38";
}
.ti-device-imac:before {
  content: "\f7a7";
}
.ti-device-imac-bolt:before {
  content: "\f871";
}
.ti-device-imac-cancel:before {
  content: "\f872";
}
.ti-device-imac-check:before {
  content: "\f873";
}
.ti-device-imac-code:before {
  content: "\f874";
}
.ti-device-imac-cog:before {
  content: "\f875";
}
.ti-device-imac-dollar:before {
  content: "\f876";
}
.ti-device-imac-down:before {
  content: "\f877";
}
.ti-device-imac-exclamation:before {
  content: "\f878";
}
.ti-device-imac-heart:before {
  content: "\f879";
}
.ti-device-imac-minus:before {
  content: "\f87a";
}
.ti-device-imac-off:before {
  content: "\f87b";
}
.ti-device-imac-pause:before {
  content: "\f87c";
}
.ti-device-imac-pin:before {
  content: "\f87d";
}
.ti-device-imac-plus:before {
  content: "\f87e";
}
.ti-device-imac-question:before {
  content: "\f87f";
}
.ti-device-imac-search:before {
  content: "\f880";
}
.ti-device-imac-share:before {
  content: "\f881";
}
.ti-device-imac-star:before {
  content: "\f882";
}
.ti-device-imac-up:before {
  content: "\f883";
}
.ti-device-imac-x:before {
  content: "\f884";
}
.ti-device-ipad:before {
  content: "\f648";
}
.ti-device-ipad-bolt:before {
  content: "\f885";
}
.ti-device-ipad-cancel:before {
  content: "\f886";
}
.ti-device-ipad-check:before {
  content: "\f887";
}
.ti-device-ipad-code:before {
  content: "\f888";
}
.ti-device-ipad-cog:before {
  content: "\f889";
}
.ti-device-ipad-dollar:before {
  content: "\f88a";
}
.ti-device-ipad-down:before {
  content: "\f88b";
}
.ti-device-ipad-exclamation:before {
  content: "\f88c";
}
.ti-device-ipad-heart:before {
  content: "\f88d";
}
.ti-device-ipad-horizontal:before {
  content: "\f647";
}
.ti-device-ipad-horizontal-bolt:before {
  content: "\f88e";
}
.ti-device-ipad-horizontal-cancel:before {
  content: "\f88f";
}
.ti-device-ipad-horizontal-check:before {
  content: "\f890";
}
.ti-device-ipad-horizontal-code:before {
  content: "\f891";
}
.ti-device-ipad-horizontal-cog:before {
  content: "\f892";
}
.ti-device-ipad-horizontal-dollar:before {
  content: "\f893";
}
.ti-device-ipad-horizontal-down:before {
  content: "\f894";
}
.ti-device-ipad-horizontal-exclamation:before {
  content: "\f895";
}
.ti-device-ipad-horizontal-heart:before {
  content: "\f896";
}
.ti-device-ipad-horizontal-minus:before {
  content: "\f897";
}
.ti-device-ipad-horizontal-off:before {
  content: "\f898";
}
.ti-device-ipad-horizontal-pause:before {
  content: "\f899";
}
.ti-device-ipad-horizontal-pin:before {
  content: "\f89a";
}
.ti-device-ipad-horizontal-plus:before {
  content: "\f89b";
}
.ti-device-ipad-horizontal-question:before {
  content: "\f89c";
}
.ti-device-ipad-horizontal-search:before {
  content: "\f89d";
}
.ti-device-ipad-horizontal-share:before {
  content: "\f89e";
}
.ti-device-ipad-horizontal-star:before {
  content: "\f89f";
}
.ti-device-ipad-horizontal-up:before {
  content: "\f8a0";
}
.ti-device-ipad-horizontal-x:before {
  content: "\f8a1";
}
.ti-device-ipad-minus:before {
  content: "\f8a2";
}
.ti-device-ipad-off:before {
  content: "\f8a3";
}
.ti-device-ipad-pause:before {
  content: "\f8a4";
}
.ti-device-ipad-pin:before {
  content: "\f8a5";
}
.ti-device-ipad-plus:before {
  content: "\f8a6";
}
.ti-device-ipad-question:before {
  content: "\f8a7";
}
.ti-device-ipad-search:before {
  content: "\f8a8";
}
.ti-device-ipad-share:before {
  content: "\f8a9";
}
.ti-device-ipad-star:before {
  content: "\f8aa";
}
.ti-device-ipad-up:before {
  content: "\f8ab";
}
.ti-device-ipad-x:before {
  content: "\f8ac";
}
.ti-device-landline-phone:before {
  content: "\f649";
}
.ti-device-laptop:before {
  content: "\eb64";
}
.ti-device-laptop-off:before {
  content: "\f061";
}
.ti-device-mobile:before {
  content: "\ea8a";
}
.ti-device-mobile-bolt:before {
  content: "\f8ad";
}
.ti-device-mobile-cancel:before {
  content: "\f8ae";
}
.ti-device-mobile-charging:before {
  content: "\f224";
}
.ti-device-mobile-check:before {
  content: "\f8af";
}
.ti-device-mobile-code:before {
  content: "\f8b0";
}
.ti-device-mobile-cog:before {
  content: "\f8b1";
}
.ti-device-mobile-dollar:before {
  content: "\f8b2";
}
.ti-device-mobile-down:before {
  content: "\f8b3";
}
.ti-device-mobile-exclamation:before {
  content: "\f8b4";
}
.ti-device-mobile-filled:before {
  content: "\fa39";
}
.ti-device-mobile-heart:before {
  content: "\f8b5";
}
.ti-device-mobile-message:before {
  content: "\ee79";
}
.ti-device-mobile-minus:before {
  content: "\f8b6";
}
.ti-device-mobile-off:before {
  content: "\f062";
}
.ti-device-mobile-pause:before {
  content: "\f8b7";
}
.ti-device-mobile-pin:before {
  content: "\f8b8";
}
.ti-device-mobile-plus:before {
  content: "\f8b9";
}
.ti-device-mobile-question:before {
  content: "\f8ba";
}
.ti-device-mobile-rotated:before {
  content: "\ecdb";
}
.ti-device-mobile-search:before {
  content: "\f8bb";
}
.ti-device-mobile-share:before {
  content: "\f8bc";
}
.ti-device-mobile-star:before {
  content: "\f8bd";
}
.ti-device-mobile-up:before {
  content: "\f8be";
}
.ti-device-mobile-vibration:before {
  content: "\eb86";
}
.ti-device-mobile-x:before {
  content: "\f8bf";
}
.ti-device-nintendo:before {
  content: "\f026";
}
.ti-device-nintendo-off:before {
  content: "\f111";
}
.ti-device-projector:before {
  content: "\fc11";
}
.ti-device-remote:before {
  content: "\f792";
}
.ti-device-sd-card:before {
  content: "\f384";
}
.ti-device-sim:before {
  content: "\f4b2";
}
.ti-device-sim-1:before {
  content: "\f4af";
}
.ti-device-sim-2:before {
  content: "\f4b0";
}
.ti-device-sim-3:before {
  content: "\f4b1";
}
.ti-device-speaker:before {
  content: "\ea8b";
}
.ti-device-speaker-off:before {
  content: "\f112";
}
.ti-device-tablet:before {
  content: "\ea8c";
}
.ti-device-tablet-bolt:before {
  content: "\f8c0";
}
.ti-device-tablet-cancel:before {
  content: "\f8c1";
}
.ti-device-tablet-check:before {
  content: "\f8c2";
}
.ti-device-tablet-code:before {
  content: "\f8c3";
}
.ti-device-tablet-cog:before {
  content: "\f8c4";
}
.ti-device-tablet-dollar:before {
  content: "\f8c5";
}
.ti-device-tablet-down:before {
  content: "\f8c6";
}
.ti-device-tablet-exclamation:before {
  content: "\f8c7";
}
.ti-device-tablet-filled:before {
  content: "\fa3a";
}
.ti-device-tablet-heart:before {
  content: "\f8c8";
}
.ti-device-tablet-minus:before {
  content: "\f8c9";
}
.ti-device-tablet-off:before {
  content: "\f063";
}
.ti-device-tablet-pause:before {
  content: "\f8ca";
}
.ti-device-tablet-pin:before {
  content: "\f8cb";
}
.ti-device-tablet-plus:before {
  content: "\f8cc";
}
.ti-device-tablet-question:before {
  content: "\f8cd";
}
.ti-device-tablet-search:before {
  content: "\f8ce";
}
.ti-device-tablet-share:before {
  content: "\f8cf";
}
.ti-device-tablet-star:before {
  content: "\f8d0";
}
.ti-device-tablet-up:before {
  content: "\f8d1";
}
.ti-device-tablet-x:before {
  content: "\f8d2";
}
.ti-device-tv:before {
  content: "\ea8d";
}
.ti-device-tv-off:before {
  content: "\f064";
}
.ti-device-tv-old:before {
  content: "\f1d3";
}
.ti-device-usb:before {
  content: "\fc59";
}
.ti-device-vision-pro:before {
  content: "\fae7";
}
.ti-device-watch:before {
  content: "\ebf9";
}
.ti-device-watch-bolt:before {
  content: "\f8d3";
}
.ti-device-watch-cancel:before {
  content: "\f8d4";
}
.ti-device-watch-check:before {
  content: "\f8d5";
}
.ti-device-watch-code:before {
  content: "\f8d6";
}
.ti-device-watch-cog:before {
  content: "\f8d7";
}
.ti-device-watch-dollar:before {
  content: "\f8d8";
}
.ti-device-watch-down:before {
  content: "\f8d9";
}
.ti-device-watch-exclamation:before {
  content: "\f8da";
}
.ti-device-watch-heart:before {
  content: "\f8db";
}
.ti-device-watch-minus:before {
  content: "\f8dc";
}
.ti-device-watch-off:before {
  content: "\f065";
}
.ti-device-watch-pause:before {
  content: "\f8dd";
}
.ti-device-watch-pin:before {
  content: "\f8de";
}
.ti-device-watch-plus:before {
  content: "\f8df";
}
.ti-device-watch-question:before {
  content: "\f8e0";
}
.ti-device-watch-search:before {
  content: "\f8e1";
}
.ti-device-watch-share:before {
  content: "\f8e2";
}
.ti-device-watch-star:before {
  content: "\f8e3";
}
.ti-device-watch-stats:before {
  content: "\ef7d";
}
.ti-device-watch-stats-2:before {
  content: "\ef7c";
}
.ti-device-watch-up:before {
  content: "\f8e4";
}
.ti-device-watch-x:before {
  content: "\f8e5";
}
.ti-devices:before {
  content: "\eb87";
}
.ti-devices-2:before {
  content: "\ed29";
}
.ti-devices-bolt:before {
  content: "\f8e6";
}
.ti-devices-cancel:before {
  content: "\f8e7";
}
.ti-devices-check:before {
  content: "\f8e8";
}
.ti-devices-code:before {
  content: "\f8e9";
}
.ti-devices-cog:before {
  content: "\f8ea";
}
.ti-devices-dollar:before {
  content: "\f8eb";
}
.ti-devices-down:before {
  content: "\f8ec";
}
.ti-devices-exclamation:before {
  content: "\f8ed";
}
.ti-devices-heart:before {
  content: "\f8ee";
}
.ti-devices-minus:before {
  content: "\f8ef";
}
.ti-devices-off:before {
  content: "\f3e4";
}
.ti-devices-pause:before {
  content: "\f8f0";
}
.ti-devices-pc:before {
  content: "\ee7a";
}
.ti-devices-pc-off:before {
  content: "\f113";
}
.ti-devices-pin:before {
  content: "\f8f1";
}
.ti-devices-plus:before {
  content: "\f8f2";
}
.ti-devices-question:before {
  content: "\f8f3";
}
.ti-devices-search:before {
  content: "\f8f4";
}
.ti-devices-share:before {
  content: "\f8f5";
}
.ti-devices-star:before {
  content: "\f8f6";
}
.ti-devices-up:before {
  content: "\f8f7";
}
.ti-devices-x:before {
  content: "\f8f8";
}
.ti-diabolo:before {
  content: "\fa9c";
}
.ti-diabolo-off:before {
  content: "\fa9a";
}
.ti-diabolo-plus:before {
  content: "\fa9b";
}
.ti-dialpad:before {
  content: "\f067";
}
.ti-dialpad-filled:before {
  content: "\fa3b";
}
.ti-dialpad-off:before {
  content: "\f114";
}
.ti-diamond:before {
  content: "\eb65";
}
.ti-diamond-filled:before {
  content: "\f73d";
}
.ti-diamond-off:before {
  content: "\f115";
}
.ti-diamonds:before {
  content: "\eff5";
}
.ti-diamonds-filled:before {
  content: "\f676";
}
.ti-dice:before {
  content: "\eb66";
}
.ti-dice-1:before {
  content: "\f08b";
}
.ti-dice-1-filled:before {
  content: "\f73e";
}
.ti-dice-2:before {
  content: "\f08c";
}
.ti-dice-2-filled:before {
  content: "\f73f";
}
.ti-dice-3:before {
  content: "\f08d";
}
.ti-dice-3-filled:before {
  content: "\f740";
}
.ti-dice-4:before {
  content: "\f08e";
}
.ti-dice-4-filled:before {
  content: "\f741";
}
.ti-dice-5:before {
  content: "\f08f";
}
.ti-dice-5-filled:before {
  content: "\f742";
}
.ti-dice-6:before {
  content: "\f090";
}
.ti-dice-6-filled:before {
  content: "\f743";
}
.ti-dice-filled:before {
  content: "\f744";
}
.ti-dimensions:before {
  content: "\ee7b";
}
.ti-direction:before {
  content: "\ebfb";
}
.ti-direction-arrows:before {
  content: "\fd36";
}
.ti-direction-horizontal:before {
  content: "\ebfa";
}
.ti-direction-sign:before {
  content: "\f1f7";
}
.ti-direction-sign-filled:before {
  content: "\f745";
}
.ti-direction-sign-off:before {
  content: "\f3e5";
}
.ti-directions:before {
  content: "\ea8e";
}
.ti-directions-off:before {
  content: "\f116";
}
.ti-disabled:before {
  content: "\ea8f";
}
.ti-disabled-2:before {
  content: "\ebaf";
}
.ti-disabled-off:before {
  content: "\f117";
}
.ti-disc:before {
  content: "\ea90";
}
.ti-disc-golf:before {
  content: "\f385";
}
.ti-disc-off:before {
  content: "\f118";
}
.ti-discount:before {
  content: "\ebbd";
}
.ti-discount-2:before {
  content: "\ee7c";
}
.ti-discount-2-off:before {
  content: "\f3e6";
}
.ti-discount-check:before {
  content: "\f1f8";
}
.ti-discount-check-filled:before {
  content: "\f746";
}
.ti-discount-off:before {
  content: "\f3e7";
}
.ti-divide:before {
  content: "\ed5c";
}
.ti-dna:before {
  content: "\ee7d";
}
.ti-dna-2:before {
  content: "\ef5c";
}
.ti-dna-2-off:before {
  content: "\f119";
}
.ti-dna-off:before {
  content: "\f11a";
}
.ti-dog:before {
  content: "\f660";
}
.ti-dog-bowl:before {
  content: "\ef29";
}
.ti-door:before {
  content: "\ef4e";
}
.ti-door-enter:before {
  content: "\ef4c";
}
.ti-door-exit:before {
  content: "\ef4d";
}
.ti-door-off:before {
  content: "\f11b";
}
.ti-dots:before {
  content: "\ea95";
}
.ti-dots-circle-horizontal:before {
  content: "\ea91";
}
.ti-dots-diagonal:before {
  content: "\ea93";
}
.ti-dots-diagonal-2:before {
  content: "\ea92";
}
.ti-dots-vertical:before {
  content: "\ea94";
}
.ti-download:before {
  content: "\ea96";
}
.ti-download-off:before {
  content: "\f11c";
}
.ti-drag-drop:before {
  content: "\eb89";
}
.ti-drag-drop-2:before {
  content: "\eb88";
}
.ti-drone:before {
  content: "\ed79";
}
.ti-drone-off:before {
  content: "\ee7e";
}
.ti-drop-circle:before {
  content: "\efde";
}
.ti-droplet:before {
  content: "\ea97";
}
.ti-droplet-bolt:before {
  content: "\f8f9";
}
.ti-droplet-cancel:before {
  content: "\f8fa";
}
.ti-droplet-check:before {
  content: "\f8fb";
}
.ti-droplet-code:before {
  content: "\f8fc";
}
.ti-droplet-cog:before {
  content: "\f8fd";
}
.ti-droplet-dollar:before {
  content: "\f8fe";
}
.ti-droplet-down:before {
  content: "\f8ff";
}
.ti-droplet-exclamation:before {
  content: "\f900";
}
.ti-droplet-filled:before {
  content: "\ee80";
}
.ti-droplet-half:before {
  content: "\ee82";
}
.ti-droplet-half-2:before {
  content: "\ee81";
}
.ti-droplet-half-2-filled:before {
  content: "\fb6c";
}
.ti-droplet-half-filled:before {
  content: "\f6c5";
}
.ti-droplet-heart:before {
  content: "\f901";
}
.ti-droplet-minus:before {
  content: "\f902";
}
.ti-droplet-off:before {
  content: "\ee83";
}
.ti-droplet-pause:before {
  content: "\f903";
}
.ti-droplet-pin:before {
  content: "\f904";
}
.ti-droplet-plus:before {
  content: "\f905";
}
.ti-droplet-question:before {
  content: "\f906";
}
.ti-droplet-search:before {
  content: "\f907";
}
.ti-droplet-share:before {
  content: "\f908";
}
.ti-droplet-star:before {
  content: "\f909";
}
.ti-droplet-up:before {
  content: "\f90a";
}
.ti-droplet-x:before {
  content: "\f90b";
}
.ti-droplets:before {
  content: "\fc12";
}
.ti-dual-screen:before {
  content: "\fa59";
}
.ti-e-passport:before {
  content: "\f4df";
}
.ti-ear:before {
  content: "\ebce";
}
.ti-ear-off:before {
  content: "\ee84";
}
.ti-ear-scan:before {
  content: "\fd57";
}
.ti-ease-in:before {
  content: "\f573";
}
.ti-ease-in-control-point:before {
  content: "\f570";
}
.ti-ease-in-out:before {
  content: "\f572";
}
.ti-ease-in-out-control-points:before {
  content: "\f571";
}
.ti-ease-out:before {
  content: "\f575";
}
.ti-ease-out-control-point:before {
  content: "\f574";
}
.ti-edit:before {
  content: "\ea98";
}
.ti-edit-circle:before {
  content: "\ee85";
}
.ti-edit-circle-off:before {
  content: "\f11d";
}
.ti-edit-off:before {
  content: "\f11e";
}
.ti-egg:before {
  content: "\eb8a";
}
.ti-egg-cracked:before {
  content: "\f2d6";
}
.ti-egg-filled:before {
  content: "\f678";
}
.ti-egg-fried:before {
  content: "\f386";
}
.ti-egg-off:before {
  content: "\f11f";
}
.ti-eggs:before {
  content: "\f500";
}
.ti-elevator:before {
  content: "\efdf";
}
.ti-elevator-off:before {
  content: "\f3e8";
}
.ti-emergency-bed:before {
  content: "\ef5d";
}
.ti-empathize:before {
  content: "\f29b";
}
.ti-empathize-off:before {
  content: "\f3e9";
}
.ti-emphasis:before {
  content: "\ebcf";
}
.ti-engine:before {
  content: "\ef7e";
}
.ti-engine-off:before {
  content: "\f120";
}
.ti-equal:before {
  content: "\ee87";
}
.ti-equal-double:before {
  content: "\f4e1";
}
.ti-equal-not:before {
  content: "\ee86";
}
.ti-eraser:before {
  content: "\eb8b";
}
.ti-eraser-off:before {
  content: "\f121";
}
.ti-error-404:before {
  content: "\f027";
}
.ti-error-404-off:before {
  content: "\f122";
}
.ti-escalator:before {
  content: "\fb06";
}
.ti-escalator-down:before {
  content: "\fb04";
}
.ti-escalator-up:before {
  content: "\fb05";
}
.ti-exchange:before {
  content: "\ebe7";
}
.ti-exchange-off:before {
  content: "\f123";
}
.ti-exclamation-circle:before {
  content: "\f634";
}
.ti-exclamation-mark:before {
  content: "\efb4";
}
.ti-exclamation-mark-off:before {
  content: "\f124";
}
.ti-explicit:before {
  content: "\f256";
}
.ti-explicit-off:before {
  content: "\f3ea";
}
.ti-exposure:before {
  content: "\eb8c";
}
.ti-exposure-0:before {
  content: "\f29c";
}
.ti-exposure-minus-1:before {
  content: "\f29d";
}
.ti-exposure-minus-2:before {
  content: "\f29e";
}
.ti-exposure-off:before {
  content: "\f3eb";
}
.ti-exposure-plus-1:before {
  content: "\f29f";
}
.ti-exposure-plus-2:before {
  content: "\f2a0";
}
.ti-external-link:before {
  content: "\ea99";
}
.ti-external-link-off:before {
  content: "\f125";
}
.ti-eye:before {
  content: "\ea9a" !important;
}
.ti-eye-bolt:before {
  content: "\fb6d";
}
.ti-eye-cancel:before {
  content: "\fb6e";
}
.ti-eye-check:before {
  content: "\ee88";
}
.ti-eye-closed:before {
  content: "\f7ec";
}
.ti-eye-code:before {
  content: "\fb6f";
}
.ti-eye-cog:before {
  content: "\f7ed";
}
.ti-eye-discount:before {
  content: "\fb70";
}
.ti-eye-dollar:before {
  content: "\fb71";
}
.ti-eye-down:before {
  content: "\fb72";
}
.ti-eye-edit:before {
  content: "\f7ee";
}
.ti-eye-exclamation:before {
  content: "\f7ef";
}
.ti-eye-filled:before {
  content: "\f679";
}
.ti-eye-heart:before {
  content: "\f7f0";
}
.ti-eye-minus:before {
  content: "\fb73";
}
.ti-eye-off:before {
  content: "\ecf0";
}
.ti-eye-pause:before {
  content: "\fb74";
}
.ti-eye-pin:before {
  content: "\fb75";
}
.ti-eye-plus:before {
  content: "\fb76";
}
.ti-eye-question:before {
  content: "\fb77";
}
.ti-eye-search:before {
  content: "\fb78";
}
.ti-eye-share:before {
  content: "\fb79";
}
.ti-eye-star:before {
  content: "\fb7a";
}
.ti-eye-table:before {
  content: "\ef5e";
}
.ti-eye-up:before {
  content: "\fb7b";
}
.ti-eye-x:before {
  content: "\f7f1";
}
.ti-eyeglass:before {
  content: "\ee8a";
}
.ti-eyeglass-2:before {
  content: "\ee89";
}
.ti-eyeglass-off:before {
  content: "\f126";
}
.ti-face-id:before {
  content: "\ea9b";
}
.ti-face-id-error:before {
  content: "\efa7";
}
.ti-face-mask:before {
  content: "\efb5";
}
.ti-face-mask-off:before {
  content: "\f127";
}
.ti-fall:before {
  content: "\ecb9";
}
.ti-favicon:before {
  content: "\fd65";
}
.ti-feather:before {
  content: "\ee8b";
}
.ti-feather-off:before {
  content: "\f128";
}
.ti-fence:before {
  content: "\ef2a";
}
.ti-fence-off:before {
  content: "\f129";
}
.ti-fidget-spinner:before {
  content: "\f068";
}
.ti-file:before {
  content: "\eaa4" !important;
}
.ti-file-3d:before {
  content: "\f032";
}
.ti-file-alert:before {
  content: "\ede6";
}
.ti-file-analytics:before {
  content: "\ede7";
}
.ti-file-arrow-left:before {
  content: "\f033";
}
.ti-file-arrow-right:before {
  content: "\f034";
}
.ti-file-barcode:before {
  content: "\f035";
}
.ti-file-broken:before {
  content: "\f501";
}
.ti-file-certificate:before {
  content: "\ed4d";
}
.ti-file-chart:before {
  content: "\f036";
}
.ti-file-check:before {
  content: "\ea9c";
}
.ti-file-code:before {
  content: "\ebd0";
}
.ti-file-code-2:before {
  content: "\ede8";
}
.ti-file-cv:before {
  content: "\fa5a";
}
.ti-file-database:before {
  content: "\f037";
}
.ti-file-delta:before {
  content: "\f53d";
}
.ti-file-description:before {
  content: "\f028";
}
.ti-file-diff:before {
  content: "\ecf1";
}
.ti-file-digit:before {
  content: "\efa8";
}
.ti-file-dislike:before {
  content: "\ed2a";
}
.ti-file-dollar:before {
  content: "\efe0";
}
.ti-file-dots:before {
  content: "\f038";
}
.ti-file-download:before {
  content: "\ea9d";
}
.ti-file-euro:before {
  content: "\efe1";
}
.ti-file-export:before {
  content: "\ede9";
}
.ti-file-filled:before {
  content: "\f747";
}
.ti-file-function:before {
  content: "\f53e";
}
.ti-file-horizontal:before {
  content: "\ebb0";
}
.ti-file-import:before {
  content: "\edea";
}
.ti-file-infinity:before {
  content: "\f502";
}
.ti-file-info:before {
  content: "\edec";
}
.ti-file-invoice:before {
  content: "\eb67";
}
.ti-file-lambda:before {
  content: "\f53f";
}
.ti-file-like:before {
  content: "\ed2b";
}
.ti-file-minus:before {
  content: "\ea9e";
}
.ti-file-music:before {
  content: "\ea9f";
}
.ti-file-neutral:before {
  content: "\fd22";
}
.ti-file-off:before {
  content: "\ecf2";
}
.ti-file-orientation:before {
  content: "\f2a1";
}
.ti-file-pencil:before {
  content: "\f039";
}
.ti-file-percent:before {
  content: "\f540";
}
.ti-file-phone:before {
  content: "\ecdc";
}
.ti-file-plus:before {
  content: "\eaa0";
}
.ti-file-power:before {
  content: "\f03a";
}
.ti-file-report:before {
  content: "\eded";
}
.ti-file-rss:before {
  content: "\f03b";
}
.ti-file-sad:before {
  content: "\fd23";
}
.ti-file-scissors:before {
  content: "\f03c";
}
.ti-file-search:before {
  content: "\ed5d";
}
.ti-file-settings:before {
  content: "\f029";
}
.ti-file-shredder:before {
  content: "\eaa1";
}
.ti-file-signal:before {
  content: "\f03d";
}
.ti-file-smile:before {
  content: "\fd24";
}
.ti-file-spreadsheet:before {
  content: "\f03e";
}
.ti-file-stack:before {
  content: "\f503";
}
.ti-file-star:before {
  content: "\f03f";
}
.ti-file-symlink:before {
  content: "\ed53";
}
.ti-file-text:before {
  content: "\eaa2";
}
.ti-file-text-ai:before {
  content: "\fa27";
}
.ti-file-time:before {
  content: "\f040";
}
.ti-file-type-bmp:before {
  content: "\fb07";
}
.ti-file-type-css:before {
  content: "\fb08";
}
.ti-file-type-csv:before {
  content: "\fb09";
}
.ti-file-type-doc:before {
  content: "\fb0a";
}
.ti-file-type-docx:before {
  content: "\fb0b";
}
.ti-file-type-html:before {
  content: "\fb0c";
}
.ti-file-type-jpg:before {
  content: "\fb0d";
}
.ti-file-type-js:before {
  content: "\fb0e";
}
.ti-file-type-jsx:before {
  content: "\fb0f";
}
.ti-file-type-pdf:before {
  content: "\fb10";
}
.ti-file-type-php:before {
  content: "\fb11";
}
.ti-file-type-png:before {
  content: "\fb12";
}
.ti-file-type-ppt:before {
  content: "\fb13";
}
.ti-file-type-rs:before {
  content: "\fb14";
}
.ti-file-type-sql:before {
  content: "\fb15";
}
.ti-file-type-svg:before {
  content: "\fb16";
}
.ti-file-type-ts:before {
  content: "\fb17";
}
.ti-file-type-tsx:before {
  content: "\fb18";
}
.ti-file-type-txt:before {
  content: "\fb19";
}
.ti-file-type-vue:before {
  content: "\fb1a";
}
.ti-file-type-xls:before {
  content: "\fb1b";
}
.ti-file-type-xml:before {
  content: "\fb1c";
}
.ti-file-type-zip:before {
  content: "\fb1d";
}
.ti-file-typography:before {
  content: "\f041";
}
.ti-file-unknown:before {
  content: "\f042";
}
.ti-file-upload:before {
  content: "\ec91";
}
.ti-file-vector:before {
  content: "\f043";
}
.ti-file-x:before {
  content: "\eaa3";
}
.ti-file-x-filled:before {
  content: "\f748";
}
.ti-file-zip:before {
  content: "\ed4e";
}
.ti-files:before {
  content: "\edef";
}
.ti-files-off:before {
  content: "\edee";
}
.ti-filter:before {
  content: "\eaa5";
}
.ti-filter-bolt:before {
  content: "\fb7c";
}
.ti-filter-cancel:before {
  content: "\fb7d";
}
.ti-filter-check:before {
  content: "\fb7e";
}
.ti-filter-code:before {
  content: "\fb7f";
}
.ti-filter-cog:before {
  content: "\f9fe";
}
.ti-filter-discount:before {
  content: "\fb80";
}
.ti-filter-dollar:before {
  content: "\f9ff";
}
.ti-filter-down:before {
  content: "\fb81";
}
.ti-filter-edit:before {
  content: "\fa00";
}
.ti-filter-exclamation:before {
  content: "\fb82";
}
.ti-filter-filled:before {
  content: "\fc27";
}
.ti-filter-heart:before {
  content: "\fb83";
}
.ti-filter-minus:before {
  content: "\fa01";
}
.ti-filter-off:before {
  content: "\ed2c";
}
.ti-filter-pause:before {
  content: "\fb84";
}
.ti-filter-pin:before {
  content: "\fb85";
}
.ti-filter-plus:before {
  content: "\fa02";
}
.ti-filter-question:before {
  content: "\fb86";
}
.ti-filter-search:before {
  content: "\fb87";
}
.ti-filter-share:before {
  content: "\fb88";
}
.ti-filter-star:before {
  content: "\fa03";
}
.ti-filter-up:before {
  content: "\fb89";
}
.ti-filter-x:before {
  content: "\fa04";
}
.ti-filters:before {
  content: "\f793";
}
.ti-fingerprint:before {
  content: "\ebd1";
}
.ti-fingerprint-off:before {
  content: "\f12a";
}
.ti-fingerprint-scan:before {
  content: "\fcb5";
}
.ti-fire-extinguisher:before {
  content: "\faf6";
}
.ti-fire-hydrant:before {
  content: "\f3a9";
}
.ti-fire-hydrant-off:before {
  content: "\f3ec";
}
.ti-firetruck:before {
  content: "\ebe8";
}
.ti-first-aid-kit:before {
  content: "\ef5f";
}
.ti-first-aid-kit-off:before {
  content: "\f3ed";
}
.ti-fish:before {
  content: "\ef2b";
}
.ti-fish-bone:before {
  content: "\f287";
}
.ti-fish-christianity:before {
  content: "\f58b";
}
.ti-fish-hook:before {
  content: "\f1f9";
}
.ti-fish-hook-off:before {
  content: "\f3ee";
}
.ti-fish-off:before {
  content: "\f12b";
}
.ti-flag:before {
  content: "\eaa6";
}
.ti-flag-2:before {
  content: "\ee8c";
}
.ti-flag-2-filled:before {
  content: "\f707";
}
.ti-flag-2-off:before {
  content: "\f12c";
}
.ti-flag-3:before {
  content: "\ee8d";
}
.ti-flag-3-filled:before {
  content: "\f708";
}
.ti-flag-bolt:before {
  content: "\fb8a";
}
.ti-flag-cancel:before {
  content: "\fb8b";
}
.ti-flag-check:before {
  content: "\fb8c";
}
.ti-flag-code:before {
  content: "\fb8d";
}
.ti-flag-cog:before {
  content: "\fb8e";
}
.ti-flag-discount:before {
  content: "\fb8f";
}
.ti-flag-dollar:before {
  content: "\fb90";
}
.ti-flag-down:before {
  content: "\fb91";
}
.ti-flag-exclamation:before {
  content: "\fb92";
}
.ti-flag-filled:before {
  content: "\f67a";
}
.ti-flag-heart:before {
  content: "\fb93";
}
.ti-flag-minus:before {
  content: "\fb94";
}
.ti-flag-off:before {
  content: "\f12d";
}
.ti-flag-pause:before {
  content: "\fb95";
}
.ti-flag-pin:before {
  content: "\fb96";
}
.ti-flag-plus:before {
  content: "\fb97";
}
.ti-flag-question:before {
  content: "\fb98";
}
.ti-flag-search:before {
  content: "\fb99";
}
.ti-flag-share:before {
  content: "\fb9a";
}
.ti-flag-star:before {
  content: "\fb9b";
}
.ti-flag-up:before {
  content: "\fb9c";
}
.ti-flag-x:before {
  content: "\fb9d";
}
.ti-flame:before {
  content: "\ec2c";
}
.ti-flame-off:before {
  content: "\f12e";
}
.ti-flare:before {
  content: "\ee8e";
}
.ti-flask:before {
  content: "\ebd2";
}
.ti-flask-2:before {
  content: "\ef60";
}
.ti-flask-2-filled:before {
  content: "\fd12";
}
.ti-flask-2-off:before {
  content: "\f12f";
}
.ti-flask-filled:before {
  content: "\fd13";
}
.ti-flask-off:before {
  content: "\f130";
}
.ti-flip-flops:before {
  content: "\f564";
}
.ti-flip-horizontal:before {
  content: "\eaa7";
}
.ti-flip-vertical:before {
  content: "\eaa8";
}
.ti-float-center:before {
  content: "\ebb1";
}
.ti-float-left:before {
  content: "\ebb2";
}
.ti-float-none:before {
  content: "\ed13";
}
.ti-float-right:before {
  content: "\ebb3";
}
.ti-flower:before {
  content: "\eff6";
}
.ti-flower-off:before {
  content: "\f131";
}
.ti-focus:before {
  content: "\eb8d";
}
.ti-focus-2:before {
  content: "\ebd3";
}
.ti-focus-auto:before {
  content: "\fa62";
}
.ti-focus-centered:before {
  content: "\f02a";
}
.ti-fold:before {
  content: "\ed56";
}
.ti-fold-down:before {
  content: "\ed54";
}
.ti-fold-up:before {
  content: "\ed55";
}
.ti-folder:before {
  content: "\eaad" !important;
}
.ti-folder-bolt:before {
  content: "\f90c";
}
.ti-folder-cancel:before {
  content: "\f90d";
}
.ti-folder-check:before {
  content: "\f90e";
}
.ti-folder-code:before {
  content: "\f90f";
}
.ti-folder-cog:before {
  content: "\f910";
}
.ti-folder-dollar:before {
  content: "\f911";
}
.ti-folder-down:before {
  content: "\f912";
}
.ti-folder-exclamation:before {
  content: "\f913";
}
.ti-folder-filled:before {
  content: "\f749";
}
.ti-folder-heart:before {
  content: "\f914";
}
.ti-folder-minus:before {
  content: "\eaaa";
}
.ti-folder-off:before {
  content: "\ed14";
}
.ti-folder-open:before {
  content: "\faf7";
}
.ti-folder-pause:before {
  content: "\f915";
}
.ti-folder-pin:before {
  content: "\f916";
}
.ti-folder-plus:before {
  content: "\eaab";
}
.ti-folder-question:before {
  content: "\f917";
}
.ti-folder-root:before {
  content: "\fd43";
}
.ti-folder-search:before {
  content: "\f918";
}
.ti-folder-share:before {
  content: "\f919";
}
.ti-folder-star:before {
  content: "\f91a";
}
.ti-folder-symlink:before {
  content: "\f91b";
}
.ti-folder-up:before {
  content: "\f91c";
}
.ti-folder-x:before {
  content: "\eaac";
}
.ti-folders:before {
  content: "\eaae";
}
.ti-folders-off:before {
  content: "\f133";
}
.ti-forbid:before {
  content: "\ebd5";
}
.ti-forbid-2:before {
  content: "\ebd4";
}
.ti-forbid-2-filled:before {
  content: "\fc28";
}
.ti-forbid-filled:before {
  content: "\fc29";
}
.ti-forklift:before {
  content: "\ebe9";
}
.ti-forms:before {
  content: "\ee8f";
}
.ti-fountain:before {
  content: "\f09b";
}
.ti-fountain-filled:before {
  content: "\fc2a";
}
.ti-fountain-off:before {
  content: "\f134";
}
.ti-frame:before {
  content: "\eaaf";
}
.ti-frame-off:before {
  content: "\f135";
}
.ti-free-rights:before {
  content: "\efb6";
}
.ti-freeze-column:before {
  content: "\fa63";
}
.ti-freeze-row:before {
  content: "\fa65";
}
.ti-freeze-row-column:before {
  content: "\fa64";
}
.ti-fridge:before {
  content: "\f1fa";
}
.ti-fridge-off:before {
  content: "\f3ef";
}
.ti-friends:before {
  content: "\eab0";
}
.ti-friends-off:before {
  content: "\f136";
}
.ti-frustum:before {
  content: "\fa9f";
}
.ti-frustum-off:before {
  content: "\fa9d";
}
.ti-frustum-plus:before {
  content: "\fa9e";
}
.ti-function:before {
  content: "\f225";
}
.ti-function-filled:before {
  content: "\fc2b";
}
.ti-function-off:before {
  content: "\f3f0";
}
.ti-galaxy:before {
  content: "\fcb6";
}
.ti-garden-cart:before {
  content: "\f23e";
}
.ti-garden-cart-off:before {
  content: "\f3f1";
}
.ti-gas-station:before {
  content: "\ec7d";
}
.ti-gas-station-off:before {
  content: "\f137";
}
.ti-gauge:before {
  content: "\eab1";
}
.ti-gauge-filled:before {
  content: "\fc2c";
}
.ti-gauge-off:before {
  content: "\f138";
}
.ti-gavel:before {
  content: "\ef90";
}
.ti-gender-agender:before {
  content: "\f0e1";
}
.ti-gender-androgyne:before {
  content: "\f0e2";
}
.ti-gender-bigender:before {
  content: "\f0e3";
}
.ti-gender-demiboy:before {
  content: "\f0e4";
}
.ti-gender-demigirl:before {
  content: "\f0e5";
}
.ti-gender-epicene:before {
  content: "\f0e6";
}
.ti-gender-female:before {
  content: "\f0e7";
}
.ti-gender-femme:before {
  content: "\f0e8";
}
.ti-gender-genderfluid:before {
  content: "\f0e9";
}
.ti-gender-genderless:before {
  content: "\f0ea";
}
.ti-gender-genderqueer:before {
  content: "\f0eb";
}
.ti-gender-hermaphrodite:before {
  content: "\f0ec";
}
.ti-gender-intergender:before {
  content: "\f0ed";
}
.ti-gender-male:before {
  content: "\f0ee";
}
.ti-gender-neutrois:before {
  content: "\f0ef";
}
.ti-gender-third:before {
  content: "\f0f0";
}
.ti-gender-transgender:before {
  content: "\f0f1";
}
.ti-gender-trasvesti:before {
  content: "\f0f2";
}
.ti-geometry:before {
  content: "\ee90";
}
.ti-ghost:before {
  content: "\eb8e";
}
.ti-ghost-2:before {
  content: "\f57c";
}
.ti-ghost-2-filled:before {
  content: "\f74a";
}
.ti-ghost-3:before {
  content: "\fc13";
}
.ti-ghost-filled:before {
  content: "\f74b";
}
.ti-ghost-off:before {
  content: "\f3f2";
}
.ti-gif:before {
  content: "\f257";
}
.ti-gift:before {
  content: "\eb68" !important;
}
.ti-gift-card:before {
  content: "\f3aa";
}
.ti-gift-card-filled:before {
  content: "\fc2d";
}
.ti-gift-filled:before {
  content: "\fd14";
}
.ti-gift-off:before {
  content: "\f3f3";
}
.ti-git-branch:before {
  content: "\eab2";
}
.ti-git-branch-deleted:before {
  content: "\f57d";
}
.ti-git-cherry-pick:before {
  content: "\f57e";
}
.ti-git-commit:before {
  content: "\eab3";
}
.ti-git-compare:before {
  content: "\eab4";
}
.ti-git-fork:before {
  content: "\eb8f";
}
.ti-git-merge:before {
  content: "\eab5";
}
.ti-git-pull-request:before {
  content: "\eab6";
}
.ti-git-pull-request-closed:before {
  content: "\ef7f";
}
.ti-git-pull-request-draft:before {
  content: "\efb7";
}
.ti-gizmo:before {
  content: "\f02b";
}
.ti-glass:before {
  content: "\eab8";
}
.ti-glass-full:before {
  content: "\eab7";
}
.ti-glass-full-filled:before {
  content: "\fc2e";
}
.ti-glass-off:before {
  content: "\ee91";
}
.ti-globe:before {
  content: "\eab9";
}
.ti-globe-filled:before {
  content: "\fc2f";
}
.ti-globe-off:before {
  content: "\f139";
}
.ti-go-game:before {
  content: "\f512";
}
.ti-golf:before {
  content: "\ed8c";
}
.ti-golf-off:before {
  content: "\f13a";
}
.ti-gps:before {
  content: "\ed7a";
}
.ti-gradienter:before {
  content: "\f3ab";
}
.ti-grain:before {
  content: "\ee92";
}
.ti-graph:before {
  content: "\f288";
}
.ti-graph-filled:before {
  content: "\fd15";
}
.ti-graph-off:before {
  content: "\f3f4";
}
.ti-grave:before {
  content: "\f580";
}
.ti-grave-2:before {
  content: "\f57f";
}
.ti-grid-3x3:before {
  content: "\fca4";
}
.ti-grid-4x4:before {
  content: "\fca5";
}
.ti-grid-dots:before {
  content: "\eaba";
}
.ti-grid-goldenratio:before {
  content: "\fca6";
}
.ti-grid-pattern:before {
  content: "\efc9";
}
.ti-grid-scan:before {
  content: "\fca7";
}
.ti-grill:before {
  content: "\efa9";
}
.ti-grill-fork:before {
  content: "\f35b";
}
.ti-grill-off:before {
  content: "\f3f5";
}
.ti-grill-spatula:before {
  content: "\f35c";
}
.ti-grip-horizontal:before {
  content: "\ec00";
}
.ti-grip-vertical:before {
  content: "\ec01";
}
.ti-growth:before {
  content: "\ee93";
}
.ti-guitar-pick:before {
  content: "\f4c6";
}
.ti-guitar-pick-filled:before {
  content: "\f67b";
}
.ti-gymnastics:before {
  content: "\fd44";
}
.ti-h-1:before {
  content: "\ec94";
}
.ti-h-2:before {
  content: "\ec95";
}
.ti-h-3:before {
  content: "\ec96";
}
.ti-h-4:before {
  content: "\ec97";
}
.ti-h-5:before {
  content: "\ec98";
}
.ti-h-6:before {
  content: "\ec99";
}
.ti-hammer:before {
  content: "\ef91";
}
.ti-hammer-off:before {
  content: "\f13c";
}
.ti-hand-click:before {
  content: "\ef4f";
}
.ti-hand-finger:before {
  content: "\ee94";
}
.ti-hand-finger-off:before {
  content: "\f13d";
}
.ti-hand-grab:before {
  content: "\f091";
}
.ti-hand-little-finger:before {
  content: "\ee95";
}
.ti-hand-middle-finger:before {
  content: "\ec2d";
}
.ti-hand-move:before {
  content: "\ef50";
}
.ti-hand-off:before {
  content: "\ed15";
}
.ti-hand-ring-finger:before {
  content: "\ee96";
}
.ti-hand-rock:before {
  content: "\ee97";
}
.ti-hand-sanitizer:before {
  content: "\f5f4";
}
.ti-hand-stop:before {
  content: "\ec2e";
}
.ti-hand-three-fingers:before {
  content: "\ee98";
}
.ti-hand-two-fingers:before {
  content: "\ee99";
}
.ti-hanger:before {
  content: "\ee9a";
}
.ti-hanger-2:before {
  content: "\f09c";
}
.ti-hanger-off:before {
  content: "\f13e";
}
.ti-hash:before {
  content: "\eabc";
}
.ti-haze:before {
  content: "\efaa";
}
.ti-haze-moon:before {
  content: "\faf8";
}
.ti-hdr:before {
  content: "\fa7b";
}
.ti-heading:before {
  content: "\ee9b";
}
.ti-heading-off:before {
  content: "\f13f";
}
.ti-headphones:before {
  content: "\eabd";
}
.ti-headphones-filled:before {
  content: "\fa3c";
}
.ti-headphones-off:before {
  content: "\ed1d";
}
.ti-headset:before {
  content: "\eb90";
}
.ti-headset-off:before {
  content: "\f3f6";
}
.ti-health-recognition:before {
  content: "\f1fb";
}
.ti-heart:before {
  content: "\eabe" !important;
}
.ti-heart-bolt:before {
  content: "\fb9e";
}
.ti-heart-broken:before {
  content: "\ecba";
}
.ti-heart-cancel:before {
  content: "\fb9f";
}
.ti-heart-check:before {
  content: "\fba0";
}
.ti-heart-code:before {
  content: "\fba1";
}
.ti-heart-cog:before {
  content: "\fba2";
}
.ti-heart-discount:before {
  content: "\fba3";
}
.ti-heart-dollar:before {
  content: "\fba4";
}
.ti-heart-down:before {
  content: "\fba5";
}
.ti-heart-exclamation:before {
  content: "\fba6";
}
.ti-heart-filled:before {
  content: "\f67c";
}
.ti-heart-handshake:before {
  content: "\f0f3";
}
.ti-heart-minus:before {
  content: "\f140";
}
.ti-heart-off:before {
  content: "\f141";
}
.ti-heart-pause:before {
  content: "\fba7";
}
.ti-heart-pin:before {
  content: "\fba8";
}
.ti-heart-plus:before {
  content: "\f142";
}
.ti-heart-question:before {
  content: "\fba9";
}
.ti-heart-rate-monitor:before {
  content: "\ef61";
}
.ti-heart-search:before {
  content: "\fbaa";
}
.ti-heart-share:before {
  content: "\fbab";
}
.ti-heart-star:before {
  content: "\fbac";
}
.ti-heart-up:before {
  content: "\fbad";
}
.ti-heart-x:before {
  content: "\fbae";
}
.ti-heartbeat:before {
  content: "\ef92";
}
.ti-hearts:before {
  content: "\f387";
}
.ti-hearts-off:before {
  content: "\f3f7";
}
.ti-helicopter:before {
  content: "\ed8e";
}
.ti-helicopter-landing:before {
  content: "\ed8d";
}
.ti-helmet:before {
  content: "\efca";
}
.ti-helmet-off:before {
  content: "\f143";
}
.ti-help:before {
  content: "\eabf";
}
.ti-help-circle:before {
  content: "\f91d";
}
.ti-help-circle-filled:before {
  content: "\fa3d";
}
.ti-help-hexagon:before {
  content: "\f7a8";
}
.ti-help-hexagon-filled:before {
  content: "\fa3e";
}
.ti-help-octagon:before {
  content: "\f7a9";
}
.ti-help-octagon-filled:before {
  content: "\fa3f";
}
.ti-help-off:before {
  content: "\f3f8";
}
.ti-help-small:before {
  content: "\f91e";
}
.ti-help-square:before {
  content: "\f920";
}
.ti-help-square-filled:before {
  content: "\fa40";
}
.ti-help-square-rounded:before {
  content: "\f91f";
}
.ti-help-square-rounded-filled:before {
  content: "\fa41";
}
.ti-help-triangle:before {
  content: "\f921";
}
.ti-help-triangle-filled:before {
  content: "\fa42";
}
.ti-hemisphere:before {
  content: "\faa2";
}
.ti-hemisphere-off:before {
  content: "\faa0";
}
.ti-hemisphere-plus:before {
  content: "\faa1";
}
.ti-hexagon:before {
  content: "\ec02";
}
.ti-hexagon-0-filled:before {
  content: "\f74c";
}
.ti-hexagon-1-filled:before {
  content: "\f74d";
}
.ti-hexagon-2-filled:before {
  content: "\f74e";
}
.ti-hexagon-3-filled:before {
  content: "\f74f";
}
.ti-hexagon-3d:before {
  content: "\f4c7";
}
.ti-hexagon-4-filled:before {
  content: "\f750";
}
.ti-hexagon-5-filled:before {
  content: "\f751";
}
.ti-hexagon-6-filled:before {
  content: "\f752";
}
.ti-hexagon-7-filled:before {
  content: "\f753";
}
.ti-hexagon-8-filled:before {
  content: "\f754";
}
.ti-hexagon-9-filled:before {
  content: "\f755";
}
.ti-hexagon-filled:before {
  content: "\f67d";
}
.ti-hexagon-letter-a:before {
  content: "\f463";
}
.ti-hexagon-letter-b:before {
  content: "\f464";
}
.ti-hexagon-letter-c:before {
  content: "\f465";
}
.ti-hexagon-letter-d:before {
  content: "\f466";
}
.ti-hexagon-letter-e:before {
  content: "\f467";
}
.ti-hexagon-letter-f:before {
  content: "\f468";
}
.ti-hexagon-letter-g:before {
  content: "\f469";
}
.ti-hexagon-letter-h:before {
  content: "\f46a";
}
.ti-hexagon-letter-i:before {
  content: "\f46b";
}
.ti-hexagon-letter-j:before {
  content: "\f46c";
}
.ti-hexagon-letter-k:before {
  content: "\f46d";
}
.ti-hexagon-letter-l:before {
  content: "\f46e";
}
.ti-hexagon-letter-m:before {
  content: "\f46f";
}
.ti-hexagon-letter-n:before {
  content: "\f470";
}
.ti-hexagon-letter-o:before {
  content: "\f471";
}
.ti-hexagon-letter-p:before {
  content: "\f472";
}
.ti-hexagon-letter-q:before {
  content: "\f473";
}
.ti-hexagon-letter-r:before {
  content: "\f474";
}
.ti-hexagon-letter-s:before {
  content: "\f475";
}
.ti-hexagon-letter-t:before {
  content: "\f476";
}
.ti-hexagon-letter-u:before {
  content: "\f477";
}
.ti-hexagon-letter-v:before {
  content: "\f4b3";
}
.ti-hexagon-letter-w:before {
  content: "\f478";
}
.ti-hexagon-letter-x:before {
  content: "\f479";
}
.ti-hexagon-letter-y:before {
  content: "\f47a";
}
.ti-hexagon-letter-z:before {
  content: "\f47b";
}
.ti-hexagon-minus:before {
  content: "\fc8f";
}
.ti-hexagon-minus-2:before {
  content: "\fc8e";
}
.ti-hexagon-number-0:before {
  content: "\f459";
}
.ti-hexagon-number-1:before {
  content: "\f45a";
}
.ti-hexagon-number-2:before {
  content: "\f45b";
}
.ti-hexagon-number-3:before {
  content: "\f45c";
}
.ti-hexagon-number-4:before {
  content: "\f45d";
}
.ti-hexagon-number-5:before {
  content: "\f45e";
}
.ti-hexagon-number-6:before {
  content: "\f45f";
}
.ti-hexagon-number-7:before {
  content: "\f460";
}
.ti-hexagon-number-8:before {
  content: "\f461";
}
.ti-hexagon-number-9:before {
  content: "\f462";
}
.ti-hexagon-off:before {
  content: "\ee9c";
}
.ti-hexagon-plus:before {
  content: "\fc45";
}
.ti-hexagon-plus-2:before {
  content: "\fc90";
}
.ti-hexagonal-prism:before {
  content: "\faa5";
}
.ti-hexagonal-prism-off:before {
  content: "\faa3";
}
.ti-hexagonal-prism-plus:before {
  content: "\faa4";
}
.ti-hexagonal-pyramid:before {
  content: "\faa8";
}
.ti-hexagonal-pyramid-off:before {
  content: "\faa6";
}
.ti-hexagonal-pyramid-plus:before {
  content: "\faa7";
}
.ti-hexagons:before {
  content: "\f09d";
}
.ti-hexagons-off:before {
  content: "\f3f9";
}
.ti-hierarchy:before {
  content: "\ee9e";
}
.ti-hierarchy-2:before {
  content: "\ee9d";
}
.ti-hierarchy-3:before {
  content: "\f289";
}
.ti-hierarchy-off:before {
  content: "\f3fa";
}
.ti-highlight:before {
  content: "\ef3f";
}
.ti-highlight-off:before {
  content: "\f144";
}
.ti-history:before {
  content: "\ebea";
}
.ti-history-off:before {
  content: "\f3fb";
}
.ti-history-toggle:before {
  content: "\f1fc";
}
.ti-home:before {
  content: "\eac1";
}
.ti-home-2:before {
  content: "\eac0";
}
.ti-home-bolt:before {
  content: "\f336";
}
.ti-home-cancel:before {
  content: "\f350";
}
.ti-home-check:before {
  content: "\f337";
}
.ti-home-cog:before {
  content: "\f338";
}
.ti-home-dollar:before {
  content: "\f339";
}
.ti-home-dot:before {
  content: "\f33a";
}
.ti-home-down:before {
  content: "\f33b";
}
.ti-home-eco:before {
  content: "\f351";
}
.ti-home-edit:before {
  content: "\f352";
}
.ti-home-exclamation:before {
  content: "\f33c";
}
.ti-home-hand:before {
  content: "\f504";
}
.ti-home-heart:before {
  content: "\f353";
}
.ti-home-infinity:before {
  content: "\f505";
}
.ti-home-link:before {
  content: "\f354";
}
.ti-home-minus:before {
  content: "\f33d";
}
.ti-home-move:before {
  content: "\f33e";
}
.ti-home-off:before {
  content: "\f145";
}
.ti-home-plus:before {
  content: "\f33f";
}
.ti-home-question:before {
  content: "\f340";
}
.ti-home-ribbon:before {
  content: "\f355";
}
.ti-home-search:before {
  content: "\f341";
}
.ti-home-share:before {
  content: "\f342";
}
.ti-home-shield:before {
  content: "\f343";
}
.ti-home-signal:before {
  content: "\f356";
}
.ti-home-star:before {
  content: "\f344";
}
.ti-home-stats:before {
  content: "\f345";
}
.ti-home-up:before {
  content: "\f346";
}
.ti-home-x:before {
  content: "\f347";
}
.ti-horse:before {
  content: "\fc46";
}
.ti-horse-toy:before {
  content: "\f28a";
}
.ti-horseshoe:before {
  content: "\fcb7";
}
.ti-hospital:before {
  content: "\fd59";
}
.ti-hospital-circle:before {
  content: "\fd58";
}
.ti-hotel-service:before {
  content: "\ef80";
}
.ti-hourglass:before {
  content: "\ef93";
}
.ti-hourglass-empty:before {
  content: "\f146";
}
.ti-hourglass-filled:before {
  content: "\f756";
}
.ti-hourglass-high:before {
  content: "\f092";
}
.ti-hourglass-low:before {
  content: "\f093";
}
.ti-hourglass-off:before {
  content: "\f147";
}
.ti-html:before {
  content: "\f7b1";
}
.ti-http-connect:before {
  content: "\fa28";
}
.ti-http-delete:before {
  content: "\fa29";
}
.ti-http-get:before {
  content: "\fa2a";
}
.ti-http-head:before {
  content: "\fa2b";
}
.ti-http-options:before {
  content: "\fa2c";
}
.ti-http-patch:before {
  content: "\fa2d";
}
.ti-http-post:before {
  content: "\fa2e";
}
.ti-http-put:before {
  content: "\fa2f";
}
.ti-http-que:before {
  content: "\fa5b";
}
.ti-http-trace:before {
  content: "\fa30";
}
.ti-ice-cream:before {
  content: "\eac2";
}
.ti-ice-cream-2:before {
  content: "\ee9f";
}
.ti-ice-cream-off:before {
  content: "\f148";
}
.ti-ice-skating:before {
  content: "\efcb";
}
.ti-icons:before {
  content: "\f1d4";
}
.ti-icons-off:before {
  content: "\f3fc";
}
.ti-id:before {
  content: "\eac3";
}
.ti-id-badge:before {
  content: "\eff7";
}
.ti-id-badge-2:before {
  content: "\f076";
}
.ti-id-badge-off:before {
  content: "\f3fd";
}
.ti-id-off:before {
  content: "\f149";
}
.ti-inbox:before {
  content: "\eac4";
}
.ti-inbox-off:before {
  content: "\f14a";
}
.ti-indent-decrease:before {
  content: "\eb91";
}
.ti-indent-increase:before {
  content: "\eb92";
}
.ti-infinity:before {
  content: "\eb69";
}
.ti-infinity-off:before {
  content: "\f3fe";
}
.ti-info-circle:before {
  content: "\eac5";
}
.ti-info-circle-filled:before {
  content: "\f6d8";
}
.ti-info-hexagon:before {
  content: "\f7aa";
}
.ti-info-hexagon-filled:before {
  content: "\fa43";
}
.ti-info-octagon:before {
  content: "\f7ab";
}
.ti-info-octagon-filled:before {
  content: "\fa44";
}
.ti-info-small:before {
  content: "\f922";
}
.ti-info-square:before {
  content: "\eac6";
}
.ti-info-square-filled:before {
  content: "\fa45";
}
.ti-info-square-rounded:before {
  content: "\f635";
}
.ti-info-square-rounded-filled:before {
  content: "\f6d9";
}
.ti-info-triangle:before {
  content: "\f923";
}
.ti-info-triangle-filled:before {
  content: "\fa46";
}
.ti-inner-shadow-bottom:before {
  content: "\f520";
}
.ti-inner-shadow-bottom-filled:before {
  content: "\f757";
}
.ti-inner-shadow-bottom-left:before {
  content: "\f51e";
}
.ti-inner-shadow-bottom-left-filled:before {
  content: "\f758";
}
.ti-inner-shadow-bottom-right:before {
  content: "\f51f";
}
.ti-inner-shadow-bottom-right-filled:before {
  content: "\f759";
}
.ti-inner-shadow-left:before {
  content: "\f521";
}
.ti-inner-shadow-left-filled:before {
  content: "\f75a";
}
.ti-inner-shadow-right:before {
  content: "\f522";
}
.ti-inner-shadow-right-filled:before {
  content: "\f75b";
}
.ti-inner-shadow-top:before {
  content: "\f525";
}
.ti-inner-shadow-top-filled:before {
  content: "\f75c";
}
.ti-inner-shadow-top-left:before {
  content: "\f523";
}
.ti-inner-shadow-top-left-filled:before {
  content: "\f75d";
}
.ti-inner-shadow-top-right:before {
  content: "\f524";
}
.ti-inner-shadow-top-right-filled:before {
  content: "\f75e";
}
.ti-input-ai:before {
  content: "\fc5a";
}
.ti-input-check:before {
  content: "\fc5b";
}
.ti-input-search:before {
  content: "\f2a2";
}
.ti-input-x:before {
  content: "\fc5c";
}
.ti-ironing:before {
  content: "\fa7c";
}
.ti-ironing-1:before {
  content: "\f2f4";
}
.ti-ironing-2:before {
  content: "\f2f5";
}
.ti-ironing-3:before {
  content: "\f2f6";
}
.ti-ironing-off:before {
  content: "\f2f7";
}
.ti-ironing-steam:before {
  content: "\f2f9";
}
.ti-ironing-steam-off:before {
  content: "\f2f8";
}
.ti-irregular-polyhedron:before {
  content: "\faab";
}
.ti-irregular-polyhedron-off:before {
  content: "\faa9";
}
.ti-irregular-polyhedron-plus:before {
  content: "\faaa";
}
.ti-italic:before {
  content: "\eb93";
}
.ti-jacket:before {
  content: "\f661";
}
.ti-jetpack:before {
  content: "\f581";
}
.ti-jewish-star:before {
  content: "\f3ff";
}
.ti-jewish-star-filled:before {
  content: "\f67e";
}
.ti-jpg:before {
  content: "\f3ac";
}
.ti-json:before {
  content: "\f7b2";
}
.ti-jump-rope:before {
  content: "\ed8f";
}
.ti-karate:before {
  content: "\ed32";
}
.ti-kayak:before {
  content: "\f1d6";
}
.ti-kering:before {
  content: "\efb8";
}
.ti-key:before {
  content: "\eac7";
}
.ti-key-off:before {
  content: "\f14b";
}
.ti-keyboard:before {
  content: "\ebd6";
}
.ti-keyboard-hide:before {
  content: "\ec7e";
}
.ti-keyboard-off:before {
  content: "\eea0";
}
.ti-keyboard-show:before {
  content: "\ec7f";
}
.ti-keyframe:before {
  content: "\f576";
}
.ti-keyframe-align-center:before {
  content: "\f582";
}
.ti-keyframe-align-center-filled:before {
  content: "\fc30";
}
.ti-keyframe-align-horizontal:before {
  content: "\f583";
}
.ti-keyframe-align-horizontal-filled:before {
  content: "\fc31";
}
.ti-keyframe-align-vertical:before {
  content: "\f584";
}
.ti-keyframe-align-vertical-filled:before {
  content: "\fc32";
}
.ti-keyframe-filled:before {
  content: "\fc33";
}
.ti-keyframes:before {
  content: "\f585";
}
.ti-keyframes-filled:before {
  content: "\fc34";
}
.ti-ladder:before {
  content: "\efe2";
}
.ti-ladder-off:before {
  content: "\f14c";
}
.ti-ladle:before {
  content: "\fc14";
}
.ti-lambda:before {
  content: "\f541";
}
.ti-lamp:before {
  content: "\efab";
}
.ti-lamp-2:before {
  content: "\f09e";
}
.ti-lamp-off:before {
  content: "\f14d";
}
.ti-lane:before {
  content: "\faf9";
}
.ti-language:before {
  content: "\ebbe";
}
.ti-language-hiragana:before {
  content: "\ef77";
}
.ti-language-katakana:before {
  content: "\ef78";
}
.ti-language-off:before {
  content: "\f14e";
}
.ti-lasso:before {
  content: "\efac";
}
.ti-lasso-off:before {
  content: "\f14f";
}
.ti-lasso-polygon:before {
  content: "\f388";
}
.ti-layers-difference:before {
  content: "\eac8";
}
.ti-layers-intersect:before {
  content: "\eac9";
}
.ti-layers-intersect-2:before {
  content: "\eff8";
}
.ti-layers-linked:before {
  content: "\eea1";
}
.ti-layers-off:before {
  content: "\f150";
}
.ti-layers-subtract:before {
  content: "\eaca";
}
.ti-layers-union:before {
  content: "\eacb";
}
.ti-layout:before {
  content: "\eadb";
}
.ti-layout-2:before {
  content: "\eacc";
}
.ti-layout-align-bottom:before {
  content: "\eacd";
}
.ti-layout-align-center:before {
  content: "\eace";
}
.ti-layout-align-left:before {
  content: "\eacf";
}
.ti-layout-align-middle:before {
  content: "\ead0";
}
.ti-layout-align-right:before {
  content: "\ead1";
}
.ti-layout-align-top:before {
  content: "\ead2";
}
.ti-layout-board:before {
  content: "\ef95";
}
.ti-layout-board-split:before {
  content: "\ef94";
}
.ti-layout-bottombar:before {
  content: "\ead3";
}
.ti-layout-bottombar-collapse:before {
  content: "\f28b";
}
.ti-layout-bottombar-collapse-filled:before {
  content: "\fc35";
}
.ti-layout-bottombar-expand:before {
  content: "\f28c";
}
.ti-layout-bottombar-expand-filled:before {
  content: "\fc36";
}
.ti-layout-bottombar-filled:before {
  content: "\fc37";
}
.ti-layout-bottombar-inactive:before {
  content: "\fd45";
}
.ti-layout-cards:before {
  content: "\ec13";
}
.ti-layout-collage:before {
  content: "\f389";
}
.ti-layout-columns:before {
  content: "\ead4";
}
.ti-layout-dashboard:before {
  content: "\f02c";
}
.ti-layout-distribute-horizontal:before {
  content: "\ead5";
}
.ti-layout-distribute-vertical:before {
  content: "\ead6";
}
.ti-layout-grid:before {
  content: "\edba";
}
.ti-layout-grid-add:before {
  content: "\edb9";
}
.ti-layout-grid-remove:before {
  content: "\fa7d";
}
.ti-layout-kanban:before {
  content: "\ec3f";
}
.ti-layout-list:before {
  content: "\ec14";
}
.ti-layout-navbar:before {
  content: "\ead7";
}
.ti-layout-navbar-collapse:before {
  content: "\f28d";
}
.ti-layout-navbar-collapse-filled:before {
  content: "\fc38";
}
.ti-layout-navbar-expand:before {
  content: "\f28e";
}
.ti-layout-navbar-expand-filled:before {
  content: "\fc39";
}
.ti-layout-navbar-filled:before {
  content: "\fc3a";
}
.ti-layout-navbar-inactive:before {
  content: "\fd46";
}
.ti-layout-off:before {
  content: "\f151";
}
.ti-layout-rows:before {
  content: "\ead8";
}
.ti-layout-sidebar:before {
  content: "\eada";
}
.ti-layout-sidebar-inactive:before {
  content: "\fd47";
}
.ti-layout-sidebar-left-collapse:before {
  content: "\f004";
}
.ti-layout-sidebar-left-collapse-filled:before {
  content: "\fc3b";
}
.ti-layout-sidebar-left-expand:before {
  content: "\f005";
}
.ti-layout-sidebar-left-expand-filled:before {
  content: "\fc3c";
}
.ti-layout-sidebar-right:before {
  content: "\ead9";
}
.ti-layout-sidebar-right-collapse:before {
  content: "\f006";
}
.ti-layout-sidebar-right-collapse-filled:before {
  content: "\fc3d";
}
.ti-layout-sidebar-right-expand:before {
  content: "\f007";
}
.ti-layout-sidebar-right-expand-filled:before {
  content: "\fc3e";
}
.ti-layout-sidebar-right-inactive:before {
  content: "\fd48";
}
.ti-leaf:before {
  content: "\ed4f";
}
.ti-leaf-off:before {
  content: "\f400";
}
.ti-lego:before {
  content: "\eadc";
}
.ti-lego-off:before {
  content: "\f401";
}
.ti-lemon:before {
  content: "\ef10";
}
.ti-lemon-2:before {
  content: "\ef81";
}
.ti-letter-a:before {
  content: "\ec50";
}
.ti-letter-a-small:before {
  content: "\fcc7";
}
.ti-letter-b:before {
  content: "\ec51";
}
.ti-letter-b-small:before {
  content: "\fcc8";
}
.ti-letter-c:before {
  content: "\ec52";
}
.ti-letter-c-small:before {
  content: "\fcc9";
}
.ti-letter-case:before {
  content: "\eea5";
}
.ti-letter-case-lower:before {
  content: "\eea2";
}
.ti-letter-case-toggle:before {
  content: "\eea3";
}
.ti-letter-case-upper:before {
  content: "\eea4";
}
.ti-letter-d:before {
  content: "\ec53";
}
.ti-letter-d-small:before {
  content: "\fcca";
}
.ti-letter-e:before {
  content: "\ec54";
}
.ti-letter-e-small:before {
  content: "\fccb";
}
.ti-letter-f:before {
  content: "\ec55";
}
.ti-letter-f-small:before {
  content: "\fccc";
}
.ti-letter-g:before {
  content: "\ec56";
}
.ti-letter-g-small:before {
  content: "\fccd";
}
.ti-letter-h:before {
  content: "\ec57";
}
.ti-letter-h-small:before {
  content: "\fcce";
}
.ti-letter-i:before {
  content: "\ec58";
}
.ti-letter-i-small:before {
  content: "\fccf";
}
.ti-letter-j:before {
  content: "\ec59";
}
.ti-letter-j-small:before {
  content: "\fcd0";
}
.ti-letter-k:before {
  content: "\ec5a";
}
.ti-letter-k-small:before {
  content: "\fcd1";
}
.ti-letter-l:before {
  content: "\ec5b";
}
.ti-letter-l-small:before {
  content: "\fcd2";
}
.ti-letter-m:before {
  content: "\ec5c";
}
.ti-letter-m-small:before {
  content: "\fcd3";
}
.ti-letter-n:before {
  content: "\ec5d";
}
.ti-letter-n-small:before {
  content: "\fcd4";
}
.ti-letter-o:before {
  content: "\ec5e";
}
.ti-letter-o-small:before {
  content: "\fcd5";
}
.ti-letter-p:before {
  content: "\ec5f";
}
.ti-letter-p-small:before {
  content: "\fcd6";
}
.ti-letter-q:before {
  content: "\ec60";
}
.ti-letter-q-small:before {
  content: "\fcd7";
}
.ti-letter-r:before {
  content: "\ec61";
}
.ti-letter-r-small:before {
  content: "\fcd8";
}
.ti-letter-s:before {
  content: "\ec62";
}
.ti-letter-s-small:before {
  content: "\fcd9";
}
.ti-letter-spacing:before {
  content: "\eea6";
}
.ti-letter-t:before {
  content: "\ec63";
}
.ti-letter-t-small:before {
  content: "\fcda";
}
.ti-letter-u:before {
  content: "\ec64";
}
.ti-letter-u-small:before {
  content: "\fcdb";
}
.ti-letter-v:before {
  content: "\ec65";
}
.ti-letter-v-small:before {
  content: "\fcdc";
}
.ti-letter-w:before {
  content: "\ec66";
}
.ti-letter-w-small:before {
  content: "\fcdd";
}
.ti-letter-x:before {
  content: "\ec67";
}
.ti-letter-x-small:before {
  content: "\fcde";
}
.ti-letter-y:before {
  content: "\ec68";
}
.ti-letter-y-small:before {
  content: "\fcdf";
}
.ti-letter-z:before {
  content: "\ec69";
}
.ti-letter-z-small:before {
  content: "\fce0";
}
.ti-library:before {
  content: "\fd4c";
}
.ti-library-minus:before {
  content: "\fd49";
}
.ti-library-photo:before {
  content: "\fd4a";
}
.ti-library-plus:before {
  content: "\fd4b";
}
.ti-license:before {
  content: "\ebc0";
}
.ti-license-off:before {
  content: "\f153";
}
.ti-lifebuoy:before {
  content: "\eadd";
}
.ti-lifebuoy-off:before {
  content: "\f154";
}
.ti-lighter:before {
  content: "\f794";
}
.ti-line:before {
  content: "\ec40";
}
.ti-line-dashed:before {
  content: "\eea7";
}
.ti-line-dotted:before {
  content: "\eea8";
}
.ti-line-height:before {
  content: "\eb94";
}
.ti-line-scan:before {
  content: "\fcb8";
}
.ti-link:before {
  content: "\eade";
}
.ti-link-minus:before {
  content: "\fd16";
}
.ti-link-off:before {
  content: "\f402";
}
.ti-link-plus:before {
  content: "\fd17";
}
.ti-list:before {
  content: "\eb6b";
}
.ti-list-check:before {
  content: "\eb6a";
}
.ti-list-details:before {
  content: "\ef40";
}
.ti-list-letters:before {
  content: "\fc47";
}
.ti-list-numbers:before {
  content: "\ef11";
}
.ti-list-search:before {
  content: "\eea9";
}
.ti-list-tree:before {
  content: "\fafa";
}
.ti-live-photo:before {
  content: "\eadf";
}
.ti-live-photo-off:before {
  content: "\f403";
}
.ti-live-view:before {
  content: "\ec6b";
}
.ti-load-balancer:before {
  content: "\fa5c";
}
.ti-loader:before {
  content: "\eca3";
}
.ti-loader-2:before {
  content: "\f226";
}
.ti-loader-3:before {
  content: "\f513";
}
.ti-loader-quarter:before {
  content: "\eca2";
}
.ti-location:before {
  content: "\eae0";
}
.ti-location-bolt:before {
  content: "\fbaf";
}
.ti-location-broken:before {
  content: "\f2c4";
}
.ti-location-cancel:before {
  content: "\fbb0";
}
.ti-location-check:before {
  content: "\fbb1";
}
.ti-location-code:before {
  content: "\fbb2";
}
.ti-location-cog:before {
  content: "\fbb3";
}
.ti-location-discount:before {
  content: "\fbb4";
}
.ti-location-dollar:before {
  content: "\fbb5";
}
.ti-location-down:before {
  content: "\fbb6";
}
.ti-location-exclamation:before {
  content: "\fbb7";
}
.ti-location-filled:before {
  content: "\f67f";
}
.ti-location-heart:before {
  content: "\fbb8";
}
.ti-location-minus:before {
  content: "\fbb9";
}
.ti-location-off:before {
  content: "\f155";
}
.ti-location-pause:before {
  content: "\fbba";
}
.ti-location-pin:before {
  content: "\fbbb";
}
.ti-location-plus:before {
  content: "\fbbc";
}
.ti-location-question:before {
  content: "\fbbd";
}
.ti-location-search:before {
  content: "\fbbe";
}
.ti-location-share:before {
  content: "\fbbf";
}
.ti-location-star:before {
  content: "\fbc0";
}
.ti-location-up:before {
  content: "\fbc1";
}
.ti-location-x:before {
  content: "\fbc2";
}
.ti-lock:before {
  content: "\eae2";
}
.ti-lock-access:before {
  content: "\eeaa";
}
.ti-lock-access-off:before {
  content: "\f404";
}
.ti-lock-bolt:before {
  content: "\f924";
}
.ti-lock-cancel:before {
  content: "\f925";
}
.ti-lock-check:before {
  content: "\f926";
}
.ti-lock-code:before {
  content: "\f927";
}
.ti-lock-cog:before {
  content: "\f928";
}
.ti-lock-dollar:before {
  content: "\f929";
}
.ti-lock-down:before {
  content: "\f92a";
}
.ti-lock-exclamation:before {
  content: "\f92b";
}
.ti-lock-heart:before {
  content: "\f92c";
}
.ti-lock-minus:before {
  content: "\f92d";
}
.ti-lock-off:before {
  content: "\ed1e";
}
.ti-lock-open:before {
  content: "\eae1";
}
.ti-lock-open-off:before {
  content: "\f156";
}
.ti-lock-pause:before {
  content: "\f92e";
}
.ti-lock-pin:before {
  content: "\f92f";
}
.ti-lock-plus:before {
  content: "\f930";
}
.ti-lock-question:before {
  content: "\f931";
}
.ti-lock-search:before {
  content: "\f932";
}
.ti-lock-share:before {
  content: "\f933";
}
.ti-lock-square:before {
  content: "\ef51";
}
.ti-lock-square-rounded:before {
  content: "\f636";
}
.ti-lock-square-rounded-filled:before {
  content: "\f6da";
}
.ti-lock-star:before {
  content: "\f934";
}
.ti-lock-up:before {
  content: "\f935";
}
.ti-lock-x:before {
  content: "\f936";
}
.ti-logic-and:before {
  content: "\f240";
}
.ti-logic-buffer:before {
  content: "\f241";
}
.ti-logic-nand:before {
  content: "\f242";
}
.ti-logic-nor:before {
  content: "\f243";
}
.ti-logic-not:before {
  content: "\f244";
}
.ti-logic-or:before {
  content: "\f245";
}
.ti-logic-xnor:before {
  content: "\f246";
}
.ti-logic-xor:before {
  content: "\f247";
}
.ti-login:before {
  content: "\eba7";
}
.ti-login-2:before {
  content: "\fc76";
}
.ti-logout:before {
  content: "\eba8";
}
.ti-logout-2:before {
  content: "\fa7e";
}
.ti-lollipop:before {
  content: "\efcc";
}
.ti-lollipop-off:before {
  content: "\f157";
}
.ti-luggage:before {
  content: "\efad";
}
.ti-luggage-off:before {
  content: "\f158";
}
.ti-lungs:before {
  content: "\ef62";
}
.ti-lungs-off:before {
  content: "\f405";
}
.ti-macro:before {
  content: "\eeab";
}
.ti-macro-off:before {
  content: "\f406";
}
.ti-magnet:before {
  content: "\eae3";
}
.ti-magnet-off:before {
  content: "\f159";
}
.ti-magnetic:before {
  content: "\fcb9";
}
.ti-mail:before {
  content: "\eae5";
}
.ti-mail-ai:before {
  content: "\fa31";
}
.ti-mail-bolt:before {
  content: "\f937";
}
.ti-mail-cancel:before {
  content: "\f938";
}
.ti-mail-check:before {
  content: "\f939";
}
.ti-mail-code:before {
  content: "\f93a";
}
.ti-mail-cog:before {
  content: "\f93b";
}
.ti-mail-dollar:before {
  content: "\f93c";
}
.ti-mail-down:before {
  content: "\f93d";
}
.ti-mail-exclamation:before {
  content: "\f93e";
}
.ti-mail-fast:before {
  content: "\f069";
}
.ti-mail-filled:before {
  content: "\fa47";
}
.ti-mail-forward:before {
  content: "\eeac";
}
.ti-mail-heart:before {
  content: "\f93f";
}
.ti-mail-minus:before {
  content: "\f940";
}
.ti-mail-off:before {
  content: "\f15a";
}
.ti-mail-opened:before {
  content: "\eae4";
}
.ti-mail-opened-filled:before {
  content: "\fa48";
}
.ti-mail-pause:before {
  content: "\f941";
}
.ti-mail-pin:before {
  content: "\f942";
}
.ti-mail-plus:before {
  content: "\f943";
}
.ti-mail-question:before {
  content: "\f944";
}
.ti-mail-search:before {
  content: "\f945";
}
.ti-mail-share:before {
  content: "\f946";
}
.ti-mail-star:before {
  content: "\f947";
}
.ti-mail-up:before {
  content: "\f948";
}
.ti-mail-x:before {
  content: "\f949";
}
.ti-mailbox:before {
  content: "\eead";
}
.ti-mailbox-off:before {
  content: "\f15b";
}
.ti-man:before {
  content: "\eae6";
}
.ti-manual-gearbox:before {
  content: "\ed7b";
}
.ti-map:before {
  content: "\eae9";
}
.ti-map-2:before {
  content: "\eae7";
}
.ti-map-bolt:before {
  content: "\fbc3";
}
.ti-map-cancel:before {
  content: "\fbc4";
}
.ti-map-check:before {
  content: "\fbc5";
}
.ti-map-code:before {
  content: "\fbc6";
}
.ti-map-cog:before {
  content: "\fbc7";
}
.ti-map-discount:before {
  content: "\fbc8";
}
.ti-map-dollar:before {
  content: "\fbc9";
}
.ti-map-down:before {
  content: "\fbca";
}
.ti-map-east:before {
  content: "\fc5d";
}
.ti-map-exclamation:before {
  content: "\fbcb";
}
.ti-map-heart:before {
  content: "\fbcc";
}
.ti-map-minus:before {
  content: "\fbcd";
}
.ti-map-north:before {
  content: "\fc5e";
}
.ti-map-off:before {
  content: "\f15c";
}
.ti-map-pause:before {
  content: "\fbce";
}
.ti-map-pin:before {
  content: "\eae8";
}
.ti-map-pin-2:before {
  content: "\fc48";
}
.ti-map-pin-bolt:before {
  content: "\f94a";
}
.ti-map-pin-cancel:before {
  content: "\f94b";
}
.ti-map-pin-check:before {
  content: "\f94c";
}
.ti-map-pin-code:before {
  content: "\f94d";
}
.ti-map-pin-cog:before {
  content: "\f94e";
}
.ti-map-pin-dollar:before {
  content: "\f94f";
}
.ti-map-pin-down:before {
  content: "\f950";
}
.ti-map-pin-exclamation:before {
  content: "\f951";
}
.ti-map-pin-filled:before {
  content: "\f680";
}
.ti-map-pin-heart:before {
  content: "\f952";
}
.ti-map-pin-minus:before {
  content: "\f953";
}
.ti-map-pin-off:before {
  content: "\ecf3";
}
.ti-map-pin-pause:before {
  content: "\f954";
}
.ti-map-pin-pin:before {
  content: "\f955";
}
.ti-map-pin-plus:before {
  content: "\f956";
}
.ti-map-pin-question:before {
  content: "\f957";
}
.ti-map-pin-search:before {
  content: "\f958";
}
.ti-map-pin-share:before {
  content: "\f795";
}
.ti-map-pin-star:before {
  content: "\f959";
}
.ti-map-pin-up:before {
  content: "\f95a";
}
.ti-map-pin-x:before {
  content: "\f95b";
}
.ti-map-pins:before {
  content: "\ed5e";
}
.ti-map-plus:before {
  content: "\fbcf";
}
.ti-map-question:before {
  content: "\fbd0";
}
.ti-map-route:before {
  content: "\fc79";
}
.ti-map-search:before {
  content: "\ef82";
}
.ti-map-share:before {
  content: "\fbd1";
}
.ti-map-south:before {
  content: "\fc5f";
}
.ti-map-star:before {
  content: "\fbd2";
}
.ti-map-up:before {
  content: "\fbd3";
}
.ti-map-west:before {
  content: "\fc60";
}
.ti-map-x:before {
  content: "\fbd4";
}
.ti-markdown:before {
  content: "\ec41";
}
.ti-markdown-off:before {
  content: "\f407";
}
.ti-marquee:before {
  content: "\ec77";
}
.ti-marquee-2:before {
  content: "\eeae";
}
.ti-marquee-off:before {
  content: "\f15d";
}
.ti-mars:before {
  content: "\ec80";
}
.ti-mask:before {
  content: "\eeb0";
}
.ti-mask-off:before {
  content: "\eeaf";
}
.ti-masks-theater:before {
  content: "\f263";
}
.ti-masks-theater-off:before {
  content: "\f408";
}
.ti-massage:before {
  content: "\eeb1";
}
.ti-matchstick:before {
  content: "\f577";
}
.ti-math:before {
  content: "\ebeb";
}
.ti-math-1-divide-2:before {
  content: "\f4e2";
}
.ti-math-1-divide-3:before {
  content: "\f4e3";
}
.ti-math-avg:before {
  content: "\f0f4";
}
.ti-math-equal-greater:before {
  content: "\f4e4";
}
.ti-math-equal-lower:before {
  content: "\f4e5";
}
.ti-math-function:before {
  content: "\eeb2";
}
.ti-math-function-off:before {
  content: "\f15e";
}
.ti-math-function-y:before {
  content: "\f4e6";
}
.ti-math-greater:before {
  content: "\f4e7";
}
.ti-math-integral:before {
  content: "\f4e9";
}
.ti-math-integral-x:before {
  content: "\f4e8";
}
.ti-math-integrals:before {
  content: "\f4ea";
}
.ti-math-lower:before {
  content: "\f4eb";
}
.ti-math-max:before {
  content: "\f0f5";
}
.ti-math-min:before {
  content: "\f0f6";
}
.ti-math-not:before {
  content: "\f4ec";
}
.ti-math-off:before {
  content: "\f409";
}
.ti-math-pi:before {
  content: "\f4ee";
}
.ti-math-pi-divide-2:before {
  content: "\f4ed";
}
.ti-math-symbols:before {
  content: "\eeb3";
}
.ti-math-x-divide-2:before {
  content: "\f4ef";
}
.ti-math-x-divide-y:before {
  content: "\f4f1";
}
.ti-math-x-divide-y-2:before {
  content: "\f4f0";
}
.ti-math-x-minus-x:before {
  content: "\f4f2";
}
.ti-math-x-minus-y:before {
  content: "\f4f3";
}
.ti-math-x-plus-x:before {
  content: "\f4f4";
}
.ti-math-x-plus-y:before {
  content: "\f4f5";
}
.ti-math-xy:before {
  content: "\f4f6";
}
.ti-math-y-minus-y:before {
  content: "\f4f7";
}
.ti-math-y-plus-y:before {
  content: "\f4f8";
}
.ti-maximize:before {
  content: "\eaea";
}
.ti-maximize-off:before {
  content: "\f15f";
}
.ti-meat:before {
  content: "\ef12";
}
.ti-meat-off:before {
  content: "\f40a";
}
.ti-medal:before {
  content: "\ec78";
}
.ti-medal-2:before {
  content: "\efcd";
}
.ti-medical-cross:before {
  content: "\ec2f";
}
.ti-medical-cross-circle:before {
  content: "\fae8";
}
.ti-medical-cross-filled:before {
  content: "\f681";
}
.ti-medical-cross-off:before {
  content: "\f160";
}
.ti-medicine-syrup:before {
  content: "\ef63";
}
.ti-meeple:before {
  content: "\f514";
}
.ti-melon:before {
  content: "\fc7a";
}
.ti-menorah:before {
  content: "\f58c";
}
.ti-menu:before {
  content: "\eaeb";
}
.ti-menu-2:before {
  content: "\ec42";
}
.ti-menu-deep:before {
  content: "\fafb";
}
.ti-menu-order:before {
  content: "\f5f5";
}
.ti-message:before {
  content: "\eaef";
}
.ti-message-2:before {
  content: "\eaec";
}
.ti-message-2-bolt:before {
  content: "\f95c";
}
.ti-message-2-cancel:before {
  content: "\f95d";
}
.ti-message-2-check:before {
  content: "\f95e";
}
.ti-message-2-code:before {
  content: "\f012";
}
.ti-message-2-cog:before {
  content: "\f95f";
}
.ti-message-2-dollar:before {
  content: "\f960";
}
.ti-message-2-down:before {
  content: "\f961";
}
.ti-message-2-exclamation:before {
  content: "\f962";
}
.ti-message-2-heart:before {
  content: "\f963";
}
.ti-message-2-minus:before {
  content: "\f964";
}
.ti-message-2-off:before {
  content: "\f40b";
}
.ti-message-2-pause:before {
  content: "\f965";
}
.ti-message-2-pin:before {
  content: "\f966";
}
.ti-message-2-plus:before {
  content: "\f967";
}
.ti-message-2-question:before {
  content: "\f968";
}
.ti-message-2-search:before {
  content: "\f969";
}
.ti-message-2-share:before {
  content: "\f077";
}
.ti-message-2-star:before {
  content: "\f96a";
}
.ti-message-2-up:before {
  content: "\f96b";
}
.ti-message-2-x:before {
  content: "\f96c";
}
.ti-message-bolt:before {
  content: "\f96d";
}
.ti-message-cancel:before {
  content: "\f96e";
}
.ti-message-chatbot:before {
  content: "\f38a";
}
.ti-message-check:before {
  content: "\f96f";
}
.ti-message-circle:before {
  content: "\eaed";
}
.ti-message-circle-2:before {
  content: "\ed3f";
}
.ti-message-circle-2-filled:before {
  content: "\f682";
}
.ti-message-circle-bolt:before {
  content: "\f970";
}
.ti-message-circle-cancel:before {
  content: "\f971";
}
.ti-message-circle-check:before {
  content: "\f972";
}
.ti-message-circle-code:before {
  content: "\f973";
}
.ti-message-circle-cog:before {
  content: "\f974";
}
.ti-message-circle-dollar:before {
  content: "\f975";
}
.ti-message-circle-down:before {
  content: "\f976";
}
.ti-message-circle-exclamation:before {
  content: "\f977";
}
.ti-message-circle-heart:before {
  content: "\f978";
}
.ti-message-circle-minus:before {
  content: "\f979";
}
.ti-message-circle-off:before {
  content: "\ed40";
}
.ti-message-circle-pause:before {
  content: "\f97a";
}
.ti-message-circle-pin:before {
  content: "\f97b";
}
.ti-message-circle-plus:before {
  content: "\f97c";
}
.ti-message-circle-question:before {
  content: "\f97d";
}
.ti-message-circle-search:before {
  content: "\f97e";
}
.ti-message-circle-share:before {
  content: "\f97f";
}
.ti-message-circle-star:before {
  content: "\f980";
}
.ti-message-circle-up:before {
  content: "\f981";
}
.ti-message-circle-x:before {
  content: "\f982";
}
.ti-message-code:before {
  content: "\f013";
}
.ti-message-cog:before {
  content: "\f983";
}
.ti-message-dollar:before {
  content: "\f984";
}
.ti-message-dots:before {
  content: "\eaee";
}
.ti-message-down:before {
  content: "\f985";
}
.ti-message-exclamation:before {
  content: "\f986";
}
.ti-message-forward:before {
  content: "\f28f";
}
.ti-message-heart:before {
  content: "\f987";
}
.ti-message-language:before {
  content: "\efae";
}
.ti-message-minus:before {
  content: "\f988";
}
.ti-message-off:before {
  content: "\ed41";
}
.ti-message-pause:before {
  content: "\f989";
}
.ti-message-pin:before {
  content: "\f98a";
}
.ti-message-plus:before {
  content: "\ec9a";
}
.ti-message-question:before {
  content: "\f98b";
}
.ti-message-reply:before {
  content: "\fd4d";
}
.ti-message-report:before {
  content: "\ec9b";
}
.ti-message-search:before {
  content: "\f98c";
}
.ti-message-share:before {
  content: "\f078";
}
.ti-message-star:before {
  content: "\f98d";
}
.ti-message-up:before {
  content: "\f98e";
}
.ti-message-x:before {
  content: "\f98f";
}
.ti-messages:before {
  content: "\eb6c";
}
.ti-messages-off:before {
  content: "\ed42";
}
.ti-meteor:before {
  content: "\f1fd";
}
.ti-meteor-off:before {
  content: "\f40c";
}
.ti-meter-cube:before {
  content: "\fd7c";
}
.ti-meter-square:before {
  content: "\fd7d";
}
.ti-metronome:before {
  content: "\fd25";
}
.ti-michelin-bib-gourmand:before {
  content: "\fae9";
}
.ti-michelin-star:before {
  content: "\faeb";
}
.ti-michelin-star-green:before {
  content: "\faea";
}
.ti-mickey:before {
  content: "\f2a3";
}
.ti-mickey-filled:before {
  content: "\f683";
}
.ti-microphone:before {
  content: "\eaf0" !important;
}
.ti-microphone-2:before {
  content: "\ef2c";
}
.ti-microphone-2-off:before {
  content: "\f40d";
}
.ti-microphone-off:before {
  content: "\ed16";
}
.ti-microscope:before {
  content: "\ef64";
}
.ti-microscope-off:before {
  content: "\f40e";
}
.ti-microwave:before {
  content: "\f248";
}
.ti-microwave-off:before {
  content: "\f264";
}
.ti-military-award:before {
  content: "\f079";
}
.ti-military-rank:before {
  content: "\efcf";
}
.ti-milk:before {
  content: "\ef13";
}
.ti-milk-off:before {
  content: "\f40f";
}
.ti-milkshake:before {
  content: "\f4c8";
}
.ti-minimize:before {
  content: "\eaf1";
}
.ti-minus:before {
  content: "\eaf2" !important;
}
.ti-minus-vertical:before {
  content: "\eeb4";
}
.ti-mist:before {
  content: "\ec30";
}
.ti-mist-off:before {
  content: "\f410";
}
.ti-mobiledata:before {
  content: "\f9f5";
}
.ti-mobiledata-off:before {
  content: "\f9f4";
}
.ti-moneybag:before {
  content: "\f506";
}
.ti-mood-angry:before {
  content: "\f2de";
}
.ti-mood-annoyed:before {
  content: "\f2e0";
}
.ti-mood-annoyed-2:before {
  content: "\f2df";
}
.ti-mood-boy:before {
  content: "\ed2d";
}
.ti-mood-check:before {
  content: "\f7b3";
}
.ti-mood-cog:before {
  content: "\f7b4";
}
.ti-mood-confuzed:before {
  content: "\eaf3";
}
.ti-mood-confuzed-filled:before {
  content: "\f7f2";
}
.ti-mood-crazy-happy:before {
  content: "\ed90";
}
.ti-mood-cry:before {
  content: "\ecbb";
}
.ti-mood-dollar:before {
  content: "\f7b5";
}
.ti-mood-edit:before {
  content: "\fa05";
}
.ti-mood-empty:before {
  content: "\eeb5";
}
.ti-mood-empty-filled:before {
  content: "\f7f3";
}
.ti-mood-happy:before {
  content: "\eaf4";
}
.ti-mood-happy-filled:before {
  content: "\f7f4";
}
.ti-mood-heart:before {
  content: "\f7b6";
}
.ti-mood-kid:before {
  content: "\ec03";
}
.ti-mood-kid-filled:before {
  content: "\f7f5";
}
.ti-mood-look-down:before {
  content: "\fd37";
}
.ti-mood-look-left:before {
  content: "\f2c5";
}
.ti-mood-look-right:before {
  content: "\f2c6";
}
.ti-mood-look-up:before {
  content: "\fd38";
}
.ti-mood-minus:before {
  content: "\f7b7";
}
.ti-mood-nerd:before {
  content: "\f2e1";
}
.ti-mood-nervous:before {
  content: "\ef96";
}
.ti-mood-neutral:before {
  content: "\eaf5";
}
.ti-mood-neutral-filled:before {
  content: "\f7f6";
}
.ti-mood-off:before {
  content: "\f161";
}
.ti-mood-pin:before {
  content: "\f7b8";
}
.ti-mood-plus:before {
  content: "\f7b9";
}
.ti-mood-puzzled:before {
  content: "\fd39";
}
.ti-mood-sad:before {
  content: "\eaf6";
}
.ti-mood-sad-2:before {
  content: "\f2e2";
}
.ti-mood-sad-dizzy:before {
  content: "\f2e3";
}
.ti-mood-sad-filled:before {
  content: "\f7f7";
}
.ti-mood-sad-squint:before {
  content: "\f2e4";
}
.ti-mood-search:before {
  content: "\f7ba";
}
.ti-mood-share:before {
  content: "\fa06";
}
.ti-mood-sick:before {
  content: "\f2e5";
}
.ti-mood-silence:before {
  content: "\f2e6";
}
.ti-mood-sing:before {
  content: "\f2c7";
}
.ti-mood-smile:before {
  content: "\eaf7";
}
.ti-mood-smile-beam:before {
  content: "\f2e7";
}
.ti-mood-smile-dizzy:before {
  content: "\f2e8";
}
.ti-mood-smile-filled:before {
  content: "\f7f8";
}
.ti-mood-suprised:before {
  content: "\ec04";
}
.ti-mood-tongue:before {
  content: "\eb95";
}
.ti-mood-tongue-wink:before {
  content: "\f2ea";
}
.ti-mood-tongue-wink-2:before {
  content: "\f2e9";
}
.ti-mood-unamused:before {
  content: "\f2eb";
}
.ti-mood-up:before {
  content: "\f7bb";
}
.ti-mood-wink:before {
  content: "\f2ed";
}
.ti-mood-wink-2:before {
  content: "\f2ec";
}
.ti-mood-wrrr:before {
  content: "\f2ee";
}
.ti-mood-x:before {
  content: "\f7bc";
}
.ti-mood-xd:before {
  content: "\f2ef";
}
.ti-moon:before {
  content: "\eaf8";
}
.ti-moon-2:before {
  content: "\ece6";
}
.ti-moon-filled:before {
  content: "\f684";
}
.ti-moon-off:before {
  content: "\f162";
}
.ti-moon-stars:before {
  content: "\ece7";
}
.ti-moped:before {
  content: "\ecbc";
}
.ti-motorbike:before {
  content: "\eeb6";
}
.ti-mountain:before {
  content: "\ef97";
}
.ti-mountain-off:before {
  content: "\f411";
}
.ti-mouse:before {
  content: "\eaf9";
}
.ti-mouse-2:before {
  content: "\f1d7";
}
.ti-mouse-filled:before {
  content: "\fb2f";
}
.ti-mouse-off:before {
  content: "\f163";
}
.ti-moustache:before {
  content: "\f4c9";
}
.ti-movie:before {
  content: "\eafa";
}
.ti-movie-off:before {
  content: "\f164";
}
.ti-mug:before {
  content: "\eafb";
}
.ti-mug-off:before {
  content: "\f165";
}
.ti-multiplier-0-5x:before {
  content: "\ef41";
}
.ti-multiplier-1-5x:before {
  content: "\ef42";
}
.ti-multiplier-1x:before {
  content: "\ef43";
}
.ti-multiplier-2x:before {
  content: "\ef44";
}
.ti-mushroom:before {
  content: "\ef14";
}
.ti-mushroom-filled:before {
  content: "\f7f9";
}
.ti-mushroom-off:before {
  content: "\f412";
}
.ti-music:before {
  content: "\eafc" !important;
}
.ti-music-bolt:before {
  content: "\fbd5";
}
.ti-music-cancel:before {
  content: "\fbd6";
}
.ti-music-check:before {
  content: "\fbd7";
}
.ti-music-code:before {
  content: "\fbd8";
}
.ti-music-cog:before {
  content: "\fbd9";
}
.ti-music-discount:before {
  content: "\fbda";
}
.ti-music-dollar:before {
  content: "\fbdb";
}
.ti-music-down:before {
  content: "\fbdc";
}
.ti-music-exclamation:before {
  content: "\fbdd";
}
.ti-music-heart:before {
  content: "\fbde";
}
.ti-music-minus:before {
  content: "\fbdf";
}
.ti-music-off:before {
  content: "\f166";
}
.ti-music-pause:before {
  content: "\fbe0";
}
.ti-music-pin:before {
  content: "\fbe1";
}
.ti-music-plus:before {
  content: "\fbe2";
}
.ti-music-question:before {
  content: "\fbe3";
}
.ti-music-search:before {
  content: "\fbe4";
}
.ti-music-share:before {
  content: "\fbe5";
}
.ti-music-star:before {
  content: "\fbe6";
}
.ti-music-up:before {
  content: "\fbe7";
}
.ti-music-x:before {
  content: "\fbe8";
}
.ti-navigation:before {
  content: "\f2c8";
}
.ti-navigation-bolt:before {
  content: "\fbe9";
}
.ti-navigation-cancel:before {
  content: "\fbea";
}
.ti-navigation-check:before {
  content: "\fbeb";
}
.ti-navigation-code:before {
  content: "\fbec";
}
.ti-navigation-cog:before {
  content: "\fbed";
}
.ti-navigation-discount:before {
  content: "\fbee";
}
.ti-navigation-dollar:before {
  content: "\fbef";
}
.ti-navigation-down:before {
  content: "\fbf0";
}
.ti-navigation-east:before {
  content: "\fcba";
}
.ti-navigation-exclamation:before {
  content: "\fbf1";
}
.ti-navigation-filled:before {
  content: "\f685";
}
.ti-navigation-heart:before {
  content: "\fbf2";
}
.ti-navigation-minus:before {
  content: "\fbf3";
}
.ti-navigation-north:before {
  content: "\fcbb";
}
.ti-navigation-off:before {
  content: "\f413";
}
.ti-navigation-pause:before {
  content: "\fbf4";
}
.ti-navigation-pin:before {
  content: "\fbf5";
}
.ti-navigation-plus:before {
  content: "\fbf6";
}
.ti-navigation-question:before {
  content: "\fbf7";
}
.ti-navigation-search:before {
  content: "\fbf8";
}
.ti-navigation-share:before {
  content: "\fbf9";
}
.ti-navigation-south:before {
  content: "\fcbc";
}
.ti-navigation-star:before {
  content: "\fbfa";
}
.ti-navigation-top:before {
  content: "\faec";
}
.ti-navigation-up:before {
  content: "\fbfb";
}
.ti-navigation-west:before {
  content: "\fcbd";
}
.ti-navigation-x:before {
  content: "\fbfc";
}
.ti-needle:before {
  content: "\f508";
}
.ti-needle-thread:before {
  content: "\f507";
}
.ti-network:before {
  content: "\f09f";
}
.ti-network-off:before {
  content: "\f414";
}
.ti-new-section:before {
  content: "\ebc1";
}
.ti-news:before {
  content: "\eafd";
}
.ti-news-off:before {
  content: "\f167";
}
.ti-nfc:before {
  content: "\eeb7";
}
.ti-nfc-off:before {
  content: "\f168";
}
.ti-no-copyright:before {
  content: "\efb9";
}
.ti-no-creative-commons:before {
  content: "\efba";
}
.ti-no-derivatives:before {
  content: "\efbb";
}
.ti-north-star:before {
  content: "\f014";
}
.ti-note:before {
  content: "\eb6d";
}
.ti-note-off:before {
  content: "\f169";
}
.ti-notebook:before {
  content: "\eb96";
}
.ti-notebook-off:before {
  content: "\f415";
}
.ti-notes:before {
  content: "\eb6e";
}
.ti-notes-off:before {
  content: "\f16a";
}
.ti-notification:before {
  content: "\eafe";
}
.ti-notification-off:before {
  content: "\f16b";
}
.ti-number:before {
  content: "\f1fe";
}
.ti-number-0:before {
  content: "\edf0";
}
.ti-number-0-small:before {
  content: "\fce1";
}
.ti-number-1:before {
  content: "\edf1";
}
.ti-number-1-small:before {
  content: "\fce2";
}
.ti-number-10-small:before {
  content: "\fce3";
}
.ti-number-11-small:before {
  content: "\fce4";
}
.ti-number-12-small:before {
  content: "\fce5";
}
.ti-number-13-small:before {
  content: "\fce6";
}
.ti-number-14-small:before {
  content: "\fce7";
}
.ti-number-15-small:before {
  content: "\fce8";
}
.ti-number-16-small:before {
  content: "\fce9";
}
.ti-number-17-small:before {
  content: "\fcea";
}
.ti-number-18-small:before {
  content: "\fceb";
}
.ti-number-19-small:before {
  content: "\fcec";
}
.ti-number-2:before {
  content: "\edf2";
}
.ti-number-2-small:before {
  content: "\fced";
}
.ti-number-20-small:before {
  content: "\fcee";
}
.ti-number-21-small:before {
  content: "\fcef";
}
.ti-number-22-small:before {
  content: "\fcf0";
}
.ti-number-23-small:before {
  content: "\fcf1";
}
.ti-number-24-small:before {
  content: "\fcf2";
}
.ti-number-25-small:before {
  content: "\fcf3";
}
.ti-number-26-small:before {
  content: "\fcf4";
}
.ti-number-27-small:before {
  content: "\fcf5";
}
.ti-number-28-small:before {
  content: "\fcf6";
}
.ti-number-29-small:before {
  content: "\fcf7";
}
.ti-number-3:before {
  content: "\edf3";
}
.ti-number-3-small:before {
  content: "\fcf8";
}
.ti-number-4:before {
  content: "\edf4";
}
.ti-number-4-small:before {
  content: "\fcf9";
}
.ti-number-5:before {
  content: "\edf5";
}
.ti-number-5-small:before {
  content: "\fcfa";
}
.ti-number-6:before {
  content: "\edf6";
}
.ti-number-6-small:before {
  content: "\fcfb";
}
.ti-number-7:before {
  content: "\edf7";
}
.ti-number-7-small:before {
  content: "\fcfc";
}
.ti-number-8:before {
  content: "\edf8";
}
.ti-number-8-small:before {
  content: "\fcfd";
}
.ti-number-9:before {
  content: "\edf9";
}
.ti-number-9-small:before {
  content: "\fcfe";
}
.ti-numbers:before {
  content: "\f015";
}
.ti-nurse:before {
  content: "\ef65";
}
.ti-nut:before {
  content: "\fc61";
}
.ti-octagon:before {
  content: "\ecbd";
}
.ti-octagon-filled:before {
  content: "\f686";
}
.ti-octagon-minus:before {
  content: "\fc92";
}
.ti-octagon-minus-2:before {
  content: "\fc91";
}
.ti-octagon-off:before {
  content: "\eeb8";
}
.ti-octagon-plus:before {
  content: "\fc94";
}
.ti-octagon-plus-2:before {
  content: "\fc93";
}
.ti-octahedron:before {
  content: "\faae";
}
.ti-octahedron-off:before {
  content: "\faac";
}
.ti-octahedron-plus:before {
  content: "\faad";
}
.ti-old:before {
  content: "\eeb9";
}
.ti-olympics:before {
  content: "\eeba";
}
.ti-olympics-off:before {
  content: "\f416";
}
.ti-om:before {
  content: "\f58d";
}
.ti-omega:before {
  content: "\eb97";
}
.ti-outbound:before {
  content: "\f249";
}
.ti-outlet:before {
  content: "\ebd7";
}
.ti-oval:before {
  content: "\f02e";
}
.ti-oval-filled:before {
  content: "\f687";
}
.ti-oval-vertical:before {
  content: "\f02d";
}
.ti-oval-vertical-filled:before {
  content: "\f688";
}
.ti-overline:before {
  content: "\eebb";
}
.ti-package:before {
  content: "\eaff";
}
.ti-package-export:before {
  content: "\f07a";
}
.ti-package-import:before {
  content: "\f07b";
}
.ti-package-off:before {
  content: "\f16c";
}
.ti-packages:before {
  content: "\f2c9";
}
.ti-pacman:before {
  content: "\eebc";
}
.ti-page-break:before {
  content: "\ec81";
}
.ti-paint:before {
  content: "\eb00";
}
.ti-paint-filled:before {
  content: "\f75f";
}
.ti-paint-off:before {
  content: "\f16d";
}
.ti-palette:before {
  content: "\eb01";
}
.ti-palette-off:before {
  content: "\f16e";
}
.ti-panorama-horizontal:before {
  content: "\ed33";
}
.ti-panorama-horizontal-off:before {
  content: "\f417";
}
.ti-panorama-vertical:before {
  content: "\ed34";
}
.ti-panorama-vertical-off:before {
  content: "\f418";
}
.ti-paper-bag:before {
  content: "\f02f";
}
.ti-paper-bag-off:before {
  content: "\f16f";
}
.ti-paperclip:before {
  content: "\eb02";
}
.ti-parachute:before {
  content: "\ed7c";
}
.ti-parachute-off:before {
  content: "\f170";
}
.ti-parentheses:before {
  content: "\ebd8";
}
.ti-parentheses-off:before {
  content: "\f171";
}
.ti-parking:before {
  content: "\eb03";
}
.ti-parking-circle:before {
  content: "\fd5a";
}
.ti-parking-off:before {
  content: "\f172";
}
.ti-password:before {
  content: "\f4ca";
}
.ti-password-fingerprint:before {
  content: "\fc7b";
}
.ti-password-mobile-phone:before {
  content: "\fc7c";
}
.ti-password-user:before {
  content: "\fc7d";
}
.ti-paw:before {
  content: "\eff9";
}
.ti-paw-filled:before {
  content: "\f689";
}
.ti-paw-off:before {
  content: "\f419";
}
.ti-paywall:before {
  content: "\fd7e";
}
.ti-pdf:before {
  content: "\f7ac";
}
.ti-peace:before {
  content: "\ecbe";
}
.ti-pencil:before {
  content: "\eb04";
}
.ti-pencil-bolt:before {
  content: "\fbfd";
}
.ti-pencil-cancel:before {
  content: "\fbfe";
}
.ti-pencil-check:before {
  content: "\fbff";
}
.ti-pencil-code:before {
  content: "\fc00";
}
.ti-pencil-cog:before {
  content: "\fc01";
}
.ti-pencil-discount:before {
  content: "\fc02";
}
.ti-pencil-dollar:before {
  content: "\fc03";
}
.ti-pencil-down:before {
  content: "\fc04";
}
.ti-pencil-exclamation:before {
  content: "\fc05";
}
.ti-pencil-heart:before {
  content: "\fc06";
}
.ti-pencil-minus:before {
  content: "\f1eb";
}
.ti-pencil-off:before {
  content: "\f173";
}
.ti-pencil-pause:before {
  content: "\fc07";
}
.ti-pencil-pin:before {
  content: "\fc08";
}
.ti-pencil-plus:before {
  content: "\f1ec";
}
.ti-pencil-question:before {
  content: "\fc09";
}
.ti-pencil-search:before {
  content: "\fc0a";
}
.ti-pencil-share:before {
  content: "\fc0b";
}
.ti-pencil-star:before {
  content: "\fc0c";
}
.ti-pencil-up:before {
  content: "\fc0d";
}
.ti-pencil-x:before {
  content: "\fc0e";
}
.ti-pennant:before {
  content: "\ed7d";
}
.ti-pennant-2:before {
  content: "\f06a";
}
.ti-pennant-2-filled:before {
  content: "\f68a";
}
.ti-pennant-filled:before {
  content: "\f68b";
}
.ti-pennant-off:before {
  content: "\f174";
}
.ti-pentagon:before {
  content: "\efe3";
}
.ti-pentagon-filled:before {
  content: "\f68c";
}
.ti-pentagon-number-0:before {
  content: "\fc7e";
}
.ti-pentagon-number-1:before {
  content: "\fc7f";
}
.ti-pentagon-number-2:before {
  content: "\fc80";
}
.ti-pentagon-number-3:before {
  content: "\fc81";
}
.ti-pentagon-number-4:before {
  content: "\fc82";
}
.ti-pentagon-number-5:before {
  content: "\fc83";
}
.ti-pentagon-number-6:before {
  content: "\fc84";
}
.ti-pentagon-number-7:before {
  content: "\fc85";
}
.ti-pentagon-number-8:before {
  content: "\fc86";
}
.ti-pentagon-number-9:before {
  content: "\fc87";
}
.ti-pentagon-off:before {
  content: "\f41a";
}
.ti-pentagon-plus:before {
  content: "\fc49";
}
.ti-pentagon-x:before {
  content: "\fc88";
}
.ti-pentagram:before {
  content: "\f586";
}
.ti-pepper:before {
  content: "\ef15";
}
.ti-pepper-off:before {
  content: "\f175";
}
.ti-percentage:before {
  content: "\ecf4";
}
.ti-perfume:before {
  content: "\f509";
}
.ti-perspective:before {
  content: "\eebd";
}
.ti-perspective-off:before {
  content: "\f176";
}
.ti-phone:before {
  content: "\eb09";
}
.ti-phone-call:before {
  content: "\eb05";
}
.ti-phone-calling:before {
  content: "\ec43";
}
.ti-phone-check:before {
  content: "\ec05";
}
.ti-phone-filled:before {
  content: "\fa49";
}
.ti-phone-incoming:before {
  content: "\eb06";
}
.ti-phone-off:before {
  content: "\ecf5";
}
.ti-phone-outgoing:before {
  content: "\eb07";
}
.ti-phone-pause:before {
  content: "\eb08";
}
.ti-phone-plus:before {
  content: "\ec06";
}
.ti-phone-x:before {
  content: "\ec07";
}
.ti-photo:before {
  content: "\eb0a";
}
.ti-photo-ai:before {
  content: "\fa32";
}
.ti-photo-bolt:before {
  content: "\f990";
}
.ti-photo-cancel:before {
  content: "\f35d";
}
.ti-photo-check:before {
  content: "\f35e";
}
.ti-photo-circle:before {
  content: "\fc4a";
}
.ti-photo-circle-minus:before {
  content: "\fc62";
}
.ti-photo-circle-plus:before {
  content: "\fc63";
}
.ti-photo-code:before {
  content: "\f991";
}
.ti-photo-cog:before {
  content: "\f992";
}
.ti-photo-dollar:before {
  content: "\f993";
}
.ti-photo-down:before {
  content: "\f35f";
}
.ti-photo-edit:before {
  content: "\f360";
}
.ti-photo-exclamation:before {
  content: "\f994";
}
.ti-photo-filled:before {
  content: "\fa4a";
}
.ti-photo-heart:before {
  content: "\f361";
}
.ti-photo-hexagon:before {
  content: "\fc4b";
}
.ti-photo-minus:before {
  content: "\f362";
}
.ti-photo-off:before {
  content: "\ecf6";
}
.ti-photo-pause:before {
  content: "\f995";
}
.ti-photo-pentagon:before {
  content: "\fc4c";
}
.ti-photo-pin:before {
  content: "\f996";
}
.ti-photo-plus:before {
  content: "\f363";
}
.ti-photo-question:before {
  content: "\f997";
}
.ti-photo-scan:before {
  content: "\fca8";
}
.ti-photo-search:before {
  content: "\f364";
}
.ti-photo-sensor:before {
  content: "\f798";
}
.ti-photo-sensor-2:before {
  content: "\f796";
}
.ti-photo-sensor-3:before {
  content: "\f797";
}
.ti-photo-share:before {
  content: "\f998";
}
.ti-photo-shield:before {
  content: "\f365";
}
.ti-photo-square-rounded:before {
  content: "\fc4d";
}
.ti-photo-star:before {
  content: "\f366";
}
.ti-photo-up:before {
  content: "\f38b";
}
.ti-photo-video:before {
  content: "\fc95";
}
.ti-photo-x:before {
  content: "\f367";
}
.ti-physotherapist:before {
  content: "\eebe";
}
.ti-piano:before {
  content: "\fad3";
}
.ti-pick:before {
  content: "\fafc";
}
.ti-picture-in-picture:before {
  content: "\ed35";
}
.ti-picture-in-picture-off:before {
  content: "\ed43";
}
.ti-picture-in-picture-on:before {
  content: "\ed44";
}
.ti-picture-in-picture-top:before {
  content: "\efe4";
}
.ti-pig:before {
  content: "\ef52";
}
.ti-pig-money:before {
  content: "\f38c";
}
.ti-pig-off:before {
  content: "\f177";
}
.ti-pilcrow:before {
  content: "\f5f6";
}
.ti-pilcrow-left:before {
  content: "\fd7f";
}
.ti-pilcrow-right:before {
  content: "\fd80";
}
.ti-pill:before {
  content: "\ec44";
}
.ti-pill-off:before {
  content: "\f178";
}
.ti-pills:before {
  content: "\ef66";
}
.ti-pin:before {
  content: "\ec9c";
}
.ti-pin-end:before {
  content: "\fd5b";
}
.ti-pin-filled:before {
  content: "\f68d";
}
.ti-pin-invoke:before {
  content: "\fd5c";
}
.ti-ping-pong:before {
  content: "\f38d";
}
.ti-pinned:before {
  content: "\ed60";
}
.ti-pinned-filled:before {
  content: "\f68e";
}
.ti-pinned-off:before {
  content: "\ed5f";
}
.ti-pizza:before {
  content: "\edbb";
}
.ti-pizza-off:before {
  content: "\f179";
}
.ti-placeholder:before {
  content: "\f626";
}
.ti-plane:before {
  content: "\eb6f";
}
.ti-plane-arrival:before {
  content: "\eb99";
}
.ti-plane-departure:before {
  content: "\eb9a";
}
.ti-plane-inflight:before {
  content: "\ef98";
}
.ti-plane-off:before {
  content: "\f17a";
}
.ti-plane-tilt:before {
  content: "\f1ed";
}
.ti-planet:before {
  content: "\ec08";
}
.ti-planet-off:before {
  content: "\f17b";
}
.ti-plant:before {
  content: "\ed50";
}
.ti-plant-2:before {
  content: "\ed7e";
}
.ti-plant-2-off:before {
  content: "\f17c";
}
.ti-plant-off:before {
  content: "\f17d";
}
.ti-play-basketball:before {
  content: "\fa66";
}
.ti-play-card:before {
  content: "\eebf";
}
.ti-play-card-off:before {
  content: "\f17e";
}
.ti-play-football:before {
  content: "\fa67";
}
.ti-play-handball:before {
  content: "\fa68";
}
.ti-play-volleyball:before {
  content: "\fa69";
}
.ti-player-eject:before {
  content: "\efbc";
}
.ti-player-eject-filled:before {
  content: "\f68f";
}
.ti-player-pause:before {
  content: "\ed45";
}
.ti-player-pause-filled:before {
  content: "\f690";
}
.ti-player-play:before {
  content: "\ed46";
}
.ti-player-play-filled:before {
  content: "\f691";
}
.ti-player-record:before {
  content: "\ed47";
}
.ti-player-record-filled:before {
  content: "\f692";
}
.ti-player-skip-back:before {
  content: "\ed48";
}
.ti-player-skip-back-filled:before {
  content: "\f693";
}
.ti-player-skip-forward:before {
  content: "\ed49";
}
.ti-player-skip-forward-filled:before {
  content: "\f694";
}
.ti-player-stop:before {
  content: "\ed4a";
}
.ti-player-stop-filled:before {
  content: "\f695";
}
.ti-player-track-next:before {
  content: "\ed4b";
}
.ti-player-track-next-filled:before {
  content: "\f696";
}
.ti-player-track-prev:before {
  content: "\ed4c";
}
.ti-player-track-prev-filled:before {
  content: "\f697";
}
.ti-playlist:before {
  content: "\eec0";
}
.ti-playlist-add:before {
  content: "\f008";
}
.ti-playlist-off:before {
  content: "\f17f";
}
.ti-playlist-x:before {
  content: "\f009";
}
.ti-playstation-circle:before {
  content: "\f2ad";
}
.ti-playstation-square:before {
  content: "\f2ae";
}
.ti-playstation-triangle:before {
  content: "\f2af";
}
.ti-playstation-x:before {
  content: "\f2b0";
}
.ti-plug:before {
  content: "\ebd9";
}
.ti-plug-connected:before {
  content: "\f00a";
}
.ti-plug-connected-x:before {
  content: "\f0a0";
}
.ti-plug-off:before {
  content: "\f180";
}
.ti-plug-x:before {
  content: "\f0a1";
}
.ti-plus:before {
  content: "\eb0b" !important;
}
.ti-plus-equal:before {
  content: "\f7ad";
}
.ti-plus-minus:before {
  content: "\f7ae";
}
.ti-png:before {
  content: "\f3ad";
}
.ti-podium:before {
  content: "\f1d8";
}
.ti-podium-off:before {
  content: "\f41b";
}
.ti-point:before {
  content: "\eb0c";
}
.ti-point-filled:before {
  content: "\f698";
}
.ti-point-off:before {
  content: "\f181";
}
.ti-pointer:before {
  content: "\f265";
}
.ti-pointer-bolt:before {
  content: "\f999";
}
.ti-pointer-cancel:before {
  content: "\f99a";
}
.ti-pointer-check:before {
  content: "\f99b";
}
.ti-pointer-code:before {
  content: "\f99c";
}
.ti-pointer-cog:before {
  content: "\f99d";
}
.ti-pointer-dollar:before {
  content: "\f99e";
}
.ti-pointer-down:before {
  content: "\f99f";
}
.ti-pointer-exclamation:before {
  content: "\f9a0";
}
.ti-pointer-filled:before {
  content: "\fb30";
}
.ti-pointer-heart:before {
  content: "\f9a1";
}
.ti-pointer-minus:before {
  content: "\f9a2";
}
.ti-pointer-off:before {
  content: "\f9a3";
}
.ti-pointer-pause:before {
  content: "\f9a4";
}
.ti-pointer-pin:before {
  content: "\f9a5";
}
.ti-pointer-plus:before {
  content: "\f9a6";
}
.ti-pointer-question:before {
  content: "\f9a7";
}
.ti-pointer-search:before {
  content: "\f9a8";
}
.ti-pointer-share:before {
  content: "\f9a9";
}
.ti-pointer-star:before {
  content: "\f9aa";
}
.ti-pointer-up:before {
  content: "\f9ab";
}
.ti-pointer-x:before {
  content: "\f9ac";
}
.ti-pokeball:before {
  content: "\eec1";
}
.ti-pokeball-off:before {
  content: "\f41c";
}
.ti-poker-chip:before {
  content: "\f515";
}
.ti-polaroid:before {
  content: "\eec2";
}
.ti-polaroid-filled:before {
  content: "\fa4b";
}
.ti-polygon:before {
  content: "\efd0";
}
.ti-polygon-off:before {
  content: "\f182";
}
.ti-poo:before {
  content: "\f258";
}
.ti-pool:before {
  content: "\ed91";
}
.ti-pool-off:before {
  content: "\f41d";
}
.ti-power:before {
  content: "\eb0d";
}
.ti-pray:before {
  content: "\ecbf";
}
.ti-premium-rights:before {
  content: "\efbd";
}
.ti-prescription:before {
  content: "\ef99";
}
.ti-presentation:before {
  content: "\eb70";
}
.ti-presentation-analytics:before {
  content: "\eec3";
}
.ti-presentation-off:before {
  content: "\f183";
}
.ti-printer:before {
  content: "\eb0e";
}
.ti-printer-off:before {
  content: "\f184";
}
.ti-prism:before {
  content: "\fab1";
}
.ti-prism-off:before {
  content: "\faaf";
}
.ti-prism-plus:before {
  content: "\fab0";
}
.ti-prison:before {
  content: "\ef79";
}
.ti-progress:before {
  content: "\fa0d";
}
.ti-progress-alert:before {
  content: "\fa07";
}
.ti-progress-bolt:before {
  content: "\fa08";
}
.ti-progress-check:before {
  content: "\fa09";
}
.ti-progress-down:before {
  content: "\fa0a";
}
.ti-progress-help:before {
  content: "\fa0b";
}
.ti-progress-x:before {
  content: "\fa0c";
}
.ti-prompt:before {
  content: "\eb0f";
}
.ti-propeller:before {
  content: "\eec4";
}
.ti-propeller-off:before {
  content: "\f185";
}
.ti-protocol:before {
  content: "\fd81";
}
.ti-pumpkin-scary:before {
  content: "\f587";
}
.ti-puzzle:before {
  content: "\eb10";
}
.ti-puzzle-2:before {
  content: "\ef83";
}
.ti-puzzle-filled:before {
  content: "\f699";
}
.ti-puzzle-off:before {
  content: "\f186";
}
.ti-pyramid:before {
  content: "\eec5";
}
.ti-pyramid-off:before {
  content: "\f187";
}
.ti-pyramid-plus:before {
  content: "\fab2";
}
.ti-qrcode:before {
  content: "\eb11";
}
.ti-qrcode-off:before {
  content: "\f41e";
}
.ti-question-mark:before {
  content: "\ec9d";
}
.ti-quote:before {
  content: "\efbe";
}
.ti-quote-off:before {
  content: "\f188";
}
.ti-quotes:before {
  content: "\fb1e";
}
.ti-radar:before {
  content: "\f017";
}
.ti-radar-2:before {
  content: "\f016";
}
.ti-radar-off:before {
  content: "\f41f";
}
.ti-radio:before {
  content: "\ef2d";
}
.ti-radio-off:before {
  content: "\f420";
}
.ti-radioactive:before {
  content: "\ecc0";
}
.ti-radioactive-filled:before {
  content: "\f760";
}
.ti-radioactive-off:before {
  content: "\f189";
}
.ti-radius-bottom-left:before {
  content: "\eec6";
}
.ti-radius-bottom-right:before {
  content: "\eec7";
}
.ti-radius-top-left:before {
  content: "\eec8";
}
.ti-radius-top-right:before {
  content: "\eec9";
}
.ti-rainbow:before {
  content: "\edbc";
}
.ti-rainbow-off:before {
  content: "\f18a";
}
.ti-rating-12-plus:before {
  content: "\f266";
}
.ti-rating-14-plus:before {
  content: "\f267";
}
.ti-rating-16-plus:before {
  content: "\f268";
}
.ti-rating-18-plus:before {
  content: "\f269";
}
.ti-rating-21-plus:before {
  content: "\f26a";
}
.ti-razor:before {
  content: "\f4b5";
}
.ti-razor-electric:before {
  content: "\f4b4";
}
.ti-receipt:before {
  content: "\edfd";
}
.ti-receipt-2:before {
  content: "\edfa";
}
.ti-receipt-bitcoin:before {
  content: "\fd66";
}
.ti-receipt-dollar:before {
  content: "\fd67";
}
.ti-receipt-euro:before {
  content: "\fd68";
}
.ti-receipt-off:before {
  content: "\edfb";
}
.ti-receipt-pound:before {
  content: "\fd69";
}
.ti-receipt-refund:before {
  content: "\edfc";
}
.ti-receipt-rupee:before {
  content: "\fd82";
}
.ti-receipt-tax:before {
  content: "\edbd";
}
.ti-receipt-yen:before {
  content: "\fd6a";
}
.ti-receipt-yuan:before {
  content: "\fd6b";
}
.ti-recharging:before {
  content: "\eeca";
}
.ti-record-mail:before {
  content: "\eb12";
}
.ti-record-mail-off:before {
  content: "\f18b";
}
.ti-rectangle:before {
  content: "\ed37";
}
.ti-rectangle-filled:before {
  content: "\f69a";
}
.ti-rectangle-rounded-bottom:before {
  content: "\faed";
}
.ti-rectangle-rounded-top:before {
  content: "\faee";
}
.ti-rectangle-vertical:before {
  content: "\ed36";
}
.ti-rectangle-vertical-filled:before {
  content: "\f69b";
}
.ti-rectangular-prism:before {
  content: "\fab5";
}
.ti-rectangular-prism-off:before {
  content: "\fab3";
}
.ti-rectangular-prism-plus:before {
  content: "\fab4";
}
.ti-recycle:before {
  content: "\eb9b";
}
.ti-recycle-off:before {
  content: "\f18c";
}
.ti-refresh:before {
  content: "\eb13";
}
.ti-refresh-alert:before {
  content: "\ed57";
}
.ti-refresh-dot:before {
  content: "\efbf";
}
.ti-refresh-off:before {
  content: "\f18d";
}
.ti-regex:before {
  content: "\f31f";
}
.ti-regex-off:before {
  content: "\f421";
}
.ti-registered:before {
  content: "\eb14";
}
.ti-relation-many-to-many:before {
  content: "\ed7f";
}
.ti-relation-one-to-many:before {
  content: "\ed80";
}
.ti-relation-one-to-one:before {
  content: "\ed81";
}
.ti-reload:before {
  content: "\f3ae" !important;
}
.ti-reorder:before {
  content: "\fc15";
}
.ti-repeat:before {
  content: "\eb72";
}
.ti-repeat-off:before {
  content: "\f18e";
}
.ti-repeat-once:before {
  content: "\eb71";
}
.ti-replace:before {
  content: "\ebc7";
}
.ti-replace-filled:before {
  content: "\f69c";
}
.ti-replace-off:before {
  content: "\f422";
}
.ti-report:before {
  content: "\eece";
}
.ti-report-analytics:before {
  content: "\eecb";
}
.ti-report-medical:before {
  content: "\eecc";
}
.ti-report-money:before {
  content: "\eecd";
}
.ti-report-off:before {
  content: "\f18f";
}
.ti-report-search:before {
  content: "\ef84";
}
.ti-reserved-line:before {
  content: "\f9f6";
}
.ti-resize:before {
  content: "\eecf";
}
.ti-restore:before {
  content: "\fafd";
}
.ti-rewind-backward-10:before {
  content: "\faba";
}
.ti-rewind-backward-15:before {
  content: "\fabb";
}
.ti-rewind-backward-20:before {
  content: "\fabc";
}
.ti-rewind-backward-30:before {
  content: "\fabd";
}
.ti-rewind-backward-40:before {
  content: "\fabe";
}
.ti-rewind-backward-5:before {
  content: "\fabf";
}
.ti-rewind-backward-50:before {
  content: "\fac0";
}
.ti-rewind-backward-60:before {
  content: "\fac1";
}
.ti-rewind-forward-10:before {
  content: "\fac2";
}
.ti-rewind-forward-15:before {
  content: "\fac3";
}
.ti-rewind-forward-20:before {
  content: "\fac4";
}
.ti-rewind-forward-30:before {
  content: "\fac5";
}
.ti-rewind-forward-40:before {
  content: "\fac6";
}
.ti-rewind-forward-5:before {
  content: "\fac7";
}
.ti-rewind-forward-50:before {
  content: "\fac8";
}
.ti-rewind-forward-60:before {
  content: "\fac9";
}
.ti-ribbon-health:before {
  content: "\f58e";
}
.ti-rings:before {
  content: "\fa6a";
}
.ti-ripple:before {
  content: "\ed82";
}
.ti-ripple-off:before {
  content: "\f190";
}
.ti-road:before {
  content: "\f018";
}
.ti-road-off:before {
  content: "\f191";
}
.ti-road-sign:before {
  content: "\ecdd";
}
.ti-robot:before {
  content: "\f00b";
}
.ti-robot-face:before {
  content: "\fcbe";
}
.ti-robot-off:before {
  content: "\f192";
}
.ti-rocket:before {
  content: "\ec45" !important;
}
.ti-rocket-off:before {
  content: "\f193";
}
.ti-roller-skating:before {
  content: "\efd1";
}
.ti-rollercoaster:before {
  content: "\f0a2";
}
.ti-rollercoaster-off:before {
  content: "\f423";
}
.ti-rosette:before {
  content: "\f599";
}
.ti-rosette-filled:before {
  content: "\f69d";
}
.ti-rosette-number-0:before {
  content: "\f58f";
}
.ti-rosette-number-1:before {
  content: "\f590";
}
.ti-rosette-number-2:before {
  content: "\f591";
}
.ti-rosette-number-3:before {
  content: "\f592";
}
.ti-rosette-number-4:before {
  content: "\f593";
}
.ti-rosette-number-5:before {
  content: "\f594";
}
.ti-rosette-number-6:before {
  content: "\f595";
}
.ti-rosette-number-7:before {
  content: "\f596";
}
.ti-rosette-number-8:before {
  content: "\f597";
}
.ti-rosette-number-9:before {
  content: "\f598";
}
.ti-rotate:before {
  content: "\eb16";
}
.ti-rotate-2:before {
  content: "\ebb4";
}
.ti-rotate-360:before {
  content: "\ef85";
}
.ti-rotate-clockwise:before {
  content: "\eb15";
}
.ti-rotate-clockwise-2:before {
  content: "\ebb5";
}
.ti-rotate-dot:before {
  content: "\efe5";
}
.ti-rotate-rectangle:before {
  content: "\ec15";
}
.ti-route:before {
  content: "\eb17";
}
.ti-route-2:before {
  content: "\f4b6";
}
.ti-route-alt-left:before {
  content: "\fca9";
}
.ti-route-alt-right:before {
  content: "\fcaa";
}
.ti-route-off:before {
  content: "\f194";
}
.ti-route-scan:before {
  content: "\fcbf";
}
.ti-route-square:before {
  content: "\fcac";
}
.ti-route-square-2:before {
  content: "\fcab";
}
.ti-route-x:before {
  content: "\fcae";
}
.ti-route-x-2:before {
  content: "\fcad";
}
.ti-router:before {
  content: "\eb18";
}
.ti-router-off:before {
  content: "\f424";
}
.ti-row-insert-bottom:before {
  content: "\eed0";
}
.ti-row-insert-top:before {
  content: "\eed1";
}
.ti-row-remove:before {
  content: "\fafe";
}
.ti-rss:before {
  content: "\eb19";
}
.ti-rubber-stamp:before {
  content: "\f5ab";
}
.ti-rubber-stamp-off:before {
  content: "\f5aa";
}
.ti-ruler:before {
  content: "\eb1a";
}
.ti-ruler-2:before {
  content: "\eed2";
}
.ti-ruler-2-off:before {
  content: "\f195";
}
.ti-ruler-3:before {
  content: "\f290";
}
.ti-ruler-measure:before {
  content: "\f291";
}
.ti-ruler-off:before {
  content: "\f196";
}
.ti-run:before {
  content: "\ec82";
}
.ti-rv-truck:before {
  content: "\fcc0";
}
.ti-s-turn-down:before {
  content: "\f516";
}
.ti-s-turn-left:before {
  content: "\f517";
}
.ti-s-turn-right:before {
  content: "\f518";
}
.ti-s-turn-up:before {
  content: "\f519";
}
.ti-sailboat:before {
  content: "\ec83";
}
.ti-sailboat-2:before {
  content: "\f5f7";
}
.ti-sailboat-off:before {
  content: "\f425";
}
.ti-salad:before {
  content: "\f50a";
}
.ti-salt:before {
  content: "\ef16";
}
.ti-sandbox:before {
  content: "\fd6c";
}
.ti-satellite:before {
  content: "\eed3";
}
.ti-satellite-off:before {
  content: "\f197";
}
.ti-sausage:before {
  content: "\ef17";
}
.ti-scale:before {
  content: "\ebc2";
}
.ti-scale-off:before {
  content: "\f198";
}
.ti-scale-outline:before {
  content: "\ef53";
}
.ti-scale-outline-off:before {
  content: "\f199";
}
.ti-scan:before {
  content: "\ebc8";
}
.ti-scan-eye:before {
  content: "\f1ff";
}
.ti-schema:before {
  content: "\f200";
}
.ti-schema-off:before {
  content: "\f426";
}
.ti-school:before {
  content: "\ecf7";
}
.ti-school-bell:before {
  content: "\f64a";
}
.ti-school-off:before {
  content: "\f19a";
}
.ti-scissors:before {
  content: "\eb1b";
}
.ti-scissors-off:before {
  content: "\f19b";
}
.ti-scooter:before {
  content: "\ec6c";
}
.ti-scooter-electric:before {
  content: "\ecc1";
}
.ti-scoreboard:before {
  content: "\fa6b";
}
.ti-screen-share:before {
  content: "\ed18";
}
.ti-screen-share-off:before {
  content: "\ed17";
}
.ti-screenshot:before {
  content: "\f201";
}
.ti-scribble:before {
  content: "\f0a3";
}
.ti-scribble-off:before {
  content: "\f427";
}
.ti-script:before {
  content: "\f2da";
}
.ti-script-minus:before {
  content: "\f2d7";
}
.ti-script-plus:before {
  content: "\f2d8";
}
.ti-script-x:before {
  content: "\f2d9";
}
.ti-scuba-diving:before {
  content: "\fd4e";
}
.ti-scuba-mask:before {
  content: "\eed4";
}
.ti-scuba-mask-off:before {
  content: "\f428";
}
.ti-sdk:before {
  content: "\f3af";
}
.ti-search:before {
  content: "\eb1c";
}
.ti-search-off:before {
  content: "\f19c";
}
.ti-section:before {
  content: "\eed5";
}
.ti-section-sign:before {
  content: "\f019";
}
.ti-seeding:before {
  content: "\ed51";
}
.ti-seeding-off:before {
  content: "\f19d";
}
.ti-select:before {
  content: "\ec9e";
}
.ti-select-all:before {
  content: "\f9f7";
}
.ti-selector:before {
  content: "\eb1d";
}
.ti-send:before {
  content: "\eb1e";
}
.ti-send-2:before {
  content: "\fd5d";
}
.ti-send-off:before {
  content: "\f429";
}
.ti-seo:before {
  content: "\f26b";
}
.ti-separator:before {
  content: "\ebda";
}
.ti-separator-horizontal:before {
  content: "\ec79";
}
.ti-separator-vertical:before {
  content: "\ec7a";
}
.ti-server:before {
  content: "\eb1f";
}
.ti-server-2:before {
  content: "\f07c";
}
.ti-server-bolt:before {
  content: "\f320";
}
.ti-server-cog:before {
  content: "\f321";
}
.ti-server-off:before {
  content: "\f19e";
}
.ti-servicemark:before {
  content: "\ec09";
}
.ti-settings:before {
  content: "\eb20" !important;
}
.ti-settings-2:before {
  content: "\f5ac";
}
.ti-settings-automation:before {
  content: "\eed6";
}
.ti-settings-bolt:before {
  content: "\f9ad";
}
.ti-settings-cancel:before {
  content: "\f9ae";
}
.ti-settings-check:before {
  content: "\f9af";
}
.ti-settings-code:before {
  content: "\f9b0";
}
.ti-settings-cog:before {
  content: "\f9b1";
}
.ti-settings-dollar:before {
  content: "\f9b2";
}
.ti-settings-down:before {
  content: "\f9b3";
}
.ti-settings-exclamation:before {
  content: "\f9b4";
}
.ti-settings-filled:before {
  content: "\f69e";
}
.ti-settings-heart:before {
  content: "\f9b5";
}
.ti-settings-minus:before {
  content: "\f9b6";
}
.ti-settings-off:before {
  content: "\f19f";
}
.ti-settings-pause:before {
  content: "\f9b7";
}
.ti-settings-pin:before {
  content: "\f9b8";
}
.ti-settings-plus:before {
  content: "\f9b9";
}
.ti-settings-question:before {
  content: "\f9ba";
}
.ti-settings-search:before {
  content: "\f9bb";
}
.ti-settings-share:before {
  content: "\f9bc";
}
.ti-settings-star:before {
  content: "\f9bd";
}
.ti-settings-up:before {
  content: "\f9be";
}
.ti-settings-x:before {
  content: "\f9bf";
}
.ti-shadow:before {
  content: "\eed8";
}
.ti-shadow-off:before {
  content: "\eed7";
}
.ti-shape:before {
  content: "\eb9c";
}
.ti-shape-2:before {
  content: "\eed9";
}
.ti-shape-3:before {
  content: "\eeda";
}
.ti-shape-off:before {
  content: "\f1a0";
}
.ti-share:before {
  content: "\eb21";
}
.ti-share-2:before {
  content: "\f799";
}
.ti-share-3:before {
  content: "\f7bd";
}
.ti-share-off:before {
  content: "\f1a1";
}
.ti-shi-jumping:before {
  content: "\fa6c";
}
.ti-shield:before {
  content: "\eb24" !important;
}
.ti-shield-bolt:before {
  content: "\f9c0";
}
.ti-shield-cancel:before {
  content: "\f9c1";
}
.ti-shield-check:before {
  content: "\eb22";
}
.ti-shield-check-filled:before {
  content: "\f761";
}
.ti-shield-checkered:before {
  content: "\ef9a";
}
.ti-shield-checkered-filled:before {
  content: "\f762";
}
.ti-shield-chevron:before {
  content: "\ef9b";
}
.ti-shield-code:before {
  content: "\f9c2";
}
.ti-shield-cog:before {
  content: "\f9c3";
}
.ti-shield-dollar:before {
  content: "\f9c4";
}
.ti-shield-down:before {
  content: "\f9c5";
}
.ti-shield-exclamation:before {
  content: "\f9c6";
}
.ti-shield-filled:before {
  content: "\f69f";
}
.ti-shield-half:before {
  content: "\f358";
}
.ti-shield-half-filled:before {
  content: "\f357";
}
.ti-shield-heart:before {
  content: "\f9c7";
}
.ti-shield-lock:before {
  content: "\ed58";
}
.ti-shield-lock-filled:before {
  content: "\f763";
}
.ti-shield-minus:before {
  content: "\f9c8";
}
.ti-shield-off:before {
  content: "\ecf8";
}
.ti-shield-pause:before {
  content: "\f9c9";
}
.ti-shield-pin:before {
  content: "\f9ca";
}
.ti-shield-plus:before {
  content: "\f9cb";
}
.ti-shield-question:before {
  content: "\f9cc";
}
.ti-shield-search:before {
  content: "\f9cd";
}
.ti-shield-share:before {
  content: "\f9ce";
}
.ti-shield-star:before {
  content: "\f9cf";
}
.ti-shield-up:before {
  content: "\f9d0";
}
.ti-shield-x:before {
  content: "\eb23";
}
.ti-ship:before {
  content: "\ec84";
}
.ti-ship-off:before {
  content: "\f42a";
}
.ti-shirt:before {
  content: "\ec0a";
}
.ti-shirt-filled:before {
  content: "\f6a0";
}
.ti-shirt-off:before {
  content: "\f1a2";
}
.ti-shirt-sport:before {
  content: "\f26c";
}
.ti-shoe:before {
  content: "\efd2";
}
.ti-shoe-off:before {
  content: "\f1a4";
}
.ti-shopping-bag:before {
  content: "\f5f8";
}
.ti-shopping-bag-check:before {
  content: "\fc16";
}
.ti-shopping-bag-discount:before {
  content: "\fc17";
}
.ti-shopping-bag-edit:before {
  content: "\fc18";
}
.ti-shopping-bag-exclamation:before {
  content: "\fc19";
}
.ti-shopping-bag-minus:before {
  content: "\fc1a";
}
.ti-shopping-bag-plus:before {
  content: "\fc1b";
}
.ti-shopping-bag-search:before {
  content: "\fc1c";
}
.ti-shopping-bag-x:before {
  content: "\fc1d";
}
.ti-shopping-cart:before {
  content: "\eb25" !important;
}
.ti-shopping-cart-bolt:before {
  content: "\fb57";
}
.ti-shopping-cart-cancel:before {
  content: "\fb58";
}
.ti-shopping-cart-check:before {
  content: "\fb59";
}
.ti-shopping-cart-code:before {
  content: "\fb5a";
}
.ti-shopping-cart-cog:before {
  content: "\fb5b";
}
.ti-shopping-cart-copy:before {
  content: "\fb5c";
}
.ti-shopping-cart-discount:before {
  content: "\fb5d";
}
.ti-shopping-cart-dollar:before {
  content: "\fb5e";
}
.ti-shopping-cart-down:before {
  content: "\fb5f";
}
.ti-shopping-cart-exclamation:before {
  content: "\fb60";
}
.ti-shopping-cart-filled:before {
  content: "\fc3f";
}
.ti-shopping-cart-heart:before {
  content: "\fb61";
}
.ti-shopping-cart-minus:before {
  content: "\fb62";
}
.ti-shopping-cart-off:before {
  content: "\eedc";
}
.ti-shopping-cart-pause:before {
  content: "\fb63";
}
.ti-shopping-cart-pin:before {
  content: "\fb64";
}
.ti-shopping-cart-plus:before {
  content: "\fb65";
}
.ti-shopping-cart-question:before {
  content: "\fb66";
}
.ti-shopping-cart-search:before {
  content: "\fb67";
}
.ti-shopping-cart-share:before {
  content: "\fb68";
}
.ti-shopping-cart-star:before {
  content: "\fb69";
}
.ti-shopping-cart-up:before {
  content: "\fb6a";
}
.ti-shopping-cart-x:before {
  content: "\fb6b";
}
.ti-shovel:before {
  content: "\f1d9";
}
.ti-shovel-pitchforks:before {
  content: "\fd3a";
}
.ti-shredder:before {
  content: "\eedf";
}
.ti-sign-left:before {
  content: "\f06b";
}
.ti-sign-left-filled:before {
  content: "\f6a1";
}
.ti-sign-right:before {
  content: "\f06c";
}
.ti-sign-right-filled:before {
  content: "\f6a2";
}
.ti-signal-2g:before {
  content: "\f79a";
}
.ti-signal-3g:before {
  content: "\f1ee";
}
.ti-signal-4g:before {
  content: "\f1ef";
}
.ti-signal-4g-plus:before {
  content: "\f259";
}
.ti-signal-5g:before {
  content: "\f1f0";
}
.ti-signal-6g:before {
  content: "\f9f8";
}
.ti-signal-e:before {
  content: "\f9f9";
}
.ti-signal-g:before {
  content: "\f9fa";
}
.ti-signal-h:before {
  content: "\f9fc";
}
.ti-signal-h-plus:before {
  content: "\f9fb";
}
.ti-signal-lte:before {
  content: "\f9fd";
}
.ti-signature:before {
  content: "\eee0";
}
.ti-signature-off:before {
  content: "\f1a5";
}
.ti-sitemap:before {
  content: "\eb9d";
}
.ti-sitemap-off:before {
  content: "\f1a6";
}
.ti-skateboard:before {
  content: "\ecc2";
}
.ti-skateboard-off:before {
  content: "\f42b";
}
.ti-skateboarding:before {
  content: "\faca";
}
.ti-skew-x:before {
  content: "\fd3b";
}
.ti-skew-y:before {
  content: "\fd3c";
}
.ti-skull:before {
  content: "\f292";
}
.ti-slash:before {
  content: "\f4f9";
}
.ti-slashes:before {
  content: "\f588";
}
.ti-sleigh:before {
  content: "\ef9c";
}
.ti-slice:before {
  content: "\ebdb";
}
.ti-slideshow:before {
  content: "\ebc9";
}
.ti-smart-home:before {
  content: "\ecde";
}
.ti-smart-home-off:before {
  content: "\f1a7";
}
.ti-smoking:before {
  content: "\ecc4";
}
.ti-smoking-no:before {
  content: "\ecc3";
}
.ti-snowboarding:before {
  content: "\fd4f";
}
.ti-snowflake:before {
  content: "\ec0b";
}
.ti-snowflake-off:before {
  content: "\f1a8";
}
.ti-snowman:before {
  content: "\f26d";
}
.ti-soccer-field:before {
  content: "\ed92";
}
.ti-social:before {
  content: "\ebec";
}
.ti-social-off:before {
  content: "\f1a9";
}
.ti-sock:before {
  content: "\eee1";
}
.ti-sofa:before {
  content: "\efaf";
}
.ti-sofa-off:before {
  content: "\f42c";
}
.ti-solar-electricity:before {
  content: "\fcc1";
}
.ti-solar-panel:before {
  content: "\f7bf";
}
.ti-solar-panel-2:before {
  content: "\f7be";
}
.ti-sort-0-9:before {
  content: "\f54d";
}
.ti-sort-9-0:before {
  content: "\f54e";
}
.ti-sort-a-z:before {
  content: "\f54f";
}
.ti-sort-ascending:before {
  content: "\eb26";
}
.ti-sort-ascending-2:before {
  content: "\eee2";
}
.ti-sort-ascending-letters:before {
  content: "\ef18";
}
.ti-sort-ascending-numbers:before {
  content: "\ef19";
}
.ti-sort-descending:before {
  content: "\eb27";
}
.ti-sort-descending-2:before {
  content: "\eee3";
}
.ti-sort-descending-letters:before {
  content: "\ef1a";
}
.ti-sort-descending-numbers:before {
  content: "\ef1b";
}
.ti-sort-z-a:before {
  content: "\f550";
}
.ti-sos:before {
  content: "\f24a";
}
.ti-soup:before {
  content: "\ef2e";
}
.ti-soup-off:before {
  content: "\f42d";
}
.ti-source-code:before {
  content: "\f4a2";
}
.ti-space:before {
  content: "\ec0c";
}
.ti-space-off:before {
  content: "\f1aa";
}
.ti-spacing-horizontal:before {
  content: "\ef54";
}
.ti-spacing-vertical:before {
  content: "\ef55";
}
.ti-spade:before {
  content: "\effa";
}
.ti-spade-filled:before {
  content: "\f6a3";
}
.ti-sparkles:before {
  content: "\f6d7";
}
.ti-speakerphone:before {
  content: "\ed61";
}
.ti-speedboat:before {
  content: "\ed93";
}
.ti-sphere:before {
  content: "\fab8";
}
.ti-sphere-off:before {
  content: "\fab6";
}
.ti-sphere-plus:before {
  content: "\fab7";
}
.ti-spider:before {
  content: "\f293";
}
.ti-spiral:before {
  content: "\f294";
}
.ti-spiral-off:before {
  content: "\f42e";
}
.ti-sport-billard:before {
  content: "\eee4";
}
.ti-spray:before {
  content: "\f50b";
}
.ti-spy:before {
  content: "\f227";
}
.ti-spy-off:before {
  content: "\f42f";
}
.ti-sql:before {
  content: "\f7c0";
}
.ti-square:before {
  content: "\eb2c";
}
.ti-square-0-filled:before {
  content: "\f764";
}
.ti-square-1-filled:before {
  content: "\f765";
}
.ti-square-2-filled:before {
  content: "\f7fa";
}
.ti-square-3-filled:before {
  content: "\f766";
}
.ti-square-4-filled:before {
  content: "\f767";
}
.ti-square-5-filled:before {
  content: "\f768";
}
.ti-square-6-filled:before {
  content: "\f769";
}
.ti-square-7-filled:before {
  content: "\f76a";
}
.ti-square-8-filled:before {
  content: "\f76b";
}
.ti-square-9-filled:before {
  content: "\f76c";
}
.ti-square-arrow-down:before {
  content: "\f4b7";
}
.ti-square-arrow-down-filled:before {
  content: "\fb31";
}
.ti-square-arrow-left:before {
  content: "\f4b8";
}
.ti-square-arrow-left-filled:before {
  content: "\fb32";
}
.ti-square-arrow-right:before {
  content: "\f4b9";
}
.ti-square-arrow-right-filled:before {
  content: "\fb33";
}
.ti-square-arrow-up:before {
  content: "\f4ba";
}
.ti-square-arrow-up-filled:before {
  content: "\fb34";
}
.ti-square-asterisk:before {
  content: "\f01a";
}
.ti-square-asterisk-filled:before {
  content: "\fb35";
}
.ti-square-check:before {
  content: "\eb28";
}
.ti-square-check-filled:before {
  content: "\f76d";
}
.ti-square-chevron-down:before {
  content: "\f627";
}
.ti-square-chevron-down-filled:before {
  content: "\fb36";
}
.ti-square-chevron-left:before {
  content: "\f628";
}
.ti-square-chevron-left-filled:before {
  content: "\fb37";
}
.ti-square-chevron-right:before {
  content: "\f629";
}
.ti-square-chevron-right-filled:before {
  content: "\fb38";
}
.ti-square-chevron-up:before {
  content: "\f62a";
}
.ti-square-chevron-up-filled:before {
  content: "\fb39";
}
.ti-square-chevrons-down:before {
  content: "\f64b";
}
.ti-square-chevrons-down-filled:before {
  content: "\fb3a";
}
.ti-square-chevrons-left:before {
  content: "\f64c";
}
.ti-square-chevrons-left-filled:before {
  content: "\fb3b";
}
.ti-square-chevrons-right:before {
  content: "\f64d";
}
.ti-square-chevrons-right-filled:before {
  content: "\fb3c";
}
.ti-square-chevrons-up:before {
  content: "\f64e";
}
.ti-square-chevrons-up-filled:before {
  content: "\fb3d";
}
.ti-square-dot:before {
  content: "\ed59";
}
.ti-square-dot-filled:before {
  content: "\fb3e";
}
.ti-square-f0:before {
  content: "\f526";
}
.ti-square-f0-filled:before {
  content: "\f76e";
}
.ti-square-f1:before {
  content: "\f527";
}
.ti-square-f1-filled:before {
  content: "\f76f";
}
.ti-square-f2:before {
  content: "\f528";
}
.ti-square-f2-filled:before {
  content: "\f770";
}
.ti-square-f3:before {
  content: "\f529";
}
.ti-square-f3-filled:before {
  content: "\f771";
}
.ti-square-f4:before {
  content: "\f52a";
}
.ti-square-f4-filled:before {
  content: "\f772";
}
.ti-square-f5:before {
  content: "\f52b";
}
.ti-square-f5-filled:before {
  content: "\f773";
}
.ti-square-f6:before {
  content: "\f52c";
}
.ti-square-f6-filled:before {
  content: "\f774";
}
.ti-square-f7:before {
  content: "\f52d";
}
.ti-square-f7-filled:before {
  content: "\f775";
}
.ti-square-f8:before {
  content: "\f52e";
}
.ti-square-f8-filled:before {
  content: "\f776";
}
.ti-square-f9:before {
  content: "\f52f";
}
.ti-square-f9-filled:before {
  content: "\f777";
}
.ti-square-filled:before {
  content: "\fc40";
}
.ti-square-forbid:before {
  content: "\ed5b";
}
.ti-square-forbid-2:before {
  content: "\ed5a";
}
.ti-square-half:before {
  content: "\effb";
}
.ti-square-key:before {
  content: "\f638";
}
.ti-square-letter-a:before {
  content: "\f47c";
}
.ti-square-letter-b:before {
  content: "\f47d";
}
.ti-square-letter-c:before {
  content: "\f47e";
}
.ti-square-letter-d:before {
  content: "\f47f";
}
.ti-square-letter-e:before {
  content: "\f480";
}
.ti-square-letter-f:before {
  content: "\f481";
}
.ti-square-letter-g:before {
  content: "\f482";
}
.ti-square-letter-h:before {
  content: "\f483";
}
.ti-square-letter-i:before {
  content: "\f484";
}
.ti-square-letter-j:before {
  content: "\f485";
}
.ti-square-letter-k:before {
  content: "\f486";
}
.ti-square-letter-l:before {
  content: "\f487";
}
.ti-square-letter-m:before {
  content: "\f488";
}
.ti-square-letter-n:before {
  content: "\f489";
}
.ti-square-letter-o:before {
  content: "\f48a";
}
.ti-square-letter-p:before {
  content: "\f48b";
}
.ti-square-letter-q:before {
  content: "\f48c";
}
.ti-square-letter-r:before {
  content: "\f48d";
}
.ti-square-letter-s:before {
  content: "\f48e";
}
.ti-square-letter-t:before {
  content: "\f48f";
}
.ti-square-letter-u:before {
  content: "\f490";
}
.ti-square-letter-v:before {
  content: "\f4bb";
}
.ti-square-letter-w:before {
  content: "\f491";
}
.ti-square-letter-x:before {
  content: "\f4bc";
}
.ti-square-letter-y:before {
  content: "\f492";
}
.ti-square-letter-z:before {
  content: "\f493";
}
.ti-square-minus:before {
  content: "\eb29";
}
.ti-square-minus-filled:before {
  content: "\fb3f";
}
.ti-square-number-0:before {
  content: "\eee5";
}
.ti-square-number-1:before {
  content: "\eee6";
}
.ti-square-number-2:before {
  content: "\eee7";
}
.ti-square-number-3:before {
  content: "\eee8";
}
.ti-square-number-4:before {
  content: "\eee9";
}
.ti-square-number-5:before {
  content: "\eeea";
}
.ti-square-number-6:before {
  content: "\eeeb";
}
.ti-square-number-7:before {
  content: "\eeec";
}
.ti-square-number-8:before {
  content: "\eeed";
}
.ti-square-number-9:before {
  content: "\eeee";
}
.ti-square-off:before {
  content: "\eeef";
}
.ti-square-percentage:before {
  content: "\fd83";
}
.ti-square-plus:before {
  content: "\eb2a";
}
.ti-square-plus-2:before {
  content: "\fc96";
}
.ti-square-root:before {
  content: "\eef1";
}
.ti-square-root-2:before {
  content: "\eef0";
}
.ti-square-rotated:before {
  content: "\ecdf";
}
.ti-square-rotated-filled:before {
  content: "\f6a4";
}
.ti-square-rotated-forbid:before {
  content: "\f01c";
}
.ti-square-rotated-forbid-2:before {
  content: "\f01b";
}
.ti-square-rotated-off:before {
  content: "\eef2";
}
.ti-square-rounded:before {
  content: "\f59a";
}
.ti-square-rounded-arrow-down:before {
  content: "\f639";
}
.ti-square-rounded-arrow-down-filled:before {
  content: "\f6db";
}
.ti-square-rounded-arrow-left:before {
  content: "\f63a";
}
.ti-square-rounded-arrow-left-filled:before {
  content: "\f6dc";
}
.ti-square-rounded-arrow-right:before {
  content: "\f63b";
}
.ti-square-rounded-arrow-right-filled:before {
  content: "\f6dd";
}
.ti-square-rounded-arrow-up:before {
  content: "\f63c";
}
.ti-square-rounded-arrow-up-filled:before {
  content: "\f6de";
}
.ti-square-rounded-check:before {
  content: "\f63d";
}
.ti-square-rounded-check-filled:before {
  content: "\f6df";
}
.ti-square-rounded-chevron-down:before {
  content: "\f62b";
}
.ti-square-rounded-chevron-down-filled:before {
  content: "\f6e0";
}
.ti-square-rounded-chevron-left:before {
  content: "\f62c";
}
.ti-square-rounded-chevron-left-filled:before {
  content: "\f6e1";
}
.ti-square-rounded-chevron-right:before {
  content: "\f62d";
}
.ti-square-rounded-chevron-right-filled:before {
  content: "\f6e2";
}
.ti-square-rounded-chevron-up:before {
  content: "\f62e";
}
.ti-square-rounded-chevron-up-filled:before {
  content: "\f6e3";
}
.ti-square-rounded-chevrons-down:before {
  content: "\f64f";
}
.ti-square-rounded-chevrons-down-filled:before {
  content: "\f6e4";
}
.ti-square-rounded-chevrons-left:before {
  content: "\f650";
}
.ti-square-rounded-chevrons-left-filled:before {
  content: "\f6e5";
}
.ti-square-rounded-chevrons-right:before {
  content: "\f651";
}
.ti-square-rounded-chevrons-right-filled:before {
  content: "\f6e6";
}
.ti-square-rounded-chevrons-up:before {
  content: "\f652";
}
.ti-square-rounded-chevrons-up-filled:before {
  content: "\f6e7";
}
.ti-square-rounded-filled:before {
  content: "\f6a5";
}
.ti-square-rounded-letter-a:before {
  content: "\f5ae";
}
.ti-square-rounded-letter-b:before {
  content: "\f5af";
}
.ti-square-rounded-letter-c:before {
  content: "\f5b0";
}
.ti-square-rounded-letter-d:before {
  content: "\f5b1";
}
.ti-square-rounded-letter-e:before {
  content: "\f5b2";
}
.ti-square-rounded-letter-f:before {
  content: "\f5b3";
}
.ti-square-rounded-letter-g:before {
  content: "\f5b4";
}
.ti-square-rounded-letter-h:before {
  content: "\f5b5";
}
.ti-square-rounded-letter-i:before {
  content: "\f5b6";
}
.ti-square-rounded-letter-j:before {
  content: "\f5b7";
}
.ti-square-rounded-letter-k:before {
  content: "\f5b8";
}
.ti-square-rounded-letter-l:before {
  content: "\f5b9";
}
.ti-square-rounded-letter-m:before {
  content: "\f5ba";
}
.ti-square-rounded-letter-n:before {
  content: "\f5bb";
}
.ti-square-rounded-letter-o:before {
  content: "\f5bc";
}
.ti-square-rounded-letter-p:before {
  content: "\f5bd";
}
.ti-square-rounded-letter-q:before {
  content: "\f5be";
}
.ti-square-rounded-letter-r:before {
  content: "\f5bf";
}
.ti-square-rounded-letter-s:before {
  content: "\f5c0";
}
.ti-square-rounded-letter-t:before {
  content: "\f5c1";
}
.ti-square-rounded-letter-u:before {
  content: "\f5c2";
}
.ti-square-rounded-letter-v:before {
  content: "\f5c3";
}
.ti-square-rounded-letter-w:before {
  content: "\f5c4";
}
.ti-square-rounded-letter-x:before {
  content: "\f5c5";
}
.ti-square-rounded-letter-y:before {
  content: "\f5c6";
}
.ti-square-rounded-letter-z:before {
  content: "\f5c7";
}
.ti-square-rounded-minus:before {
  content: "\f63e";
}
.ti-square-rounded-minus-2:before {
  content: "\fc97";
}
.ti-square-rounded-minus-filled:before {
  content: "\fb40";
}
.ti-square-rounded-number-0:before {
  content: "\f5c8";
}
.ti-square-rounded-number-0-filled:before {
  content: "\f778";
}
.ti-square-rounded-number-1:before {
  content: "\f5c9";
}
.ti-square-rounded-number-1-filled:before {
  content: "\f779";
}
.ti-square-rounded-number-2:before {
  content: "\f5ca";
}
.ti-square-rounded-number-2-filled:before {
  content: "\f77a";
}
.ti-square-rounded-number-3:before {
  content: "\f5cb";
}
.ti-square-rounded-number-3-filled:before {
  content: "\f77b";
}
.ti-square-rounded-number-4:before {
  content: "\f5cc";
}
.ti-square-rounded-number-4-filled:before {
  content: "\f77c";
}
.ti-square-rounded-number-5:before {
  content: "\f5cd";
}
.ti-square-rounded-number-5-filled:before {
  content: "\f77d";
}
.ti-square-rounded-number-6:before {
  content: "\f5ce";
}
.ti-square-rounded-number-6-filled:before {
  content: "\f77e";
}
.ti-square-rounded-number-7:before {
  content: "\f5cf";
}
.ti-square-rounded-number-7-filled:before {
  content: "\f77f";
}
.ti-square-rounded-number-8:before {
  content: "\f5d0";
}
.ti-square-rounded-number-8-filled:before {
  content: "\f780";
}
.ti-square-rounded-number-9:before {
  content: "\f5d1";
}
.ti-square-rounded-number-9-filled:before {
  content: "\f781";
}
.ti-square-rounded-percentage:before {
  content: "\fd84";
}
.ti-square-rounded-plus:before {
  content: "\f63f";
}
.ti-square-rounded-plus-2:before {
  content: "\fc98";
}
.ti-square-rounded-plus-filled:before {
  content: "\f6e8";
}
.ti-square-rounded-x:before {
  content: "\f640";
}
.ti-square-rounded-x-filled:before {
  content: "\f6e9";
}
.ti-square-toggle:before {
  content: "\eef4";
}
.ti-square-toggle-horizontal:before {
  content: "\eef3";
}
.ti-square-x:before {
  content: "\eb2b";
}
.ti-square-x-filled:before {
  content: "\fb41";
}
.ti-squares-diagonal:before {
  content: "\eef5";
}
.ti-squares-filled:before {
  content: "\eef6";
}
.ti-stack:before {
  content: "\eb2d";
}
.ti-stack-2:before {
  content: "\eef7";
}
.ti-stack-3:before {
  content: "\ef9d";
}
.ti-stack-back:before {
  content: "\fd26";
}
.ti-stack-backward:before {
  content: "\fd27";
}
.ti-stack-forward:before {
  content: "\fd28";
}
.ti-stack-front:before {
  content: "\fd29";
}
.ti-stack-middle:before {
  content: "\fd2a";
}
.ti-stack-pop:before {
  content: "\f234";
}
.ti-stack-push:before {
  content: "\f235";
}
.ti-stairs:before {
  content: "\eca6";
}
.ti-stairs-down:before {
  content: "\eca4";
}
.ti-stairs-up:before {
  content: "\eca5";
}
.ti-star:before {
  content: "\eb2e" !important;
}
.ti-star-filled:before {
  content: "\f6a6";
}
.ti-star-half:before {
  content: "\ed19";
}
.ti-star-half-filled:before {
  content: "\f6a7";
}
.ti-star-off:before {
  content: "\ed62";
}
.ti-stars:before {
  content: "\ed38";
}
.ti-stars-filled:before {
  content: "\f6a8";
}
.ti-stars-off:before {
  content: "\f430";
}
.ti-status-change:before {
  content: "\f3b0";
}
.ti-steam:before {
  content: "\f24b";
}
.ti-steering-wheel:before {
  content: "\ec7b";
}
.ti-steering-wheel-off:before {
  content: "\f431";
}
.ti-step-into:before {
  content: "\ece0";
}
.ti-step-out:before {
  content: "\ece1";
}
.ti-stereo-glasses:before {
  content: "\f4cb";
}
.ti-stethoscope:before {
  content: "\edbe";
}
.ti-stethoscope-off:before {
  content: "\f432";
}
.ti-sticker:before {
  content: "\eb2f";
}
.ti-sticker-2:before {
  content: "\fd3d";
}
.ti-storm:before {
  content: "\f24c";
}
.ti-storm-off:before {
  content: "\f433";
}
.ti-stretching:before {
  content: "\f2db";
}
.ti-stretching-2:before {
  content: "\fa6d";
}
.ti-strikethrough:before {
  content: "\eb9e";
}
.ti-submarine:before {
  content: "\ed94";
}
.ti-subscript:before {
  content: "\eb9f";
}
.ti-subtask:before {
  content: "\ec9f";
}
.ti-sum:before {
  content: "\eb73";
}
.ti-sum-off:before {
  content: "\f1ab";
}
.ti-sun:before {
  content: "\eb30";
}
.ti-sun-electricity:before {
  content: "\fcc2";
}
.ti-sun-filled:before {
  content: "\f6a9";
}
.ti-sun-high:before {
  content: "\f236";
}
.ti-sun-low:before {
  content: "\f237";
}
.ti-sun-moon:before {
  content: "\f4a3";
}
.ti-sun-off:before {
  content: "\ed63";
}
.ti-sun-wind:before {
  content: "\f238";
}
.ti-sunglasses:before {
  content: "\f239";
}
.ti-sunrise:before {
  content: "\ef1c";
}
.ti-sunset:before {
  content: "\ec31";
}
.ti-sunset-2:before {
  content: "\f23a";
}
.ti-superscript:before {
  content: "\eba0";
}
.ti-svg:before {
  content: "\f25a";
}
.ti-swimming:before {
  content: "\ec92";
}
.ti-swipe:before {
  content: "\f551";
}
.ti-swipe-down:before {
  content: "\fd5e";
}
.ti-swipe-left:before {
  content: "\fd5f";
}
.ti-swipe-right:before {
  content: "\fd60";
}
.ti-swipe-up:before {
  content: "\fd61";
}
.ti-switch:before {
  content: "\eb33";
}
.ti-switch-2:before {
  content: "\edbf";
}
.ti-switch-3:before {
  content: "\edc0";
}
.ti-switch-horizontal:before {
  content: "\eb31";
}
.ti-switch-vertical:before {
  content: "\eb32";
}
.ti-sword:before {
  content: "\f030";
}
.ti-sword-off:before {
  content: "\f434";
}
.ti-swords:before {
  content: "\f132";
}
.ti-table:before {
  content: "\eba1";
}
.ti-table-alias:before {
  content: "\f25b";
}
.ti-table-column:before {
  content: "\faff";
}
.ti-table-down:before {
  content: "\fa1c";
}
.ti-table-export:before {
  content: "\eef8";
}
.ti-table-filled:before {
  content: "\f782";
}
.ti-table-heart:before {
  content: "\fa1d";
}
.ti-table-import:before {
  content: "\eef9";
}
.ti-table-minus:before {
  content: "\fa1e";
}
.ti-table-off:before {
  content: "\eefa";
}
.ti-table-options:before {
  content: "\f25c";
}
.ti-table-plus:before {
  content: "\fa1f";
}
.ti-table-row:before {
  content: "\fb00";
}
.ti-table-share:before {
  content: "\fa20";
}
.ti-table-shortcut:before {
  content: "\f25d";
}
.ti-tag:before {
  content: "\eb34";
}
.ti-tag-off:before {
  content: "\efc0";
}
.ti-tag-starred:before {
  content: "\fc99";
}
.ti-tags:before {
  content: "\ef86";
}
.ti-tags-off:before {
  content: "\efc1";
}
.ti-tallymark-1:before {
  content: "\ec46";
}
.ti-tallymark-2:before {
  content: "\ec47";
}
.ti-tallymark-3:before {
  content: "\ec48";
}
.ti-tallymark-4:before {
  content: "\ec49";
}
.ti-tallymarks:before {
  content: "\ec4a";
}
.ti-tank:before {
  content: "\ed95";
}
.ti-target:before {
  content: "\eb35";
}
.ti-target-arrow:before {
  content: "\f51a";
}
.ti-target-off:before {
  content: "\f1ad";
}
.ti-teapot:before {
  content: "\f552";
}
.ti-telescope:before {
  content: "\f07d";
}
.ti-telescope-off:before {
  content: "\f1ae";
}
.ti-temperature:before {
  content: "\eb38";
}
.ti-temperature-celsius:before {
  content: "\eb36";
}
.ti-temperature-fahrenheit:before {
  content: "\eb37";
}
.ti-temperature-minus:before {
  content: "\ebed";
}
.ti-temperature-off:before {
  content: "\f1af";
}
.ti-temperature-plus:before {
  content: "\ebee";
}
.ti-template:before {
  content: "\eb39";
}
.ti-template-off:before {
  content: "\f1b0";
}
.ti-tent:before {
  content: "\eefb";
}
.ti-tent-off:before {
  content: "\f435";
}
.ti-terminal:before {
  content: "\ebdc";
}
.ti-terminal-2:before {
  content: "\ebef";
}
.ti-test-pipe:before {
  content: "\eb3a";
}
.ti-test-pipe-2:before {
  content: "\f0a4";
}
.ti-test-pipe-off:before {
  content: "\f1b1";
}
.ti-tex:before {
  content: "\f4e0";
}
.ti-text-caption:before {
  content: "\f4a4";
}
.ti-text-color:before {
  content: "\f2dc";
}
.ti-text-decrease:before {
  content: "\f202";
}
.ti-text-direction-ltr:before {
  content: "\eefc";
}
.ti-text-direction-rtl:before {
  content: "\eefd";
}
.ti-text-grammar:before {
  content: "\fd6d";
}
.ti-text-increase:before {
  content: "\f203";
}
.ti-text-orientation:before {
  content: "\f2a4";
}
.ti-text-plus:before {
  content: "\f2a5";
}
.ti-text-recognition:before {
  content: "\f204";
}
.ti-text-resize:before {
  content: "\ef87";
}
.ti-text-scan-2:before {
  content: "\fcc3";
}
.ti-text-size:before {
  content: "\f2b1";
}
.ti-text-spellcheck:before {
  content: "\f2a6";
}
.ti-text-wrap:before {
  content: "\ebdd";
}
.ti-text-wrap-disabled:before {
  content: "\eca7";
}
.ti-texture:before {
  content: "\f51b";
}
.ti-theater:before {
  content: "\f79b";
}
.ti-thermometer:before {
  content: "\ef67";
}
.ti-thumb-down:before {
  content: "\eb3b";
}
.ti-thumb-down-filled:before {
  content: "\f6aa";
}
.ti-thumb-down-off:before {
  content: "\f436";
}
.ti-thumb-up:before {
  content: "\eb3c";
}
.ti-thumb-up-filled:before {
  content: "\f6ab";
}
.ti-thumb-up-off:before {
  content: "\f437";
}
.ti-tic-tac:before {
  content: "\f51c";
}
.ti-ticket:before {
  content: "\eb3d" !important;
}
.ti-ticket-off:before {
  content: "\f1b2";
}
.ti-tie:before {
  content: "\f07e";
}
.ti-tilde:before {
  content: "\f4a5";
}
.ti-tilt-shift:before {
  content: "\eefe";
}
.ti-tilt-shift-off:before {
  content: "\f1b3";
}
.ti-time-duration-0:before {
  content: "\fad4";
}
.ti-time-duration-10:before {
  content: "\fad5";
}
.ti-time-duration-15:before {
  content: "\fad6";
}
.ti-time-duration-30:before {
  content: "\fad7";
}
.ti-time-duration-45:before {
  content: "\fad8";
}
.ti-time-duration-5:before {
  content: "\fad9";
}
.ti-time-duration-60:before {
  content: "\fada";
}
.ti-time-duration-90:before {
  content: "\fadb";
}
.ti-time-duration-off:before {
  content: "\fadc";
}
.ti-timeline:before {
  content: "\f031";
}
.ti-timeline-event:before {
  content: "\f553";
}
.ti-timeline-event-exclamation:before {
  content: "\f662";
}
.ti-timeline-event-filled:before {
  content: "\fd18";
}
.ti-timeline-event-minus:before {
  content: "\f663";
}
.ti-timeline-event-plus:before {
  content: "\f664";
}
.ti-timeline-event-text:before {
  content: "\f665";
}
.ti-timeline-event-x:before {
  content: "\f666";
}
.ti-tir:before {
  content: "\ebf0";
}
.ti-toggle-left:before {
  content: "\eb3e";
}
.ti-toggle-right:before {
  content: "\eb3f";
}
.ti-toilet-paper:before {
  content: "\efd3";
}
.ti-toilet-paper-off:before {
  content: "\f1b4";
}
.ti-toml:before {
  content: "\fa5d";
}
.ti-tool:before {
  content: "\eb40";
}
.ti-tools:before {
  content: "\ebca";
}
.ti-tools-kitchen:before {
  content: "\ed64";
}
.ti-tools-kitchen-2:before {
  content: "\eeff";
}
.ti-tools-kitchen-2-off:before {
  content: "\f1b5";
}
.ti-tools-kitchen-3:before {
  content: "\fd2b";
}
.ti-tools-kitchen-off:before {
  content: "\f1b6";
}
.ti-tools-off:before {
  content: "\f1b7";
}
.ti-tooltip:before {
  content: "\f2dd";
}
.ti-topology-bus:before {
  content: "\f5d9";
}
.ti-topology-complex:before {
  content: "\f5da";
}
.ti-topology-full:before {
  content: "\f5dc";
}
.ti-topology-full-hierarchy:before {
  content: "\f5db";
}
.ti-topology-ring:before {
  content: "\f5df";
}
.ti-topology-ring-2:before {
  content: "\f5dd";
}
.ti-topology-ring-3:before {
  content: "\f5de";
}
.ti-topology-star:before {
  content: "\f5e5";
}
.ti-topology-star-2:before {
  content: "\f5e0";
}
.ti-topology-star-3:before {
  content: "\f5e1";
}
.ti-topology-star-ring:before {
  content: "\f5e4";
}
.ti-topology-star-ring-2:before {
  content: "\f5e2";
}
.ti-topology-star-ring-3:before {
  content: "\f5e3";
}
.ti-torii:before {
  content: "\f59b";
}
.ti-tornado:before {
  content: "\ece2";
}
.ti-tournament:before {
  content: "\ecd0";
}
.ti-tower:before {
  content: "\f2cb";
}
.ti-tower-off:before {
  content: "\f2ca";
}
.ti-track:before {
  content: "\ef00";
}
.ti-tractor:before {
  content: "\ec0d";
}
.ti-trademark:before {
  content: "\ec0e";
}
.ti-traffic-cone:before {
  content: "\ec0f";
}
.ti-traffic-cone-off:before {
  content: "\f1b8";
}
.ti-traffic-lights:before {
  content: "\ed39";
}
.ti-traffic-lights-off:before {
  content: "\f1b9";
}
.ti-train:before {
  content: "\ed96";
}
.ti-transaction-bitcoin:before {
  content: "\fd6e";
}
.ti-transaction-dollar:before {
  content: "\fd6f";
}
.ti-transaction-euro:before {
  content: "\fd70";
}
.ti-transaction-pound:before {
  content: "\fd71";
}
.ti-transaction-rupee:before {
  content: "\fd85";
}
.ti-transaction-yen:before {
  content: "\fd72";
}
.ti-transaction-yuan:before {
  content: "\fd73";
}
.ti-transfer:before {
  content: "\fc1f";
}
.ti-transfer-in:before {
  content: "\ef2f";
}
.ti-transfer-out:before {
  content: "\ef30";
}
.ti-transfer-vertical:before {
  content: "\fc1e";
}
.ti-transform:before {
  content: "\f38e";
}
.ti-transform-filled:before {
  content: "\f6ac";
}
.ti-transition-bottom:before {
  content: "\f2b2";
}
.ti-transition-left:before {
  content: "\f2b3";
}
.ti-transition-right:before {
  content: "\f2b4";
}
.ti-transition-top:before {
  content: "\f2b5";
}
.ti-trash:before {
  content: "\eb41";
}
.ti-trash-filled:before {
  content: "\f783";
}
.ti-trash-off:before {
  content: "\ed65";
}
.ti-trash-x:before {
  content: "\ef88";
}
.ti-trash-x-filled:before {
  content: "\f784";
}
.ti-treadmill:before {
  content: "\fa6e";
}
.ti-tree:before {
  content: "\ef01";
}
.ti-trees:before {
  content: "\ec10";
}
.ti-trekking:before {
  content: "\f5ad";
}
.ti-trending-down:before {
  content: "\eb42";
}
.ti-trending-down-2:before {
  content: "\edc1";
}
.ti-trending-down-3:before {
  content: "\edc2";
}
.ti-trending-up:before {
  content: "\eb43";
}
.ti-trending-up-2:before {
  content: "\edc3";
}
.ti-trending-up-3:before {
  content: "\edc4";
}
.ti-triangle:before {
  content: "\eb44";
}
.ti-triangle-filled:before {
  content: "\f6ad";
}
.ti-triangle-inverted:before {
  content: "\f01d";
}
.ti-triangle-inverted-filled:before {
  content: "\f6ae";
}
.ti-triangle-minus:before {
  content: "\fc9b";
}
.ti-triangle-minus-2:before {
  content: "\fc9a";
}
.ti-triangle-off:before {
  content: "\ef02";
}
.ti-triangle-plus:before {
  content: "\fc9d";
}
.ti-triangle-plus-2:before {
  content: "\fc9c";
}
.ti-triangle-square-circle:before {
  content: "\ece8";
}
.ti-triangle-square-circle-filled:before {
  content: "\fb42";
}
.ti-triangles:before {
  content: "\f0a5";
}
.ti-trident:before {
  content: "\ecc5";
}
.ti-trolley:before {
  content: "\f4cc";
}
.ti-trophy:before {
  content: "\eb45";
}
.ti-trophy-filled:before {
  content: "\f6af";
}
.ti-trophy-off:before {
  content: "\f438";
}
.ti-trowel:before {
  content: "\f368";
}
.ti-truck:before {
  content: "\ebc4";
}
.ti-truck-delivery:before {
  content: "\ec4b";
}
.ti-truck-loading:before {
  content: "\f1da";
}
.ti-truck-off:before {
  content: "\ef03";
}
.ti-truck-return:before {
  content: "\ec4c";
}
.ti-txt:before {
  content: "\f3b1";
}
.ti-typography:before {
  content: "\ebc5";
}
.ti-typography-off:before {
  content: "\f1ba";
}
.ti-ufo:before {
  content: "\f26f";
}
.ti-ufo-off:before {
  content: "\f26e";
}
.ti-umbrella:before {
  content: "\ebf1";
}
.ti-umbrella-filled:before {
  content: "\f6b0";
}
.ti-umbrella-off:before {
  content: "\f1bb";
}
.ti-underline:before {
  content: "\eba2";
}
.ti-universe:before {
  content: "\fcc4";
}
.ti-unlink:before {
  content: "\eb46";
}
.ti-upload:before {
  content: "\eb47";
}
.ti-urgent:before {
  content: "\eb48";
}
.ti-usb:before {
  content: "\f00c";
}
.ti-user:before {
  content: "\eb4d" !important;
}
.ti-user-bolt:before {
  content: "\f9d1";
}
.ti-user-cancel:before {
  content: "\f9d2";
}
.ti-user-check:before {
  content: "\eb49";
}
.ti-user-circle:before {
  content: "\ef68";
}
.ti-user-code:before {
  content: "\f9d3";
}
.ti-user-cog:before {
  content: "\f9d4";
}
.ti-user-dollar:before {
  content: "\f9d5";
}
.ti-user-down:before {
  content: "\f9d6";
}
.ti-user-edit:before {
  content: "\f7cc";
}
.ti-user-exclamation:before {
  content: "\ec12";
}
.ti-user-filled:before {
  content: "\fd19";
}
.ti-user-heart:before {
  content: "\f7cd";
}
.ti-user-hexagon:before {
  content: "\fc4e";
}
.ti-user-minus:before {
  content: "\eb4a";
}
.ti-user-off:before {
  content: "\ecf9";
}
.ti-user-pause:before {
  content: "\f9d7";
}
.ti-user-pentagon:before {
  content: "\fc4f";
}
.ti-user-pin:before {
  content: "\f7ce";
}
.ti-user-plus:before {
  content: "\eb4b";
}
.ti-user-question:before {
  content: "\f7cf";
}
.ti-user-scan:before {
  content: "\fcaf";
}
.ti-user-search:before {
  content: "\ef89";
}
.ti-user-share:before {
  content: "\f9d8";
}
.ti-user-shield:before {
  content: "\f7d0";
}
.ti-user-square:before {
  content: "\fc51";
}
.ti-user-square-rounded:before {
  content: "\fc50";
}
.ti-user-star:before {
  content: "\f7d1";
}
.ti-user-up:before {
  content: "\f7d2";
}
.ti-user-x:before {
  content: "\eb4c";
}
.ti-users:before {
  content: "\ebf2";
}
.ti-users-group:before {
  content: "\fa21";
}
.ti-users-minus:before {
  content: "\fa0e";
}
.ti-users-plus:before {
  content: "\fa0f";
}
.ti-uv-index:before {
  content: "\f3b2";
}
.ti-ux-circle:before {
  content: "\f369";
}
.ti-vaccine:before {
  content: "\ef04";
}
.ti-vaccine-bottle:before {
  content: "\ef69";
}
.ti-vaccine-bottle-off:before {
  content: "\f439";
}
.ti-vaccine-off:before {
  content: "\f1bc";
}
.ti-vacuum-cleaner:before {
  content: "\f5e6";
}
.ti-variable:before {
  content: "\ef05";
}
.ti-variable-minus:before {
  content: "\f36a";
}
.ti-variable-off:before {
  content: "\f1bd";
}
.ti-variable-plus:before {
  content: "\f36b";
}
.ti-vector:before {
  content: "\eca9";
}
.ti-vector-bezier:before {
  content: "\ef1d";
}
.ti-vector-bezier-2:before {
  content: "\f1a3";
}
.ti-vector-bezier-arc:before {
  content: "\f4cd";
}
.ti-vector-bezier-circle:before {
  content: "\f4ce";
}
.ti-vector-off:before {
  content: "\f1be";
}
.ti-vector-spline:before {
  content: "\f565";
}
.ti-vector-triangle:before {
  content: "\eca8";
}
.ti-vector-triangle-off:before {
  content: "\f1bf";
}
.ti-venus:before {
  content: "\ec86";
}
.ti-versions:before {
  content: "\ed52";
}
.ti-versions-filled:before {
  content: "\f6b1";
}
.ti-versions-off:before {
  content: "\f1c0";
}
.ti-video:before {
  content: "\ed22";
}
.ti-video-minus:before {
  content: "\ed1f";
}
.ti-video-off:before {
  content: "\ed20";
}
.ti-video-plus:before {
  content: "\ed21";
}
.ti-view-360:before {
  content: "\ed84";
}
.ti-view-360-off:before {
  content: "\f1c1";
}
.ti-viewfinder:before {
  content: "\eb4e";
}
.ti-viewfinder-off:before {
  content: "\f1c2";
}
.ti-viewport-narrow:before {
  content: "\ebf3";
}
.ti-viewport-wide:before {
  content: "\ebf4";
}
.ti-vinyl:before {
  content: "\f00d";
}
.ti-vip:before {
  content: "\f3b3";
}
.ti-vip-off:before {
  content: "\f43a";
}
.ti-virus:before {
  content: "\eb74";
}
.ti-virus-off:before {
  content: "\ed66";
}
.ti-virus-search:before {
  content: "\ed67";
}
.ti-vocabulary:before {
  content: "\ef1e";
}
.ti-vocabulary-off:before {
  content: "\f43b";
}
.ti-volcano:before {
  content: "\f79c";
}
.ti-volume:before {
  content: "\eb51" !important;
}
.ti-volume-2:before {
  content: "\eb4f";
}
.ti-volume-3:before {
  content: "\eb50";
}
.ti-volume-off:before {
  content: "\f1c3";
}
.ti-vs:before {
  content: "\fc52";
}
.ti-walk:before {
  content: "\ec87";
}
.ti-wall:before {
  content: "\ef7a";
}
.ti-wall-off:before {
  content: "\f43c";
}
.ti-wallet:before {
  content: "\eb75";
}
.ti-wallet-off:before {
  content: "\f1c4";
}
.ti-wallpaper:before {
  content: "\ef56";
}
.ti-wallpaper-off:before {
  content: "\f1c5";
}
.ti-wand:before {
  content: "\ebcb";
}
.ti-wand-off:before {
  content: "\f1c6";
}
.ti-wash:before {
  content: "\f311";
}
.ti-wash-dry:before {
  content: "\f304";
}
.ti-wash-dry-1:before {
  content: "\f2fa";
}
.ti-wash-dry-2:before {
  content: "\f2fb";
}
.ti-wash-dry-3:before {
  content: "\f2fc";
}
.ti-wash-dry-a:before {
  content: "\f2fd";
}
.ti-wash-dry-dip:before {
  content: "\f2fe";
}
.ti-wash-dry-f:before {
  content: "\f2ff";
}
.ti-wash-dry-flat:before {
  content: "\fa7f";
}
.ti-wash-dry-hang:before {
  content: "\f300";
}
.ti-wash-dry-off:before {
  content: "\f301";
}
.ti-wash-dry-p:before {
  content: "\f302";
}
.ti-wash-dry-shade:before {
  content: "\f303";
}
.ti-wash-dry-w:before {
  content: "\f322";
}
.ti-wash-dryclean:before {
  content: "\f305";
}
.ti-wash-dryclean-off:before {
  content: "\f323";
}
.ti-wash-eco:before {
  content: "\fa80";
}
.ti-wash-gentle:before {
  content: "\f306";
}
.ti-wash-hand:before {
  content: "\fa81";
}
.ti-wash-machine:before {
  content: "\f25e";
}
.ti-wash-off:before {
  content: "\f307";
}
.ti-wash-press:before {
  content: "\f308";
}
.ti-wash-temperature-1:before {
  content: "\f309";
}
.ti-wash-temperature-2:before {
  content: "\f30a";
}
.ti-wash-temperature-3:before {
  content: "\f30b";
}
.ti-wash-temperature-4:before {
  content: "\f30c";
}
.ti-wash-temperature-5:before {
  content: "\f30d";
}
.ti-wash-temperature-6:before {
  content: "\f30e";
}
.ti-wash-tumble-dry:before {
  content: "\f30f";
}
.ti-wash-tumble-off:before {
  content: "\f310";
}
.ti-waterpolo:before {
  content: "\fa6f";
}
.ti-wave-saw-tool:before {
  content: "\ecd3";
}
.ti-wave-sine:before {
  content: "\ecd4";
}
.ti-wave-square:before {
  content: "\ecd5";
}
.ti-waves-electricity:before {
  content: "\fcc5";
}
.ti-webhook:before {
  content: "\f01e";
}
.ti-webhook-off:before {
  content: "\f43d";
}
.ti-weight:before {
  content: "\f589";
}
.ti-wheel:before {
  content: "\fc64";
}
.ti-wheelchair:before {
  content: "\f1db";
}
.ti-wheelchair-off:before {
  content: "\f43e";
}
.ti-whirl:before {
  content: "\f51d";
}
.ti-wifi:before {
  content: "\eb52";
}
.ti-wifi-0:before {
  content: "\eba3";
}
.ti-wifi-1:before {
  content: "\eba4";
}
.ti-wifi-2:before {
  content: "\eba5";
}
.ti-wifi-off:before {
  content: "\ecfa";
}
.ti-wind:before {
  content: "\ec34";
}
.ti-wind-electricity:before {
  content: "\fcc6";
}
.ti-wind-off:before {
  content: "\f1c7";
}
.ti-windmill:before {
  content: "\ed85";
}
.ti-windmill-filled:before {
  content: "\f6b2";
}
.ti-windmill-off:before {
  content: "\f1c8";
}
.ti-window:before {
  content: "\ef06";
}
.ti-window-maximize:before {
  content: "\f1f1";
}
.ti-window-minimize:before {
  content: "\f1f2";
}
.ti-window-off:before {
  content: "\f1c9";
}
.ti-windsock:before {
  content: "\f06d";
}
.ti-wiper:before {
  content: "\ecab";
}
.ti-wiper-wash:before {
  content: "\ecaa";
}
.ti-woman:before {
  content: "\eb53";
}
.ti-wood:before {
  content: "\f359";
}
.ti-world:before {
  content: "\eb54" !important;
}
.ti-world-bolt:before {
  content: "\f9d9";
}
.ti-world-cancel:before {
  content: "\f9da";
}
.ti-world-check:before {
  content: "\f9db";
}
.ti-world-code:before {
  content: "\f9dc";
}
.ti-world-cog:before {
  content: "\f9dd";
}
.ti-world-dollar:before {
  content: "\f9de";
}
.ti-world-down:before {
  content: "\f9df";
}
.ti-world-download:before {
  content: "\ef8a";
}
.ti-world-exclamation:before {
  content: "\f9e0";
}
.ti-world-heart:before {
  content: "\f9e1";
}
.ti-world-latitude:before {
  content: "\ed2e";
}
.ti-world-longitude:before {
  content: "\ed2f";
}
.ti-world-minus:before {
  content: "\f9e2";
}
.ti-world-off:before {
  content: "\f1ca";
}
.ti-world-pause:before {
  content: "\f9e3";
}
.ti-world-pin:before {
  content: "\f9e4";
}
.ti-world-plus:before {
  content: "\f9e5";
}
.ti-world-question:before {
  content: "\f9e6";
}
.ti-world-search:before {
  content: "\f9e7";
}
.ti-world-share:before {
  content: "\f9e8";
}
.ti-world-star:before {
  content: "\f9e9";
}
.ti-world-up:before {
  content: "\f9ea";
}
.ti-world-upload:before {
  content: "\ef8b";
}
.ti-world-www:before {
  content: "\f38f";
}
.ti-world-x:before {
  content: "\f9eb";
}
.ti-wrecking-ball:before {
  content: "\ed97";
}
.ti-writing:before {
  content: "\ef08";
}
.ti-writing-off:before {
  content: "\f1cb";
}
.ti-writing-sign:before {
  content: "\ef07";
}
.ti-writing-sign-off:before {
  content: "\f1cc";
}
.ti-x:before {
  content: "\eb55";
}
.ti-xbox-a:before {
  content: "\f2b6";
}
.ti-xbox-b:before {
  content: "\f2b7";
}
.ti-xbox-x:before {
  content: "\f2b8";
}
.ti-xbox-y:before {
  content: "\f2b9";
}
.ti-xd:before {
  content: "\fa33";
}
.ti-xxx:before {
  content: "\fc20";
}
.ti-yin-yang:before {
  content: "\ec35";
}
.ti-yin-yang-filled:before {
  content: "\f785";
}
.ti-yoga:before {
  content: "\f01f";
}
.ti-zeppelin:before {
  content: "\f270";
}
.ti-zeppelin-off:before {
  content: "\f43f";
}
.ti-zip:before {
  content: "\f3b4";
}
.ti-zodiac-aquarius:before {
  content: "\ecac";
}
.ti-zodiac-aries:before {
  content: "\ecad";
}
.ti-zodiac-cancer:before {
  content: "\ecae";
}
.ti-zodiac-capricorn:before {
  content: "\ecaf";
}
.ti-zodiac-gemini:before {
  content: "\ecb0";
}
.ti-zodiac-leo:before {
  content: "\ecb1";
}
.ti-zodiac-libra:before {
  content: "\ecb2";
}
.ti-zodiac-pisces:before {
  content: "\ecb3";
}
.ti-zodiac-sagittarius:before {
  content: "\ecb4";
}
.ti-zodiac-scorpio:before {
  content: "\ecb5";
}
.ti-zodiac-taurus:before {
  content: "\ecb6";
}
.ti-zodiac-virgo:before {
  content: "\ecb7";
}
.ti-zoom-cancel:before {
  content: "\ec4d";
}
.ti-zoom-check:before {
  content: "\ef09";
}
.ti-zoom-check-filled:before {
  content: "\f786";
}
.ti-zoom-code:before {
  content: "\f07f";
}
.ti-zoom-exclamation:before {
  content: "\f080";
}
.ti-zoom-filled:before {
  content: "\f787";
}
.ti-zoom-in:before {
  content: "\eb56";
}
.ti-zoom-in-area:before {
  content: "\f1dc";
}
.ti-zoom-in-area-filled:before {
  content: "\f788";
}
.ti-zoom-in-filled:before {
  content: "\f789";
}
.ti-zoom-money:before {
  content: "\ef0a";
}
.ti-zoom-out:before {
  content: "\eb57";
}
.ti-zoom-out-area:before {
  content: "\f1dd";
}
.ti-zoom-out-filled:before {
  content: "\f78a";
}
.ti-zoom-pan:before {
  content: "\f1de";
}
.ti-zoom-question:before {
  content: "\edeb";
}
.ti-zoom-replace:before {
  content: "\f2a7";
}
.ti-zoom-reset:before {
  content: "\f295";
}
.ti-zoom-scan:before {
  content: "\fcb0";
}
.ti-zzz:before {
  content: "\f228";
}
.ti-zzz-off:before {
  content: "\f440";
}

/* libs/src/lib/template/assets/icons/feather/css/iconfont.css */
@font-face {
  font-family: "feather";
  src: url("./media/feather-65CICL3Y.eot?t=1525787366991");
  src:
    url("./media/feather-65CICL3Y.eot?t=1525787366991#iefix") format("embedded-opentype"),
    url("./media/feather-CFD4EVID.woff?t=1525787366991") format("woff"),
    url("./media/feather-DXVGH7FP.ttf?t=1525787366991") format("truetype"),
    url("./media/feather-VNJW5G5I.svg?t=1525787366991#feather") format("svg");
}
.feather {
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-alert-octagon:before {
  content: "\e81b";
}
.icon-alert-circle:before {
  content: "\e81c";
}
.icon-activity:before {
  content: "\e81d";
}
.icon-alert-triangle:before {
  content: "\e81e";
}
.icon-align-center:before {
  content: "\e81f";
}
.icon-airplay:before {
  content: "\e820";
}
.icon-align-justify:before {
  content: "\e821";
}
.icon-align-left:before {
  content: "\e822";
}
.icon-align-right:before {
  content: "\e823";
}
.icon-arrow-down-left:before {
  content: "\e824";
}
.icon-arrow-down-right:before {
  content: "\e825";
}
.icon-anchor:before {
  content: "\e826";
}
.icon-aperture:before {
  content: "\e827";
}
.icon-arrow-left:before {
  content: "\e828";
}
.icon-arrow-right:before {
  content: "\e829";
}
.icon-arrow-down:before {
  content: "\e82a";
}
.icon-arrow-up-left:before {
  content: "\e82b";
}
.icon-arrow-up-right:before {
  content: "\e82c";
}
.icon-arrow-up:before {
  content: "\e82d";
}
.icon-award:before {
  content: "\e82e";
}
.icon-bar-chart:before {
  content: "\e82f";
}
.icon-at-sign:before {
  content: "\e830";
}
.icon-bar-chart-2:before {
  content: "\e831";
}
.icon-battery-charging:before {
  content: "\e832";
}
.icon-bell-off:before {
  content: "\e833";
}
.icon-battery:before {
  content: "\e834";
}
.icon-bluetooth:before {
  content: "\e835";
}
.icon-bell:before {
  content: "\e836";
}
.icon-book:before {
  content: "\e837";
}
.icon-briefcase:before {
  content: "\e838";
}
.icon-camera-off:before {
  content: "\e839";
}
.icon-calendar:before {
  content: "\e83a";
}
.icon-bookmark:before {
  content: "\e83b";
}
.icon-box:before {
  content: "\e83c";
}
.icon-camera:before {
  content: "\e83d";
}
.icon-check-circle:before {
  content: "\e83e";
}
.icon-check:before {
  content: "\e83f";
}
.icon-check-square:before {
  content: "\e840";
}
.icon-cast:before {
  content: "\e841";
}
.icon-chevron-down:before {
  content: "\e842";
}
.icon-chevron-left:before {
  content: "\e843";
}
.icon-chevron-right:before {
  content: "\e844";
}
.icon-chevron-up:before {
  content: "\e845";
}
.icon-chevrons-down:before {
  content: "\e846";
}
.icon-chevrons-right:before {
  content: "\e847";
}
.icon-chevrons-up:before {
  content: "\e848";
}
.icon-chevrons-left:before {
  content: "\e849";
}
.icon-circle:before {
  content: "\e84a";
}
.icon-clipboard:before {
  content: "\e84b";
}
.icon-chrome:before {
  content: "\e84c";
}
.icon-clock:before {
  content: "\e84d";
}
.icon-cloud-lightning:before {
  content: "\e84e";
}
.icon-cloud-drizzle:before {
  content: "\e84f";
}
.icon-cloud-rain:before {
  content: "\e850";
}
.icon-cloud-off:before {
  content: "\e851";
}
.icon-codepen:before {
  content: "\e852";
}
.icon-cloud-snow:before {
  content: "\e853";
}
.icon-compass:before {
  content: "\e854";
}
.icon-copy:before {
  content: "\e855";
}
.icon-corner-down-right:before {
  content: "\e856";
}
.icon-corner-down-left:before {
  content: "\e857";
}
.icon-corner-left-down:before {
  content: "\e858";
}
.icon-corner-left-up:before {
  content: "\e859";
}
.icon-corner-up-left:before {
  content: "\e85a";
}
.icon-corner-up-right:before {
  content: "\e85b";
}
.icon-corner-right-down:before {
  content: "\e85c";
}
.icon-corner-right-up:before {
  content: "\e85d";
}
.icon-cpu:before {
  content: "\e85e";
}
.icon-credit-card:before {
  content: "\e85f";
}
.icon-crosshair:before {
  content: "\e860";
}
.icon-disc:before {
  content: "\e861";
}
.icon-delete:before {
  content: "\e862";
}
.icon-download-cloud:before {
  content: "\e863";
}
.icon-download:before {
  content: "\e864";
}
.icon-droplet:before {
  content: "\e865";
}
.icon-edit-2:before {
  content: "\e866";
}
.icon-edit:before {
  content: "\e867";
}
.icon-edit-1:before {
  content: "\e868";
}
.icon-external-link:before {
  content: "\e869";
}
.icon-eye:before {
  content: "\e86a";
}
.icon-feather:before {
  content: "\e86b";
}
.icon-facebook:before {
  content: "\e86c";
}
.icon-file-minus:before {
  content: "\e86d";
}
.icon-eye-off:before {
  content: "\e86e";
}
.icon-fast-forward:before {
  content: "\e86f";
}
.icon-file-text:before {
  content: "\e870";
}
.icon-film:before {
  content: "\e871";
}
.icon-file:before {
  content: "\e872";
}
.icon-file-plus:before {
  content: "\e873";
}
.icon-folder:before {
  content: "\e874";
}
.icon-filter:before {
  content: "\e875";
}
.icon-flag:before {
  content: "\e876";
}
.icon-globe:before {
  content: "\e877";
}
.icon-grid:before {
  content: "\e878";
}
.icon-heart:before {
  content: "\e879";
}
.icon-home:before {
  content: "\e87a";
}
.icon-github:before {
  content: "\e87b";
}
.icon-image:before {
  content: "\e87c";
}
.icon-inbox:before {
  content: "\e87d";
}
.icon-layers:before {
  content: "\e87e";
}
.icon-info:before {
  content: "\e87f";
}
.icon-instagram:before {
  content: "\e880";
}
.icon-layout:before {
  content: "\e881";
}
.icon-link-2:before {
  content: "\e882";
}
.icon-life-buoy:before {
  content: "\e883";
}
.icon-link:before {
  content: "\e884";
}
.icon-log-in:before {
  content: "\e885";
}
.icon-list:before {
  content: "\e886";
}
.icon-lock:before {
  content: "\e887";
}
.icon-log-out:before {
  content: "\e888";
}
.icon-loader:before {
  content: "\e889";
}
.icon-mail:before {
  content: "\e88a";
}
.icon-maximize-2:before {
  content: "\e88b";
}
.icon-map:before {
  content: "\e88c";
}
.icon-map-pin:before {
  content: "\e88e";
}
.icon-menu:before {
  content: "\e88f";
}
.icon-message-circle:before {
  content: "\e890";
}
.icon-message-square:before {
  content: "\e891";
}
.icon-minimize-2:before {
  content: "\e892";
}
.icon-mic-off:before {
  content: "\e893";
}
.icon-minus-circle:before {
  content: "\e894";
}
.icon-mic:before {
  content: "\e895";
}
.icon-minus-square:before {
  content: "\e896";
}
.icon-minus:before {
  content: "\e897";
}
.icon-moon:before {
  content: "\e898";
}
.icon-monitor:before {
  content: "\e899";
}
.icon-more-vertical:before {
  content: "\e89a";
}
.icon-more-horizontal:before {
  content: "\e89b";
}
.icon-move:before {
  content: "\e89c";
}
.icon-music:before {
  content: "\e89d";
}
.icon-navigation-2:before {
  content: "\e89e";
}
.icon-navigation:before {
  content: "\e89f";
}
.icon-octagon:before {
  content: "\e8a0";
}
.icon-package:before {
  content: "\e8a1";
}
.icon-pause-circle:before {
  content: "\e8a2";
}
.icon-pause:before {
  content: "\e8a3";
}
.icon-percent:before {
  content: "\e8a4";
}
.icon-phone-call:before {
  content: "\e8a5";
}
.icon-phone-forwarded:before {
  content: "\e8a6";
}
.icon-phone-missed:before {
  content: "\e8a7";
}
.icon-phone-off:before {
  content: "\e8a8";
}
.icon-phone-incoming:before {
  content: "\e8a9";
}
.icon-phone:before {
  content: "\e8aa";
}
.icon-phone-outgoing:before {
  content: "\e8ab";
}
.icon-pie-chart:before {
  content: "\e8ac";
}
.icon-play-circle:before {
  content: "\e8ad";
}
.icon-play:before {
  content: "\e8ae";
}
.icon-plus-square:before {
  content: "\e8af";
}
.icon-plus-circle:before {
  content: "\e8b0";
}
.icon-plus:before {
  content: "\e8b1";
}
.icon-pocket:before {
  content: "\e8b2";
}
.icon-printer:before {
  content: "\e8b3";
}
.icon-power:before {
  content: "\e8b4";
}
.icon-radio:before {
  content: "\e8b5";
}
.icon-repeat:before {
  content: "\e8b6";
}
.icon-refresh-ccw:before {
  content: "\e8b7";
}
.icon-rewind:before {
  content: "\e8b8";
}
.icon-rotate-ccw:before {
  content: "\e8b9";
}
.icon-refresh-cw:before {
  content: "\e8ba";
}
.icon-rotate-cw:before {
  content: "\e8bb";
}
.icon-save:before {
  content: "\e8bc";
}
.icon-search:before {
  content: "\e8bd";
}
.icon-server:before {
  content: "\e8be";
}
.icon-scissors:before {
  content: "\e8bf";
}
.icon-share-2:before {
  content: "\e8c0";
}
.icon-share:before {
  content: "\e8c1";
}
.icon-shield:before {
  content: "\e8c2";
}
.icon-settings:before {
  content: "\e8c3";
}
.icon-skip-back:before {
  content: "\e8c4";
}
.icon-shuffle:before {
  content: "\e8c5";
}
.icon-sidebar:before {
  content: "\e8c6";
}
.icon-skip-forward:before {
  content: "\e8c7";
}
.icon-slack:before {
  content: "\e8c8";
}
.icon-slash:before {
  content: "\e8c9";
}
.icon-smartphone:before {
  content: "\e8ca";
}
.icon-square:before {
  content: "\e8cb";
}
.icon-speaker:before {
  content: "\e8cc";
}
.icon-star:before {
  content: "\e8cd";
}
.icon-stop-circle:before {
  content: "\e8ce";
}
.icon-sun:before {
  content: "\e8cf";
}
.icon-sunrise:before {
  content: "\e8d0";
}
.icon-tablet:before {
  content: "\e8d1";
}
.icon-tag:before {
  content: "\e8d2";
}
.icon-sunset:before {
  content: "\e8d3";
}
.icon-target:before {
  content: "\e8d4";
}
.icon-thermometer:before {
  content: "\e8d5";
}
.icon-thumbs-up:before {
  content: "\e8d6";
}
.icon-thumbs-down:before {
  content: "\e8d7";
}
.icon-toggle-left:before {
  content: "\e8d8";
}
.icon-toggle-right:before {
  content: "\e8d9";
}
.icon-trash-2:before {
  content: "\e8da";
}
.icon-trash:before {
  content: "\e8db";
}
.icon-trending-up:before {
  content: "\e8dc";
}
.icon-trending-down:before {
  content: "\e8dd";
}
.icon-triangle:before {
  content: "\e8de";
}
.icon-type:before {
  content: "\e8df";
}
.icon-twitter:before {
  content: "\e8e0";
}
.icon-upload:before {
  content: "\e8e1";
}
.icon-umbrella:before {
  content: "\e8e2";
}
.icon-upload-cloud:before {
  content: "\e8e3";
}
.icon-unlock:before {
  content: "\e8e4";
}
.icon-user-check:before {
  content: "\e8e5";
}
.icon-user-minus:before {
  content: "\e8e6";
}
.icon-user-plus:before {
  content: "\e8e7";
}
.icon-user-x:before {
  content: "\e8e8";
}
.icon-user:before {
  content: "\e8e9";
}
.icon-users:before {
  content: "\e8ea";
}
.icon-video-off:before {
  content: "\e8eb";
}
.icon-video:before {
  content: "\e8ec";
}
.icon-voicemail:before {
  content: "\e8ed";
}
.icon-volume-x:before {
  content: "\e8ee";
}
.icon-volume-2:before {
  content: "\e8ef";
}
.icon-volume-1:before {
  content: "\e8f0";
}
.icon-volume:before {
  content: "\e8f1";
}
.icon-watch:before {
  content: "\e8f2";
}
.icon-wifi:before {
  content: "\e8f3";
}
.icon-x-square:before {
  content: "\e8f4";
}
.icon-wind:before {
  content: "\e8f5";
}
.icon-x:before {
  content: "\e8f6";
}
.icon-x-circle:before {
  content: "\e8f7";
}
.icon-zap:before {
  content: "\e8f8";
}
.icon-zoom-in:before {
  content: "\e8f9";
}
.icon-zoom-out:before {
  content: "\e8fa";
}
.icon-command:before {
  content: "\e8fb";
}
.icon-cloud:before {
  content: "\e8fc";
}
.icon-hash:before {
  content: "\e8fd";
}
.icon-headphones:before {
  content: "\e8fe";
}
.icon-underline:before {
  content: "\e8ff";
}
.icon-italic:before {
  content: "\e900";
}
.icon-bold:before {
  content: "\e901";
}
.icon-crop:before {
  content: "\e902";
}
.icon-help-circle:before {
  content: "\e903";
}
.icon-paperclip:before {
  content: "\e904";
}
.icon-shopping-cart:before {
  content: "\e905";
}
.icon-tv:before {
  content: "\e906";
}
.icon-wifi-off:before {
  content: "\e907";
}
.icon-minimize:before {
  content: "\e88d";
}
.icon-maximize:before {
  content: "\e908";
}
.icon-gitlab:before {
  content: "\e909";
}
.icon-sliders:before {
  content: "\e90a";
}
.icon-star-on:before {
  content: "\e90b";
}
.icon-heart-on:before {
  content: "\e90c";
}
.icon-archive:before {
  content: "\e90d";
}
.icon-arrow-down-circle:before {
  content: "\e90e";
}
.icon-arrow-up-circle:before {
  content: "\e90f";
}
.icon-arrow-left-circle:before {
  content: "\e910";
}
.icon-arrow-right-circle:before {
  content: "\e911";
}
.icon-bar-chart-line-:before {
  content: "\e912";
}
.icon-bar-chart-line:before {
  content: "\e913";
}
.icon-book-open:before {
  content: "\e914";
}
.icon-code:before {
  content: "\e915";
}
.icon-database:before {
  content: "\e916";
}
.icon-dollar-sign:before {
  content: "\e917";
}
.icon-folder-plus:before {
  content: "\e918";
}
.icon-gift:before {
  content: "\e919";
}
.icon-folder-minus:before {
  content: "\e91a";
}
.icon-git-commit:before {
  content: "\e91b";
}
.icon-git-branch:before {
  content: "\e91c";
}
.icon-git-pull-request:before {
  content: "\e91d";
}
.icon-git-merge:before {
  content: "\e91e";
}
.icon-linkedin:before {
  content: "\e91f";
}
.icon-hard-drive:before {
  content: "\e920";
}
.icon-more-vertical-:before {
  content: "\e921";
}
.icon-more-horizontal-:before {
  content: "\e922";
}
.icon-rss:before {
  content: "\e923";
}
.icon-send:before {
  content: "\e924";
}
.icon-shield-off:before {
  content: "\e925";
}
.icon-shopping-bag:before {
  content: "\e926";
}
.icon-terminal:before {
  content: "\e927";
}
.icon-truck:before {
  content: "\e928";
}
.icon-zap-off:before {
  content: "\e929";
}
.icon-youtube:before {
  content: "\e92a";
}

/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

/* apps/superadmin/src/styles.scss */
:where(button, .btn, .nav-link, .dropdown-item, .page-link, .sidebar a, .app-switcher__item, .mat-mdc-button-base, [role=button]):not(:disabled):not(.disabled):not([aria-disabled=true]) {
  transform-origin: center;
  -webkit-tap-highlight-color: transparent;
}
:where(button, .btn, .nav-link, .dropdown-item, .page-link, .sidebar a, .app-switcher__item, .mat-mdc-button-base, [role=button]):not(:disabled):not(.disabled):not([aria-disabled=true]):active {
  filter: brightness(0.96);
  box-shadow: inset 0 0 0 999px rgba(var(--bs-primary-rgb, 37, 99, 235), 0.055);
}
@media (prefers-reduced-motion: no-preference) {
  :where(button, .btn, .nav-link, .dropdown-item, .page-link, .sidebar a, .app-switcher__item, .mat-mdc-button-base, [role=button]):not(:disabled):not(.disabled):not([aria-disabled=true]):active {
    animation: automind-click-feedback 140ms ease-out both;
  }
  @keyframes automind-click-feedback {
    0% {
      transform: translateY(0) scale(1);
    }
    55% {
      transform: translateY(1px) scale(0.975);
    }
    100% {
      transform: translateY(1px) scale(0.985);
    }
  }
}
.search-dropdown .search-info .customers li a img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
body {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  color: #646B72;
  line-height: 1.5;
  background-color: #F7F7F7;
  overflow-y: auto;
  overflow-x: hidden;
}
::selection {
  background: #4F46E5;
  color: #ffffff;
  text-shadow: none;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: inherit;
}
* {
  outline: none;
}
button {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
button:focus {
  box-shadow: none !important;
}
a {
  color: #4F46E5;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
  color: rgb(41.1374407583, 30.5592417062, 217.4407582938);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:focus {
  outline: 0;
}
p {
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0;
}
strong {
  font-weight: 700;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #212B36;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}
ol,
ul {
  list-style: none;
  margin-block-end: 0;
  padding: 0;
}
ul {
  list-style: none;
}
ul.list-disc {
  list-style: disc;
  padding-left: 15px;
}
ul.list-disc ul {
  list-style-type: circle;
}
ul.list-decimal {
  list-style: decimal;
  padding-left: 15px;
}
ul.list-decimal ul {
  list-style-type: decimal;
}
ul.list-icon {
  list-style: none;
  padding-left: 0;
}
ul.list-icon > li {
  padding-left: 1.875rem;
  counter-increment: li;
}
ul.list-icon > li i,
ul.list-icon > li .feather-icon,
ul.list-icon > li .svg-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  margin-left: -1.25rem;
  position: relative;
  left: -10px;
  padding: 1px;
  top: -1px;
}
ul.list-icon > li i {
  font-size: 20px;
  top: 5px;
}
ul .btn-primary:not(:disabled):not(.disabled):active:focus,
ul .btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
.bg-primary {
  background-color: #4F46E5 !important;
}
.bg-secondary {
  background-color: #092C4C !important;
}
.bg-info {
  background-color: #155EEF !important;
}
.bg-success {
  background-color: #3EB780 !important;
}
.bg-warning {
  background-color: #FFCA18 !important;
}
.bg-danger {
  background-color: #FF0000 !important;
}
.bg-dark {
  background-color: #1B2850 !important;
}
.bg-light {
  background-color: #F9FAFB !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-pink {
  background-color: #DD2590 !important;
}
.bg-purple {
  background-color: #6938EF !important;
}
.bg-teal {
  background-color: #0E9384 !important;
}
.bg-blue {
  background-color: #3577f1 !important;
}
.bg-primary {
  background-color: #4F46E5 !important;
}
.bg-primary.bg-opacity-10 {
  background-color: rgba(79, 70, 229, 0.1) !important;
}
.bg-primary.bg-opacity-25 {
  background-color: rgba(79, 70, 229, 0.25) !important;
}
.bg-primary.bg-opacity-50 {
  background-color: rgba(79, 70, 229, 0.5) !important;
}
.bg-primary.bg-opacity-75 {
  background-color: rgba(79, 70, 229, 0.75) !important;
}
.bg-primary.bg-opacity-100 {
  background-color: #4f46e5 !important;
}
.bg-secondary {
  background-color: #092C4C !important;
}
.bg-secondary.bg-opacity-10 {
  background-color: rgba(9, 44, 76, 0.1) !important;
}
.bg-secondary.bg-opacity-25 {
  background-color: rgba(9, 44, 76, 0.25) !important;
}
.bg-secondary.bg-opacity-50 {
  background-color: rgba(9, 44, 76, 0.5) !important;
}
.bg-secondary.bg-opacity-75 {
  background-color: rgba(9, 44, 76, 0.75) !important;
}
.bg-secondary.bg-opacity-100 {
  background-color: #092c4c !important;
}
.bg-info {
  background-color: #155EEF !important;
}
.bg-info.bg-opacity-10 {
  background-color: rgba(21, 94, 239, 0.1) !important;
}
.bg-info.bg-opacity-25 {
  background-color: rgba(21, 94, 239, 0.25) !important;
}
.bg-info.bg-opacity-50 {
  background-color: rgba(21, 94, 239, 0.5) !important;
}
.bg-info.bg-opacity-75 {
  background-color: rgba(21, 94, 239, 0.75) !important;
}
.bg-info.bg-opacity-100 {
  background-color: #155eef !important;
}
.bg-success {
  background-color: #3EB780 !important;
}
.bg-success.bg-opacity-10 {
  background-color: rgba(62, 183, 128, 0.1) !important;
}
.bg-success.bg-opacity-25 {
  background-color: rgba(62, 183, 128, 0.25) !important;
}
.bg-success.bg-opacity-50 {
  background-color: rgba(62, 183, 128, 0.5) !important;
}
.bg-success.bg-opacity-75 {
  background-color: rgba(62, 183, 128, 0.75) !important;
}
.bg-success.bg-opacity-100 {
  background-color: #3eb780 !important;
}
.bg-warning {
  background-color: #FFCA18 !important;
}
.bg-warning.bg-opacity-10 {
  background-color: rgba(255, 202, 24, 0.1) !important;
}
.bg-warning.bg-opacity-25 {
  background-color: rgba(255, 202, 24, 0.25) !important;
}
.bg-warning.bg-opacity-50 {
  background-color: rgba(255, 202, 24, 0.5) !important;
}
.bg-warning.bg-opacity-75 {
  background-color: rgba(255, 202, 24, 0.75) !important;
}
.bg-warning.bg-opacity-100 {
  background-color: #ffca18 !important;
}
.bg-danger {
  background-color: #FF0000 !important;
}
.bg-danger.bg-opacity-10 {
  background-color: rgba(255, 0, 0, 0.1) !important;
}
.bg-danger.bg-opacity-25 {
  background-color: rgba(255, 0, 0, 0.25) !important;
}
.bg-danger.bg-opacity-50 {
  background-color: rgba(255, 0, 0, 0.5) !important;
}
.bg-danger.bg-opacity-75 {
  background-color: rgba(255, 0, 0, 0.75) !important;
}
.bg-danger.bg-opacity-100 {
  background-color: red !important;
}
.bg-dark {
  background-color: #1B2850 !important;
}
.bg-dark.bg-opacity-10 {
  background-color: rgba(27, 40, 80, 0.1) !important;
}
.bg-dark.bg-opacity-25 {
  background-color: rgba(27, 40, 80, 0.25) !important;
}
.bg-dark.bg-opacity-50 {
  background-color: rgba(27, 40, 80, 0.5) !important;
}
.bg-dark.bg-opacity-75 {
  background-color: rgba(27, 40, 80, 0.75) !important;
}
.bg-dark.bg-opacity-100 {
  background-color: #1b2850 !important;
}
.bg-light {
  background-color: #F9FAFB !important;
}
.bg-light.bg-opacity-10 {
  background-color: rgba(249, 250, 251, 0.1) !important;
}
.bg-light.bg-opacity-25 {
  background-color: rgba(249, 250, 251, 0.25) !important;
}
.bg-light.bg-opacity-50 {
  background-color: rgba(249, 250, 251, 0.5) !important;
}
.bg-light.bg-opacity-75 {
  background-color: rgba(249, 250, 251, 0.75) !important;
}
.bg-light.bg-opacity-100 {
  background-color: #f9fafb !important;
}
.bg-primary {
  background-color: #4F46E5 !important;
  color: #ffffff;
}
.bg-secondary {
  background-color: #092C4C !important;
  color: #ffffff;
}
.bg-success {
  background-color: #3EB780 !important;
  color: #ffffff;
}
.bg-info {
  background-color: #155EEF !important;
  color: #ffffff;
}
.bg-warning {
  background-color: #FFCA18 !important;
  color: #ffffff;
}
.bg-danger {
  background-color: #FF0000 !important;
  color: #ffffff;
}
.bg-dark {
  background-color: #1B2850 !important;
  color: #ffffff;
}
.bg-light {
  background-color: #F9FAFB !important;
  color: #ffffff;
}
.bg-black {
  background-color: #000000 !important;
  color: #ffffff;
}
.bg-purple {
  background-color: #6938EF !important;
  color: #ffffff;
}
.bg-yellow {
  background-color: #ffff00 !important;
  color: #ffffff;
}
.bg-teal {
  background-color: #0E9384 !important;
  color: #ffffff;
}
.bg-cyan {
  background-color: #06AED4 !important;
  color: #ffffff;
}
.bg-pink {
  background-color: #DD2590 !important;
  color: #ffffff;
}
.bg-indigo {
  background-color: #3538CD !important;
  color: #ffffff;
}
.bg-orange {
  background-color: #E04F16 !important;
  color: #ffffff;
}
.bg-soft-primary {
  background-color: #EEF2FF;
  color: #4F46E5;
}
.bg-soft-secondary {
  background-color: #B0BBC7;
  color: #092C4C;
}
.bg-soft-success {
  background-color: #CBEFD4;
  color: #3EB780;
}
.bg-soft-danger {
  background-color: #FFEDE9;
  color: #FF0000;
}
.bg-soft-warning {
  background-color: #FFF0CA;
  color: #FFCA18;
}
.bg-soft-info {
  background-color: #E7F0FF;
  color: #155EEF;
}
.bg-soft-light {
  background-color: rgba(249, 250, 251, 0.9);
  color: #646B72;
}
.bg-soft-dark {
  background-color: rgba(27, 40, 80, 0.3);
  color: #ffffff;
}
.bg-soft-pink {
  background-color: #FFECF4;
  color: #DD2590;
}
.bg-soft-orange {
  background-color: #FCEFEA;
  color: #E04F16;
}
.bg-soft-indigo {
  background-color: #EDEDFB;
  color: #391694;
}
.bg-light {
  color: #646B72;
}
.bg-primary-gradient {
  background:
    linear-gradient(
      to right,
      #4F46E5 0%,
      #6366F1 100%) !important;
  color: #ffffff;
}
.bg-secondary-gradient {
  background:
    linear-gradient(
      to right,
      #092C4C 0%,
      #28b7f9 100%) !important;
  color: #ffffff;
}
.bg-warning-gradient {
  background:
    linear-gradient(
      to right,
      #FFCA18 0%,
      #fbc434 100%) !important;
  color: #ffffff;
}
.bg-info-gradient {
  background:
    linear-gradient(
      to right,
      #155EEF 0%,
      #00f2fe 100%) !important;
  color: #ffffff;
}
.bg-success-gradient {
  background:
    linear-gradient(
      to right,
      #3EB780 0%,
      #5cf9e2 100%) !important;
  color: #ffffff;
}
.bg-danger-gradient {
  background:
    linear-gradient(
      to right,
      #FF0000 0%,
      #fd4a68 100%) !important;
  color: #ffffff;
}
.bg-orange-gradient {
  background:
    linear-gradient(
      to right,
      #E04F16 0%,
      #FBB034 100%) !important;
  color: #ffffff;
}
.bg-purple-gradient {
  background:
    linear-gradient(
      to right,
      #6938EF 0%,
      #9b25b7 100%) !important;
  color: #ffffff;
}
.bg-teal-gradient {
  background:
    linear-gradient(
      to right,
      #0E9384 0%,
      #0695DD 100%) !important;
  color: #ffffff;
}
.bg-light-gradient {
  background:
    linear-gradient(
      to right,
      #F9FAFB 0%,
      #D1D6DE 100%) !important;
  color: #000000;
}
.bg-dark-gradient {
  background:
    linear-gradient(
      to right,
      #1B2850 0%,
      #54505D 100%) !important;
  color: #ffffff;
}
.bg-outline-primary {
  background-color: #ffffff;
  border: 1px solid #4F46E5;
  color: #4F46E5;
}
.bg-outline-secondary {
  background-color: #ffffff;
  border: 1px solid #092C4C;
  color: #092C4C;
}
.bg-outline-warning {
  background-color: #ffffff;
  border: 1px solid #FFCA18;
  color: #FFCA18;
}
.bg-outline-info {
  background-color: #ffffff;
  border: 1px solid #155EEF;
  color: #155EEF;
}
.bg-outline-success {
  background-color: #ffffff;
  border: 1px solid #3EB780;
  color: #3EB780;
}
.bg-outline-danger {
  background-color: #ffffff;
  border: 1px solid #FF0000;
  color: #FF0000;
}
.bg-outline-dark {
  background-color: #ffffff;
  border: 1px solid #1B2850;
  color: #1B2850;
}
.bg-outline-light {
  background-color: #ffffff;
  border: 1px solid #F9FAFB !important;
  color: #000000 !important;
}
.bg-primary-transparent {
  background-color: rgba(79, 70, 229, 0.1) !important;
  color: #4F46E5 !important;
}
.bg-primary-transparent:hover {
  background-color: rgba(79, 70, 229, 0.1) !important;
  color: #4F46E5 !important;
}
.bg-secondary-transparent {
  background-color: #E6EAED !important;
}
.bg-info-transparent {
  background-color: rgba(21, 94, 239, 0.1) !important;
  color: #155EEF !important;
}
.bg-info-transparent:hover {
  background-color: rgba(21, 94, 239, 0.1) !important;
  color: #155EEF !important;
}
.bg-success-transparent {
  background-color: rgba(62, 183, 128, 0.1) !important;
  color: #3EB780 !important;
}
.bg-success-transparent:hover {
  background-color: rgba(62, 183, 128, 0.1) !important;
  color: #3EB780 !important;
}
.bg-warning-transparent {
  background-color: rgba(255, 202, 24, 0.1) !important;
  color: #FFCA18 !important;
}
.bg-warning-transparent:hover {
  background-color: rgba(255, 202, 24, 0.1) !important;
  color: #FFCA18 !important;
}
.bg-danger-transparent {
  background-color: rgba(255, 0, 0, 0.1) !important;
  color: #FF0000 !important;
}
.bg-danger-transparent:hover {
  background-color: rgba(255, 0, 0, 0.1) !important;
  color: #FF0000 !important;
}
.bg-light-transparent {
  background-color: rgba(249, 250, 251, 0.5) !important;
  color: #F9FAFB !important;
}
.bg-light-transparent:hover {
  background-color: rgba(249, 250, 251, 0.5) !important;
  color: #646B72 !important;
}
.bg-cyan-transparent {
  background: #E9F8FB !important;
}
.bg-orange-transparent {
  background: #FCEFEA;
}
.bg-indigo-transparent {
  background: #EDEDFB;
}
.bg-teal-transparent {
  background: #E9F5F4;
}
.bg-purple-transparent {
  background: #F2EDFE !important;
}
.bg-pink-transparent {
  background: #FCEBF5 !important;
}
.bg-gray-100 {
  background-color: #D3D5D7;
}
.bg-gray-200 {
  background-color: #BCBFC3;
}
.bg-gray-300 {
  background-color: #A6AAAF;
}
.bg-gray-400 {
  background-color: #90959B;
}
.bg-gray-500 {
  background-color: #7A8086;
}
.bg-gray-600 {
  background-color: #646B72;
}
.bg-gray-700 {
  background-color: #4D555E;
}
.bg-gray-800 {
  background-color: #37404A;
}
.bg-gray-900 {
  background-color: #212B36;
}
.bg-orange {
  background-color: #E04F16 !important;
}
.bg-orange-100 {
  background-color: #FFEEE9 !important;
}
.svg-primary {
  fill: #4F46E5;
}
.svg-secondary {
  fill: #092C4C;
}
.svg-success {
  fill: #3EB780;
}
.svg-danger {
  fill: #FF0000;
}
.svg-warning {
  fill: #FFCA18;
}
.svg-white {
  fill: #ffffff;
}
.svg-black {
  fill: #000000;
}
.svg-pink {
  fill: #DD2590;
}
.svg-orange {
  fill: #E04F16;
}
.svg-purple {
  fill: #6938EF;
}
.svg-indigo {
  fill: #391694;
}
.svg-info {
  fill: #155EEF;
}
.svg-yellow {
  fill: #ffff00;
}
.svg-light {
  fill: #F9FAFB;
}
.svg-dark {
  fill: #1B2850;
}
.svg-teal {
  fill: #0E9384;
}
.svg-default {
  fill: #646B72;
}
.color-container {
  width: 5rem;
  height: 5rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3rem;
}
.text-container {
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
}
.color-box {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}
.text-gray-900 {
  color: #212B36;
}
.bg-purple-900 {
  background: #7454F3;
}
.bg-teal-900 {
  background: #3B9E90;
}
.bg-secondary-900 {
  background: #213F5D;
}
.bg-info-900 {
  background: #3171F3;
}
.bg-light-900 {
  background: #F2F2F2;
}
.avatar {
  position: relative;
  height: 2.625rem;
  width: 2.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 500;
}
.avatar a.badge:hover {
  color: #ffffff;
}
.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.avatar.avatar-rounded {
  border-radius: 50%;
}
.avatar.avatar-rounded img {
  border-radius: 50%;
}
.avatar.avatar-radius-0 {
  border-radius: 0;
}
.avatar.avatar-radius-0 img {
  border-radius: 0;
}
.avatar .avatar-badge {
  position: absolute;
  inset-block-start: -4%;
  inset-inline-end: -0.375rem;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 0.625rem;
  border: 2px solid #ffffff;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar.online:before,
.avatar.offline:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  inset-inline-end: 0;
  inset-block-end: 0;
  border: 2px solid #ffffff !important;
  z-index: 1;
}
.avatar.online:before {
  background-color: #3EB780;
}
.avatar.offline:before {
  background-color: #7A8086;
}
.avatar.avatar-xs {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.65rem;
}
.avatar.avatar-xs .avatar-badge {
  padding: 0.25rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.5rem;
  inset-block-start: -25%;
  inset-inline-end: -0.5rem;
}
.avatar.avatar-sm {
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0.65rem;
}
.avatar.avatar-sm .avatar-badge {
  padding: 0.3rem;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: 0.5rem;
  inset-block-start: -28%;
  inset-inline-end: -0.45rem;
}
.avatar.avatar-sm.online:before,
.avatar.avatar-sm.offline:before {
  width: 0.5rem;
  height: 0.5rem;
}
.avatar.avatar-md {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.8rem;
}
.avatar.avatar-md .avatar-badge {
  padding: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.65rem;
  inset-block-start: -6%;
  inset-inline-end: -13%;
}
.avatar.avatar-md.online:before,
.avatar.avatar-md.offline:before {
  width: 0.75rem;
  height: 0.75rem;
}
.avatar.avatar-md svg {
  width: 1.5rem;
  height: 1.5rem;
}
.avatar.avatar-lg {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
}
.avatar.avatar-lg .avatar-badge {
  inset-block-start: -15%;
  inset-inline-end: -0.25%;
}
.avatar.avatar-lg.online:before,
.avatar.avatar-lg.offline:before {
  width: 0.8rem;
  height: 0.8rem;
}
.avatar.avatar-lg svg {
  width: 1.8rem;
  height: 1.8rem;
}
.avatar.avatar-xl {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.25rem;
}
.avatar.avatar-xl .avatar-badge {
  inset-block-start: -8%;
  inset-inline-end: -0.2%;
}
.avatar.avatar-xl.online:before,
.avatar.avatar-xl.offline:before {
  width: 0.95rem;
  height: 0.95rem;
}
.avatar.avatar-xxl {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.5rem;
}
.avatar.avatar-xxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0rem;
}
.avatar.avatar-xxl.online:before,
.avatar.avatar-xxl.offline:before {
  width: 1.05rem;
  height: 1.05rem;
  inset-block-end: 0.25rem;
}
.avatar.avatar-xxxl {
  width: 6rem;
  height: 6rem;
  line-height: 6rem;
  font-size: 1.75rem;
}
.avatar.avatar-xxxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0rem;
}
.avatar.avatar-xxxl.online:before,
.avatar.avatar-xxxl.offline:before {
  width: 1.05rem;
  height: 1.05rem;
  inset-block-end: 0.25rem;
}
.avatar-list-stacked {
  padding: 0;
}
.avatar-list-stacked.avatar-group-overlapped .avatar {
  margin-right: -0.875rem;
}
.avatar-list-stacked.avatar-group-overlapped .avatar:hover {
  z-index: 1;
}
.avatar-list-stacked.avatar-group-lg .avatar {
  width: 3.25rem;
  height: 3.25rem;
}
.avatar-list-stacked.avatar-group-lg .avatar > .initial-wrap {
  font-size: 0.95rem;
}
.avatar-list-stacked.avatar-group-lg.avatar-group-overlapped .avatar {
  margin-right: -1rem;
}
.avatar-list-stacked.avatar-group-sm .avatar {
  width: 1.5rem;
  height: 1.5rem;
}
.avatar-list-stacked.avatar-group-sm .avatar > .initial-wrap {
  font-size: 0.6rem;
}
.avatar-list-stacked.avatar-group-sm.avatar-group-overlapped .avatar {
  margin-right: -0.625rem;
}
.avatar-list-stacked .avatar {
  margin-inline-end: -0.875rem !important;
  border: 1px solid rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  transition: transform ease 200ms;
}
.avatar-list-stacked .avatar:last-child {
  margin-inline-end: 0 !important;
}
.avatar-list-stacked .avatar:hover {
  z-index: 1;
  transform: translateY(-0.188rem);
}
.avatar-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.avatar-group .avatar {
  width: 2.625rem;
  height: 2.625rem;
}
.avatar-group .avatar .avatar-img,
.avatar-group .avatar > .initial-wrap {
  border: 2px solid #ffffff;
  font-size: 0.9rem;
}
.avatar-group.avatar-group-overlapped .avatar {
  margin-right: -0.875rem;
}
.avatar-group.avatar-group-overlapped .avatar:hover {
  z-index: 1;
}
.avatar-group.avatar-group-lg .avatar {
  width: 3.25rem;
  height: 3.25rem;
}
.avatar-group.avatar-group-lg .avatar > .initial-wrap {
  font-size: 0.95rem;
}
.avatar-group.avatar-group-lg.avatar-group-overlapped .avatar {
  margin-right: -1rem;
}
.avatar-group.avatar-group-sm .avatar {
  width: 2rem;
  height: 2rem;
}
.avatar-group.avatar-group-sm .avatar > .initial-wrap {
  font-size: 0.6rem;
}
.avatar-group.avatar-group-sm.avatar-group-overlapped .avatar {
  margin-right: -0.625rem;
}
.avatar-list-stacked a.avatar.position-relative:before {
  content: "";
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.4) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.avatar-list-stacked a.avatar.position-relative span {
  font-size: 12px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #FFCA18;
  text-shadow: unset;
}
.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #FFCA18;
}
.bootstrap-datetimepicker-widget {
  z-index: 9999999;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: transparent;
}
.bor-b1 {
  border-bottom: 1px solid #A6AAAF;
}
.dropdown-xl {
  width: 600px;
}
.shadow-primary {
  box-shadow: 0px 4px 10px 0px rgba(79, 70, 229, 0.3);
}
.btn-submit {
  background: #4F46E5;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-submit:hover {
  background: rgb(41.1374407583, 30.5592417062, 217.4407582938);
  color: #ffffff;
}
@media (max-width: 991.96px) {
  .btn-submit {
    min-width: auto;
  }
}
.btn-submit.chenge-btn {
  padding: 8px 12px;
}
.btn-cancel {
  background: #646B72;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-cancel:hover {
  background: #424b52;
  color: #ffffff;
}
@media (max-width: 991.96px) {
  .btn-cancel {
    min-width: auto;
  }
}
.btn-cancel.add-cancel {
  padding: 8px 20px;
  min-width: 0;
}
.btn-submit.add-sale {
  padding: 8px 20px;
  min-width: 0;
}
.btn-primary {
  color: #ffffff;
  background-color: #4F46E5;
  border-color: #4F46E5;
}
.btn-previw {
  background: #FF0000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 5px;
  padding: 8px 20px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-previw:hover {
  background: #FF0000;
  color: #ffffff;
}
@media (max-width: 991.96px) {
  .btn-previw {
    min-width: auto;
  }
}
.btn-save {
  background: #4F46E5;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 5px;
  padding: 8px 20px;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-save:hover {
  background: rgb(41.1374407583, 30.5592417062, 217.4407582938);
  color: #ffffff;
}
@media (max-width: 991.96px) {
  .btn-save {
    min-width: auto;
    padding: 5px 7px;
  }
}
.btn-reset {
  background: #646B72;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 5px;
  padding: 8px 20px;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-reset:hover {
  background: #092C4C;
  color: #ffffff;
}
@media (max-width: 991.96px) {
  .btn-reset {
    min-width: auto;
    padding: 5px 7px;
  }
}
.btn-send {
  background: #4F46E5;
  padding: 9px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  margin-right: 15px;
  border-radius: 8px;
}
.btn-send:hover {
  background: rgb(41.1374407583, 30.5592417062, 217.4407582938);
  color: #ffffff;
}
.btn-send .send-mail {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.btn-download {
  background: #092C4C;
  padding: 9px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  margin-right: 15px;
  border-radius: 8px;
}
.btn-download:hover {
  background: #212B36;
  color: #ffffff;
}
.btn-download .download {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.btn-barcode {
  background: #FF0000;
  padding: 9px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  margin-right: 15px;
  border-radius: 8px;
}
.btn-barcode:hover {
  background: #FF0000;
  color: #ffffff;
}
.btn-barcode .print {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.btn-primary.add-em-payroll {
  padding: 9px 11px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 8px;
}
.btn-primary.add-em-payroll .me-2 {
  width: 16px;
  height: 16px;
}
.swal2-actions .swal2-confirm.btn:active {
  background-color: #4F46E5;
  border-color: #4F46E5;
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff !important;
}
.search-input .btn-searchset:active {
  background-color: transparent;
  border-color: transparent;
}
.search-input .btn-searchset:active svg {
  color: #092C4C;
}
.iti__country-list {
  z-index: 101;
}
button {
  cursor: pointer;
}
button:focus {
  outline: 0;
  box-shadow: none;
}
.btn {
  border-radius: 5px;
  padding: 0.625rem 1.25rem;
  padding: 0.4rem 0.85rem;
  font-size: 0.85rem;
  transition: all 0.5s;
  font-weight: 600;
}
.btn:focus {
  box-shadow: none !important;
}
.btn:hover {
  transition: all 0.5s;
}
.btn.btn-lg {
  padding: 0.65rem 1rem;
  font-size: 0.95rem;
}
.btn.btn-md {
  padding: 7px 12px;
  font-size: 13px;
}
.btn.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.btn.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 10px;
}
.btn.btn-primary {
  background-color: #4F46E5 !important;
  border: 1px solid #4F46E5 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(79, 70, 229, 0.15);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary.active {
  background-color: rgb(49.2218009479, 38.6990521327, 224.6009478673) !important;
  border: 1px solid rgb(49.2218009479, 38.6990521327, 224.6009478673) !important;
  box-shadow: 0 3px 10px rgba(79, 70, 229, 0.5);
  color: #ffffff !important;
}
.btn.btn-secondary {
  background-color: #092C4C !important;
  border: 1px solid #092C4C !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(9, 44, 76, 0.15);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary.focus,
.btn.btn-secondary:active,
.btn.btn-secondary.active {
  background-color: rgb(5.22, 25.52, 44.08) !important;
  border: 1px solid rgb(5.22, 25.52, 44.08) !important;
  box-shadow: 0 3px 10px rgba(9, 44, 76, 0.5);
  color: #ffffff !important;
}
.btn.btn-success {
  background-color: #3EB780 !important;
  border: 1px solid #3EB780 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(62, 183, 128, 0.15);
}
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success.focus,
.btn.btn-success:active,
.btn.btn-success.active {
  background-color: rgb(52.9657142857, 156.3342857143, 109.3485714286) !important;
  border: 1px solid rgb(52.9657142857, 156.3342857143, 109.3485714286) !important;
  box-shadow: 0 3px 10px rgba(62, 183, 128, 0.5);
  color: #ffffff !important;
}
.btn.btn-info {
  background-color: #155EEF !important;
  border: 1px solid #155EEF !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(21, 94, 239, 0.15);
}
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-info.focus,
.btn.btn-info:active,
.btn.btn-info.active {
  background-color: rgb(14.3552, 79.8508, 209.9448) !important;
  border: 1px solid rgb(14.3552, 79.8508, 209.9448) !important;
  box-shadow: 0 3px 10px rgba(21, 94, 239, 0.5);
  color: #ffffff !important;
}
.btn.btn-warning {
  background-color: #FFCA18 !important;
  border: 1px solid #FFCA18 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(255, 202, 24, 0.15);
}
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning.focus,
.btn.btn-warning:active,
.btn.btn-warning.active {
  background-color: rgb(243.3, 187.4779220779, 0) !important;
  border: 1px solid rgb(243.3, 187.4779220779, 0) !important;
  box-shadow: 0 3px 10px rgba(255, 202, 24, 0.5);
  color: #ffffff !important;
}
.btn.btn-danger {
  background-color: #FF0000 !important;
  border: 1px solid #FF0000 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(255, 0, 0, 0.15);
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger.focus,
.btn.btn-danger:active,
.btn.btn-danger.active {
  background-color: rgb(219.3, 0, 0) !important;
  border: 1px solid rgb(219.3, 0, 0) !important;
  box-shadow: 0 3px 10px rgba(255, 0, 0, 0.5);
  color: #ffffff !important;
}
.btn.btn-dark {
  background-color: #1B2850 !important;
  border: 1px solid #1B2850 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(27, 40, 80, 0.15);
}
.btn.btn-dark:hover,
.btn.btn-dark:focus,
.btn.btn-dark.focus,
.btn.btn-dark:active,
.btn.btn-dark.active {
  background-color: rgb(17.991588785, 26.6542056075, 53.308411215) !important;
  border: 1px solid rgb(17.991588785, 26.6542056075, 53.308411215) !important;
  box-shadow: 0 3px 10px rgba(27, 40, 80, 0.5);
  color: #ffffff !important;
}
.btn.btn-light {
  background-color: #F9FAFB !important;
  border: 1px solid #F9FAFB !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(249, 250, 251, 0.15);
}
.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light.focus,
.btn.btn-light:active,
.btn.btn-light.active {
  background-color: rgb(227.58, 232.15, 236.72) !important;
  border: 1px solid rgb(227.58, 232.15, 236.72) !important;
  box-shadow: 0 3px 10px rgba(249, 250, 251, 0.5);
  color: #ffffff !important;
}
.btn.btn-black {
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black.focus,
.btn.btn-black:active,
.btn.btn-black.active {
  background-color: hsl(0, 0%, -7%) !important;
  border: 1px solid hsl(0, 0%, -7%) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  color: #ffffff !important;
}
.btn.btn-purple {
  background-color: #6938EF !important;
  border: 1px solid #6938EF !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(105, 56, 239, 0.15);
}
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple.focus,
.btn.btn-purple:active,
.btn.btn-purple.active {
  background-color: rgb(80.0930232558, 22.956744186, 236.343255814) !important;
  border: 1px solid rgb(80.0930232558, 22.956744186, 236.343255814) !important;
  box-shadow: 0 3px 10px rgba(105, 56, 239, 0.5);
  color: #ffffff !important;
}
.btn.btn-yellow {
  background-color: #ffff00 !important;
  border: 1px solid #ffff00 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(255, 255, 0, 0.15);
}
.btn.btn-yellow:hover,
.btn.btn-yellow:focus,
.btn.btn-yellow.focus,
.btn.btn-yellow:active,
.btn.btn-yellow.active {
  background-color: rgb(219.3, 219.3, 0) !important;
  border: 1px solid rgb(219.3, 219.3, 0) !important;
  box-shadow: 0 3px 10px rgba(255, 255, 0, 0.5);
  color: #ffffff !important;
}
.btn.btn-teal {
  background-color: #0E9384 !important;
  border: 1px solid #0E9384 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(14, 147, 132, 0.15);
}
.btn.btn-teal:hover,
.btn.btn-teal:focus,
.btn.btn-teal.focus,
.btn.btn-teal:active,
.btn.btn-teal.active {
  background-color: rgb(10.8956521739, 114.4043478261, 102.7304347826) !important;
  border: 1px solid rgb(10.8956521739, 114.4043478261, 102.7304347826) !important;
  box-shadow: 0 3px 10px rgba(14, 147, 132, 0.5);
  color: #ffffff !important;
}
.btn.btn-cyan {
  background-color: #06AED4 !important;
  border: 1px solid #06AED4 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(6, 174, 212, 0.15);
}
.btn.btn-cyan:hover,
.btn.btn-cyan:focus,
.btn.btn-cyan.focus,
.btn.btn-cyan:active,
.btn.btn-cyan.active {
  background-color: rgb(5.0174311927, 145.5055045872, 177.2825688073) !important;
  border: 1px solid rgb(5.0174311927, 145.5055045872, 177.2825688073) !important;
  box-shadow: 0 3px 10px rgba(6, 174, 212, 0.5);
  color: #ffffff !important;
}
.btn.btn-pink {
  background-color: #DD2590 !important;
  border: 1px solid #DD2590 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(221, 37, 144, 0.15);
}
.btn.btn-pink:hover,
.btn.btn-pink:focus,
.btn.btn-pink.focus,
.btn.btn-pink:active,
.btn.btn-pink.active {
  background-color: rgb(192.3071428571, 29.9928571429, 124.3821428571) !important;
  border: 1px solid rgb(192.3071428571, 29.9928571429, 124.3821428571) !important;
  box-shadow: 0 3px 10px rgba(221, 37, 144, 0.5);
  color: #ffffff !important;
}
.btn.btn-indigo {
  background-color: #3538CD !important;
  border: 1px solid #3538CD !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(53, 56, 205, 0.15);
}
.btn.btn-indigo:hover,
.btn.btn-indigo:focus,
.btn.btn-indigo.focus,
.btn.btn-indigo:active,
.btn.btn-indigo.active {
  background-color: rgb(44.1071428571, 46.7535714286, 178.1928571429) !important;
  border: 1px solid rgb(44.1071428571, 46.7535714286, 178.1928571429) !important;
  box-shadow: 0 3px 10px rgba(53, 56, 205, 0.5);
  color: #ffffff !important;
}
.btn.btn-orange {
  background-color: #E04F16 !important;
  border: 1px solid #E04F16 !important;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(224, 79, 22, 0.15);
}
.btn.btn-orange:hover,
.btn.btn-orange:focus,
.btn.btn-orange.focus,
.btn.btn-orange:active,
.btn.btn-orange.active {
  background-color: rgb(191.4926829268, 67.5353658537, 18.8073170732) !important;
  border: 1px solid rgb(191.4926829268, 67.5353658537, 18.8073170732) !important;
  box-shadow: 0 3px 10px rgba(224, 79, 22, 0.5);
  color: #ffffff !important;
}
.btn.btn-light {
  background-color: #F9FAFB;
  border: 1px solid #F9FAFB;
  color: #37404A !important;
}
.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light.focus,
.btn.btn-light:active,
.btn.btn-light.active {
  background-color: hsl(210, 20%, 101.0392156863%);
  border: 1px solid hsl(210, 20%, 101.0392156863%);
  box-shadow: 0 0 0 2px rgba(249, 250, 251, 0.08);
  color: #1B2850 !important;
}
.btn-group .btn {
  padding: 0.45rem 0.75rem;
}
.btn-group-lg .btn {
  padding: 0.65rem 1rem;
}
.btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
}
.btn.btn-w-xs {
  min-width: 5.625rem;
}
.btn.btn-w-sm {
  min-width: 6.975rem;
}
.btn.btn-w-md {
  min-width: 8.125rem;
}
.btn.btn-w-lg {
  min-width: 9.375rem;
}
.btn-icon i {
  padding: 0rem;
  margin: -0.5rem;
}
.btn-icon.btn-sm {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.8rem;
}
.btn-icon.btn-lg {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.2rem;
}
.btn-list > button,
.btn-list > a {
  margin: 0 0.375rem 0.375rem 0;
}
[dir=rtl] .btn-list button,
[dir=rtl] .btn-list div,
[dir=rtl] .btn-list a,
[dir=rtl] .btn-list input {
  margin: 0 0 0.375rem 0.375rem;
}
.btn-list {
  margin-block-end: -0.5rem;
}
.btn-square {
  border-radius: 0;
}
.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px;
}
.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0;
}
.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px;
}
.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0;
}
.btn.btn-primary-light {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
.btn.btn-primary-light:hover,
.btn.btn-primary-light:focus,
.btn.btn-primary-light:active {
  background-color: #4F46E5;
  color: #ffffff;
  border-color: #4F46E5;
}
.btn.btn-secondary-light {
  background-color: rgba(9, 44, 76, 0.1);
  color: #092C4C;
}
.btn.btn-secondary-light:hover,
.btn.btn-secondary-light:focus,
.btn.btn-secondary-light:active {
  background-color: #092C4C;
  color: #ffffff;
  border-color: #092C4C;
}
.btn.btn-warning-light {
  background-color: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
}
.btn.btn-warning-light:hover,
.btn.btn-warning-light:focus,
.btn.btn-warning-light:active {
  background-color: #FFCA18;
  color: #ffffff;
  border-color: #FFCA18;
}
.btn.btn-info-light {
  background-color: rgba(21, 94, 239, 0.1);
  color: #155EEF;
}
.btn.btn-info-light:hover,
.btn.btn-info-light:focus,
.btn.btn-info-light:active {
  background-color: #155EEF;
  color: #ffffff;
  border-color: #155EEF;
}
.btn.btn-success-light {
  background-color: rgba(62, 183, 128, 0.1);
  color: #3EB780;
}
.btn.btn-success-light:hover,
.btn.btn-success-light:focus,
.btn.btn-success-light:active {
  background-color: #3EB780;
  color: #ffffff;
  border-color: #3EB780;
}
.btn.btn-danger-light {
  background-color: rgba(255, 0, 0, 0.1);
  color: #FF0000;
}
.btn.btn-danger-light:hover,
.btn.btn-danger-light:focus,
.btn.btn-danger-light:active {
  background-color: #FF0000;
  color: #ffffff;
  border-color: #FF0000;
}
.btn.btn-primary-ghost {
  background-color: transparent;
  color: #4F46E5;
  border: 1px solid #4F46E5;
}
.btn.btn-primary-ghost:active {
  color: #4F46E5;
  border: 1px solid #4F46E5;
  background-color: transparent;
}
.btn.btn-secondary-ghost {
  background-color: transparent;
  color: #092C4C;
  border: 1px solid #092C4C;
}
.btn.btn-secondary-ghost:active {
  color: #092C4C;
  border: 1px solid #092C4C;
  background-color: transparent;
}
.btn.btn-warning-ghost {
  background-color: transparent;
  color: #FFCA18;
  border: 1px solid #FFCA18;
}
.btn.btn-warning-ghost:active {
  color: #FFCA18;
  border: 1px solid #FFCA18;
  background-color: transparent;
}
.btn.btn-info-ghost {
  background-color: transparent;
  color: #155EEF;
  border: 1px solid #155EEF;
}
.btn.btn-info-ghost:active {
  color: #155EEF;
  border: 1px solid #155EEF;
  background-color: transparent;
}
.btn.btn-success-ghost {
  background-color: transparent;
  color: #3EB780;
  border: 1px solid #3EB780;
}
.btn.btn-success-ghost:active {
  color: #3EB780;
  border: 1px solid #3EB780;
  background-color: transparent;
}
.btn.btn-danger-ghost {
  background-color: transparent;
  color: #FF0000;
  border: 1px solid #FF0000;
}
.btn.btn-danger-ghost:active {
  color: #FF0000;
  border: 1px solid #FF0000;
  background-color: transparent;
}
.btn-list button {
  margin: 0 0.375rem 0.375rem 0;
}
.btn-outline-primary {
  border: 1px solid #4F46E5 !important;
  color: #4F46E5 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #4F46E5 !important;
  border: 1px solid #4F46E5 !important;
  box-shadow: 0 3px 10px rgba(79, 70, 229, 0.5);
  color: #ffffff !important;
}
.btn-outline-secondary {
  border: 1px solid #092C4C !important;
  color: #092C4C !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
  background-color: #092C4C !important;
  border: 1px solid #092C4C !important;
  box-shadow: 0 3px 10px rgba(9, 44, 76, 0.5);
  color: #ffffff !important;
}
.btn-outline-success {
  border: 1px solid #3EB780 !important;
  color: #3EB780 !important;
}
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success.focus,
.btn-outline-success:active,
.btn-outline-success.active {
  background-color: #3EB780 !important;
  border: 1px solid #3EB780 !important;
  box-shadow: 0 3px 10px rgba(62, 183, 128, 0.5);
  color: #ffffff !important;
}
.btn-outline-danger {
  border: 1px solid #FF0000 !important;
  color: #FF0000 !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger.focus,
.btn-outline-danger:active,
.btn-outline-danger.active {
  background-color: #FF0000 !important;
  border: 1px solid #FF0000 !important;
  box-shadow: 0 3px 10px rgba(255, 0, 0, 0.5);
  color: #ffffff !important;
}
.btn-outline-warning {
  border: 1px solid #FFCA18 !important;
  color: #FFCA18 !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning.focus,
.btn-outline-warning:active,
.btn-outline-warning.active {
  background-color: #FFCA18 !important;
  border: 1px solid #FFCA18 !important;
  box-shadow: 0 3px 10px rgba(255, 202, 24, 0.5);
  color: #ffffff !important;
}
.btn-outline-info {
  border: 1px solid #155EEF !important;
  color: #155EEF !important;
}
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info.focus,
.btn-outline-info:active,
.btn-outline-info.active {
  background-color: #155EEF !important;
  border: 1px solid #155EEF !important;
  box-shadow: 0 3px 10px rgba(21, 94, 239, 0.5);
  color: #ffffff !important;
}
.btn-outline-light {
  border: 1px solid #E6EAED;
  color: #212B36 !important;
}
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light.focus,
.btn-outline-light:active,
.btn-outline-light.active {
  background-color: #F9FAFB;
  border: 1px solid #E6EAED;
  color: #212B36 !important;
}
.btn-outline-dark {
  border: 1px solid #1B2850 !important;
  color: #1B2850 !important;
}
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark.focus,
.btn-outline-dark:active,
.btn-outline-dark.active {
  background-color: #1B2850 !important;
  border: 1px solid #1B2850 !important;
  box-shadow: 0 3px 10px rgba(27, 40, 80, 0.5);
  color: #ffffff !important;
}
.btn-soft-primary {
  background-color: #C7D2FE !important;
  color: #4F46E5 !important;
}
.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary.focus,
.btn-soft-primary:active,
.btn-soft-primary.active {
  box-shadow: 0 3px 12px rgba(79, 70, 229, 0.2);
  border-color: #4F46E5;
}
.btn-soft-secondary {
  background-color: #B0BBC7 !important;
  color: #092C4C !important;
}
.btn-soft-secondary:hover,
.btn-soft-secondary:focus,
.btn-soft-secondary.focus,
.btn-soft-secondary:active,
.btn-soft-secondary.active {
  box-shadow: 0 3px 12px rgba(9, 44, 76, 0.2);
  border-color: #092C4C;
}
.btn-soft-success {
  background-color: #CBEFD4 !important;
  color: #3EB780 !important;
}
.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-success.focus,
.btn-soft-success:active,
.btn-soft-success.active {
  box-shadow: 0 3px 12px rgba(62, 183, 128, 0.2);
  border-color: #3EB780;
}
.btn-soft-danger {
  background-color: #FFC8BD !important;
  color: #FF0000 !important;
}
.btn-soft-danger:hover,
.btn-soft-danger:focus,
.btn-soft-danger.focus,
.btn-soft-danger:active,
.btn-soft-danger.active {
  box-shadow: 0 3px 12px rgba(255, 0, 0, 0.2);
  border-color: #FF0000;
}
.btn-soft-warning {
  background-color: #FFF0CA !important;
  color: #FFCA18 !important;
}
.btn-soft-warning:hover,
.btn-soft-warning:focus,
.btn-soft-warning.focus,
.btn-soft-warning:active,
.btn-soft-warning.active {
  box-shadow: 0 3px 12px rgba(255, 202, 24, 0.2);
  border-color: #FFCA18;
}
.btn-soft-info {
  background-color: rgba(21, 94, 239, 0.3) !important;
  color: #155EEF !important;
}
.btn-soft-info:hover,
.btn-soft-info:focus,
.btn-soft-info.focus,
.btn-soft-info:active,
.btn-soft-info.active {
  box-shadow: 0 3px 12px rgba(21, 94, 239, 0.2);
  border-color: #155EEF;
}
.btn-soft-light {
  background-color: rgba(249, 250, 251, 0.9) !important;
  color: #646B72 !important;
}
.btn-soft-light:hover,
.btn-soft-light:focus,
.btn-soft-light.focus,
.btn-soft-light:active,
.btn-soft-light.active {
  box-shadow: 0 3px 12px rgba(249, 250, 251, 0.2);
  border-color: #F9FAFB;
  border-color: #646B72;
}
.btn-soft-dark {
  background-color: rgba(27, 40, 80, 0.3) !important;
  color: #ffffff !important;
}
.btn-soft-dark:hover,
.btn-soft-dark:focus,
.btn-soft-dark.focus,
.btn-soft-dark:active,
.btn-soft-dark.active {
  box-shadow: 0 3px 12px rgba(27, 40, 80, 0.2);
  border-color: #1B2850;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.modal-header {
  justify-content: space-between;
}
.page-header .btn-added.dark {
  background-color: #1B2850 !important;
  border: 1px solid #1B2850 !important;
}
.page-header .btn-added.dark:hover,
.page-header .btn-added.dark:focus,
.page-header .btn-added.dark.focus,
.page-header .btn-added.dark:active,
.page-header .btn-added.dark.active {
  background-color: #4F46E5 !important;
  border: 1px solid #4F46E5 !important;
}
.btn-primaryadd {
  position: absolute;
  top: 37px;
  right: 10px;
  padding: 4px 8px;
  background-color: #4F46E5;
  font-size: 10px;
  color: #ffffff;
}
.btn-primaryadd:hover {
  border: 1px solid #4F46E5;
  color: #4F46E5;
}
.badge.badge-primary {
  background: rgba(79, 70, 229, 0.1);
  box-shadow: 0 1px 1px rgba(79, 70, 229, 0.5);
  color: #4F46E5;
}
.badge.badge-primary {
  background: #4F46E5;
  box-shadow: 0 1px 1px rgba(79, 70, 229, 0.5);
  color: #ffffff;
}
.badge.badge-soft-primary {
  background: rgba(79, 70, 229, 0.1);
  box-shadow: 0 1px 1px rgba(79, 70, 229, 0.5);
  color: #4F46E5;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-secondary {
  background: #092C4C;
  box-shadow: 0 1px 1px rgba(9, 44, 76, 0.5);
  color: #ffffff;
}
.badge.badge-soft-secondary {
  background: rgba(9, 44, 76, 0.1);
  box-shadow: 0 1px 1px rgba(9, 44, 76, 0.5);
  color: #092C4C;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-success {
  background: #3EB780;
  box-shadow: 0 1px 1px rgba(62, 183, 128, 0.5);
  color: #ffffff;
}
.badge.badge-soft-success {
  background: rgba(62, 183, 128, 0.1);
  box-shadow: 0 1px 1px rgba(62, 183, 128, 0.5);
  color: #3EB780;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-info {
  background: #155EEF;
  box-shadow: 0 1px 1px rgba(21, 94, 239, 0.5);
  color: #ffffff;
}
.badge.badge-soft-info {
  background: rgba(21, 94, 239, 0.1);
  box-shadow: 0 1px 1px rgba(21, 94, 239, 0.5);
  color: #155EEF;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-warning {
  background: #FFCA18;
  box-shadow: 0 1px 1px rgba(255, 202, 24, 0.5);
  color: #ffffff;
}
.badge.badge-soft-warning {
  background: rgba(255, 202, 24, 0.1);
  box-shadow: 0 1px 1px rgba(255, 202, 24, 0.5);
  color: #FFCA18;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-danger {
  background: #FF0000;
  box-shadow: 0 1px 1px rgba(255, 0, 0, 0.5);
  color: #ffffff;
}
.badge.badge-soft-danger {
  background: rgba(255, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(255, 0, 0, 0.5);
  color: #FF0000;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-dark {
  background: #1B2850;
  box-shadow: 0 1px 1px rgba(27, 40, 80, 0.5);
  color: #ffffff;
}
.badge.badge-soft-dark {
  background: rgba(27, 40, 80, 0.1);
  box-shadow: 0 1px 1px rgba(27, 40, 80, 0.5);
  color: #1B2850;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-light {
  background: #F9FAFB;
  box-shadow: 0 1px 1px rgba(249, 250, 251, 0.5);
  color: #ffffff;
}
.badge.badge-soft-light {
  background: rgba(249, 250, 251, 0.1);
  box-shadow: 0 1px 1px rgba(249, 250, 251, 0.5);
  color: #F9FAFB;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-black {
  background: #000000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.badge.badge-soft-black {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  color: #000000;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-purple {
  background: #6938EF;
  box-shadow: 0 1px 1px rgba(105, 56, 239, 0.5);
  color: #ffffff;
}
.badge.badge-soft-purple {
  background: rgba(105, 56, 239, 0.1);
  box-shadow: 0 1px 1px rgba(105, 56, 239, 0.5);
  color: #6938EF;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-yellow {
  background: #ffff00;
  box-shadow: 0 1px 1px rgba(255, 255, 0, 0.5);
  color: #ffffff;
}
.badge.badge-soft-yellow {
  background: rgba(255, 255, 0, 0.1);
  box-shadow: 0 1px 1px rgba(255, 255, 0, 0.5);
  color: #ffff00;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-teal {
  background: #0E9384;
  box-shadow: 0 1px 1px rgba(14, 147, 132, 0.5);
  color: #ffffff;
}
.badge.badge-soft-teal {
  background: rgba(14, 147, 132, 0.1);
  box-shadow: 0 1px 1px rgba(14, 147, 132, 0.5);
  color: #0E9384;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-cyan {
  background: #06AED4;
  box-shadow: 0 1px 1px rgba(6, 174, 212, 0.5);
  color: #ffffff;
}
.badge.badge-soft-cyan {
  background: rgba(6, 174, 212, 0.1);
  box-shadow: 0 1px 1px rgba(6, 174, 212, 0.5);
  color: #06AED4;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-pink {
  background: #DD2590;
  box-shadow: 0 1px 1px rgba(221, 37, 144, 0.5);
  color: #ffffff;
}
.badge.badge-soft-pink {
  background: rgba(221, 37, 144, 0.1);
  box-shadow: 0 1px 1px rgba(221, 37, 144, 0.5);
  color: #DD2590;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-indigo {
  background: #3538CD;
  box-shadow: 0 1px 1px rgba(53, 56, 205, 0.5);
  color: #ffffff;
}
.badge.badge-soft-indigo {
  background: rgba(53, 56, 205, 0.1);
  box-shadow: 0 1px 1px rgba(53, 56, 205, 0.5);
  color: #3538CD;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge.badge-orange {
  background: #E04F16;
  box-shadow: 0 1px 1px rgba(224, 79, 22, 0.5);
  color: #ffffff;
}
.badge.badge-soft-orange {
  background: rgba(224, 79, 22, 0.1);
  box-shadow: 0 1px 1px rgba(224, 79, 22, 0.5);
  color: #E04F16;
}
.badge.badge-soft-primary {
  background: #EEF2FF !important;
}
.badge.badge-soft-secondary {
  background: #E6EAED !important;
}
.badge.badge-soft-success {
  background: #EEFAF1 !important;
}
.badge.badge-soft-warning {
  background: #FFFAEE !important;
}
.badge.badge-soft-danger {
  background: #FFEDE9 !important;
}
.badge.badge-soft-info {
  background: #EAF1FE !important;
}
.badge.badge-soft-cyan {
  background: #ECF7FB !important;
}
.badge.badge-soft-pink {
  background: #FFECF4 !important;
}
.badge.badge-soft-skyblue {
  background: #EDEDFF !important;
}
.badge {
  padding: 0.35rem 0.45rem;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-radius: 5px;
}
.badge.badge-xs {
  font-size: 10px;
  padding: 0px 5px;
  line-height: 18px;
}
.badge.badge-sm {
  font-size: 11px;
  padding: 5px 8px;
  line-height: 11px;
}
.badge.badge-md {
  font-size: 12px;
  padding: 5px 12px;
  line-height: 1.5;
}
.badge.badge-lg {
  font-size: 14px;
  padding: 0px 10px;
  line-height: 30px;
}
.badge.badge-xl {
  font-size: 16px;
  padding: 0px 15px;
  line-height: 35px;
}
.badges-warning {
  color: #FFCA18;
  padding: 2px 10px;
  border-radius: 8px;
  border: 1px solid #FFCA18;
  font-size: 14px;
  font-weight: 600;
  min-width: 80px;
}
.badge.badge-linedangered {
  color: #FF0000;
  padding: 2px 10px;
  border-radius: 8px;
  border: 1px solid #FF0000;
  font-size: 14px;
  font-weight: 600;
  min-width: 80px;
}
.border-container {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin: 0.25rem;
  background-color: #F9FAFB;
}
.border {
  border: 1px solid #E6EAED !important;
}
.border.border-dashed {
  border-style: dashed !important;
}
.border.border-dotted {
  border-style: dotted !important;
}
.border.border-primary {
  border: 1px solid #4F46E5 !important;
  opacity: 1;
}
.border.border-primary.border-opacity-10 {
  border-color: rgba(79, 70, 229, 0.1) !important;
}
.border.border-primary.border-opacity-25 {
  border-color: rgba(79, 70, 229, 0.25) !important;
}
.border.border-primary.border-opacity-50 {
  border-color: rgba(79, 70, 229, 0.5) !important;
}
.border.border-primary.border-opacity-75 {
  border-color: rgba(79, 70, 229, 0.75) !important;
}
.border.border-primary.border-opacity-100 {
  border-color: #4f46e5 !important;
}
.border.border-secondary {
  border: 1px solid #092C4C !important;
  opacity: 1;
}
.border.border-secondary.border-opacity-10 {
  border-color: rgba(9, 44, 76, 0.1) !important;
}
.border.border-secondary.border-opacity-25 {
  border-color: rgba(9, 44, 76, 0.25) !important;
}
.border.border-secondary.border-opacity-50 {
  border-color: rgba(9, 44, 76, 0.5) !important;
}
.border.border-secondary.border-opacity-75 {
  border-color: rgba(9, 44, 76, 0.75) !important;
}
.border.border-secondary.border-opacity-100 {
  border-color: #092c4c !important;
}
.border.border-info {
  border: 1px solid #155EEF !important;
  opacity: 1;
}
.border.border-info.border-opacity-10 {
  border-color: rgba(21, 94, 239, 0.1) !important;
}
.border.border-info.border-opacity-25 {
  border-color: rgba(21, 94, 239, 0.25) !important;
}
.border.border-info.border-opacity-50 {
  border-color: rgba(21, 94, 239, 0.5) !important;
}
.border.border-info.border-opacity-75 {
  border-color: rgba(21, 94, 239, 0.75) !important;
}
.border.border-info.border-opacity-100 {
  border-color: #155eef !important;
}
.border.border-success {
  border: 1px solid #3EB780 !important;
  opacity: 1;
}
.border.border-success.border-opacity-10 {
  border-color: rgba(62, 183, 128, 0.1) !important;
}
.border.border-success.border-opacity-25 {
  border-color: rgba(62, 183, 128, 0.25) !important;
}
.border.border-success.border-opacity-50 {
  border-color: rgba(62, 183, 128, 0.5) !important;
}
.border.border-success.border-opacity-75 {
  border-color: rgba(62, 183, 128, 0.75) !important;
}
.border.border-success.border-opacity-100 {
  border-color: #3eb780 !important;
}
.border.border-warning {
  border: 1px solid #FFCA18 !important;
  opacity: 1;
}
.border.border-warning.border-opacity-10 {
  border-color: rgba(255, 202, 24, 0.1) !important;
}
.border.border-warning.border-opacity-25 {
  border-color: rgba(255, 202, 24, 0.25) !important;
}
.border.border-warning.border-opacity-50 {
  border-color: rgba(255, 202, 24, 0.5) !important;
}
.border.border-warning.border-opacity-75 {
  border-color: rgba(255, 202, 24, 0.75) !important;
}
.border.border-warning.border-opacity-100 {
  border-color: #ffca18 !important;
}
.border.border-danger {
  border: 1px solid #FF0000 !important;
  opacity: 1;
}
.border.border-danger.border-opacity-10 {
  border-color: rgba(255, 0, 0, 0.1) !important;
}
.border.border-danger.border-opacity-25 {
  border-color: rgba(255, 0, 0, 0.25) !important;
}
.border.border-danger.border-opacity-50 {
  border-color: rgba(255, 0, 0, 0.5) !important;
}
.border.border-danger.border-opacity-75 {
  border-color: rgba(255, 0, 0, 0.75) !important;
}
.border.border-danger.border-opacity-100 {
  border-color: red !important;
}
.border.border-white {
  border: 1px solid #ffffff !important;
  opacity: 1;
}
.border.border-white.border-opacity-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.border.border-white.border-opacity-25 {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.border.border-white.border-opacity-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.border.border-white.border-opacity-75 {
  border-color: rgba(255, 255, 255, 0.75) !important;
}
.border.border-white.border-opacity-100 {
  border-color: white !important;
}
.border.border-light {
  border: 1px solid #F9FAFB !important;
  opacity: 1;
}
.border.border-light.border-opacity-10 {
  border-color: rgba(249, 250, 251, 0.1) !important;
}
.border.border-light.border-opacity-25 {
  border-color: rgba(249, 250, 251, 0.25) !important;
}
.border.border-light.border-opacity-50 {
  border-color: rgba(249, 250, 251, 0.5) !important;
}
.border.border-light.border-opacity-75 {
  border-color: rgba(249, 250, 251, 0.75) !important;
}
.border.border-light.border-opacity-100 {
  border-color: #f9fafb !important;
}
.border.border-dark {
  border: 1px solid #1B2850 !important;
  opacity: 1;
}
.border.border-dark.border-opacity-10 {
  border-color: rgba(27, 40, 80, 0.1) !important;
}
.border.border-dark.border-opacity-25 {
  border-color: rgba(27, 40, 80, 0.25) !important;
}
.border.border-dark.border-opacity-50 {
  border-color: rgba(27, 40, 80, 0.5) !important;
}
.border.border-dark.border-opacity-75 {
  border-color: rgba(27, 40, 80, 0.75) !important;
}
.border.border-dark.border-opacity-100 {
  border-color: #1b2850 !important;
}
.border.border-orange {
  border: 1px solid #E04F16 !important;
  opacity: 1;
}
.border.border-orange.border-opacity-10 {
  border-color: rgba(224, 79, 22, 0.1) !important;
}
.border.border-orange.border-opacity-25 {
  border-color: rgba(224, 79, 22, 0.25) !important;
}
.border.border-orange.border-opacity-50 {
  border-color: rgba(224, 79, 22, 0.5) !important;
}
.border.border-orange.border-opacity-75 {
  border-color: rgba(224, 79, 22, 0.75) !important;
}
.border.border-orange.border-opacity-100 {
  border-color: #e04f16 !important;
}
.border.border-opacity-10 {
  --bs-border-opacity: 0.1 !important;
}
.border.border-opacity-25 {
  --bs-border-opacity: 0.25 !important;
}
.border.border-opacity-50 {
  --bs-border-opacity: 0.5 !important;
}
.border.border-opacity-75 {
  --bs-border-opacity: 0.75 !important;
}
.border.border-opacity-100 {
  --bs-border-opacity: 1 !important;
}
.border.border-1 {
  border-width: 1px !important;
}
.border.border-2 {
  border-width: 2px !important;
}
.border.border-3 {
  border-width: 3px !important;
}
.border.border-4 {
  border-width: 4px !important;
}
.border.border-5 {
  border-width: 5px !important;
}
.border.border-block-start-dashed {
  border-top-style: dashed;
}
.border.border-block-start-dotted {
  border-top-style: dotted;
}
.border.border-inline-end-dashed {
  border-inline-end-style: dashed;
}
.border.border-inline-end-dotted {
  border-inline-end-style: dotted;
}
.border.border-block-end-dashed {
  border-bottom-style: dashed;
}
.border.border-block-end-dotted {
  border-bottom-style: dotted;
}
.border.border-inline-start-dashed {
  border-inline-start-style: dashed;
}
.border.border-inline-start-dotted {
  border-inline-start-style: dotted;
}
.border.border-0 {
  border: 0 !important;
}
.border.border-top-0 {
  border-block-start: 0 !important;
}
.border.border-end-0 {
  border-inline-end: 0 !important;
}
.border.border-bottom-0 {
  border-block-end: 0 !important;
}
.border.border-start-0 {
  border-inline-start: 0 !important;
}
.border-top {
  border-top: 1px solid #E6EAED !important;
}
.border-top.border-dotted {
  border-style: dotted !important;
}
.border-top.border-block-start-dashed {
  border-top-style: dashed !important;
}
.border-top.border-block-start-dotted {
  border-top-style: dotted !important;
}
.border-top.border-primary {
  border-color: #4F46E5 !important;
}
.border-top.border-secondary {
  border-color: #092C4C !important;
}
.border-top.border-warning {
  border-color: #FFCA18 !important;
}
.border-top.border-info {
  border-color: #155EEF !important;
}
.border-top.border-success {
  border-color: #3EB780 !important;
}
.border-top.border-danger {
  border-color: #FF0000 !important;
}
.border-top.border-light {
  border-color: #F9FAFB !important;
}
.border-top.border-dark {
  border-color: #1B2850 !important;
}
.border-end {
  border-inline-end: 1px solid #E6EAED !important;
}
.border-end.border-dotted {
  border-style: dotted !important;
}
.border-end.border-inline-end-dashed {
  border-inline-end-style: dashed !important;
}
.border-end.border-inline-end-dotted {
  border-inline-end-style: dotted !important;
}
.border-end.border-primary {
  border-color: #4F46E5 !important;
}
.border-end.border-secondary {
  border-color: #092C4C !important;
}
.border-end.border-warning {
  border-color: #FFCA18 !important;
}
.border-end.border-info {
  border-color: #155EEF !important;
}
.border-end.border-success {
  border-color: #3EB780 !important;
}
.border-end.border-danger {
  border-color: #FF0000 !important;
}
.border-end.border-light {
  border-color: #F9FAFB !important;
}
.border-end.border-dark {
  border-color: #1B2850 !important;
}
.border-bottom {
  border-bottom: 1px solid #E6EAED !important;
}
.border-bottom.border-dotted {
  border-style: dotted !important;
}
.border-bottom.border-block-end-dashed {
  border-bottom-style: dashed !important;
}
.border-bottom.border-block-end-dotted {
  border-bottom-style: dotted !important;
}
.border-bottom.border-primary {
  border-color: #4F46E5 !important;
}
.border-bottom.border-secondary {
  border-color: #092C4C !important;
}
.border-bottom.border-warning {
  border-color: #FFCA18 !important;
}
.border-bottom.border-info {
  border-color: #155EEF !important;
}
.border-bottom.border-success {
  border-color: #3EB780 !important;
}
.border-bottom.border-danger {
  border-color: #FF0000 !important;
}
.border-bottom.border-light {
  border-color: #F9FAFB !important;
}
.border-bottom.border-dark {
  border-color: #1B2850 !important;
}
.border-start {
  border-inline-start: 1px solid #E6EAED !important;
}
.border-start.border-dashed {
  border-style: dashed !important;
}
.border-start.border-dotted {
  border-style: dotted !important;
}
.border-start.border-inline-start-dashed {
  border-inline-start-style: dashed !important;
}
.border-start.border-inline-start-dotted {
  border-inline-start-style: dotted !important;
}
.border-start.border-primary {
  border-color: #4F46E5 !important;
}
.border-start.border-secondary {
  border-color: #092C4C !important;
}
.border-start.border-warning {
  border-color: #FFCA18 !important;
}
.border-start.border-info {
  border-color: #155EEF !important;
}
.border-start.border-success {
  border-color: #3EB780 !important;
}
.border-start.border-danger {
  border-color: #FF0000 !important;
}
.border-start.border-light {
  border-color: #F9FAFB !important;
}
.border-start.border-dark {
  border-color: #1B2850 !important;
}
.br-1 {
  border-radius: 0.0625rem;
}
.br-2 {
  border-radius: 0.125rem;
}
.br-3 {
  border-radius: 0.1875rem;
}
.br-4 {
  border-radius: 0.25rem;
}
.br-5 {
  border-radius: 0.3125rem;
}
.br-6 {
  border-radius: 0.375rem;
}
.br-7 {
  border-radius: 0.4375rem;
}
.br-8 {
  border-radius: 0.5rem;
}
.br-9 {
  border-radius: 0.5625rem;
}
.br-10 {
  border-radius: 0.625rem;
}
.br-15 {
  border-radius: 0.9375rem;
}
.br-20 {
  border-radius: 1.25rem;
}
.rounded {
  border-radius: 4px !important;
}
.calendar-events {
  border: 1px solid transparent;
  cursor: move;
  padding: 10px 15px;
}
.calendar-events:hover {
  border-color: #F2F2F2;
  background-color: #ffffff;
}
.calendar-events i {
  margin-right: 8px;
}
.calendar {
  float: left;
  margin-bottom: 0;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk {
  margin-bottom: 10px;
}
.fc .fc-toolbar.fc-header-toolbar .fc-left,
.fc .fc-toolbar.fc-header-toolbar .fc-right {
  margin-bottom: 10px;
}
.fc-toolbar h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
.fc-day-grid-event .fc-time {
  font-family: "Roboto", sans-serif;
}
.fc-day {
  background: #ffffff;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0;
}
.fc th.fc-widget-header {
  background: #F7F7F7;
  font-size: 14px;
  text-transform: uppercase;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #F2F2F2;
}
.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
  padding: 2px 5px;
}
.fc-button {
  background: #F7F7F7;
  border: none;
  color: #4D555E;
  text-transform: capitalize;
  box-shadow: none !important;
  border-radius: 5px !important;
  margin: 0 3px !important;
  padding: 6px 12px !important;
  height: auto !important;
}
.fc-text-arrow {
  font-family: inherit;
  font-size: 16px;
}
.fc-state-hover {
  background: #FAFAFA;
}
.fc-state-highlight {
  background: #FAFAFA;
}
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  background-color: #4F46E5 !important;
  color: #ffffff !important;
  text-shadow: none !important;
}
.fc-cell-overlay {
  background: #FAFAFA;
}
.fc-unthemed .fc-today {
  background: #ffffff;
}
.fc-event {
  border-radius: 2px;
  border: none;
  color: #ffffff !important;
  cursor: move;
  font-size: 13px;
  margin: 1px 7px;
  padding: 5px 5px;
  text-align: center;
}
.fc-basic-view td.fc-week-number span {
  padding-right: 8px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
.fc-basic-view td.fc-day-number {
  padding-right: 8px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
.event-form .input-group .form-control {
  height: 40px;
}
.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #E6EAED;
}
.fc .fc-col-header-cell-cushion {
  color: #212B36;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
}
.fc th {
  background: #ffffff;
  border-color: #E6EAED;
  height: 40px;
  line-height: 40px;
}
.fc th.columnheader:last-child {
  border-right: #E6EAED;
}
.fc td {
  border-color: #E6EAED;
}
.fc .fc-daygrid-day-number {
  color: #212B36;
  font-size: 14px;
}
.fc .fc-toolbar-title {
  font-size: 18px;
  font-weight: 600;
  color: #212B36;
}
.fc-event {
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #ffffff;
  color: #000000;
  padding: 5px;
  font-weight: 400;
}
.fc-event.progress-danger {
  border-color: #FF0000;
}
.fc-event.progress-info {
  border-color: #155EEF;
}
.fc-event.progress-pending {
  border-color: #3577f1;
}
.fc-event.progress-success {
  border-color: #3EB780;
}
.fc-h-event .fc-event-main,
.fc-event-main {
  color: #212B36;
}
.fc .fc-button-primary {
  background-color: #F7F7F7;
  border-color: #F7F7F7;
  color: #4D555E;
  font-size: 14px;
  height: 26px;
  border-radius: 5px;
  padding: 2px 5px !important;
  text-transform: capitalize;
}
.fc .fc-button-primary:hover,
.fc .fc-button-primary.active,
.fc .fc-button-primary:active {
  background-color: #092C4C;
  border-color: #092C4C;
  color: #ffffff;
}
.fc .fc-button-primary:focus {
  box-shadow: none;
}
.fc .fc-button-primary.fc-today-button {
  background: #1B2850;
  border-color: #1B2850;
  color: #ffffff;
}
.fc .fc-button-primary.fc-dayGridMonth-button,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: #092C4C;
  border-color: #092C4C;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  height: 26px;
  border-radius: 0;
  border-width: 1px 0;
  padding: 0;
}
.fc .fc-button-primary.fc-dayGridMonth-button:hover,
.fc .fc-button-primary:not(:disabled).fc-button-active:hover {
  background-color: #092C4C;
  border-color: #092C4C;
  color: #ffffff;
}
.fc .fc-button-primary.fc-dayGridMonth-button:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: none;
}
.fc .fc-button-primary.fc-custombtn-button {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  padding: 7px 20px 7px 40px !important;
}
.fc .fc-button-primary.fc-custombtn-button::before {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-family: "Fontawesome";
  content: "\f055";
}
.fc .fc-list-event:hover td {
  background-color: transparent;
}
#external-events .fc-event {
  color: #212B36 !important;
  font-weight: 500;
  padding: 8px;
  border: 0;
  margin: 0;
  font-size: 14px;
  text-align: left;
}
.bootstrap-datetimepicker-widget table td.day {
  width: 30px;
  height: 32px;
  line-height: 32px;
}
.bootstrap-datetimepicker-widget table td.day.active {
  background: #4F46E5;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
  padding-bottom: 8px;
}
.border-start.border-purple {
  border-left: 3px solid !important;
  border-color: #AB47BC !important;
}
.border-start.border-pink {
  border-left: 3px solid !important;
  border-color: #FD3995 !important;
}
.border-start.border-success {
  border-left: 3px solid !important;
  border-color: #03C95A !important;
}
.apexcharts-legend.apexcharts-align-center.position-right {
  display: none;
}
.apexcharts-toolbar {
  display: none !important;
}
#sales_charts,
.chart-set {
  overflow: hidden;
}
.apexcharts-canvas {
  width: 100% !important;
}
.peity-chart:hover polygon {
  opacity: 0.5;
}
.company-bar1 ~ .peity rect:hover {
  opacity: 0.5;
}
.company-bar2 ~ .peity rect:hover {
  opacity: 0.5;
}
.company-bar3 ~ .peity rect:hover {
  opacity: 0.5;
}
.company-bar4 ~ .peity rect:hover {
  opacity: 0.5;
}
.img-cropper .dropup .dropdown-toggle::after {
  content: "";
  display: none;
}
.dropdown-auto {
  overflow: auto;
}
.dropdown-divider {
  margin: 0;
}
.dropdown > a {
  border: 1px solid #E6EAED;
  color: #212B36;
  border-radius: 5px;
}
.dropdown > .btn {
  border-radius: 5px;
}
.dropdown > .btn:hover {
  color: #ffffff !important;
}
.dropdown > .btn:hover::after {
  color: #ffffff;
}
.dropdown > .btn.show:after {
  color: #ffffff;
}
.dropdown .dropdown-toggle:after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}
.dropdown .dropdown-toggle.btn-primary {
  color: #ffffff;
}
.dropdown .dropdown-menu {
  font-family: "Nunito", sans-serif;
}
.dropdown-menu {
  border-color: #E6EAED;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  font-size: 0.875rem;
  color: #646B72;
  background-color: #ffffff;
  padding: 0;
  z-index: 10;
  border-radius: 8px;
}
.dropdown-divider {
  border-color: #E6EAED;
}
.dropdown-item-text {
  color: #646B72;
}
.dropdown-header {
  color: #646B72;
}
.dropdown-item {
  color: #646B72;
  white-space: unset;
  padding: 0.5rem 0.9375rem;
  font-size: 0.8125rem;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #646B72;
  opacity: 0.5;
}
.dropdown-item:not(.active):hover,
.dropdown-item:not(.active):focus,
.dropdown-item:not(.active):active {
  color: #4F46E5;
  background-color: rgba(79, 70, 229, 0.05);
}
.dropdown-item.active {
  background-color: #EEF2FF !important;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}
.btn.dropdown-toggle-split {
  opacity: 0.85;
}
.dropdown-menu-dark {
  background-color: #1B2850;
  border-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu-dark li a {
  color: #ffffff;
}
.btn-list a.dropdown-item {
  margin-block-end: 0;
}
.btn-list .btn-soft-success:hover {
  transform: translateY(0);
}
.btn-list .btn-soft-danger:hover {
  transform: translateY(0);
}
.dropdown-menu.dropdown-menu-primary {
  background-color: #4F46E5;
}
.dropdown-menu.dropdown-menu-primary li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-primary .dropdown-item:hover,
.dropdown-menu.dropdown-menu-primary .dropdown-item:focus,
.dropdown-menu.dropdown-menu-primary .dropdown-item:active,
.dropdown-menu.dropdown-menu-primary .dropdown-item.active {
  color: #ffffff;
}
.dropdown-menu.dropdown-menu-secondary {
  background-color: #092C4C;
}
.dropdown-menu.dropdown-menu-secondary li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-secondary .dropdown-item:hover,
.dropdown-menu.dropdown-menu-secondary .dropdown-item:focus,
.dropdown-menu.dropdown-menu-secondary .dropdown-item:active,
.dropdown-menu.dropdown-menu-secondary .dropdown-item.active {
  color: #ffffff;
}
.dropdown-menu.dropdown-menu-warning {
  background-color: #FFCA18;
}
.dropdown-menu.dropdown-menu-warning li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-warning .dropdown-item:hover,
.dropdown-menu.dropdown-menu-warning .dropdown-item:focus,
.dropdown-menu.dropdown-menu-warning .dropdown-item:active,
.dropdown-menu.dropdown-menu-warning .dropdown-item.active {
  color: #ffffff;
}
.dropdown-menu.dropdown-menu-info {
  background-color: #155EEF;
}
.dropdown-menu.dropdown-menu-info li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-info .dropdown-item:hover,
.dropdown-menu.dropdown-menu-info .dropdown-item:focus,
.dropdown-menu.dropdown-menu-info .dropdown-item:active,
.dropdown-menu.dropdown-menu-info .dropdown-item.active {
  color: #ffffff;
}
.dropdown-menu.dropdown-menu-success {
  background-color: #3EB780;
}
.dropdown-menu.dropdown-menu-success li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-success .dropdown-item:hover,
.dropdown-menu.dropdown-menu-success .dropdown-item:focus,
.dropdown-menu.dropdown-menu-success .dropdown-item:active,
.dropdown-menu.dropdown-menu-success .dropdown-item.active {
  color: #ffffff;
}
.dropdown-menu.dropdown-menu-danger {
  background-color: #FF0000;
}
.dropdown-menu.dropdown-menu-danger li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-danger .dropdown-item:hover,
.dropdown-menu.dropdown-menu-danger .dropdown-item:focus,
.dropdown-menu.dropdown-menu-danger .dropdown-item:active,
.dropdown-menu.dropdown-menu-danger .dropdown-item.active {
  color: #ffffff;
}
.dropdown-menu.dropmenu-item-primary .dropdown-item:hover,
.dropdown-menu.dropmenu-item-primary .dropdown-item:focus,
.dropdown-menu.dropmenu-item-primary .dropdown-item:active,
.dropdown-menu.dropmenu-item-primary .dropdown-item.active {
  background-color: rgba(79, 70, 229, 0.1) !important;
  color: #4F46E5;
}
.dropdown-menu.dropmenu-item-secondary .dropdown-item:hover,
.dropdown-menu.dropmenu-item-secondary .dropdown-item:focus,
.dropdown-menu.dropmenu-item-secondary .dropdown-item:active,
.dropdown-menu.dropmenu-item-secondary .dropdown-item.active {
  background-color: rgba(9, 44, 76, 0.1) !important;
  color: #092C4C;
}
.dropdown-menu.dropmenu-item-warning .dropdown-item:hover,
.dropdown-menu.dropmenu-item-warning .dropdown-item:focus,
.dropdown-menu.dropmenu-item-warning .dropdown-item:active,
.dropdown-menu.dropmenu-item-warning .dropdown-item.active {
  background-color: rgba(255, 202, 24, 0.1) !important;
  color: #FFCA18;
}
.dropdown-menu.dropmenu-item-info .dropdown-item:hover,
.dropdown-menu.dropmenu-item-info .dropdown-item:focus,
.dropdown-menu.dropmenu-item-info .dropdown-item:active,
.dropdown-menu.dropmenu-item-info .dropdown-item.active {
  background-color: rgba(21, 94, 239, 0.1) !important;
  color: #155EEF;
}
.dropdown-menu.dropmenu-item-success .dropdown-item:hover,
.dropdown-menu.dropmenu-item-success .dropdown-item:focus,
.dropdown-menu.dropmenu-item-success .dropdown-item:active,
.dropdown-menu.dropmenu-item-success .dropdown-item.active {
  background-color: rgba(var(--success-rgb), 0.1) !important;
  color: #3EB780;
}
.dropdown-menu.dropmenu-item-danger .dropdown-item:hover,
.dropdown-menu.dropmenu-item-danger .dropdown-item:focus,
.dropdown-menu.dropmenu-item-danger .dropdown-item:active,
.dropdown-menu.dropmenu-item-danger .dropdown-item.active {
  background-color: rgba(var(--danger-rgb), 0.1) !important;
  color: #FF0000;
}
.dropdown-menu.dropmenu-light-primary {
  background-color: rgba(var(#092C4C), 0.1);
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-primary .dropdown-item:hover,
.dropdown-menu.dropmenu-light-primary .dropdown-item:focus,
.dropdown-menu.dropmenu-light-primary .dropdown-item:active,
.dropdown-menu.dropmenu-light-primary .dropdown-item.active {
  color: #ffffff;
  background-color: #4F46E5 !important;
}
.dropdown-menu.dropmenu-light-secondary {
  background-color: rgba(var(#092C4C), 0.1);
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-secondary .dropdown-item:hover,
.dropdown-menu.dropmenu-light-secondary .dropdown-item:focus,
.dropdown-menu.dropmenu-light-secondary .dropdown-item:active,
.dropdown-menu.dropmenu-light-secondary .dropdown-item.active {
  color: #ffffff;
  background-color: #092C4C !important;
}
.dropdown-menu.dropmenu-light-info {
  background-color: rgba(21, 94, 239, 0.1);
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-info .dropdown-item:hover,
.dropdown-menu.dropmenu-light-info .dropdown-item:focus,
.dropdown-menu.dropmenu-light-info .dropdown-item:active,
.dropdown-menu.dropmenu-light-info .dropdown-item.active {
  color: #ffffff;
  background-color: #155EEF !important;
}
.dropdown-menu.dropmenu-light-warning {
  background-color: rgba(255, 202, 24, 0.1);
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-warning .dropdown-item:hover,
.dropdown-menu.dropmenu-light-warning .dropdown-item:focus,
.dropdown-menu.dropmenu-light-warning .dropdown-item:active,
.dropdown-menu.dropmenu-light-warning .dropdown-item.active {
  color: #ffffff;
  background-color: #FFCA18 !important;
}
.dropdown-menu.dropmenu-light-success {
  background-color: rgba(62, 183, 128, 0.1);
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-success .dropdown-item:hover,
.dropdown-menu.dropmenu-light-success .dropdown-item:focus,
.dropdown-menu.dropmenu-light-success .dropdown-item:active,
.dropdown-menu.dropmenu-light-success .dropdown-item.active {
  color: #ffffff;
  background-color: #3EB780 !important;
}
.dropdown-menu.dropmenu-light-danger {
  background-color: rgba(var(--danger-rgb), 0.1);
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-danger .dropdown-item:hover,
.dropdown-menu.dropmenu-light-danger .dropdown-item:focus,
.dropdown-menu.dropmenu-light-danger .dropdown-item:active,
.dropdown-menu.dropmenu-light-danger .dropdown-item.active {
  color: #ffffff;
  background-color: #FF0000 !important;
}
.dropdown-divider {
  margin: 0;
}
.bd-example > .dropdown-menu {
  position: static;
  display: block;
}
.icons-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.icons-list li {
  display: block;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 18px;
  border-radius: 50px;
  border: 1px solid #e6ebf1;
  color: #4F46E5;
  margin: 5px;
  -webkit-box-shadow: 0 2px 3px rgb(215, 197, 255);
  -moz-box-shadow: 0 2px 3px rgb(215, 197, 255);
  box-shadow: 0 2px 3px rgb(215, 197, 255);
}
.progress {
  background-color: #A6AAAF;
  height: 0.75rem;
  border-radius: 0.25rem;
}
.progress-stacked {
  background-color: #A6AAAF;
}
.progress-bar {
  color: #ffffff;
  background-color: #4F46E5;
}
@keyframes progress-animate {
  0% {
    width: 0;
  }
}
.progress-animate {
  position: relative;
  border-radius: 0.625rem;
}
.progress-animate .progress-bar {
  position: relative;
  border-radius: 0.625rem;
  animation: 2s progress-animate;
}
.progress.progress-xs,
.progress-stacked.progress-xs {
  height: 0.3125rem;
}
.progress.progress-sm,
.progress-stacked.progress-sm {
  height: 0.5rem;
}
.progress.progress-lg,
.progress-stacked.progress-lg {
  height: 1rem;
}
.progress.progress-xl,
.progress-stacked.progress-xl {
  height: 1.25rem;
}
.progress-vertical {
  min-height: 250px;
  height: 250px;
  width: 10px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 20px;
}
.progress-vertical .progress-bar {
  width: 100%;
}
.progress-vertical.progress-xl {
  width: 15px;
}
.progress-vertical.progress-lg {
  width: 12px;
}
.progress-vertical.progress-sm {
  width: 8px;
}
.progress-vertical.progress-xs {
  width: 5px;
}
.progress-vertical-bottom {
  min-height: 250px;
  height: 250px;
  position: relative;
  width: 10px;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 20px;
}
.progress-vertical-bottom .progress-bar {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.progress-vertical-bottom.progress-xl {
  width: 15px;
}
.progress-vertical-bottom.progress-lg {
  width: 12px;
}
.progress-vertical-bottom.progress-sm {
  width: 8px;
}
.progress-vertical-bottom.progress-xs {
  width: 5px;
}
.progress-custom {
  overflow: visible;
  position: relative;
}
.progress-custom .progress-bar {
  position: relative;
  overflow: visible;
}
.progress-custom .progress-bar:after {
  content: "";
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  box-shadow: 0 0.313rem 0.313rem rgba(79, 70, 229, 0.5);
  background: #ffffff;
  position: absolute;
  inset-inline-end: -0.375rem;
  inset-block-start: -0.375rem;
  border: 0.25rem solid #4F46E5;
}
.progress-custom .progress-bar.bg-secondary:after {
  border: 0.25rem solid #092C4C;
  box-shadow: 0 0.313rem 0.313rem rgba(var(--secondary-rgb), 0.2);
}
.progress-custom .progress-bar.bg-warning:after {
  border: 0.25rem solid #FFCA18;
  box-shadow: 0 0.313rem 0.313rem rgba(var(--warning-rgb), 0.2);
}
.progress-custom .progress-bar.bg-info:after {
  border: 0.25rem solid #155EEF;
  box-shadow: 0 0.313rem 0.313rem rgba(var(--info-rgb), 0.2);
}
.progress-custom .progress-bar.bg-success:after {
  border: 0.25rem solid #3EB780;
  box-shadow: 0 0.313rem 0.313rem rgba(var(--success-rgb), 0.2);
}
.progress-custom .progress-bar.bg-danger:after {
  border: 0.25rem solid #FF0000;
  box-shadow: 0 0.313rem 0.313rem rgba(var(--danger-rgb), 0.2);
}
.progress-custom .progress-bar-value {
  width: 1.875rem;
  height: 1.25rem;
  line-height: 1.25rem;
  border-radius: 0.188rem;
  background: #4F46E5;
  box-shadow: 0 0.313rem 0.313rem rgba(0, 0, 0, 0.4);
  font-size: 0.625rem;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  position: absolute;
  inset-block-end: 1.5rem;
  inset-inline-end: -0.688rem;
}
.progress-custom .progress-bar-value:after {
  content: "";
  border-block-start: 0.438rem solid #4F46E5;
  border-inline-start: 0.438rem solid transparent;
  border-inline-end: 0.438rem solid transparent;
  position: absolute;
  inset-block-end: -0.375rem;
  inset-inline-start: 28%;
}
.progress-custom .progress-bar-value.bg-secondary {
  background-color: #092C4C;
}
.progress-custom .progress-bar-value.bg-secondary:after {
  border-block-start: 0.438rem solid #092C4C;
}
.progress-custom .progress-bar-value.bg-success {
  background-color: #3EB780;
}
.progress-custom .progress-bar-value.bg-success:after {
  border-block-start: 0.438rem solid #3EB780;
}
.progress-custom .progress-bar-value.bg-warning {
  background-color: #FFCA18;
}
.progress-custom .progress-bar-value.bg-warning:after {
  border-block-start: 0.438rem solid #FFCA18;
}
.progress-custom .progress-bar-value.bg-danger {
  background-color: #FF0000;
}
.progress-custom .progress-bar-value.bg-danger:after {
  border-block-start: 0.438rem solid #FF0000;
}
.progress-custom .progress-bar-value.bg-info {
  background-color: #155EEF;
}
.progress-custom .progress-bar-value.bg-info:after {
  border-block-start: 0.438rem solid #155EEF;
}
[dir=rtl] .progress-bar-title {
  border-radius: 0 0.313rem 0.313rem 0;
}
.progress-item-1,
.progress-item-2,
.progress-item-3 {
  position: absolute;
  margin-block-start: -0.25rem;
  z-index: 1;
  height: 0.938rem;
  width: 0.938rem;
  border-radius: 1.563rem;
  background-color: #F9FAFB;
}
.progress-item-1 {
  inset-inline-start: 25%;
}
.progress-item-2 {
  inset-inline-start: 50%;
}
.progress-item-3 {
  inset-inline-start: 75%;
}
.custom-progress-3 {
  overflow: visible;
  border-radius: 0.625rem;
}
.custom-progress-3 .progress-bar {
  position: relative;
  overflow: visible;
  margin: 0.313rem;
  border-radius: 0.25rem;
}
.custom-progress-3 .progress-bar:before {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  inset-inline-start: 0.125rem;
  background-color: #ffffff;
  border-radius: 50%;
}
.custom-progress-3 .progress-bar .progress-bar-value {
  border: 0.125rem solid #4F46E5;
  width: 2.5rem;
  height: 1.563rem;
  line-height: 1.313rem;
  border-radius: 3.125rem;
  background: #ffffff;
  font-size: 0.625rem;
  font-weight: 600;
  color: #4F46E5;
  text-align: center;
  position: absolute;
  inset-inline-end: -0.625rem;
}
.custom-progress-3 .progress-bar .progress-bar-value.secondary {
  border: 0.125rem solid #092C4C;
  color: #092C4C;
}
.custom-progress-3 .progress-bar .progress-bar-value.warning {
  border: 0.125rem solid #FFCA18;
  color: #FFCA18;
}
.custom-progress-3 .progress-bar .progress-bar-value.info {
  border: 0.125rem solid #155EEF;
  color: #155EEF;
}
.custom-progress-3 .progress-bar .progress-bar-value.success {
  border: 0.125rem solid #3EB780;
  color: #3EB780;
}
.custom-progress-3 .progress-bar .progress-bar-value.danger {
  border: 0.125rem solid #FF0000;
  color: #FF0000;
}
.custom-progress-4.progress {
  background-color: rgba(79, 70, 229, 0.1);
  border-radius: 0.25rem;
}
.custom-progress-4.progress.secondary {
  background-color: rgba(9, 44, 76, 0.1);
}
.custom-progress-4.progress.secondary .progress-bar-label {
  color: #092C4C;
}
.custom-progress-4.progress.warning {
  background-color: rgba(255, 202, 24, 0.1);
}
.custom-progress-4.progress.warning .progress-bar-label {
  color: #FFCA18;
}
.custom-progress-4.progress.info {
  background-color: rgba(21, 94, 239, 0.1);
}
.custom-progress-4.progress.info .progress-bar-label {
  color: #155EEF;
}
.custom-progress-4.progress.success {
  background-color: rgba(62, 183, 128, 0.1);
}
.custom-progress-4.progress.success .progress-bar-label {
  color: #3EB780;
}
.custom-progress-4.progress.danger {
  background-color: rgba(255, 0, 0, 0.1);
}
.custom-progress-4.progress.danger .progress-bar-label {
  color: #FF0000;
}
.custom-progress-4.progress .progress-bar {
  border-radius: 0.25rem;
}
.custom-progress-4.progress .progress-bar-label {
  position: absolute;
  inset-inline-end: 0.313rem;
  font-weight: 600;
  font-size: 0.813rem;
  color: #4F46E5;
}
.page-link {
  color: #646B72;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
}
.page-link:focus {
  box-shadow: none;
  background-color: #F9FAFB;
}
.page-link:hover {
  color: #4F46E5;
  background-color: #F9FAFB;
  border-color: #E6EAED;
}
.page-item.active .page-link {
  color: #ffffff;
  background-color: #4F46E5;
  border-color: #4F46E5;
}
.disabled > .page-link,
.page-link.disabled {
  color: #646B72;
  background-color: #ffffff;
  border-color: #E6EAED;
  opacity: 0.7;
}
[dir=rtl] .pagination .page-link .bx-chevron-left::before {
  content: "\ea50";
}
[dir=rtl] .pagination .page-link .bx-chevron-right::before {
  content: "\ea4d";
}
[dir=rtl] .pagination .page-link .ri-arrow-right-s-line:before {
  content: "\ea64";
}
[dir=rtl] .pagination .page-link .ri-arrow-left-s-line:before {
  content: "\ea6e";
}
.pagination-style-1 .pagination .page-item {
  margin: 0 0.25rem;
}
.pagination-style-1 .pagination .page-item .page-link {
  border: 0;
  border-radius: 4px;
  font-size: 0.8125rem;
}
.pagination-style-1 .pagination .page-item .page-link i {
  font-weight: 600;
}
.pagination-style-1 .pagination .page-item.active .page-link {
  border-radius: 4px;
  background-color: #4F46E5;
  color: #ffffff;
}
.pagination-style-1 .pagination .page-item.active:hover .page-link {
  border-radius: 4px;
  background-color: #4F46E5;
  color: #ffffff;
}
.pagination-style-1 .pagination .page-item:hover .page-link {
  background-color: #F9FAFB;
  color: #4F46E5;
}
.pagination-style-2 .pagination {
  border-radius: 4px;
}
.pagination-style-2 .pagination .page-item {
  margin: 0 0.25rem;
}
.pagination-style-2 .pagination .page-item .page-link {
  border: 0 !important;
  font-size: 0.8125rem;
}
.pagination-style-2 .pagination .page-item.active .page-link {
  background-color: #ffffff;
  color: #4F46E5;
  position: relative;
  font-weight: bold;
}
.pagination-style-2 .pagination .page-item.active .page-link:before {
  position: absolute;
  content: "";
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #4F46E5;
}
.pagination-style-2 .pagination .page-item:hover .page-link {
  background-color: transparent;
}
.pagination-style-3 .pagination {
  border-radius: 50px;
  padding: 0.25rem;
  align-items: center;
}
.pagination-style-3 .pagination .page-item {
  margin: 0 0.25rem;
}
.pagination-style-3 .pagination .page-item .page-link {
  border: 0;
  border-radius: 50px;
  font-size: 0.8125rem;
}
.pagination-style-3 .pagination .page-item .page-link i {
  font-weight: 600;
}
.pagination-style-3 .pagination .page-item.active .page-link {
  background-color: #4F46E5;
  color: #ffffff;
}
.pagination-style-3 .pagination .page-item.active:hover .page-link {
  background-color: #4F46E5;
}
.pagination-style-3 .pagination .page-item:hover .page-link {
  background-color: #F9FAFB;
}
.pagination-style-4 .pagination .page-item .page-link {
  border: 0 !important;
  font-size: 0.8125rem;
  border-radius: 4px;
}
.pagination-style-4 .pagination .page-item .page-link i {
  font-weight: 600;
}
.pagination-style-4 .pagination .page-item.active .page-link {
  border: 0;
  border-radius: 4px;
  background-color: #4F46E5;
  color: #ffffff;
}
.pagination-style-4 .pagination .page-item.active:hover .page-link {
  background-color: #4F46E5;
}
.pagination-style-4 .pagination .page-item:hover .page-link {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #212B36;
  font-family: "Nunito", sans-serif;
  margin-bottom: 0;
}
h1,
.h1 {
  font-size: 1.75rem;
}
h2,
.h2 {
  font-size: 1.5rem;
}
h3,
.h3 {
  font-size: 1.25rem;
}
h4,
.h4 {
  font-size: 1.125rem;
}
h5,
.h5 {
  font-size: 1rem;
}
h6,
.h6 {
  font-size: 0.875rem;
}
.display-1 {
  font-size: 40px;
  font-weight: 700;
}
@media (max-width: 1199.98px) {
  .display-1 {
    font-size: 38px;
  }
}
@media (max-width: 991.98px) {
  .display-1 {
    font-size: 34px;
  }
}
@media (max-width: 1199.98px) {
  .display-1 {
    font-size: 30px;
  }
}
.fs-sm {
  font-size: 0.6875rem;
}
.fs-base {
  font-size: 0.875rem;
}
.fs-lg {
  font-size: 1.125rem;
}
.fs-1 {
  font-size: 0.0625rem;
}
.fs-2 {
  font-size: 0.125rem;
}
.fs-3 {
  font-size: 0.1875rem;
}
.fs-4 {
  font-size: 0.25rem;
}
.fs-5 {
  font-size: 0.3125rem;
}
.fs-6 {
  font-size: 0.375rem;
}
.fs-7 {
  font-size: 0.4375rem;
}
.fs-8 {
  font-size: 0.5rem;
}
.fs-9 {
  font-size: 0.5625rem;
}
.fs-10 {
  font-size: 0.625rem !important;
}
.fs-11 {
  font-size: 0.6875rem;
}
.fs-12 {
  font-size: 0.75rem;
}
.fs-13 {
  font-size: 0.8125rem;
}
.fs-14 {
  font-size: 0.875rem !important;
}
.fs-15 {
  font-size: 0.9375rem;
}
.fs-16 {
  font-size: 1rem !important;
}
.fs-17 {
  font-size: 1.0625rem;
}
.fs-18 {
  font-size: 1.125rem;
}
.fs-19 {
  font-size: 1.1875rem;
}
.fs-20 {
  font-size: 1.25rem;
}
.fs-21 {
  font-size: 1.3125rem;
}
.fs-22 {
  font-size: 1.375rem;
}
.fs-23 {
  font-size: 1.4375rem;
}
.fs-24 {
  font-size: 1.5rem;
}
.fs-25 {
  font-size: 1.5625rem;
}
.fs-26 {
  font-size: 1.625rem;
}
.fs-27 {
  font-size: 1.6875rem;
}
.fs-28 {
  font-size: 1.75rem;
}
.fs-29 {
  font-size: 1.8125rem;
}
.fs-30 {
  font-size: 1.875rem;
}
.fs-32 {
  font-size: 2rem;
}
.fs-34 {
  font-size: 2.125rem;
}
.fs-36 {
  font-size: 2.25rem;
}
.fs-38 {
  font-size: 2.375rem;
}
.fs-40 {
  font-size: 2.5rem;
}
.text-default {
  color: #646B72 !important;
}
.text-muted {
  color: #9595b5 !important;
}
.text-primary {
  color: #4F46E5 !important;
  opacity: 1;
}
.text-primary.text-opacity-75 {
  color: rgba(79, 70, 229, 0.75) !important;
}
.text-primary.text-opacity-25 {
  color: rgba(79, 70, 229, 0.25) !important;
}
.text-primary.text-opacity-50 {
  color: rgba(79, 70, 229, 0.5) !important;
}
.text-primary-300 {
  color: #C7D2FE;
}
.text-secondary {
  color: #092C4C !important;
  opacity: 1;
}
.text-info {
  color: #155EEF !important;
  opacity: 1;
}
.text-success {
  color: #3EB780 !important;
  opacity: 1;
}
.text-warning {
  color: #FFCA18 !important;
  opacity: 1;
}
.text-danger {
  color: #FF0000 !important;
  opacity: 1;
}
.text-blue {
  color: #3577f1 !important;
}
.text-green {
  color: #1dd871 !important;
}
.text-pink {
  color: #DD2590 !important;
}
.text-teal {
  color: #0E9384 !important;
}
.text-orange {
  color: #E04F16 !important;
}
.text-indigo {
  color: #391694 !important;
}
.text-purple {
  color: #6938EF !important;
}
.text-dark {
  color: #1B2850 !important;
}
.text-light {
  color: #F9FAFB !important;
}
.text-gray {
  color: #7A8086 !important;
}
.text-black {
  color: #000000 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-fixed-white {
  color: #ffffff !important;
}
.text-fixed-black {
  color: #000000 !important;
}
.text-gray-1 {
  color: #D3D5D7;
}
.text-gray-2 {
  color: #BCBFC3;
}
.text-gray-3 {
  color: #A6AAAF;
}
.text-gray-4 {
  color: #90959B;
}
.text-gray-5 {
  color: #7A8086;
}
.text-gray-6 {
  color: #646B72 !important;
}
.text-gray-7 {
  color: #4D555E;
}
.text-gray-8 {
  color: #37404A;
}
.text-gray-9 {
  color: #212B36 !important;
}
.text-cyan {
  color: #06AED4 !important;
}
a {
  text-decoration: none;
  color: #212B36;
}
a:hover {
  --bs-text-opacity: 1;
  opacity: 1;
  color: #4F46E5;
}
.link-default {
  color: #646B72 !important;
}
.link-default:hover,
.link-default:focus,
.link-default:active {
  color: #4F46E5 !important;
}
.link-primary {
  color: #4F46E5 !important;
}
.link-primary:hover,
.link-primary:focus,
.link-primary:active {
  color: #4F46E5 !important;
}
.link-secondary {
  color: #092C4C !important;
}
.link-secondary:hover,
.link-secondary:focus,
.link-secondary:active {
  color: #092C4C !important;
}
.link-success {
  color: #3EB780 !important;
}
.link-success:hover,
.link-success:focus,
.link-success:active {
  color: #3EB780 !important;
}
.link-danger {
  color: #FF0000 !important;
}
.link-danger:hover,
.link-danger:focus,
.link-danger:active {
  color: #FF0000 !important;
}
.link-warning {
  color: #FFCA18 !important;
}
.link-warning:hover,
.link-warning:focus,
.link-warning:active {
  color: #FFCA18 !important;
}
.link-info {
  color: #155EEF !important;
}
.link-info:hover,
.link-info:focus,
.link-info:active {
  color: #155EEF !important;
}
.link-light {
  color: #F9FAFB !important;
}
.link-light:hover,
.link-light:focus,
.link-light:active {
  color: #F9FAFB !important;
}
.link-dark {
  color: #1B2850 !important;
}
.link-dark:hover,
.link-dark:focus,
.link-dark:active {
  color: #1B2850 !important;
}
.link-orange {
  color: #E04F16 !important;
}
.link-orange:hover,
.link-orange:focus,
.link-orange:active {
  color: rgb(210.0682926829, 74.0865853659, 20.6317073171) !important;
}
hr.text-danger {
  border-color: #FF0000 !important;
}
.blockquote-container {
  padding: 1.25rem;
  border-left: 4px solid #E6EAED;
  position: relative;
}
.blockquote-container.text-end {
  border-right: 4px solid #E6EAED;
  border-left: 0;
}
.blockquote.custom-blockquote {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 1rem;
  border-radius: 4px;
  position: relative;
}
.blockquote.custom-blockquote:before {
  content: "\f10d";
  font-family: "Fontawesome";
  z-index: 0;
  font-size: 2rem;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0.5rem;
}
.blockquote.custom-blockquote.primary {
  background-color: rgba(79, 70, 229, 0.1);
  border-inline-start: 2px solid #4F46E5;
}
.blockquote.custom-blockquote.primary:before {
  color: rgba(79, 70, 229, 0.1);
}
.blockquote.custom-blockquote.secondary {
  background-color: rgba(9, 44, 76, 0.1);
  border-inline-start: 2px solid #092C4C;
}
.blockquote.custom-blockquote.secondary:before {
  color: rgba(9, 44, 76, 0.1);
}
.blockquote.custom-blockquote.info {
  background-color: rgba(21, 94, 239, 0.1);
  border-inline-start: 2px solid #155EEF;
}
.blockquote.custom-blockquote.info:before {
  color: rgba(21, 94, 239, 0.1);
}
.blockquote.custom-blockquote.warning {
  background-color: rgba(255, 202, 24, 0.1);
  border-inline-start: 2px solid #FFCA18;
}
.blockquote.custom-blockquote.warning:before {
  color: rgba(255, 202, 24, 0.1);
}
.blockquote.custom-blockquote.success {
  background-color: rgba(62, 183, 128, 0.1);
  border-inline-start: 2px solid #3EB780;
}
.blockquote.custom-blockquote.success:before {
  color: rgba(62, 183, 128, 0.1);
}
.blockquote.custom-blockquote.danger {
  background-color: rgba(255, 0, 0, 0.1);
  border-inline-start: 2px solid #FF0000;
}
.blockquote.custom-blockquote.danger:before {
  color: rgba(255, 0, 0, 0.1);
}
[data-theme-mode=dark] .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-mode=dark] .shadow {
  box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-mode=dark] .shadow-lg {
  box-shadow: 0 1rem 3rem rgba(33, 37, 41, 0.3) !important;
}
@media screen and (min-width: 576px) {
  .w-sm-auto {
    width: auto;
  }
}
[dir=rtl] .text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.transform-none {
  transform: none !important;
}
.w-9 {
  width: 9px;
}
.h-9 {
  height: 9px;
}
.list-circle {
  list-style: circle;
  padding-left: 2rem;
}
.alert {
  padding: 0.625rem 0.85rem;
  border-radius: 4px;
  font-size: 0.8125rem;
}
.alert.alert-dismissible {
  padding: 0.625rem 2.25rem 0.625rem 0.85rem;
}
.alert i {
  font-size: 20px;
}
.alert .btn-close {
  background-image: none;
  padding: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert .btn-close i {
  font-size: 18px;
  line-height: 18px;
}
.alert:last-child {
  margin-bottom: 0;
}
.alert .alert-link {
  font-weight: 600;
}
[dir=rtl] .alert.alert-dismissible {
  padding: 0.625rem 0.85rem 0.625rem 2.25rem;
}
.alert-warning {
  background-color: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
  border-color: rgba(255, 202, 24, 0.1);
}
.alert-warning .alert-link {
  color: #FFCA18;
}
.alert-warning .btn-close {
  color: #FFCA18;
}
.alert-warning .btn-close.custom-close {
  background-color: #FFCA18;
  color: #ffffff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 0.85rem;
}
.alert-primary {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
  border-color: rgba(79, 70, 229, 0.1);
}
.alert-primary .alert-link {
  color: #4F46E5;
}
.alert-primary .custom-alert-icon {
  color: #4F46E5;
}
.alert-primary .btn-close {
  color: #4F46E5;
}
.alert-primary .btn-close.custom-close {
  background-color: #4F46E5;
  color: #ffffff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 0.85rem;
}
.alert-secondary {
  background-color: rgba(9, 44, 76, 0.1);
  color: #092C4C;
  border-color: rgba(9, 44, 76, 0.1);
}
.alert-secondary .alert-link {
  color: #092C4C;
}
.alert-secondary .btn-close {
  color: #092C4C;
}
.alert-secondary .btn-close.custom-close {
  background-color: #092C4C;
  color: #ffffff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 0.85rem;
}
.alert-success {
  background-color: rgba(62, 183, 128, 0.1);
  color: #3EB780;
  border-color: rgba(62, 183, 128, 0.1);
}
.alert-success .alert-link {
  color: #3EB780;
}
.alert-success .btn-close {
  color: #3EB780;
}
.alert-success .btn-close.custom-close {
  background-color: #3EB780;
  color: #ffffff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 0.85rem;
}
.alert-info {
  background-color: rgba(21, 94, 239, 0.1);
  color: #155EEF;
  border-color: rgba(21, 94, 239, 0.1);
}
.alert-info .alert-link {
  color: #155EEF;
}
.alert-info .btn-close {
  color: #155EEF;
}
.alert-info .btn-close.custom-close {
  background-color: #155EEF;
  color: #ffffff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 0.85rem;
}
.alert-danger {
  background-color: rgba(255, 0, 0, 0.1);
  color: #FF0000;
  border-color: rgba(255, 0, 0, 0.1);
}
.alert-danger .alert-link {
  color: #FF0000;
}
.alert-danger .btn-close {
  color: #FF0000;
}
.alert-danger .btn-close.custom-close {
  background-color: #FF0000;
  color: #ffffff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 0.85rem;
}
.alert-light {
  background-color: #F9FAFB;
  color: #646B72;
  border-color: #F9FAFB;
}
.alert-light .alert-link {
  color: #646B72;
}
.alert-light .btn-close {
  color: #646B72;
}
.alert-light .btn-close.custom-close {
  background-color: #F9FAFB;
  color: #ffffff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 0.85rem;
}
.alert-dark {
  background-color: rgba(27, 40, 80, 0.1);
  color: #646B72;
  border-color: rgba(27, 40, 80, 0.1);
}
.alert-dark .alert-link {
  color: #646B72;
}
.alert-dark .btn-close {
  color: #ffffff;
}
.alert-dark .btn-close.custom-close {
  background-color: #1B2850;
  color: #ffffff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 0.85rem;
}
.alert-solid-primary {
  background-color: #4F46E5;
  color: #ffffff;
  border-color: #4F46E5;
}
.alert-solid-primary .btn-close {
  color: #ffffff;
}
.alert-solid-secondary {
  background-color: #092C4C;
  color: #ffffff;
  border-color: #092C4C;
}
.alert-solid-secondary .btn-close {
  color: #ffffff;
}
.alert-solid-warning {
  background-color: #FFCA18;
  color: #ffffff;
  border-color: #FFCA18;
}
.alert-solid-warning .btn-close {
  color: #ffffff;
}
.alert-solid-info {
  background-color: #155EEF;
  color: #ffffff;
  border-color: #155EEF;
}
.alert-solid-info .btn-close {
  color: #ffffff;
}
.alert-solid-success {
  background-color: #3EB780;
  color: #ffffff;
  border-color: #3EB780;
}
.alert-solid-success .btn-close {
  color: #ffffff;
}
.alert-solid-danger {
  background-color: #FF0000;
  color: #ffffff;
  border-color: #FF0000;
}
.alert-solid-danger .btn-close {
  color: #ffffff;
}
.alert-solid-light {
  background-color: #F9FAFB;
  color: #646B72;
  border-color: #E6EAED;
}
.alert-solid-dark {
  background-color: #1B2850;
  color: #ffffff;
  border-color: #1B2850;
}
.alert-solid-dark .btn-close {
  color: #ffffff;
}
.alert-outline-primary {
  background-color: #ffffff;
  color: #4F46E5;
  border-color: #4F46E5;
}
.alert-outline-primary .btn-close {
  color: #4F46E5;
}
.alert-outline-secondary {
  background-color: #ffffff;
  color: #092C4C;
  border-color: #092C4C;
}
.alert-outline-secondary .btn-close {
  color: #092C4C;
}
.alert-outline-info {
  background-color: #ffffff;
  color: #155EEF;
  border-color: #155EEF;
}
.alert-outline-info .btn-close {
  color: #155EEF;
}
.alert-outline-warning {
  background-color: #ffffff;
  color: #FFCA18;
  border-color: #FFCA18;
}
.alert-outline-warning .btn-close {
  color: #FFCA18;
}
.alert-outline-success {
  background-color: #ffffff;
  color: #3EB780;
  border-color: #3EB780;
}
.alert-outline-success .btn-close {
  color: #3EB780;
}
.alert-outline-danger {
  background-color: #ffffff;
  color: #FF0000;
  border-color: #FF0000;
}
.alert-outline-danger .btn-close {
  color: #FF0000;
}
.alert-outline-light {
  background-color: #ffffff;
  color: #646B72;
  border-color: #F9FAFB;
}
.alert-outline-dark {
  background-color: #ffffff;
  color: #1B2850;
  border-color: #1B2850;
}
.alert-outline-dark .btn-close {
  color: #1B2850;
}
.alert-primary.custom-alert-icon {
  border-inline-start: 0.313rem solid #4F46E5 !important;
  color: #9595b5;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  font-size: 0.813rem;
}
.alert-primary.custom-alert-icon .btn-close {
  color: #646B72;
}
.alert-primary.custom-alert-icon > i {
  color: #4F46E5;
}
.alert-secondary.custom-alert-icon {
  border-inline-start: 0.313rem solid #092C4C !important;
  color: #9595b5;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  font-size: 0.813rem;
}
.alert-secondary.custom-alert-icon .btn-close {
  color: #646B72;
}
.alert-secondary.custom-alert-icon > i {
  color: #092C4C;
}
.alert-warning.custom-alert-icon {
  border-inline-start: 0.313rem solid #FFCA18 !important;
  color: #9595b5;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  font-size: 0.813rem;
}
.alert-warning.custom-alert-icon .btn-close {
  color: #646B72;
}
.alert-warning.custom-alert-icon > i {
  color: #FFCA18;
}
.alert-danger.custom-alert-icon {
  border-inline-start: 0.313rem solid #FF0000 !important;
  color: #9595b5;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  font-size: 0.813rem;
}
.alert-danger.custom-alert-icon .btn-close {
  color: #646B72;
}
.alert-danger.custom-alert-icon > i {
  color: #FF0000;
}
.alert-success.custom-alert-icon {
  border-inline-start: 0.313rem solid #3EB780 !important;
  color: #9595b5;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  font-size: 0.813rem;
}
.alert-success.custom-alert-icon .btn-close {
  color: #646B72;
}
.alert-info.custom-alert-icon {
  border-inline-start: 0.313rem solid #155EEF !important;
  color: #9595b5;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  font-size: 0.813rem;
}
.alert-info.custom-alert-icon .btn-close {
  color: #646B72;
}
.alert-light.custom-alert-icon {
  border-inline-start: 0.313rem solid #F9FAFB !important;
  color: #9595b5;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  font-size: 0.813rem;
}
.alert-light.custom-alert-icon .btn-close {
  color: #646B72;
}
.alert-dark.custom-alert-icon {
  border-inline-start: 0.313rem solid #1B2850 !important;
  color: #9595b5;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  font-size: 0.813rem;
}
.alert-dark.custom-alert-icon .btn-close {
  color: #646B72;
}
.custom-alert1 {
  margin-block-end: 0;
  background-color: #ffffff;
  border: 0;
  padding: 1.25rem;
  color: #646B72;
}
.custom-alert1 p {
  margin-block-end: 2.5rem;
  color: #9595b5;
  font-size: 0.8rem;
}
.custom-alert1 .custom-alert-icon {
  font-size: 40px;
  margin-bottom: 0.85rem;
}
.custom-alert1 .custom-alert-icon i {
  font-size: 40px;
}
.custom-alert1 .btn-close {
  padding: 0;
  margin-block-end: 1rem;
}
.custom-alert1.alert-primary {
  border-block-start: 0.313rem solid #4F46E5;
}
.custom-alert1.alert-primary .custom-alert-icon {
  color: #4F46E5;
}
.custom-alert1.alert-secondary {
  border-block-start: 0.313rem solid #092C4C;
}
.custom-alert1.alert-secondary .custom-alert-icon {
  color: #092C4C;
}
.custom-alert1.alert-warning {
  border-block-start: 0.313rem solid #FFCA18;
}
.custom-alert1.alert-warning .custom-alert-icon {
  color: #FFCA18;
}
.custom-alert1.alert-danger {
  border-block-start: 0.313rem solid #FF0000;
}
.custom-alert1.alert-danger .custom-alert-icon {
  color: #FF0000;
}
.alert-img {
  display: flex;
  align-items: center;
}
.alert-img .avatar {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 400px) {
  .btn-close.custom-close {
    margin: 9px 9px 9px 0;
  }
}
.op-1-1 {
  opacity: 1;
}
.op-0 {
  opacity: 0;
}
.op-1 {
  opacity: 0.1;
}
.op-2 {
  opacity: 0.2;
}
.op-3 {
  opacity: 0.3;
}
.op-4 {
  opacity: 0.4;
}
.op-5 {
  opacity: 0.5;
}
.op-6 {
  opacity: 0.6;
}
.op-7 {
  opacity: 0.7;
}
.op-8 {
  opacity: 0.8;
}
.op-9 {
  opacity: 0.9;
}
.custom-popover {
  --bs-popover-max-width: 12.5rem;
  --bs-popover-border-color: #4F46E5;
  --bs-popover-header-bg: #4F46E5;
  --bs-popover-header-color: #ffffff;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 0.5rem;
}
.popover {
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  font-size: 0.8rem;
  border-radius: 4px;
  z-index: 999;
}
.popover .popover-header {
  background-color: #ffffff;
  border-block-end: 1px solid #E6EAED;
}
.popover .popover-body {
  color: #646B72;
}
.popover.only-body {
  border-radius: 0.3rem;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
  border-top-color: #F9FAFB;
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
  border-right-color: #F9FAFB;
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
  border-left-color: #F9FAFB;
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  border-bottom-color: #F9FAFB;
}
.header-primary .popover-header {
  background-color: #4F46E5;
  color: #ffffff;
}
.header-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: #4F46E5;
}
.header-secondary .popover-header {
  background-color: #092C4C;
  color: #ffffff;
}
.header-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: #092C4C;
}
.header-warning .popover-header {
  background-color: #FFCA18;
  color: #ffffff;
}
.header-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-warning.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: #FFCA18;
}
.header-info .popover-header {
  background-color: #155EEF;
  color: #ffffff;
}
.header-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-info.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: #155EEF;
}
.header-success .popover-header {
  background-color: #3EB780;
  color: #ffffff;
}
.header-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-success.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: #3EB780;
}
.header-danger .popover-header {
  background-color: #FF0000;
  color: #ffffff;
}
.header-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.header-danger.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom-color: #FF0000;
}
.popover-primary.popover {
  border: 1px solid #4F46E5;
}
.popover-primary.popover .popover-header {
  background-color: #4F46E5;
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-primary.popover .popover-body {
  background-color: #4F46E5;
  color: #ffffff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-primary.bs-popover-top > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-primary.bs-popover-top > .popover-arrow::before {
  border-top-color: #4F46E5;
}
.popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-primary.bs-popover-end > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-primary.bs-popover-end > .popover-arrow::before {
  border-right-color: #4F46E5;
}
.popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-primary.bs-popover-start > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-primary.bs-popover-start > .popover-arrow::before {
  border-left-color: #4F46E5;
}
.popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-primary.bs-popover-bottom > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-primary.bs-popover-bottom > .popover-arrow::before,
.popover-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-primary.bs-popover-bottom .popover-header::before {
  border-bottom-color: #4F46E5;
}
.popover-secondary.popover {
  border: 1px solid #092C4C;
}
.popover-secondary.popover .popover-header {
  background-color: #092C4C;
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-secondary.popover .popover-body {
  background-color: #092C4C;
  color: #ffffff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-secondary.bs-popover-top > .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-secondary.bs-popover-top > .popover-arrow::before {
  border-top-color: #092C4C;
}
.popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-secondary.bs-popover-end > .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-secondary.bs-popover-end > .popover-arrow::before {
  border-right-color: #092C4C;
}
.popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-secondary.bs-popover-start > .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-secondary.bs-popover-start > .popover-arrow::before {
  border-left-color: #092C4C;
}
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-secondary.bs-popover-bottom > .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-secondary.bs-popover-bottom > .popover-arrow::before,
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-secondary.bs-popover-bottom .popover-header::before {
  border-bottom-color: #092C4C;
}
.popover-warning.popover {
  border: 1px solid #FFCA18;
}
.popover-warning.popover .popover-header {
  background-color: #FFCA18;
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-warning.popover .popover-body {
  background-color: #FFCA18;
  color: #ffffff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-warning.bs-popover-top > .popover-arrow::after,
.popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-warning.bs-popover-top > .popover-arrow::before {
  border-top-color: #FFCA18;
}
.popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-warning.bs-popover-end > .popover-arrow::after,
.popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-warning.bs-popover-end > .popover-arrow::before {
  border-right-color: #FFCA18;
}
.popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-warning.bs-popover-start > .popover-arrow::after,
.popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-warning.bs-popover-start > .popover-arrow::before {
  border-left-color: #FFCA18;
}
.popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-warning.bs-popover-bottom > .popover-arrow::after,
.popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-warning.bs-popover-bottom > .popover-arrow::before,
.popover-warning.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-warning.bs-popover-bottom .popover-header::before {
  border-bottom-color: #FFCA18;
}
.popover-info.popover {
  border: 1px solid #155EEF;
}
.popover-info.popover .popover-header {
  background-color: #155EEF;
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-info.popover .popover-body {
  background-color: #155EEF;
  color: #ffffff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-info.bs-popover-top > .popover-arrow::after,
.popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-info.bs-popover-top > .popover-arrow::before {
  border-top-color: #155EEF;
}
.popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-info.bs-popover-end > .popover-arrow::after,
.popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-info.bs-popover-end > .popover-arrow::before {
  border-right-color: #155EEF;
}
.popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-info.bs-popover-start > .popover-arrow::after,
.popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-info.bs-popover-start > .popover-arrow::before {
  border-left-color: #155EEF;
}
.popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-info.bs-popover-bottom > .popover-arrow::after,
.popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-info.bs-popover-bottom > .popover-arrow::before,
.popover-info.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-info.bs-popover-bottom .popover-header::before {
  border-bottom-color: #155EEF;
}
.popover-success.popover {
  border: 1px solid #3EB780;
}
.popover-success.popover .popover-header {
  background-color: #3EB780;
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-success.popover .popover-body {
  background-color: #3EB780;
  color: #ffffff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-success.bs-popover-top > .popover-arrow::after,
.popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-success.bs-popover-top > .popover-arrow::before {
  border-top-color: #3EB780;
}
.popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-success.bs-popover-end > .popover-arrow::after,
.popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-success.bs-popover-end > .popover-arrow::before {
  border-right-color: #3EB780;
}
.popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-success.bs-popover-start > .popover-arrow::after,
.popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-success.bs-popover-start > .popover-arrow::before {
  border-left-color: #3EB780;
}
.popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-success.bs-popover-bottom > .popover-arrow::after,
.popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-success.bs-popover-bottom > .popover-arrow::before,
.popover-success.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-success.bs-popover-bottom .popover-header::before {
  border-bottom-color: #3EB780;
}
.popover-danger.popover {
  border: 1px solid #FF0000;
}
.popover-danger.popover .popover-header {
  background-color: #FF0000;
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-danger.popover .popover-body {
  background-color: #FF0000;
  color: #ffffff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-danger.bs-popover-top > .popover-arrow::after,
.popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-danger.bs-popover-top > .popover-arrow::before {
  border-top-color: #FF0000;
}
.popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-danger.bs-popover-end > .popover-arrow::after,
.popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-danger.bs-popover-end > .popover-arrow::before {
  border-right-color: #FF0000;
}
.popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-danger.bs-popover-start > .popover-arrow::after,
.popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-danger.bs-popover-start > .popover-arrow::before {
  border-left-color: #FF0000;
}
.popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-danger.bs-popover-bottom > .popover-arrow::after,
.popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-danger.bs-popover-bottom > .popover-arrow::before,
.popover-danger.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-danger.bs-popover-bottom .popover-header::before {
  border-bottom-color: #FF0000;
}
.popover-purple.popover {
  border: 1px solid #6938EF;
}
.popover-purple.popover .popover-header {
  background-color: #6938EF;
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-purple.popover .popover-body {
  background-color: #6938EF;
  color: #ffffff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-purple.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-purple.bs-popover-top > .popover-arrow::after,
.popover-purple.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-purple.bs-popover-top > .popover-arrow::before {
  border-top-color: #6938EF;
}
.popover-purple.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-purple.bs-popover-end > .popover-arrow::after,
.popover-purple.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-purple.bs-popover-end > .popover-arrow::before {
  border-right-color: #6938EF;
}
.popover-purple.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-purple.bs-popover-start > .popover-arrow::after,
.popover-purple.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-purple.bs-popover-start > .popover-arrow::before {
  border-left-color: #6938EF;
}
.popover-purple.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-purple.bs-popover-bottom > .popover-arrow::after,
.popover-purple.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-purple.bs-popover-bottom > .popover-arrow::before,
.popover-purple.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-purple.bs-popover-bottom .popover-header::before {
  border-bottom-color: #6938EF;
}
.popover-teal.popover {
  border: 1px solid #0E9384;
}
.popover-teal.popover .popover-header {
  background-color: #0E9384;
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 0.3rem 0.3rem 0 0;
}
.popover-teal.popover .popover-body {
  background-color: #0E9384;
  color: #ffffff;
  border-radius: 0 0 0.3rem 0.3rem;
}
.popover-teal.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-teal.bs-popover-top > .popover-arrow::after,
.popover-teal.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-teal.bs-popover-top > .popover-arrow::before {
  border-top-color: #0E9384;
}
.popover-teal.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-teal.bs-popover-end > .popover-arrow::after,
.popover-teal.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-teal.bs-popover-end > .popover-arrow::before {
  border-right-color: #0E9384;
}
.popover-teal.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-teal.bs-popover-start > .popover-arrow::after,
.popover-teal.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-teal.bs-popover-start > .popover-arrow::before {
  border-left-color: #0E9384;
}
.popover-teal.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-teal.bs-popover-bottom > .popover-arrow::after,
.popover-teal.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-teal.bs-popover-bottom > .popover-arrow::before,
.popover-teal.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-teal.bs-popover-bottom .popover-header::before {
  border-bottom-color: #0E9384;
}
.popover-primary-light.popover {
  border: 1px solid rgba(79, 70, 229, 0.1);
}
.popover-primary-light.popover .popover-header {
  background-color: rgba(79, 70, 229, 0.1);
  border-block-end: 1px solid rgba(79, 70, 229, 0.1);
  color: #4F46E5;
  border-radius: 0;
}
.popover-primary-light.popover .popover-body {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
.popover-primary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-primary-light.bs-popover-top > .popover-arrow::after,
.popover-primary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-primary-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(79, 70, 229, 0.1);
}
.popover-primary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-primary-light.bs-popover-end > .popover-arrow::after,
.popover-primary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-primary-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(79, 70, 229, 0.1);
}
.popover-primary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-primary-light.bs-popover-start > .popover-arrow::after,
.popover-primary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-primary-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(79, 70, 229, 0.1);
}
.popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-primary-light.bs-popover-bottom > .popover-arrow::after,
.popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-primary-light.bs-popover-bottom > .popover-arrow::before,
.popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-primary-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(79, 70, 229, 0.1);
}
.popover-secondary-light.popover {
  border: 1px solid rgba(9, 44, 76, 0.1);
}
.popover-secondary-light.popover .popover-header {
  background-color: rgba(9, 44, 76, 0.1);
  border-block-end: 1px solid rgba(9, 44, 76, 0.1);
  color: #092C4C;
  border-radius: 0;
}
.popover-secondary-light.popover .popover-body {
  background-color: rgba(9, 44, 76, 0.1);
  color: #092C4C;
}
.popover-secondary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-secondary-light.bs-popover-top > .popover-arrow::after,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-secondary-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--secondary-rgb), 0.1);
}
.popover-secondary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-secondary-light.bs-popover-end > .popover-arrow::after,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-secondary-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(9, 44, 76, 0.1);
}
.popover-secondary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-secondary-light.bs-popover-start > .popover-arrow::after,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-secondary-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--secondary-rgb), 0.1);
}
.popover-secondary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-secondary-light.bs-popover-bottom > .popover-arrow::after,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-secondary-light.bs-popover-bottom > .popover-arrow::before,
.popover-secondary-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-secondary-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--secondary-rgb), 0.1);
}
.popover-warning-light.popover {
  border: 1px solid rgba(255, 202, 24, 0.1);
}
.popover-warning-light.popover .popover-header {
  background-color: rgba(255, 202, 24, 0.1);
  border-block-end: 1px solid rgba(255, 202, 24, 0.1);
  color: #FFCA18;
  border-radius: 0;
}
.popover-warning-light.popover .popover-body {
  background-color: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
}
.popover-warning-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-warning-light.bs-popover-top > .popover-arrow::after,
.popover-warning-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-warning-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(255, 202, 24, 0.1);
}
.popover-warning-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-warning-light.bs-popover-end > .popover-arrow::after,
.popover-warning-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-warning-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(255, 202, 24, 0.1);
}
.popover-warning-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-warning-light.bs-popover-start > .popover-arrow::after,
.popover-warning-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-warning-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(255, 202, 24, 0.1);
}
.popover-warning-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-warning-light.bs-popover-bottom > .popover-arrow::after,
.popover-warning-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-warning-light.bs-popover-bottom > .popover-arrow::before,
.popover-warning-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-warning-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(255, 202, 24, 0.1);
}
.popover-info-light.popover {
  border: 1px solid rgba(21, 94, 239, 0.1);
}
.popover-info-light.popover .popover-header {
  background-color: rgba(21, 94, 239, 0.1);
  border-block-end: 1px solid rgba(21, 94, 239, 0.1);
  color: #155EEF;
  border-radius: 0;
}
.popover-info-light.popover .popover-body {
  background-color: rgba(21, 94, 239, 0.1);
  color: #155EEF;
}
.popover-info-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-info-light.bs-popover-top > .popover-arrow::after,
.popover-info-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-info-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(21, 94, 239, 0.1);
}
.popover-info-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-info-light.bs-popover-end > .popover-arrow::after,
.popover-info-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-info-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(21, 94, 239, 0.1);
}
.popover-info-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-info-light.bs-popover-start > .popover-arrow::after,
.popover-info-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-info-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(21, 94, 239, 0.1);
}
.popover-info-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-info-light.bs-popover-bottom > .popover-arrow::after,
.popover-info-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-info-light.bs-popover-bottom > .popover-arrow::before,
.popover-info-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-info-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(21, 94, 239, 0.1);
}
.popover-success-light.popover {
  border: 1px solid rgba(62, 183, 128, 0.1);
}
.popover-success-light.popover .popover-header {
  background-color: rgba(62, 183, 128, 0.1);
  border-block-end: 1px solid rgba(62, 183, 128, 0.1);
  color: #3EB780;
  border-radius: 0;
}
.popover-success-light.popover .popover-body {
  background-color: rgba(62, 183, 128, 0.1);
  color: #3EB780;
}
.popover-success-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-success-light.bs-popover-top > .popover-arrow::after,
.popover-success-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-success-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(62, 183, 128, 0.1);
}
.popover-success-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-success-light.bs-popover-end > .popover-arrow::after,
.popover-success-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-success-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(62, 183, 128, 0.1);
}
.popover-success-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-success-light.bs-popover-start > .popover-arrow::after,
.popover-success-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-success-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(62, 183, 128, 0.1);
}
.popover-success-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-success-light.bs-popover-bottom > .popover-arrow::after,
.popover-success-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-success-light.bs-popover-bottom > .popover-arrow::before,
.popover-success-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-success-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(62, 183, 128, 0.1);
}
.popover-danger-light.popover {
  border: 1px solid rgba(255, 0, 0, 0.1);
}
.popover-danger-light.popover .popover-header {
  background-color: rgba(255, 0, 0, 0.1);
  border-block-end: 1px solid rgba(255, 0, 0, 0.1);
  color: #FF0000;
  border-radius: 0;
}
.popover-danger-light.popover .popover-body {
  background-color: rgba(255, 0, 0, 0.1);
  color: #FF0000;
}
.popover-danger-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-danger-light.bs-popover-top > .popover-arrow::after,
.popover-danger-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-danger-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(255, 0, 0, 0.1);
}
.popover-danger-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-danger-light.bs-popover-end > .popover-arrow::after,
.popover-danger-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-danger-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(255, 0, 0, 0.1);
}
.popover-danger-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-danger-light.bs-popover-start > .popover-arrow::after,
.popover-danger-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-danger-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(255, 0, 0, 0.1);
}
.popover-danger-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-danger-light.bs-popover-bottom > .popover-arrow::after,
.popover-danger-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-danger-light.bs-popover-bottom > .popover-arrow::before,
.popover-danger-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-danger-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(255, 0, 0, 0.1);
}
.popover-purple-light.popover {
  border: 1px solid rgba(var(--purple-rgb), 0.1);
}
.popover-purple-light.popover .popover-header {
  background-color: rgba(var(--purple-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--purple-rgb), 0.1);
  color: #6938EF;
  border-radius: 0;
}
.popover-purple-light.popover .popover-body {
  background-color: rgba(var(--purple-rgb), 0.1);
  color: #6938EF;
}
.popover-purple-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-purple-light.bs-popover-top > .popover-arrow::after,
.popover-purple-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-purple-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--purple-rgb), 0.1);
}
.popover-purple-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-purple-light.bs-popover-end > .popover-arrow::after,
.popover-purple-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-purple-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--purple-rgb), 0.1);
}
.popover-purple-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-purple-light.bs-popover-start > .popover-arrow::after,
.popover-purple-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-purple-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--purple-rgb), 0.1);
}
.popover-purple-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-purple-light.bs-popover-bottom > .popover-arrow::after,
.popover-purple-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-purple-light.bs-popover-bottom > .popover-arrow::before,
.popover-purple-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-purple-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--purple-rgb), 0.1);
}
.popover-teal-light.popover {
  border: 1px solid rgba(var(--teal-rgb), 0.1);
}
.popover-teal-light.popover .popover-header {
  background-color: rgba(var(--teal-rgb), 0.1);
  border-block-end: 1px solid rgba(var(--teal-rgb), 0.1);
  color: #0E9384;
  border-radius: 0;
}
.popover-teal-light.popover .popover-body {
  background-color: rgba(var(--teal-rgb), 0.1);
  color: #0E9384;
}
.popover-teal-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.popover-teal-light.bs-popover-top > .popover-arrow::after,
.popover-teal-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.popover-teal-light.bs-popover-top > .popover-arrow::before {
  border-top-color: rgba(var(--teal-rgb), 0.1);
}
.popover-teal-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.popover-teal-light.bs-popover-end > .popover-arrow::after,
.popover-teal-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.popover-teal-light.bs-popover-end > .popover-arrow::before {
  border-right-color: rgba(var(--teal-rgb), 0.1);
}
.popover-teal-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.popover-teal-light.bs-popover-start > .popover-arrow::after,
.popover-teal-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.popover-teal-light.bs-popover-start > .popover-arrow::before {
  border-left-color: rgba(var(--teal-rgb), 0.1);
}
.popover-teal-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.popover-teal-light.bs-popover-bottom > .popover-arrow::after,
.popover-teal-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.popover-teal-light.bs-popover-bottom > .popover-arrow::before,
.popover-teal-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.popover-teal-light.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(var(--teal-rgb), 0.1);
}
.timeline {
  position: relative;
  list-style: none;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0 20px;
}
.timeline:before {
  content: " ";
  position: absolute;
  width: 3px;
  margin-left: -1.5px;
  background-color: #A6AAAF;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}
.timeline > li {
  position: relative;
  margin-bottom: 20px;
}
.timeline > li::before,
.timeline > li::after {
  content: " ";
  display: table;
}
.timeline > li > .timeline-panel {
  float: left;
  position: relative;
  width: 46%;
  padding: 20px;
  border: 1px solid #7A8086;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}
.timeline > li > .timeline-panel::before {
  content: " ";
  display: inline-block;
  position: absolute;
  border-top: 8px solid transparent;
  border-right: 0 solid #7A8086;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #7A8086;
  position: absolute;
  top: 26px;
  right: -8px;
}
.timeline > li > .timeline-panel::after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 27px;
  right: -7px;
  border-top: 7px solid transparent;
  border-right: 0 solid #ffffff;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #ffffff;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-badge {
  z-index: 1;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  color: #ffffff;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel::before {
  right: auto;
  left: -8px;
  border-right-width: 8px;
  border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel::after {
  right: auto;
  left: -7px;
  border-right-width: 7px;
  border-left-width: 0;
}
.timeline-badge.primary {
  background-color: #4F46E5;
}
.timeline-badge.success {
  background-color: #3EB780;
}
.timeline-badge.warning {
  background-color: #FFCA18;
}
.timeline-badge.danger {
  background-color: #FF0000;
}
.timeline-badge.info {
  background-color: #155EEF;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
  font-weight: regular;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
.form-control {
  border-color: #E6EAED;
  color: #212B36;
  background-color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  border-radius: 0.35rem;
  padding: 0.45rem 0.85rem;
}
.form-control:focus {
  box-shadow: none;
  border-color: #E6EAED;
  background-color: #ffffff;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
}
.form-control[type=file] {
  padding: 0.3rem 0.5rem;
}
.form-control[type=file].form-control-sm {
  padding: 0.25rem 0.5rem !important;
}
.form-control[type=file].form-control-lg {
  padding: 0.5rem 1rem !important;
}
.form-label {
  font-size: 14px;
  font-weight: 500;
  color: #212B36;
}
.form-text {
  color: #9595b5;
}
.form-control-light {
  background-color: #F9FAFB;
  border: 0;
}
.form-control-light:focus {
  background-color: #F9FAFB;
}
.form-control-primary {
  background-color: rgba(79, 70, 229, 0.1);
  border: 0;
  color: #4F46E5;
}
.form-control-primary:focus {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
.form-input-color {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: #9595b5;
}
.form-floating > .form-control:not(:placeholder-shown) ~ label::after {
  background-color: transparent;
}
.form-select {
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  color: #646B72;
  font-size: 14px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-size: 1.25rem;
}
.form-select option {
  background-color: #ffffff;
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
  margin-block-end: 0.25rem;
}
.form-select option:last-child {
  margin-block-end: 0;
}
.form-select option:checked {
  background-color: rgba(var(#4F46E5), 0.2);
  color: #4F46E5;
}
.form-select option:select {
  background-color: rgba(var(#4F46E5), 0.2);
  color: #4F46E5;
}
.form-select option:hover {
  background-color: rgba(var(#4F46E5), 0.2);
  color: #4F46E5;
}
.form-select option:focus {
  background-color: rgba(var(#4F46E5), 0.2);
  color: #4F46E5;
}
.form-check-input {
  width: 0.9rem;
  height: 0.9rem;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
}
.form-check-input:checked {
  background-color: #4F46E5;
  border-color: #4F46E5;
}
.form-check-input.form-checked-outline:checked {
  background-color: transparent;
  border-color: #4F46E5;
}
.form-check-input.form-checked-secondary:checked {
  background-color: #092C4C;
  border-color: #092C4C;
}
.form-check-input.form-checked-warning:checked {
  background-color: #FFCA18;
  border-color: #FFCA18;
}
.form-check-input.form-checked-info:checked {
  background-color: #155EEF;
  border-color: #155EEF;
}
.form-check-input.form-checked-success:checked {
  background-color: #3EB780;
  border-color: #3EB780;
}
.form-check-input.form-checked-danger:checked {
  background-color: #FF0000;
  border-color: #FF0000;
}
.form-check-input.form-checked-light:checked {
  background-color: #F9FAFB;
  border-color: #F9FAFB;
}
.form-check-input.form-checked-dark:checked {
  background-color: #1B2850;
  border-color: #1B2850;
}
.form-check-input:focus {
  box-shadow: none;
}
.form-checked-outline:checked[type=checkbox] {
  background-image: none;
  position: relative;
  background-color: transparent;
}
.form-checked-outline:checked[type=checkbox]:before {
  content: "\f633";
  font-family: bootstrap-icons !important;
  position: absolute;
  color: #4F46E5;
  width: 0.625rem;
  height: 0.625rem;
  inset-block-start: -1px;
  inset-inline-start: 0px;
  font-size: 0.688rem;
}
.form-checked-outline:checked[type=checkbox].form-checked-secondary:before {
  color: #092C4C;
}
.form-checked-outline:checked[type=checkbox].form-checked-warning:before {
  color: #FFCA18;
}
.form-checked-outline:checked[type=checkbox].form-checked-info:before {
  color: #155EEF;
}
.form-checked-outline:checked[type=checkbox].form-checked-success:before {
  color: #3EB780;
}
.form-checked-outline:checked[type=checkbox].form-checked-danger:before {
  color: #FF0000;
}
.form-checked-outline:checked[type=checkbox].form-checked-light:before {
  color: #F9FAFB;
}
.form-checked-outline:checked[type=checkbox].form-checked-dark:before {
  color: #1B2850;
}
.form-checked-outline:checked[type=radio] {
  background-image: none;
  position: relative;
  background-color: transparent;
}
.form-checked-outline:checked[type=radio]:before {
  content: "\f309";
  font-family: bootstrap-icons !important;
  position: absolute;
  color: #4F46E5;
  width: 0.625rem;
  height: 0.625rem;
  inset-block-start: -1.13rem;
  inset-inline-start: -0.6rem;
  font-size: 2rem;
}
.form-checked-outline:checked[type=radio].form-checked-secondary:before {
  color: #092C4C;
}
.form-checked-outline:checked[type=radio].form-checked-warning:before {
  color: #FFCA18;
}
.form-checked-outline:checked[type=radio].form-checked-info:before {
  color: #155EEF;
}
.form-checked-outline:checked[type=radio].form-checked-success:before {
  color: #3EB780;
}
.form-checked-outline:checked[type=radio].form-checked-danger:before {
  color: #FF0000;
}
.form-checked-outline:checked[type=radio].form-checked-light:before {
  color: #F9FAFB;
}
.form-checked-outline:checked[type=radio].form-checked-dark:before {
  color: #1B2850;
}
fieldset:disabled .btn {
  color: #ffffff;
  background-color: #4F46E5;
  border-color: #4F46E5;
}
.form-select:focus {
  border-color: rgba(var(#4F46E5), 0.5);
  outline: 0;
  box-shadow: none;
}
.btn-check:focus + .btn,
.btn:focus {
  background-color: none;
  border-color: none;
  outline: 0;
}
.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
  box-shadow: none;
}
.form-control:disabled,
.form-select:disabled {
  background-color: #F9FAFB;
  color: #646B72;
}
.form-control-plaintext {
  color: #646B72;
}
.form-control::-webkit-file-upload-button {
  color: #646B72;
  background-color: #f7f8f9;
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #f7f8f9;
}
.form-control:focus::-webkit-input-placeholder,
.form-control:focus::placeholder {
  padding-inline-start: 0;
  transition: padding-inline-start 0.1s ease-in;
}
.form-control::-webkit-input-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.7;
  color: #A6AAAF;
  padding-inline-start: 0px;
  transition: padding-inline-start 0.1s ease-in;
}
.form-control:-moz-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: #A6AAAF;
}
.form-control::-moz-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: #A6AAAF;
}
.form-control:-ms-input-placeholder {
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  color: #A6AAAF;
}
.form-control-sm {
  font-size: 0.8rem;
  padding: 0.25rem 0.8rem;
}
.form-control-lg {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}
.form-check-md .form-check-input {
  width: 1.15rem;
  height: 1.15rem;
}
.form-check-md.form-switch .form-check-input {
  width: 2.25rem;
}
.form-check-md label {
  margin-inline-start: 0.5rem;
  font-size: 0.95rem;
  margin-block-start: 3px;
}
.form-check-lg .form-check-input {
  width: 1.35rem;
  height: 1.35rem;
}
.form-check-lg.form-switch .form-check-input {
  width: 2.5rem;
}
.form-check-lg label {
  margin-inline-start: 0.5rem;
  font-size: 1rem;
  margin-block-start: 3px;
}
.toggle {
  width: 3.75rem;
  height: 1.563rem;
  background-color: #F9FAFB;
  margin-inline-start: 0.625rem;
  margin-block-end: 0.313rem;
  padding: 0.125rem;
  border-radius: 0.188rem;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
}
.toggle span {
  position: absolute;
  inset-block-start: 0.188rem;
  inset-block-end: 0.25rem;
  inset-inline-start: 0.188rem;
  display: block;
  width: 1.25rem;
  border-radius: 0.125rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.2s ease;
}
.toggle span::before {
  content: "on";
  inset-inline-start: -1.563rem;
}
.toggle span::after {
  content: "off";
  inset-inline-end: -1.813rem;
  color: #9595b5;
}
.toggle span::before,
.toggle span::after {
  position: absolute;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  inset-block-start: 0.188rem;
  line-height: 1.38;
  transition: all 0.2s ease;
}
.toggle.on {
  background-color: rgba(var(#4F46E5), 0.3);
}
.toggle.on span {
  background-color: #4F46E5;
}
.toggle.on span::before {
  color: #4F46E5;
}
.toggle.on.toggle-secondary {
  background-color: rgba(9, 44, 76, 0.4);
}
.toggle.on.toggle-secondary span {
  background-color: #092C4C;
}
.toggle.on.toggle-secondary span::before {
  color: #092C4C;
}
.toggle.on.toggle-warning {
  background-color: rgba(255, 202, 24, 0.4);
}
.toggle.on.toggle-warning span {
  background-color: #FFCA18;
}
.toggle.on.toggle-warning span::before {
  color: #FFCA18;
}
.toggle.on.toggle-info {
  background-color: rgba(21, 94, 239, 0.4);
}
.toggle.on.toggle-info span {
  background-color: #155EEF;
}
.toggle.on.toggle-info span::before {
  color: #155EEF;
}
.toggle.on.toggle-success {
  background-color: rgba(62, 183, 128, 0.4);
}
.toggle.on.toggle-success span {
  background-color: #3EB780;
}
.toggle.on.toggle-success span::before {
  color: #3EB780;
}
.toggle.on.toggle-danger {
  background-color: rgba(255, 0, 0, 0.4);
}
.toggle.on.toggle-danger span {
  background-color: #FF0000;
}
.toggle.on.toggle-danger span::before {
  color: #FF0000;
}
.toggle.on.toggle-light {
  background-color: rgba(249, 250, 251, 0.4);
}
.toggle.on.toggle-light span {
  background-color: #F9FAFB;
}
.toggle.on.toggle-light span::before,
.toggle.on.toggle-light span::after {
  color: #9595b5;
}
.toggle.on.toggle-dark {
  background-color: rgba(27, 40, 80, 0.4);
}
.toggle.on.toggle-dark span {
  background-color: #1B2850;
}
.toggle.on.toggle-dark span::before {
  color: #ffffff;
}
.toggle.on span {
  inset-inline-start: 2.313rem;
}
.toggle.on.toggle-sm span {
  inset-inline-start: 2.313rem;
}
.toggle.on.toggle-sm span::before {
  inset-block-start: -1px;
  inset-inline-start: -1.563rem;
}
.toggle.on.toggle-lg span {
  inset-inline-start: 2.563rem;
}
.toggle.on.toggle-lg span::before {
  inset-block-start: 0.5rem;
  inset-inline-start: -1.75rem;
}
.toggle.toggle-sm {
  height: 1.063rem;
  width: 3.125rem;
}
.toggle.toggle-sm span {
  width: 0.625rem;
  height: 0.625rem;
}
.toggle.toggle-sm span::after {
  inset-inline-end: -1.875rem;
  inset-block-start: -1px;
}
.toggle.toggle-lg {
  height: 2.125rem;
  width: 4.5rem;
}
.toggle.toggle-lg span {
  width: 1.75rem;
}
.toggle.toggle-lg span::after {
  inset-block-start: 0.5rem;
  inset-inline-end: -1.938rem;
}
.custom-toggle-switch > input[type=checkbox] {
  display: none;
}
.custom-toggle-switch > label {
  cursor: pointer;
  height: 0;
  position: relative;
  width: 2.5rem;
}
.label-primary {
  background: #4F46E5;
  color: #ffffff;
}
.label-secondary {
  background: #092C4C;
  color: #ffffff;
}
.label-warning {
  background: #FFCA18;
  color: #ffffff;
}
.label-info {
  background: #155EEF;
  color: #ffffff;
}
.label-success {
  background: #3EB780;
  color: #ffffff;
}
.label-danger {
  background: #FF0000;
  color: #ffffff;
}
.label-light {
  background: #F9FAFB;
  color: #ffffff;
}
.label-dark {
  background: #1B2850;
  color: #ffffff;
}
.custom-toggle-switch > input[type=checkbox]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.custom-toggle-switch > label::before {
  background: #9595b5;
  box-shadow: inset 0px 0px 0.625rem rgba(255, 255, 255, 0.5);
  border-radius: 0.5rem;
  content: "";
  height: 1rem;
  margin-block-start: -0.5rem;
  position: absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 2.5rem;
}
.custom-toggle-switch > label::after {
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 0 0.313rem rgba(228, 229, 237, 0.8);
  content: "";
  height: 1.5rem;
  inset-inline-start: -0.25rem;
  margin-block-start: -0.5rem;
  position: absolute;
  inset-block-start: -0.25rem;
  transition: all 0.3s ease-in-out;
  width: 1.5rem;
}
.custom-toggle-switch > input[type=checkbox]:checked + label::after {
  background: inherit;
  inset-inline-start: 50%;
}
.custom-toggle-switch.toggle-sm > label::before {
  height: 10px;
  width: 27px;
  border-radius: 10px;
}
.custom-toggle-switch.toggle-sm input[type=checkbox]:checked + label::after {
  inset-inline-start: 13px;
}
.custom-toggle-switch.toggle-sm > label::after {
  height: 17px;
  width: 17px;
  border-radius: 50%;
}
.custom-toggle-switch.toggle-lg > label::before {
  height: 27px;
  width: 55px;
  border-radius: 20px;
}
.custom-toggle-switch.toggle-lg input[type=checkbox]:checked + label::after {
  inset-inline-start: 77%;
}
.custom-toggle-switch.toggle-lg > label::after {
  height: 35px;
  width: 35px;
  margin-block-start: -8px;
  border-radius: 50%;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: transparent !important;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem - 4px);
}
.form-floating.floating-primary label {
  color: #4F46E5;
  opacity: 1;
}
.form-floating.floating-primary input {
  border: 1px solid #4F46E5;
}
.form-floating.floating-primary > .form-control:focus ~ label {
  color: #4F46E5 !important;
}
.form-floating.floating-secondary label {
  color: #092C4C;
  opacity: 1;
}
.form-floating.floating-secondary input {
  border: 1px solid #092C4C;
}
.form-floating.floating-secondary > .form-control:focus ~ label {
  color: #092C4C !important;
}
.form-floating.floating-warning label {
  color: #FFCA18;
  opacity: 1;
}
.form-floating.floating-warning input {
  border: 1px solid #FFCA18;
}
.form-floating.floating-warning > .form-control:focus ~ label {
  color: #FFCA18 !important;
}
.form-floating.floating-info label {
  color: #155EEF;
  opacity: 1;
}
.form-floating.floating-info input {
  border: 1px solid #155EEF;
}
.form-floating.floating-info > .form-control:focus ~ label {
  color: #155EEF !important;
}
.form-floating.floating-success label {
  color: #3EB780;
  opacity: 1;
}
.form-floating.floating-success input {
  border: 1px solid #3EB780;
}
.form-floating.floating-success > .form-control:focus ~ label {
  color: #3EB780 !important;
}
.form-floating.floating-danger label {
  color: #FF0000;
  opacity: 1;
}
.form-floating.floating-danger input {
  border: 1px solid #FF0000;
}
.form-floating.floating-danger > .form-control:focus ~ label {
  color: #FF0000 !important;
}
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  background-color: #ffffff;
  border-radius: 4px;
}
.form-wizard-1 {
  border-bottom: 0;
  border-radius: 50px;
}
.form-wizard-1 .nav-link {
  border: 0;
}
.form-wizard-1.nav-tabs .nav-item {
  margin-inline-end: 1rem;
  position: relative;
}
.form-wizard-1.nav-tabs .nav-link {
  padding: 0.25rem 0.4rem;
  color: #9595b5;
  display: flex;
  align-items: center;
  border-radius: 50px;
  border: 2px solid transparent;
}
.form-wizard-1.nav-tabs .nav-link i {
  font-size: 12px;
  padding: 4px;
  line-height: 1;
  border-radius: 50px;
  border: 2px solid #E6EAED;
}
.form-wizard-1.nav-tabs .nav-link:focus,
.form-wizard-1.nav-tabs .nav-link:hover {
  border: 2px solid transparent;
}
.form-wizard-1.nav-tabs .nav-link.active {
  border: 2px solid #4F46E5;
  border-radius: 50px;
  color: #4F46E5;
  background-color: transparent;
}
.form-wizard-1.nav-tabs .nav-link.active i {
  border: 2px solid #4F46E5;
}
.form-wizard-1 .nav-item:focus-visible {
  outline: none;
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #3EB780;
  box-shadow: none;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #3EB780;
}
.form-control-color {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  padding: 0;
}
.example-picker .pcr-button {
  border-radius: 0.35rem !important;
  overflow: hidden;
}
.input-group-text {
  background-color: #ffffff;
  padding: 2px 10px;
  border-color: #E6EAED;
}
kbd {
  background-color: #E6EAED;
  font-size: 10px;
  font-weight: 500;
  padding: 4px;
  color: #092C4C;
  padding: 2px 3px;
  border-radius: 5px;
}
[dir=rtl] [type=email],
[dir=rtl] [type=number],
[dir=rtl] [type=tel],
[dir=rtl] [type=url] {
  direction: rtl;
}
.form-select.is-invalid:not([multiple]):not([size]) {
  padding-right: 1.125rem;
  background-size: 16px 28px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.invoice-quantity-container .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0;
}
input[type=range]::-webkit-slider-runnable-track {
  background-color: #F9FAFB;
}
[dir=rtl] .form-checked-outline:checked[type=checkbox]:before {
  inset-inline-start: 1px;
}
.form-check {
  min-height: inherit !important;
}
.col-form-label-lg,
.col-form-label-sm,
.col-form-label {
  font-weight: 600;
}
#exampleColorInput::-webkit-color-swatch-wrapper {
  direction: rtl;
}
[data-theme-mode=dark] input[type=week]::-webkit-calendar-picker-indicator,
[data-theme-mode=dark] input[type=month]::-webkit-calendar-picker-indicator,
[data-theme-mode=dark] input[type=date]::-webkit-calendar-picker-indicator,
[data-theme-mode=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator,
[data-theme-mode=dark] input[type=time]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
[dir=rtl] input[type=week],
[dir=rtl] input[type=month],
[dir=rtl] input[type=date],
[dir=rtl] input[type=datetime-local],
[dir=rtl] input[type=time] {
  text-align: end;
}
.custom_radio,
.custom_radio_one {
  color: #646B72;
  position: relative;
  font-size: 14px;
  padding-left: 25px;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 400;
}
.custom_radio input,
.custom_radio_one input {
  position: absolute;
  opacity: 0;
  padding: 0;
}
.custom_radio .checkmark,
.custom_radio_one .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: transparent;
  background-color: #E6EAED;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom_radio .checkmark:after,
.custom_radio_one .checkmark:after {
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom_radio.active input ~ .checkmark:after,
.custom_radio_one.active input ~ .checkmark:after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.custom_radio.active input ~ .checkmark {
  background-color: #4F46E5;
}
.edit-add {
  font-size: 15px;
}
.edit-add.card {
  border: none;
  margin: 0;
}
.edit-add.card .note-editor.note-frame {
  margin: 0px;
}
.edit-add.card .note-editor.note-frame .note-editing-area .note-editable {
  height: 130px !important;
}
.edit-add.card p {
  margin-top: 10px;
}
.input-block.add-product.list {
  position: relative;
}
.input-addon-right .cus-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.date-select-small {
  width: 115px;
}
.input-addon-left .cus-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.input-addon-left input {
  padding-left: 30px;
}
caption {
  color: #9595b5;
}
.table-active {
  --bs-table-color-state: var(--default-text-color);
}
.table {
  color: #646B72;
  border-color: #E6EAED;
  margin-block-end: 0;
}
.table.custom-table thead th {
  font-size: 13px;
  font-weight: 700;
  padding: 8px 16px;
}
.table.custom-table tbody td {
  padding: 10px 16px;
}
.table .checkboxs {
  margin-bottom: 15px;
}
.table tbody tr th {
  font-weight: 500;
  font-size: 14px;
  color: #212B36;
  background-color: #D3D5D7;
}
.table th {
  padding: 10px 20px;
  vertical-align: middle;
  line-height: 1.462;
  font-size: 0.813rem;
  white-space: nowrap;
}
.table td {
  padding: 10px 20px;
  vertical-align: middle;
  line-height: 1.462;
  font-size: 0.813rem;
  white-space: nowrap;
}
.table thead tr th {
  font-weight: 600;
  font-size: 14px;
  background-color: #E6EAED;
  color: #212B36;
}
.table.table-sm > :not(caption) > * > * {
  padding: 0.3rem;
}
.table.table-dark {
  color: rgba(0, 0, 0, 0.7);
  border-color: rgba(255, 255, 255, 0.1);
}
.table .thead-primary th {
  background-color: #4F46E5;
  color: #ffffff;
}
.table .thead-secondary th {
  background-color: #092C4C;
  color: #ffffff;
}
.table .thead-info th {
  background-color: #155EEF;
  color: #ffffff;
}
.table .thead-warning th {
  background-color: #FFCA18;
  color: #ffffff;
}
.table .thead-danger th {
  background-color: #FF0000;
  color: #ffffff;
}
.table .thead-success th {
  background-color: #3EB780;
  color: #ffffff;
}
.table .thead-dark th {
  background-color: #1B2850;
  color: #ffffff;
}
.table .thead-light th {
  background-color: #F9FAFB;
  color: #1B2850;
}
.table.table-primary {
  background-color: #ffffff;
  color: #000000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.2);
}
.table.table-primary.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--primary-rgb), 0.2);
  color: #000000;
}
.table.table-primary.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--primary-rgb), 0.4);
  color: #ffffff;
}
.table.table-primary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--primary-rgb));
  color: #ffffff;
}
.table.table-secondary {
  background-color: #ffffff;
  color: #000000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.2);
}
.table.table-secondary.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.2);
  color: #000000;
}
.table.table-secondary.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.4);
  color: #ffffff;
}
.table.table-secondary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--secondary-rgb));
  color: #ffffff;
}
.table.table-warning {
  background-color: #ffffff;
  color: #000000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.2);
}
.table.table-warning.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--warning-rgb), 0.2);
  color: #000000;
}
.table.table-warning.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--warning-rgb), 0.4);
  color: #ffffff;
}
.table.table-warning .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--warning-rgb));
  color: #ffffff;
}
.table.table-success {
  background-color: #ffffff;
  color: #000000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--success-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.2);
}
.table.table-success.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--success-rgb), 0.2);
  color: #000000;
}
.table.table-success.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--success-rgb), 0.4);
  color: #ffffff;
}
.table.table-success .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--success-rgb));
  color: #ffffff;
}
.table.table-danger {
  background-color: #ffffff;
  color: #000000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.2);
}
.table.table-danger.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--danger-rgb), 0.2);
  color: #000000;
}
.table.table-danger.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--danger-rgb), 0.4);
  color: #ffffff;
}
.table.table-danger .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--danger-rgb));
  color: #ffffff;
}
.table.table-info {
  background-color: #ffffff;
  color: #000000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--info-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.2);
}
.table.table-info.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--info-rgb), 0.2);
  color: #000000;
}
.table.table-info.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--info-rgb), 0.4);
  color: #ffffff;
}
.table.table-info .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--info-rgb));
  color: #ffffff;
}
.table.table-light {
  background-color: #ffffff;
  color: #000000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--light-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.2);
}
.table.table-light.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--light-rgb), 0.2);
  color: #000000;
}
.table.table-light.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--light-rgb), 0.4);
  color: #ffffff;
}
.table.table-light .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--light-rgb));
  color: #ffffff;
}
.table.table-dark {
  background-color: #ffffff;
  color: #000000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.2);
}
.table.table-dark.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.2);
  color: #000000;
}
.table.table-dark.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.4);
  color: #ffffff;
}
.table.table-dark .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--dark-rgb));
  color: #ffffff;
}
.table.table-bordered.border-primary tbody,
.table.table-bordered.border-primary td,
.table.table-bordered.border-primary tfoot,
.table.table-bordered.border-primary th,
.table.table-bordered.border-primary thead,
.table.table-bordered.border-primary tr {
  border-color: rgba(79, 70, 229, 0.1);
}
.table.table-bordered.border-info tbody,
.table.table-bordered.border-info td,
.table.table-bordered.border-info tfoot,
.table.table-bordered.border-info th,
.table.table-bordered.border-info thead,
.table.table-bordered.border-info tr {
  border-color: rgba(21, 94, 239, 0.1);
}
.table.table-bordered.border-secondary tbody,
.table.table-bordered.border-secondary td,
.table.table-bordered.border-secondary tfoot,
.table.table-bordered.border-secondary th,
.table.table-bordered.border-secondary thead,
.table.table-bordered.border-secondary tr {
  border-color: rgba(9, 44, 76, 0.1);
}
.table.table-bordered.border-warning tbody,
.table.table-bordered.border-warning td,
.table.table-bordered.border-warning tfoot,
.table.table-bordered.border-warning th,
.table.table-bordered.border-warning thead,
.table.table-bordered.border-warning tr {
  border-color: rgba(255, 202, 24, 0.1);
}
.table.table-bordered.border-success tbody,
.table.table-bordered.border-success td,
.table.table-bordered.border-success tfoot,
.table.table-bordered.border-success th,
.table.table-bordered.border-success thead,
.table.table-bordered.border-success tr {
  border-color: rgba(62, 183, 128, 0.1);
}
.table.table-bordered.border-danger tbody,
.table.table-bordered.border-danger td,
.table.table-bordered.border-danger tfoot,
.table.table-bordered.border-danger th,
.table.table-bordered.border-danger thead,
.table.table-bordered.border-danger tr {
  border-color: rgba(255, 0, 0, 0.1);
}
.table.table-striped > tbody > tr:nth-of-type(odd) > * {
  background: #F9FAFB;
  color: #646B72;
}
.table.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-accent-bg: rgba(var(--dark-rgb),0.025);
  color: #646B72;
}
.table tbody.table-group-divider {
  border-top: 1px solid #E6EAED;
}
.table.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: #f7f8f9;
  color: #646B72;
}
.table .table-active {
  --bs-table-accent-bg: #F9FAFB;
  color: #646B72;
}
.table thead.table-primary {
  background-color: #ffffff;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000000;
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-secondary {
  background-color: #ffffff;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000000;
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-warning {
  background-color: #ffffff;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000000;
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-success {
  background-color: #ffffff;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000000;
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--success-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-danger {
  background-color: #ffffff;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000000;
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-info {
  background-color: #ffffff;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000000;
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--info-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-light {
  background-color: #ffffff;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000000;
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--light-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-dark {
  background-color: #ffffff;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000000;
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-primary {
  --bs-table-color: #000000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.3);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.3);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.3);
  --bs-table-hover-color: #000000;
  color: #000000;
  border-color: rgba(var(--primary-rgb), 0.1);
  background-color: #ffffff;
}
.table-secondary {
  --bs-table-color: #000000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.3);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.3);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.3);
  --bs-table-hover-color: #000000;
  color: #000000;
  border-color: rgba(var(--secondary-rgb), 0.1);
  background-color: #ffffff;
}
.table-warning {
  --bs-table-color: #000000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.3);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.3);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.3);
  --bs-table-hover-color: #000000;
  color: #000000;
  border-color: rgba(var(--warning-rgb), 0.1);
  background-color: #ffffff;
}
.table-success {
  --bs-table-color: #000000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.3);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--success-rgb), 0.3);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.3);
  --bs-table-hover-color: #000000;
  color: #000000;
  border-color: rgba(var(--success-rgb), 0.1);
  background-color: #ffffff;
}
.table-info {
  --bs-table-color: #000000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.3);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--info-rgb), 0.3);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.3);
  --bs-table-hover-color: #000000;
  color: #000000;
  border-color: rgba(var(--info-rgb), 0.1);
  background-color: #ffffff;
}
.table-danger {
  --bs-table-color: #000000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.3);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.3);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.3);
  --bs-table-hover-color: #000000;
  color: #000000;
  border-color: rgba(var(--danger-rgb), 0.1);
  background-color: #ffffff;
}
.table-dark {
  --bs-table-color: #000000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.3);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.3);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.3);
  --bs-table-hover-color: #000000;
  color: #000000;
  border-color: rgba(var(--dark-rgb), 0.1);
  background-color: #ffffff;
}
.table-light {
  --bs-table-color: #000000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.3);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgba(var(--light-rgb), 0.3);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.3);
  --bs-table-hover-color: #000000;
  color: #000000;
  border-color: rgba(var(--light-rgb), 0.1);
  background-color: #ffffff;
}
[data-theme-mode=dark] .table-dark {
  border-color: rgba(0, 0, 0, 0.025);
}
[dir=rtl] .table {
  margin-inline-end: 1px;
}
thead tr {
  border-color: #E6EAED;
}
.table {
  margin: 0;
}
.table tbody tr {
  border-color: #E6EAED;
}
.table tbody tr td {
  color: #646B72;
  font-size: 14px;
}
.table tbody tr td .product-img img {
  border: 0;
  width: 30px;
  height: 30px;
}
.table tbody tr td a {
  color: #212B36;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
.table tbody tr td a.product-img {
  margin-right: 5px;
  flex-shrink: 0;
}
.table tbody tr td a .info-img {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.table tbody tr td a:hover {
  color: #4F46E5;
}
.table tbody tr td a:hover i {
  color: #4F46E5;
}
.table tbody tr td .emp-name {
  line-height: 1;
}
.table tbody tr td .emp-name a {
  color: #092C4C;
}
.table tbody tr td .emp-name p {
  line-height: 2;
  font-size: 15px;
  font-weight: 500;
  color: #646B72;
}
.table tbody tr td .emp-name .role {
  line-height: unset;
}
.table tbody tr td .product-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  width: 40px;
  height: 40px;
  background: #FFEBD8;
  font-size: 14px;
  color: #FF9F43 !important;
  font-weight: 500;
  margin-right: 10px;
}
.table tbody tr .data-header {
  font-weight: 600;
  color: #092C4C;
  font-size: 15px;
  border-bottom: none;
}
.table tbody tr .ref-number {
  color: #6938EF;
}
.table tbody tr.active {
  border-bottom: 0;
}
.table tbody tr.active td {
  font-size: 18px;
  color: #4D555E;
  font-weight: 600;
  border-bottom: 0;
}
.table tbody .loss-highlight td {
  font-weight: 700;
  color: #092C4C;
  font-size: 14px;
  border-top: 1px solid #A6AAAF;
}
.table tbody .userimgname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.table tbody .userimgname img {
  margin-right: 8px;
  border-radius: 6px;
}
.table tbody .purchase-count td {
  padding-bottom: 20px;
}
.table .Expense-list tr td {
  padding: 15px 17px;
}
.table .Expense-list tr td a {
  margin-bottom: 0;
}
.table .sales-list tr td {
  padding: 20px 17px;
}
.table .Expense-list-blk tr td {
  padding: 20px 17px;
}
.new tbody tr td {
  border-bottom: none;
}
.table-height {
  min-height: 300px;
}
@media (max-width: 991.96px) {
  .table-height {
    min-height: auto;
    margin-bottom: 15px;
  }
}
.max-widthauto {
  max-width: 100% !important;
}
.productimgname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.productimgname a {
  color: #092C4C;
  font-weight: 500;
}
.productimgname .view-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  background: #F8F8F8;
}
.input-blocks .calc-no {
  width: 50px !important;
  text-align: center;
}
.table .input-blocks input[type=text] {
  height: 40px;
}
.table .scanner-set {
  width: 40px;
  height: 40px;
}
.card .table-top {
  padding: 24px 24px 0;
}
.card .tabs-set .nav-tabs {
  padding: 24px 24px 0;
  margin-bottom: 0;
}
.table.profit-table thead {
  background-color: #FAFBFE;
  border-radius: 8px 8px 0px 0px;
}
.table.profit-table thead tr:hover {
  background-color: #FAFBFE;
}
.table.profit-table tbody td {
  border-bottom: 0;
}
.table.profit-table tbody .profit-table-bg td {
  color: #092C4C;
  font-weight: 700;
  border-top: 1px solid #D3D5D7;
  background-color: #FAFBFE;
}
.table.profit-table tbody .table-heading:hover {
  background-color: #ffffff;
}
.table.profit-table tbody .table-heading td {
  color: #092C4C;
  font-weight: 700;
}
.profit-table-top .daterange-wraper {
  margin: 0 10px;
}
.profit-table-top .daterange-wraper input {
  padding-left: 35px;
}
table td .shield {
  width: 14px;
  height: 14px;
}
.paysilp-table-border {
  border: 1px solid #D3D5D7;
}
.paysilp-table-border th {
  border-right: 1px solid #D3D5D7;
  border-left: 1px solid #D3D5D7;
  padding: 15px;
  font-weight: 700;
  font-size: 16px;
}
.paysilp-table-borders td {
  border-right: 1px solid #D3D5D7;
  border-left: 1px solid #D3D5D7;
  padding: 5px 15px;
  color: #646B72;
}
.payslip-border-bottom {
  border: 1px solid #D3D5D7;
}
.payslip-border-bottom th {
  padding: 5px 15px;
  font-weight: 700;
  font-size: 16px;
}
.payslip-border-bottom td {
  color: #646B72;
}
.emp-details {
  margin: 20px 0;
}
.emp-details .pay-slip-salery h6 {
  font-weight: 700 !important;
  margin-bottom: 10px;
  font-size: 18px !important;
}
.emp-details .emp-name-id.pay-slip-salery {
  margin-right: 30px;
}
@media (max-width: 574.98px) {
  .slip-logo {
    flex-shrink: 0;
    margin-right: 15px;
  }
}
.product-name-slip h4 {
  color: #4F46E5;
  font-weight: 700;
  font-size: 18px;
}
.pay-slip-box .modal-header {
  border-radius: 8px 8px 0 0;
}
.pay-slip-box .custom-modal-body {
  padding: 0;
}
.pay-slip-box .card {
  border: 0;
  border-radius: 0 0 10px 10px;
}
.pay-slip-box .card .card-body {
  padding: 20px;
}
.pay-slip-box .card .card-body .emp-details.justify-content-start {
  max-width: 760px;
  margin: 20px auto 20px;
}
.dataTables_length label {
  justify-content: center;
}
.dataTables_paginate .paginate_button {
  color: #646B72;
  width: 24px;
  height: 24px;
  border: 1px solid #E6EAED;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}
.dataTables_paginate .paginate_button:hover {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
}
@media (max-width: 766.98px) {
  .dataTables_paginate .paginate_button {
    margin: 0 4px;
  }
}
@media (max-width: 574.98px) {
  .dataTables_paginate .paginate_button {
    margin: 0 2px;
  }
}
.dataTables_paginate .paginate_button.current {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
}
.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next {
  border: none;
  color: #646B72 !important;
  background-color: transparent !important;
}
.no-search .dataTables_filter {
  display: none;
}
.input-icon-start input {
  padding-left: 30px;
}
.input-icon-start .input-icon-left {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
table tbody td.action-table-data a .add-checkbox {
  border: none;
  padding: 0;
}
.table-borderless .table thead th {
  background: transparent;
}
.table-borderless .table tbody td {
  background: transparent;
  border: 0;
}
.table-borderless .table tbody td:first-child {
  padding-left: 0;
}
table tbody td.action-table-data a {
  border: 1px solid #E6EAED;
  background-color: #ffffff;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  padding: 8px;
}
table tbody td.action-table-data a .feather-edit {
  color: #212B36;
  width: 14px;
  height: 14px;
}
table tbody td.action-table-data a .action-edit {
  color: #646B72;
  width: 14px;
  height: 14px;
}
table tbody td.action-table-data a .feather-trash-2 {
  color: #212B36;
  width: 14px;
  height: 14px;
}
table tbody td.action-table-data a .feather-eye {
  width: 14px;
  height: 14px;
}
table tbody td.action-table-data a .action-download {
  color: #3577f1;
  width: 14px;
  height: 14px;
}
table tbody td.action-table-data a .action-eye {
  color: #092C4C;
  width: 14px;
  height: 14px;
}
table tbody .productimgname {
  min-width: 200px;
}
table tbody .productimgname a.stock-img.product-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-right: 8px;
}
table tbody .productimgname a.stock-img.product-img img {
  width: 30px;
  height: 30px;
  max-width: 100%;
  margin-right: 0;
}
table .edit-delete-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
table .edit-delete-action a {
  padding: 0;
}
table .edit-delete-action a svg {
  width: 14px;
  height: 14px;
}
table .edit-delete-action.data-view {
  min-height: 52px;
}
table .edit-delete-action.data-row {
  height: auto;
}
table .edit-delete-action.data {
  height: 44px;
}
.accordion-button {
  background-color: #ffffff;
  color: #646B72;
  padding: 1rem 1.25rem;
}
.accordion-button:not(.collapsed) {
  color: #646B72;
  background-color: #f7f8f9;
  box-shadow: none;
}
.accordion-button:focus {
  border-color: rgba(79, 70, 229, 0.3);
  box-shadow: none;
}
.accordion-button:after,
.accordion-button:not(.collapsed)::after {
  background-image: none;
}
.accordion-button:after {
  content: "\f078";
  font-family: "Fontawesome";
  font-size: 12px;
  line-height: 1;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.125rem;
  color: #646B72;
}
.accordion-body {
  padding: 1.25rem;
  color: #9595b5;
}
.accordion-item {
  color: #646B72;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
}
.accordion-item:first-of-type {
  border-radius: 8px;
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-radius: 8px;
}
.accordions-items-seperate .accordion-item:not(:first-of-type) {
  margin-block-start: 0.5rem;
}
.accordions-items-seperate .accordion-item {
  border-block-start: 1px solid #E6EAED;
  border-radius: 8px;
  overflow: hidden;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
.accordion.accordion-primary .accordion-button {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
.accordion.accordion-primary .accordion-button:after {
  background-color: #4F46E5;
  color: #ffffff;
}
.accordion.accordion-primary .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-primary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-secondary .accordion-button {
  background-color: rgba(9, 44, 76, 0.1);
  color: #092C4C;
}
.accordion.accordion-secondary .accordion-button:after {
  background-color: #092C4C;
  color: #ffffff;
}
.accordion.accordion-secondary .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-secondary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-success .accordion-button {
  background-color: rgba(62, 183, 128, 0.1);
  color: #3EB780;
}
.accordion.accordion-success .accordion-button:after {
  background-color: #3EB780;
  color: #ffffff;
}
.accordion.accordion-success .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-success .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-danger .accordion-button {
  background-color: rgba(255, 0, 0, 0.1);
  color: #FF0000;
}
.accordion.accordion-danger .accordion-button:after {
  background-color: #FF0000;
  color: #ffffff;
}
.accordion.accordion-danger .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-danger .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-warning .accordion-button {
  background-color: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
}
.accordion.accordion-warning .accordion-button:after {
  background-color: #FFCA18;
  color: #ffffff;
}
.accordion.accordion-warning .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-warning .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-info .accordion-button {
  background-color: rgba(21, 94, 239, 0.1);
  color: #155EEF;
}
.accordion.accordion-info .accordion-button:after {
  background-color: #155EEF;
  color: #ffffff;
}
.accordion.accordion-info .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-info .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-solid-primary .accordion-button {
  background-color: #4F46E5;
  color: #ffffff;
}
.accordion.accordion-solid-primary .accordion-button:after {
  background-color: #ffffff;
  color: #4F46E5;
}
.accordion.accordion-solid-primary .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-solid-primary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-solid-secondary .accordion-button {
  background-color: #092C4C;
  color: #ffffff;
}
.accordion.accordion-solid-secondary .accordion-button:after {
  background-color: #ffffff;
  color: #092C4C;
}
.accordion.accordion-solid-secondary .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-solid-secondary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-solid-success .accordion-button {
  background-color: #3EB780;
  color: #ffffff;
}
.accordion.accordion-solid-success .accordion-button:after {
  background-color: #ffffff;
  color: #3EB780;
}
.accordion.accordion-solid-success .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-solid-success .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-solid-danger .accordion-button {
  background-color: #FF0000;
  color: #ffffff;
}
.accordion.accordion-solid-danger .accordion-button:after {
  background-color: #ffffff;
  color: #FF0000;
}
.accordion.accordion-solid-danger .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-solid-danger .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-solid-warning .accordion-button {
  background-color: #FFCA18;
  color: #ffffff;
}
.accordion.accordion-solid-warning .accordion-button:after {
  background-color: #ffffff;
  color: #FFCA18;
}
.accordion.accordion-solid-warning .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-solid-warning .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-solid-info .accordion-button {
  background-color: #155EEF;
  color: #ffffff;
}
.accordion.accordion-solid-info .accordion-button:after {
  background-color: #ffffff;
  color: #155EEF;
}
.accordion.accordion-solid-info .accordion-button.collapsed {
  background-color: #ffffff;
  color: #646B72;
}
.accordion.accordion-solid-info .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #646B72;
}
.accordion.accordion-border-primary .accordion-item {
  border: 1px solid #4F46E5;
}
.accordion.accordion-border-primary .accordion-button {
  background-color: #ffffff;
  color: #4F46E5;
  border-block-end: 0px;
}
.accordion.accordion-border-primary .accordion-button:after {
  background-color: #ffffff;
  color: #4F46E5;
  border: 1px solid #4F46E5;
}
.accordion.accordion-border-primary .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #4F46E5;
}
.accordion.accordion-border-secondary .accordion-item {
  border: 1px solid #092C4C;
}
.accordion.accordion-border-secondary .accordion-button {
  background-color: #ffffff;
  color: #092C4C;
  border-block-end: 0px;
}
.accordion.accordion-border-secondary .accordion-button:after {
  background-color: #ffffff;
  color: #092C4C;
  border: 1px solid #092C4C;
}
.accordion.accordion-border-secondary .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #092C4C;
}
.accordion.accordion-border-success .accordion-item {
  border: 1px solid #3EB780;
}
.accordion.accordion-border-success .accordion-button {
  background-color: #ffffff;
  color: #3EB780;
  border-block-end: 0px;
}
.accordion.accordion-border-success .accordion-button:after {
  background-color: #ffffff;
  color: #3EB780;
  border: 1px solid #3EB780;
}
.accordion.accordion-border-success .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #3EB780;
}
.accordion.accordion-border-danger .accordion-item {
  border: 1px solid #FF0000;
}
.accordion.accordion-border-danger .accordion-button {
  background-color: #ffffff;
  color: #FF0000;
  border-block-end: 0px;
}
.accordion.accordion-border-danger .accordion-button:after {
  background-color: #ffffff;
  color: #FF0000;
  border: 1px solid #FF0000;
}
.accordion.accordion-border-danger .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #FF0000;
}
.accordion.accordion-border-warning .accordion-item {
  border: 1px solid #FFCA18;
}
.accordion.accordion-border-warning .accordion-button {
  background-color: #ffffff;
  color: #FFCA18;
  border-block-end: 0px;
}
.accordion.accordion-border-warning .accordion-button:after {
  background-color: #ffffff;
  color: #FFCA18;
  border: 1px solid #FFCA18;
}
.accordion.accordion-border-warning .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #FFCA18;
}
.accordion.accordion-border-info .accordion-item {
  border: 1px solid #155EEF;
}
.accordion.accordion-border-info .accordion-button {
  background-color: #ffffff;
  color: #155EEF;
  border-block-end: 0px;
}
.accordion.accordion-border-info .accordion-button:after {
  background-color: #ffffff;
  color: #155EEF;
  border: 1px solid #155EEF;
}
.accordion.accordion-border-info .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #155EEF;
}
.accordion.accordionicon-none .accordion-button:after {
  display: none;
}
.accordion.accordionicon-left .accordion-button {
  padding-inline-start: 2.5rem;
}
.accordion.accordionicon-left .accordion-button:after {
  position: absolute;
  inset-inline-start: 0.625rem;
}
.accordion.accordion-customicon1 .accordion-button:after {
  content: "+";
  font-family: "Fontawesome";
  background-color: #f7f8f9;
}
.accordion.accordion-customicon1 .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Fontawesome";
  background-color: #ffffff;
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-button {
  background-color: rgba(79, 70, 229, 0.1);
  border-inline-start: 0.25rem solid rgba(79, 70, 229, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-button:after {
  background-color: rgba(79, 70, 229, 0.6);
  color: #ffffff;
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-body {
  background-color: rgba(79, 70, 229, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(79, 70, 229, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-button {
  background-color: rgba(9, 44, 76, 0.1);
  border-inline-start: 0.25rem solid rgba(9, 44, 76, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-button:after {
  background-color: rgba(9, 44, 76, 0.6);
  color: #ffffff;
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-body {
  background-color: rgba(9, 44, 76, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(9, 44, 76, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-button {
  background-color: rgba(255, 202, 24, 0.1);
  border-inline-start: 0.25rem solid rgba(255, 202, 24, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-button:after {
  background-color: rgba(255, 202, 24, 0.6);
  color: #ffffff;
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-body {
  background-color: rgba(255, 202, 24, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(255, 202, 24, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-button {
  background-color: rgba(21, 94, 239, 0.1);
  border-inline-start: 0.25rem solid rgba(21, 94, 239, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-button:after {
  background-color: rgba(21, 94, 239, 0.6);
  color: #ffffff;
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-body {
  background-color: rgba(21, 94, 239, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(21, 94, 239, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-button {
  background-color: rgba(62, 183, 128, 0.1);
  border-inline-start: 0.25rem solid rgba(62, 183, 128, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-button:after {
  background-color: rgba(62, 183, 128, 0.6);
  color: #ffffff;
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-body {
  background-color: rgba(62, 183, 128, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(62, 183, 128, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-button {
  background-color: rgba(255, 0, 0, 0.1);
  border-inline-start: 0.25rem solid rgba(255, 0, 0, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-button:after {
  background-color: rgba(255, 0, 0, 0.6);
  color: #ffffff;
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-body {
  background-color: rgba(255, 0, 0, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(255, 0, 0, 0.6);
}
.page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "\ea65");
  font-family: "tabler-icons" !important;
}
[dir=rtl] .page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "\ea64");
  font-family: "tabler-icons" !important;
}
.breadcrumb .breadcrumb-item a {
  color: #9595b5;
}
.breadcrumb .breadcrumb-item.active {
  color: #4F46E5;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #9595b5;
  opacity: 0.4;
}
.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before {
  color: #9595b5;
  content: "\f101";
  font-family: "Fontawesome" !important;
}
.breadcrumb-pipe .breadcrumb-item + .breadcrumb-item::before {
  color: #9595b5;
  content: "\f061";
  font-family: "Fontawesome" !important;
}
.breadcrumb-line .breadcrumb-item + .breadcrumb-item::before {
  color: #9595b5;
  content: "-";
}
.breadcrumb-dot .breadcrumb-item + .breadcrumb-item::before {
  color: #9595b5;
  content: "\2022";
}
.breadcrumb-divide .breadcrumb-item + .breadcrumb-item::before {
  color: #9595b5;
  content: "\f054";
  font-family: "Fontawesome" !important;
}
.breadcrumb-separatorless .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: none;
}
.breadcrumb-colored {
  padding: 12px 15px;
  border-radius: 4px;
}
.breadcrumb-colored li a {
  color: #ffffff;
}
.breadcrumb-colored .breadcrumb-item a {
  color: #ffffff;
}
.breadcrumb-colored .breadcrumb-item.active {
  color: #ffffff;
  opacity: 0.8;
}
.breadcrumb-colored .breadcrumb-item + .breadcrumb-item a {
  color: #ffffff;
}
.breadcrumb-colored .breadcrumb-item + .breadcrumb-item::before {
  color: #ffffff;
}
.embedded-breadcrumb:before {
  opacity: 0.7;
}
[data-theme-mode=dark] .embedded-breadcrumb:before {
  filter: invert(1);
}
.card {
  margin-bottom: 1.5rem;
  background-color: #ffffff;
  transition: all 0.5s ease-in-out;
  position: relative;
  border-radius: 8px;
  border: 1px solid #E6EAED;
  box-shadow: none;
  color: inherit;
}
.card .card-body {
  padding: 1.25rem;
}
.card .card-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  color: #212B36;
}
.card .card-header {
  border-color: #E6EAED;
  position: relative;
  background: transparent;
  padding: 1rem 1.25rem 1rem;
}
.card .card-header .card-title {
  margin-bottom: 0rem;
}
.card .card-header .subtitle {
  padding-top: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.card .card-footer {
  border-color: #E6EAED;
  background: transparent;
  padding: 1rem 1.25rem 1rem;
}
.card-group .card {
  margin-bottom: 1.5rem;
}
.card.custom-card {
  border-radius: 4px;
  border: 0;
  background-color: #ffffff;
  position: relative;
  margin-block-end: 1.5rem;
  width: 100%;
}
.card.custom-card .card-header {
  padding: 1rem 1.25rem;
  background-color: transparent !important;
  border-block-end: 1px solid #E6EAED;
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.card.custom-card .card-header:first-child {
  border-radius: 0.625rem 0.625rem 0 0;
}
.card.custom-card .card-header .card-title {
  position: relative;
  margin-block-end: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: capitalize;
}
.card.custom-card .card-header .card-title .subtitle {
  margin-block-end: 0;
  text-transform: initial;
}
.card.custom-card .card-footer {
  background-color: transparent !important;
  border-block-start: 1px solid #E6EAED;
  padding: 1rem 1.5rem;
  font-size: 14px;
}
.card.custom-card .card-body {
  padding: 1.5rem;
  color: #646B72;
}
.card.custom-card .card-link {
  font-size: 0.75rem;
}
.card .card-text {
  font-size: 0.813rem;
}
.card .footer-card-icon {
  width: 60px;
  height: 60px;
}
.card.overlay-card {
  position: relative;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
}
.card.overlay-card .card-header {
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
}
.card.overlay-card .card-footer {
  border-block-start: 1px solid rgba(255, 255, 255, 0.1);
}
.card.overlay-card .over-content-bottom {
  top: auto;
}
.card.overlay-card:before {
  content: "";
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.card.card-bg-primary {
  background-color: #4F46E5;
  color: #ffffff;
}
.card.card-bg-primary .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-primary .card-header:before {
  background-color: #ffffff;
}
.card.card-bg-primary .card-body {
  color: #ffffff;
}
.card.card-bg-primary .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-secondary {
  background-color: #092C4C;
  color: #ffffff;
}
.card.card-bg-secondary .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-secondary .card-header:before {
  background-color: #ffffff;
}
.card.card-bg-secondary .card-body {
  color: #ffffff;
}
.card.card-bg-secondary .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-warning {
  background-color: #FFCA18;
  color: #ffffff;
}
.card.card-bg-warning .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-warning .card-header:before {
  background-color: #ffffff;
}
.card.card-bg-warning .card-body {
  color: #ffffff;
}
.card.card-bg-warning .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-info {
  background-color: #155EEF;
  color: #ffffff;
}
.card.card-bg-info .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-info .card-header:before {
  background-color: #ffffff;
}
.card.card-bg-info .card-body {
  color: #ffffff;
}
.card.card-bg-info .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-success {
  background-color: #3EB780;
  color: #ffffff;
}
.card.card-bg-success .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-success .card-header:before {
  background-color: #ffffff;
}
.card.card-bg-success .card-body {
  color: #ffffff;
}
.card.card-bg-success .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-danger {
  background-color: #FF0000;
  color: #ffffff;
}
.card.card-bg-danger .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-danger .card-header:before {
  background-color: #ffffff;
}
.card.card-bg-danger .card-body {
  color: #ffffff;
}
.card.card-bg-danger .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-light {
  background-color: #F9FAFB;
  color: #646B72;
}
.card.card-bg-light .card-header {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #646B72;
  border-block-end: #E6EAED;
}
.card.card-bg-light .card-body {
  color: #646B72;
}
.card.card-bg-light .card-footer {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #646B72;
  border-block-start: #E6EAED;
}
.card.card-bg-dark {
  background-color: #1B2850;
  color: #ffffff;
}
.card.card-bg-dark .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-dark .card-header:before {
  background-color: #ffffff;
}
.card.card-bg-dark .card-body {
  color: #ffffff;
}
.card.card-bg-dark .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card .card-anchor {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
}
.card .collapse-close {
  display: none;
}
.card.card .collapsed .collapse-close {
  display: block;
}
.card.card .collapsed .collapse-open {
  display: none;
}
.card.card-fullscreen {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-start: 0;
  bottom: 0;
  z-index: 9999;
  margin: 0;
}
.cals-icon {
  font-size: 50px;
  color: #7A8086;
}
.callout {
  padding: 1.25rem;
  margin-block-start: 1.25rem;
  margin-block-end: 1.25rem;
  background-color: #F9FAFB;
  border-inline-start: 0.25rem solid #E6EAED;
}
.callout-info {
  background-color: rgba(21, 94, 239, 0.075);
  border-color: rgba(21, 94, 239, 0.5);
}
.callout-warning {
  background-color: rgba(255, 202, 24, 0.075);
  border-color: rgba(255, 202, 24, 0.5);
}
.callout-danger {
  background-color: rgba(255, 0, 0, 0.075);
  border-color: rgba(255, 0, 0, 0.5);
}
.btn-facebook {
  background-color: #3B5998;
  color: #ffffff;
  border: 1px solid #3B5998;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
  background-color: #3B5998 !important;
  color: #ffffff !important;
  border: 1px solid #3B5998 !important;
}
.btn-instagram {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background:
    linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1);
  color: #ffffff;
  border: 1px solid transparent;
}
.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active {
  color: #ffffff;
  border: 1px solid transparent;
}
.btn-twitter {
  background-color: #00ACEE;
  color: #ffffff;
  border: 1px solid #00ACEE;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
  background-color: #00ACEE !important;
  color: #ffffff !important;
  border: 1px solid #00ACEE !important;
}
.btn-icon {
  width: 2.313rem;
  height: 2.313rem;
  font-size: 0.95rem;
  flex-shrink: 0;
}
.btn-wave {
  display: inline-block !important;
}
@media (max-width: 575px) {
  .overlay-card .card-text {
    font-size: 0.613rem !important;
  }
}
@media (max-width: 400px) {
  .overlay-card .card-text {
    font-size: 0.413rem !important;
  }
}
.tooltip.tooltip-primary .tooltip-inner {
  background-color: #4F46E5;
}
.tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-primary.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #4F46E5;
}
.tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-primary.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #4F46E5;
}
.tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-primary.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #4F46E5;
}
.tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-primary.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: #4F46E5;
}
.tooltip.tooltip-secondary .tooltip-inner {
  background-color: #092C4C;
}
.tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-secondary.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #092C4C;
}
.tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #092C4C;
}
.tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-secondary.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #092C4C;
}
.tooltip.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: #092C4C;
}
.tooltip.tooltip-warning .tooltip-inner {
  background-color: #FFCA18;
}
.tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-warning.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #FFCA18;
}
.tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-warning.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #FFCA18;
}
.tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-warning.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #FFCA18;
}
.tooltip.tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-warning.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: #FFCA18;
}
.tooltip.tooltip-info .tooltip-inner {
  background-color: #155EEF;
}
.tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-info.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #155EEF;
}
.tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-info.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #155EEF;
}
.tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-info.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #155EEF;
}
.tooltip.tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-info.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: #155EEF;
}
.tooltip.tooltip-success .tooltip-inner {
  background-color: #3EB780;
}
.tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-success.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #3EB780;
}
.tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-success.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #3EB780;
}
.tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-success.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #3EB780;
}
.tooltip.tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-success.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: #3EB780;
}
.tooltip.tooltip-danger .tooltip-inner {
  background-color: #FF0000;
}
.tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-danger.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #FF0000;
}
.tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-danger.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #FF0000;
}
.tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-danger.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #FF0000;
}
.tooltip.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-danger.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: #FF0000;
}
.tooltip.tooltip-dark .tooltip-inner {
  background-color: #1B2850;
}
.tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-dark.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #1B2850;
}
.tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-dark.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #1B2850;
}
.tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-dark.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #1B2850;
}
.tooltip.tooltip-dark.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-dark.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: #1B2850;
}
.tooltip.tooltip-dark .tooltip-inner {
  color: #ffffff;
}
.tooltip.tooltip-light .tooltip-inner {
  background-color: #F9FAFB;
}
.tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip.tooltip-light.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #F9FAFB;
}
.tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.tooltip.tooltip-light.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #F9FAFB;
}
.tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.tooltip.tooltip-light.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #F9FAFB;
}
.tooltip.tooltip-light.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip.tooltip-light.bs-tooltip-end .tooltip-arrow::before {
  border-bottom-color: #F9FAFB;
}
.tooltip.tooltip-light .tooltip-inner {
  color: #646B72;
}
.nav-item {
  margin-inline-end: 0.5rem;
}
.nav-item:last-child {
  margin-inline-end: 0;
}
.nav-link {
  color: #646B72;
  border-radius: 4px;
  font-weight: 600;
}
.nav-link.active {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
.navbar-brand {
  color: #646B72;
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: #646B72;
  opacity: 0.9;
}
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: #4F46E5;
}
.nav-link.disabled {
  color: #646B72;
  opacity: 0.3;
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color: rgba(27, 40, 80, 0.5);
}
.navbar-text {
  color: #646B72;
}
.navbar-dark.bg-dark .nav-link,
.navbar-dark.bg-dark .navbar-brand {
  color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #ffffff;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #4F46E5;
  background: #EEF2FF;
}
.nav.nav-style-1 {
  border: 0;
}
.nav.nav-style-1 .nav-item {
  margin-inline-end: 0.25rem;
}
.nav.nav-style-1 .nav-item:last-child {
  margin-inline-end: 0;
}
.nav.nav-style-1 .nav-link.active {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
.nav.nav-style-1 .nav-link.active:hover {
  background: rgba(79, 70, 229, 0.1);
}
.nav.nav-style-1 .nav-link:hover {
  background: transparent;
  color: #4F46E5;
}
.nav.nav-style-2 .nav-item .nav-link {
  border-block-start: 3px solid transparent;
}
.nav.nav-style-2 .nav-item .nav-link.active {
  background-color: rgba(79, 70, 229, 0.1);
  border-block-start: 3px solid #4F46E5;
  color: #4F46E5;
}
.nav.nav-style-3 .nav-link {
  border-radius: 0;
}
.nav.nav-style-3 .nav-link {
  border-block-end: 3px solid transparent;
}
.nav.nav-style-3 .nav-link.active {
  background-color: transparent;
  border-block-end: 3px solid #4F46E5;
  color: #4F46E5;
}
.nav.nav-style-4 {
  border: 0;
}
.nav.nav-style-4 .nav-link {
  color: #9595b5;
  border: 0;
}
.nav.nav-style-4 .nav-link {
  margin-bottom: 3px;
}
.nav.nav-style-4 .nav-link.active {
  background-color: #F9FAFB;
  color: #646B72;
  border: 0;
}
.nav.nav-style-4 .nav-link:hover,
.nav.nav-style-4 .nav-link:focus {
  border: 0;
}
.nav.nav-style-4 .nav-link:hover {
  background-color: #F9FAFB;
  color: #646B72;
}
.nav-tabs.nav-style-5 {
  border: 0;
}
.nav-tabs.nav-style-5 .nav-link {
  color: #9595b5;
  border: 0;
  margin-bottom: 3px;
}
.nav-tabs.nav-style-5 .nav-link.active {
  background-color: #4F46E5;
  color: #ffffff;
  border: 0;
}
.nav-tabs.nav-style-5 .nav-link:hover,
.nav-tabs.nav-style-5 .nav-link:focus {
  border: 0;
  background-color: #4F46E5;
  color: #ffffff;
}
.nav-style-6 {
  border: 0;
}
.nav-style-6.nav-pills .nav-link.active {
  border: 1px solid #4F46E5;
  border-block-end: 2px solid #4F46E5;
  background-color: transparent;
  color: #4F46E5;
}
.nav-tabs-header {
  border: 0 !important;
}
.nav-tabs-header .nav-item {
  margin-inline-end: 0.5rem;
}
.nav-tabs-header .nav-item:last-child {
  margin-inline-end: 0;
}
.nav-tabs-header .nav-item .nav-link {
  border: 1px solid transparent;
  font-size: 0.8rem;
  padding: 0.4rem 0.5rem;
  font-weight: 500;
}
.nav-tabs-header .nav-item .nav-link.active {
  background: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
  border: 1px solid transparent;
}
.nav-tabs-header .nav-item .nav-link:hover,
.nav-tabs-header .nav-item .nav-link:focus {
  border: 1px solid transparent;
  background-color: transparent;
  color: #4F46E5;
}
.nav-tabs-footer {
  border: 0;
}
.nav-tabs-footer .nav-item {
  margin-inline-end: 0.5rem;
}
.nav-tabs-footer .nav-item:last-child {
  margin-inline-end: 0;
}
.nav-tabs-footer .nav-item .nav-link {
  background-color: transparent;
  color: #4F46E5;
  border: 1px solid #4F46E5;
  font-size: 0.8rem;
}
.nav-tabs-footer .nav-item .nav-link.active {
  background: #4F46E5;
  color: #ffffff;
  border: 1px solid #4F46E5;
}
.nav-tabs-footer .nav-item .nav-link:hover,
.nav-tabs-footer .nav-item .nav-link:focus {
  border: 1px solid #4F46E5;
  background-color: transparent;
  color: #4F46E5;
}
.vertical-tabs-2 {
  border: 0;
}
.vertical-tabs-2 .nav-item {
  margin-inline-end: 0.5rem;
}
.vertical-tabs-2 .nav-item:last-child {
  margin-inline-end: 0;
}
.vertical-tabs-2 .nav-item .nav-link {
  min-width: 7.5rem;
  max-width: 7.5rem;
  text-align: center;
  border: 1px solid #E6EAED;
  margin-bottom: 0.5rem;
  color: #9595b5;
  background-color: #F9FAFB;
}
.vertical-tabs-2 .nav-item .nav-link i {
  font-size: 1rem;
}
.vertical-tabs-2 .nav-item .nav-link.active {
  background-color: #4F46E5;
  color: #ffffff;
  position: relative;
}
.vertical-tabs-2 .nav-item .nav-link.active:before {
  content: "";
  position: absolute;
  inset-inline-end: -0.5rem;
  inset-block-start: 38%;
  transform: rotate(45deg);
  width: 1rem;
  height: 1rem;
  background-color: #4F46E5;
}
.vertical-tabs-2 .nav-item .nav-link.active:hover {
  color: #ffffff;
}
.vertical-tabs-2 .nav-item .nav-link:hover {
  color: #4F46E5;
}
.vertical-tabs-3 {
  border: 0;
}
.vertical-tabs-3 .nav-item {
  border: 0;
  margin-inline-end: 0.5rem;
}
.vertical-tabs-3 .nav-item:last-child {
  margin-inline-end: 0;
}
.vertical-tabs-3 .nav-item .nav-link {
  min-width: 160px;
  max-width: 160px;
  border: 1px solid #4F46E5;
  padding: 1.3rem;
  margin-block-end: 0.5rem;
}
.vertical-tabs-3 .nav-item .nav-link i {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1rem;
  background: #4F46E5;
  color: #ffffff;
  border-radius: 3.125rem;
  font-weight: 500;
}
.vertical-tabs-3 .nav-item .nav-link.active {
  background: #4F46E5;
  border: 1px solid #4F46E5;
  color: #ffffff;
}
.vertical-tabs-3 .nav-item .nav-link.active:hover {
  background: #4F46E5;
  border: 1px solid #4F46E5;
  color: #ffffff;
}
.vertical-tabs-3 .nav-item .nav-link.active i {
  background: #ffffff;
  color: #4F46E5;
}
.vertical-tabs-3 .nav-item .nav-link:hover,
.vertical-tabs-3 .nav-item .nav-link:focus {
  border: 1px solid #4F46E5;
  color: #4F46E5;
  background: transparent;
}
.nav.tab-style-1 {
  border-block-end: 0;
  padding: 0.65rem;
  background-color: #F9FAFB;
  border-radius: 7px;
  margin-block-end: 1rem;
}
.nav.tab-style-1 .nav-item {
  margin-inline-end: 0.5rem;
}
.nav.tab-style-1 .nav-item:last-child {
  margin-inline-end: 0;
}
.nav.tab-style-1 .nav-link {
  border-radius: 7px;
  padding: 0.35rem 1rem;
}
.nav.tab-style-1 .nav-link.active {
  background-color: #4F46E5 !important;
  color: #ffffff !important;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  transition: color 0.15s ease-in;
}
.nav-tabs.tab-style-1 .nav-link:hover {
  background: transparent;
  color: #4F46E5;
}
.tab-style-2 {
  border-block-end: 0;
}
.tab-style-2 .nav-item {
  margin-inline-end: 0.5rem;
}
.tab-style-2 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-2 .nav-item .nav-link {
  border: 0;
}
.tab-style-2 .nav-item .nav-link i {
  width: 1.875rem;
  height: 1.875rem;
  padding: 0.4rem;
  border-radius: 50px;
  background-color: #F9FAFB;
  color: #646B72;
  display: inline-block;
}
.tab-style-2 .nav-item .nav-link:hover {
  border: 0;
  background: transparent;
  color: #4F46E5;
}
.tab-style-2 .nav-item .nav-link:hover i {
  color: #4F46E5;
}
.tab-style-2 .nav-item .nav-link.active {
  background-color: transparent;
  position: relative;
  border: 0;
  color: #4F46E5;
}
.tab-style-2 .nav-item .nav-link.active i {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
.tab-style-2 .nav-item .nav-link.active:before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  width: 100%;
  height: 0.175rem;
  background-color: #4F46E5;
  border-radius: 50px;
}
.tab-style-3 {
  border-block-end: 0;
}
.tab-style-3 .nav-item {
  position: relative;
  margin-inline-end: 0.5rem;
}
.tab-style-3 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-3 .nav-item .nav-link {
  position: relative;
  border: 0;
  font-size: 0.75rem;
}
.tab-style-3 .nav-item .nav-link:before {
  position: absolute;
  content: "";
  inset-block-end: -1.063rem;
  inset-inline-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #F9FAFB;
  border-radius: 50%;
}
.tab-style-3 .nav-item .nav-link:after {
  position: absolute;
  content: "";
  inset-block-end: -2rem;
  inset-inline-start: 1.75rem;
  inset-inline-end: 0;
  inset-inline-start: 30%;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
  border: 2px solid #E6EAED;
}
.tab-style-3 .nav-item .nav-link.home:after {
  content: "1";
}
.tab-style-3 .nav-item .nav-link.about:after {
  content: "2";
}
.tab-style-3 .nav-item .nav-link.services:after {
  content: "3";
}
.tab-style-3 .nav-item .nav-link:hover {
  border: 0;
  background: transparent;
  color: #4F46E5;
}
.tab-style-3 .nav-item .nav-link.active {
  background-color: transparent;
  border: 0;
  color: #4F46E5;
}
.tab-style-3 .nav-item .nav-link.active:before {
  background-color: #4F46E5;
}
.tab-style-3 .nav-item .nav-link.active:after {
  border-color: #4F46E5;
  color: #4F46E5;
}
.tab-style-4.nav-tabs {
  border: 0;
}
.tab-style-4.nav-tabs .nav-item {
  margin-inline-end: 0.5rem;
}
.tab-style-4.nav-tabs .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-4.nav-tabs .nav-link {
  border: 0;
}
.tab-style-4.nav-tabs .nav-link:hover {
  border: 0;
  background: transparent;
  color: #4F46E5;
}
.tab-style-4.nav-tabs .nav-link.active {
  background-color: transparent;
  border: 0;
  color: #4F46E5;
  position: relative;
  overflow: hidden;
}
.tab-style-4.nav-tabs .nav-link.active::before {
  position: absolute;
  content: "";
  width: 0.75rem;
  inset-block-start: 31px;
  transform: rotate(45deg);
  inset-inline-start: 47%;
  overflow: hidden;
  z-index: 1;
  height: 0.75rem;
  background-color: #4F46E5;
  border: 1px solid #4F46E5;
}
.tab-style-4.nav-tabs .nav-link.active:after {
  position: absolute;
  content: "";
  width: 40%;
  height: 1px;
  inset-inline-start: 30%;
  inset-block-end: 0;
  background-color: #4F46E5;
}
#tab-style-4 .tab-pane.active {
  border: 1px solid #4F46E5;
  background-color: #4F46E5;
  color: #ffffff;
  padding: 16px;
  border-radius: 7px;
}
.tab-style-5 .nav-item {
  margin-inline-end: 0.5rem;
}
.tab-style-5 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-5 .nav-item .nav-link.active {
  background: #4F46E5;
}
.tab-style-6 {
  border: 0;
  background-color: #ffffff;
  border-radius: 7px;
  color: #4F46E5;
  padding: 0.5rem;
}
.tab-style-6 .nav-item {
  border: 0;
  margin-inline-end: 0.5rem;
}
.tab-style-6 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-6 .nav-item .nav-link {
  color: #4F46E5;
  padding: 0.5rem 1rem;
  font-size: 0.813rem;
  border: 0;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.tab-style-6 .nav-item .nav-link.active {
  border: 0;
  background-color: #4F46E5;
  color: #ffffff;
  border: 0;
  box-shadow: 0px 3px 10px 0px rgba(var(--dark-rgb), 0.05);
}
.tab-style-6 .nav-item .nav-link:hover,
.tab-style-6 .nav-item .nav-link:focus {
  border: 0;
}
.tab-style-7 .nav-link {
  margin-block-end: 0.5rem;
  font-size: 0.813rem;
  color: #9595b5;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.tab-style-7 .nav-link:active,
.tab-style-7 .nav-link.active {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
.nav-style-1 .nav-item .nav-link.active {
  background-color: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
@media screen and (max-width: 400px) {
  .tab-style-4 .nav-link {
    padding-inline: 0.5rem;
  }
}
.nav-tabs {
  border-bottom: 0;
}
.nav-tabs.nav-tabs-bottom li {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link.active {
  border-color: #A6AAAF;
}
.nav-tabs li a {
  color: #646B72;
  border-bottom-width: 2px;
}
.nav-tabs li a.active {
  border-color: transparent;
  border-bottom-color: #4F46E5;
  background-color: transparent;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.nav-tabs .nav-tabs-solid {
  background-color: #ffffff;
  border: 0;
}
.nav-tabs .nav-tabs-solid .active {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
}
.nav-tabs .nav-link:hover {
  border-color: transparent;
  color: #4F46E5;
}
.nav-tabs.nav-tabs-top li a {
  border-width: 2px 0 0 0;
}
.nav-tabs.nav-tabs-top li a.active {
  border-top-color: #4F46E5;
  border-radius: 0;
}
.nav-tabs.nav-tabs-top li a:hover {
  border-top-color: #4F46E5;
  background-color: transparent;
  border-radius: 0;
}
.nav-tabs.nav-tabs-bottom li a {
  border-width: 0 0 2px 0;
}
.nav-tabs.nav-tabs-bottom li a.active,
.nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: #4F46E5;
  background: transparent;
  border-radius: 0;
}
.nav-tabs.nav-tabs-solid {
  background-color: #ffffff;
  border: 0;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded li a.active {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
  border-radius: 50px;
}
.nav-tabs.nav-tabs-solid li a.active {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
  border-radius: 0;
}
.nav-link:hover {
  color: #4F46E5;
}
.page-menu .nav-tabs li a {
  font-size: 16px;
}
.tabs-set .nav-tabs {
  border-bottom: 0;
  margin-bottom: 20px;
}
.tabs-set .nav-tabs .nav-link {
  color: #092C4C;
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  min-width: 120px;
  margin-right: 10px;
  border-radius: 8px;
  background: var(--Stroke, rgba(145, 158, 171, 0.3));
}
.tabs-set .nav-tabs .nav-link:focus {
  border-color: transparent;
}
.tabs-set .nav-tabs .nav-link:hover {
  border-color: transparent;
}
.tabs-set .nav-tabs .nav-link.active {
  border: 0;
  border-bottom: 2px solid #4F46E5;
  background: #4F46E5;
  color: #ffffff;
}
.tabs-sets .nav-tabs {
  border-bottom: 0;
  margin-bottom: 16px;
}
.tabs-sets .nav-tabs .nav-link {
  color: #212B36;
  font-size: 12px;
  font-weight: 500;
  border: 0;
  background: #F9FAFB;
  padding: 7px 12px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tabs-sets .nav-tabs .nav-link:focus,
.tabs-sets .nav-tabs .nav-link:hover,
.tabs-sets .nav-tabs .nav-link.active {
  background: #4F46E5;
  color: #ffffff !important;
}
@media (max-width: 767.98px) {
  .nav-tabs {
    border-bottom: 0;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #eee;
    padding: 5px 0;
    border-radius: 3px;
  }
}
.nav-pills.list .nav-link.active {
  background-color: transparent;
  color: #646B72;
}
.nav-pills.list .nav-link {
  background-color: transparent;
  color: #646B72;
}
.nav-pills.list .nav-item button {
  position: relative;
}
.nav-pills.list .nav-item button::before {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 12px;
}
.nav-pills.list .nav-item button.active::after {
  content: "";
  width: 7px;
  height: 7px;
  background: #4F46E5;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  left: 16px;
}
.nav-pills.list .nav-item button.active::before {
  border-color: #4F46E5;
}
.single-pill-product .nav-link {
  padding: 0;
}
.single-pill-product .nav-pills.list .nav-item button::before {
  top: 2px;
  left: 0px;
}
.single-pill-product .nav-pills.list .nav-item button.active::after {
  top: 6px !important;
  left: 4px !important;
}
.single-pill-product .form-check-label {
  cursor: pointer;
}
.ribbon1 {
  position: absolute;
  inset-block-start: -6.1px;
  inset-inline-end: 10px;
  color: #ffffff;
  z-index: 1;
}
.ribbon1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-inline-start: 20px solid transparent;
  border-inline-end: 24px solid transparent;
  border-block-start: 13px solid #FF0000;
}
.ribbon1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #FF0000;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-start-end-radius: 8px;
}
.ribbon1 span:before,
.ribbon1 span:after {
  position: absolute;
  content: "";
}
.ribbon1 span:before {
  height: 6px;
  width: 6px;
  inset-inline-start: -6px;
  inset-block-start: 0;
  background: #FF0000;
}
.ribbon1 span:after {
  height: 6px;
  width: 8px;
  inset-inline-start: -8px;
  inset-block-start: 0;
  border-radius: 8px 8px 0 0;
  background: #FF0000;
}
.ribbone {
  width: 100%;
  position: relative;
  background-size: cover;
  text-transform: uppercase;
  color: #ffffff;
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  z-index: 6;
}
.ribbone::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid;
}
.ribbone::before {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid;
}
.ribbone span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 3px 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: capitalize;
  text-align: center;
  font-size: 11px;
}
.ribbone1 {
  position: absolute;
  inset-block-start: -6.1px;
  inset-inline-start: 10px;
  z-index: 1;
}
.ribbone1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-inline-start: 20px solid transparent;
  border-inline-end: 24px solid transparent;
  border-block-start: 13px solid #FF0000;
}
.ribbone1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #FF0000;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-start-end-radius: 8px;
}
.ribbone1 span:after {
  position: absolute;
  content: "";
  height: 6px;
  width: 8px;
  inset-inline-start: -8px;
  inset-block-start: 0;
  border-radius: 8px 8px 0 0;
  background: #FF0000;
}
.ribbone1 span:before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  inset-inline-start: -6px;
  inset-block-start: 0;
  background: #FF0000;
}
.arrow-ribbone-left {
  color: #ffffff;
  padding: 2px 8px;
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: 0;
  z-index: 6;
  font-size: 13px;
}
.arrow-ribbone-left.bg-purple:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -12px;
  border-block-start: 12px solid transparent;
  border-inline-start: 12px solid #6938EF;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-left.bg-danger:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -12px;
  border-block-start: 112px solid transparent;
  border-inline-start: 12px solid #FF0000;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-left.bg-primary:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -12px;
  border-block-start: 12px solid transparent;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-left.bg-secondary:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -12px;
  border-block-start: 12px solid transparent;
  border-inline-start: 12px solid #092C4C;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-left.bg-success:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -12px;
  border-block-start: 12px solid transparent;
  border-inline-start: 12px solid #4F46E5;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-left.bg-info:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -12px;
  border-block-start: 12px solid transparent;
  border-inline-start: 12px solid #155EEF;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-left.bg-warning:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -12px;
  border-block-start: 12px solid transparent;
  border-inline-start: 12px solid #FFCA18;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-left.bg-pink:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -12px;
  border-block-start: 12px solid transparent;
  border-inline-start: 12px solid #DD2590;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-left.bg-teal:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-inline-end: 12px solid #0E9384;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-right {
  color: #ffffff;
  padding: 2px 8px;
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 0;
  z-index: 6;
  font-size: 13px;
}
.arrow-ribbone-right.bg-purple:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-inline-end: 12px solid #6938EF;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-right.bg-danger:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-inline-end: 12px solid #FF0000;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-right.bg-primary:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-right.bg-secondary:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-inline-end: 12px solid #092C4C;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-right.bg-success:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-inline-end: 12px solid #4F46E5;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-right.bg-info:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-inline-end: 12px solid #155EEF;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-right.bg-warning:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-inline-end: 12px solid #FFCA18;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-right.bg-pink:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-inline-end: 12px solid #DD2590;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone-right.bg-teal:before {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-start: -12px;
  border-block-start: 12px solid transparent;
  border-inline-end: 12px solid #0E9384;
  border-block-end: 11px solid transparent;
  width: 0;
}
.arrow-ribbone2 {
  color: #ffffff;
  padding: 3px 8px;
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: -1px;
  z-index: 6;
  font-size: 30px;
}
.arrow-ribbone2:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -24px;
  border-block-start: 24px solid transparent;
  border-block-end: 24px solid transparent;
  width: 0;
}
.power-ribbone {
  width: 56px;
  height: 56px;
  overflow: hidden;
  position: absolute;
  z-index: 6;
}
.power-ribbone span {
  position: absolute;
  display: block;
  width: 82px;
  padding: 8px 0;
  color: #ffffff;
  font: 500 16px/1 Lato, sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: capitalize;
  text-align: center;
}
.power-ribbone-top-left {
  inset-block-start: -6px;
  inset-inline-start: -9px;
}
.power-ribbone-top-left span {
  inset-inline-end: -5px;
  inset-block-start: 1px;
  transform: rotate(-45deg);
}
.power-ribbone-top-left span i {
  transform: rotate(45deg);
  padding-block-start: 2px;
  padding-inline-start: 7px;
}
.power-ribbone-bottom-left {
  inset-block-end: -6px;
  inset-inline-start: -9px;
}
.power-ribbone-bottom-left span {
  inset-inline-end: -5px;
  inset-block-end: 1px;
  transform: rotate(45deg);
}
.power-ribbone-bottom-left span i {
  transform: rotate(-45deg);
  padding-block-end: 2px;
  padding-inline-start: 7px;
}
.power-ribbone-top-right {
  inset-block-start: -6px;
  inset-inline-end: -9px;
}
.power-ribbone-top-right span {
  inset-inline-start: -5px;
  inset-block-start: 1px;
  transform: rotate(45deg);
}
.power-ribbone-top-right span i {
  transform: rotate(-45deg);
  padding-block-start: 2px;
  padding-inline-end: 7px;
}
.power-ribbone-bottom-right {
  inset-block-end: -6px;
  inset-inline-end: -9px;
}
.power-ribbone-bottom-right span {
  inset-inline-start: -5px;
  inset-block-end: 1px;
  transform: rotate(-45deg);
}
.power-ribbone-bottom-right span i {
  transform: rotate(45deg);
  padding-block-end: 2px;
  padding-inline-end: 7px;
}
.ribbone-top-left {
  inset-block-start: -10px;
  inset-inline-start: -10px;
}
.ribbone-top-left::after {
  border-block-start-color: transparent;
  border-inline-start-color: transparent;
  inset-block-end: 50px;
  inset-inline-start: 0;
}
.ribbone-top-left::before {
  border-block-start-color: transparent;
  border-inline-start-color: transparent;
  inset-block-start: 0;
  inset-inline-end: 50px;
}
.ribbone-top-left span {
  inset-inline-end: 0px;
  inset-block-start: 24px;
  transform: rotate(-45deg);
}
.ribbone-top-right {
  inset-block-start: -10px;
  inset-inline-end: -10px;
}
.ribbone-top-right::after {
  border-block-start-color: transparent;
  border-inline-end-color: transparent;
  inset-block-end: 50px;
  inset-inline-end: 0;
}
.ribbone-top-right::before {
  border-block-start-color: transparent;
  border-inline-end-color: transparent;
  inset-block-start: 0;
  inset-inline-start: 50px;
}
.ribbone-top-right span {
  inset-inline-start: 0px;
  inset-block-start: 24px;
  transform: rotate(45deg);
}
.ribbone-warning-right {
  position: absolute;
  inset-block-start: -8px;
  inset-inline-end: 10px;
  color: #ffffff;
}
.ribbone-warning-right:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-inline-start: 17px solid transparent;
  border-inline-end: 17px solid transparent;
  border-block-start: 10px solid #FFCA18;
  z-index: 6;
}
.ribbone-warning-right span {
  position: relative;
  display: block;
  text-align: center;
  background: #FFCA18;
  font-size: 13px;
  line-height: 1;
  padding: 10px 2px 5px;
  border-start-end-radius: 10px;
  z-index: 6;
}
.ribbone-warning-right span:after {
  position: absolute;
  content: "";
  inset-inline-end: -6px;
  background: #FFCA18;
  height: 6px;
  width: 10px;
  inset-inline-start: -9px;
  inset-block-start: 0;
  border-start-start-radius: 50px;
  border-start-end-radius: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.ribbone-warning-right span:before {
  position: absolute;
  content: "";
  height: 5px;
  width: 10px;
  inset-inline-start: -9px;
  inset-block-start: 3px;
  background: #FFCA18;
}
.ribbone-warning-right i {
  color: #ffffff;
  font-size: 16px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.ribbone-danger-right {
  position: absolute;
  inset-block-start: -8px;
  inset-inline-end: 10px;
  color: #ffffff;
}
.ribbone-danger-right:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-inline-start: 17px solid transparent;
  border-inline-end: 17px solid transparent;
  border-block-start: 10px solid #FF0000;
  z-index: 6;
}
.ribbone-danger-right span {
  position: relative;
  display: block;
  text-align: center;
  background: #FF0000;
  font-size: 13px;
  line-height: 1;
  padding: 10px 2px 5px;
  border-start-end-radius: 10px;
  z-index: 6;
}
.ribbone-danger-right span:after {
  position: absolute;
  content: "";
  inset-inline-end: -6px;
  background: #FF0000;
  height: 6px;
  width: 10px;
  inset-inline-start: -9px;
  inset-block-start: 0;
  border-start-start-radius: 50px;
  border-start-end-radius: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.ribbone-danger-right span:before {
  position: absolute;
  content: "";
  height: 5px;
  width: 10px;
  inset-inline-start: -9px;
  inset-block-start: 3px;
  background: #FF0000;
}
.ribbone-danger-right i {
  color: #ffffff;
  font-size: 16px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.ribbone-success-left {
  position: absolute;
  inset-block-start: -8px;
  inset-inline-start: 10px;
  color: #ffffff;
}
.ribbone-success-left:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-inline-start: 17px solid transparent;
  border-inline-end: 17px solid transparent;
  border-block-start: 10px solid #3EB780;
  z-index: 6;
}
.ribbone-success-left span {
  position: relative;
  display: block;
  text-align: center;
  background: #3EB780;
  font-size: 13px;
  line-height: 1;
  padding: 10px 2px 5px;
  border-start-start-radius: 10px;
  z-index: 6;
}
.ribbone-success-left span:after {
  position: absolute;
  content: "";
  inset-inline-end: -6px;
  background: #3EB780;
  height: 6px;
  width: 10px;
  inset-inline-end: -9px;
  inset-block-start: 0;
  border-start-start-radius: 0;
  border-start-end-radius: 50px;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.ribbone-success-left span:before {
  position: absolute;
  content: "";
  height: 5px;
  width: 10px;
  inset-inline-end: -9px;
  inset-block-start: 3px;
  background: #3EB780;
}
.ribbone-success-left i {
  color: #ffffff;
  font-size: 16px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.ribbone-info-left {
  position: absolute;
  inset-block-start: -8px;
  inset-inline-start: 10px;
  color: #ffffff;
}
.ribbone-info-left:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-inline-start: 17px solid transparent;
  border-inline-end: 17px solid transparent;
  border-block-start: 10px solid #155EEF;
  z-index: 6;
}
.ribbone-info-left span {
  position: relative;
  display: block;
  text-align: center;
  background: #155EEF;
  font-size: 13px;
  line-height: 1;
  padding: 10px 2px 5px;
  border-start-start-radius: 10px;
  z-index: 6;
}
.ribbone-info-left span:after {
  position: absolute;
  content: "";
  inset-inline-end: -6px;
  background: #155EEF;
  height: 6px;
  width: 10px;
  inset-inline-end: -9px;
  inset-block-start: 0;
  border-start-start-radius: 0;
  border-start-end-radius: 50px;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.ribbone-info-left span:before {
  position: absolute;
  content: "";
  height: 5px;
  width: 10px;
  inset-inline-end: -9px;
  inset-block-start: 3px;
  background: #155EEF;
}
.ribbone-info-left i {
  color: #ffffff;
  font-size: 16px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.bookmark-ribbone-success-left {
  position: absolute;
  inset-inline-start: 10px;
  color: #ffffff;
}
.bookmark-ribbone-success-left:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 6;
  inset-inline-start: 0;
  border-inline-start: 18px solid #3EB780;
  border-inline-end: 18px solid #3EB780;
  border-block-end: 10px solid transparent;
}
.bookmark-ribbone-success-left span {
  position: relative;
  display: block;
  text-align: center;
  background: #3EB780;
  font-size: 13px;
  line-height: 1;
  padding: 12px 3px 20px;
  z-index: 6;
}
.bookmark-ribbone-success-left i {
  color: #ffffff;
  font-size: 16px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.bookmark-ribbone-danger-left {
  position: absolute;
  inset-inline-start: 10px;
  color: #ffffff;
  width: 30px;
}
.bookmark-ribbone-danger-left:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 6;
  inset-inline-start: 0;
  border-inline-start: 15px solid #FF0000;
  border-inline-end: 15px solid #FF0000;
  border-block-end: 8px solid transparent;
}
.bookmark-ribbone-danger-left span {
  position: relative;
  display: block;
  text-align: center;
  background: #FF0000;
  font-size: 12px;
  line-height: 1;
  padding: 12px 0px;
  z-index: 6;
}
.bookmark-ribbone-danger-left i {
  color: #ffffff;
  font-size: 16px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.bookmark-ribbone-secondary-right {
  position: absolute;
  inset-inline-end: 10px;
  color: #ffffff;
  width: 30px;
}
.bookmark-ribbone-secondary-right:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 6;
  inset-inline-end: 0;
  border-inline-start: 15px solid #092C4C;
  border-inline-end: 15px solid #092C4C;
  border-block-end: 8px solid transparent;
}
.bookmark-ribbone-secondary-right span {
  position: relative;
  display: block;
  text-align: center;
  background: #092C4C;
  font-size: 11px;
  line-height: 1;
  padding: 12px 0px;
  z-index: 6;
}
.bookmark-ribbone-secondary-right i {
  color: #ffffff;
  font-size: 16px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.bookmark-sideleft-ribbone-success-left {
  position: absolute;
  inset-block-start: 10px;
  color: #ffffff;
}
.bookmark-sideleft-ribbone-success-left:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 6;
  inset-block-start: 0;
  inset-inline-end: -8px;
  border-block-start: 13px solid #3EB780;
  border-block-end: 13px solid #3EB780;
  border-inline-end: 8px solid transparent;
}
.bookmark-sideleft-ribbone-success-left span {
  position: relative;
  display: block;
  text-align: center;
  background: #3EB780;
  font-size: 11px;
  padding: 5px 13px;
  z-index: 6;
  height: 26px;
}
.bookmark-sideleft-ribbone-success-left i {
  color: #ffffff;
  font-size: 16px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.bookmark-sideright-ribbone-primary-right {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 0;
  color: #ffffff;
}
.bookmark-sideright-ribbone-primary-right:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 6;
  inset-block-start: 0;
  inset-inline-start: -8px;
  border-block-start: 13px solid #4F46E5;
  border-block-end: 13px solid #4F46E5;
  border-inline-start: 8px solid transparent;
}
.bookmark-sideright-ribbone-primary-right span {
  position: relative;
  display: block;
  text-align: center;
  background: #4F46E5;
  font-size: 11px;
  padding: 5px 13px;
  z-index: 6;
  height: 26px;
}
.bookmark-sideright-ribbone-primary-right i {
  color: #ffffff;
  font-size: 16px;
  padding-inline-start: 7px;
  padding-inline-end: 7px;
}
.ribbone-1 span:after {
  position: absolute;
  content: "";
}
.arrow-ribbone-2 {
  color: #ffffff;
  padding: 3px 8px;
  position: absolute;
  z-index: 6;
  font-size: 20px;
}
.arrow-ribbone-2:before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  content: "";
  inset-inline-end: -24px;
  border-block-start: 16px solid transparent;
  border-inline-start: 24px solid #6938EF;
  border-block-end: 16px solid transparent;
  width: 0;
}
.ribbone-card {
  overflow: hidden;
}
.fullwidth-primary-ribbons .bar {
  color: #ffffff;
  background-color: #4F46E5;
  padding: 5px;
  text-align: center;
  position: relative;
  border: 2px transparent solid;
  box-shadow: 0 10px 30px -10px #F9FAFB;
}
.fullwidth-primary-ribbons .bar span {
  position: absolute;
}
.fullwidth-primary-ribbons .bar span:nth-child(1) {
  border-style: solid;
  border-width: 11px;
  z-index: -1;
  border-color: transparent;
  inset-block-start: 31px;
  inset-inline-start: -2px;
}
.fullwidth-primary-ribbons .bar span:nth-child(3) {
  border-style: solid;
  border-width: 11px;
  z-index: -1;
  border-color: transparent;
  inset-block-start: 31px;
  inset-inline-end: -2px;
}
.fullwidth-primary-ribbons .bar span:nth-child(2) {
  inset-block-start: 18px;
  border-style: solid;
  border-width: 18px;
  z-index: -2;
  border-color: #4F46E5 #4F46E5 #4F46E5 transparent;
  border-block-start-color: #4F46E5;
  border-inline-end-color: #4F46E5;
  border-block-end-color: #4F46E5;
  border-inline-start-color: transparent;
  inset-inline-start: -30px;
}
.fullwidth-primary-ribbons .bar span:nth-child(4) {
  inset-block-start: 18px;
  border-style: solid;
  border-width: 18px;
  z-index: -2;
  border-block-start-color: #4F46E5;
  border-inline-end-color: transparent;
  border-block-end-color: #4F46E5;
  border-inline-start-color: #4F46E5;
  inset-inline-end: -30px;
}
.fullwidth-secondary-ribbons .bar {
  color: #ffffff;
  background-color: #092C4C;
  padding: 5px;
  text-align: center;
  position: relative;
  border: 2px transparent solid;
  box-shadow: 0 10px 30px -10px #F9FAFB;
}
.fullwidth-secondary-ribbons .bar span {
  position: absolute;
}
.fullwidth-secondary-ribbons .bar span:nth-child(1) {
  border-style: solid;
  border-width: 11px;
  z-index: -1;
  border-color: transparent;
  inset-block-start: 31px;
  inset-inline-start: -2px;
}
.fullwidth-secondary-ribbons .bar span:nth-child(3) {
  border-style: solid;
  border-width: 11px;
  z-index: -1;
  border-color: transparent;
  inset-block-start: 31px;
  inset-inline-end: -2px;
}
.fullwidth-secondary-ribbons .bar span:nth-child(2) {
  inset-block-start: 18px;
  border-style: solid;
  border-width: 18px;
  z-index: -2;
  border-block-start-color: #092C4C;
  border-inline-end-color: #092C4C;
  border-block-end-color: #092C4C;
  border-inline-start-color: transparent;
  inset-inline-start: -30px;
}
.fullwidth-secondary-ribbons .bar span:nth-child(4) {
  inset-block-start: 18px;
  border-style: solid;
  border-width: 18px;
  z-index: -2;
  border-block-start-color: #092C4C;
  border-inline-end-color: transparent;
  border-block-end-color: #092C4C;
  border-inline-start-color: #092C4C;
  inset-inline-end: -30px;
}
.fullwidth-arrow-warning-ribbons .bar {
  color: #ffffff;
  background-color: #FFCA18;
  padding: 5px;
  text-align: center;
  position: relative;
  border: 2px transparent solid;
  box-shadow: 0 10px 30px -10px #F9FAFB;
}
.fullwidth-arrow-warning-ribbons .bar span {
  position: absolute;
}
.fullwidth-arrow-warning-ribbons .bar span:nth-child(1) {
  border-style: solid;
  border-width: 11px;
  z-index: -1;
  border-color: transparent;
  inset-block-start: 31px;
  inset-inline-start: -2px;
}
.fullwidth-arrow-warning-ribbons .bar span:nth-child(3) {
  border-style: solid;
  border-width: 11px;
  z-index: -1;
  border-color: transparent;
  inset-block-start: 31px;
  inset-inline-end: -2px;
}
.fullwidth-arrow-warning-ribbons .bar span:nth-child(2) {
  inset-block-start: 18px;
  border-style: solid;
  border-width: 18px;
  z-index: -2;
  border-block-start-color: #FFCA18;
  border-inline-end-color: #FFCA18;
  border-block-end-color: #FFCA18;
  border-inline-start-color: transparent;
  inset-inline-start: -30px;
}
.fullwidth-arrow-warning-ribbons .bar span:nth-child(4) {
  inset-block-start: 18px;
  border-style: solid;
  border-width: 18px;
  z-index: -2;
  border-block-start: 18px solid transparent;
  border-inline-start: 18px solid #FFCA18;
  border-block-end: 18px solid transparent;
  border-inline-end: transparent;
  inset-inline-end: -20px;
  inset-block-start: -2px;
}
.fullwidth-arrow-danger-ribbons-right .bar {
  color: #ffffff;
  background-color: #FF0000;
  padding: 5px;
  text-align: center;
  position: relative;
  border: 2px transparent solid;
  box-shadow: 0 10px 30px -10px #F9FAFB;
}
.fullwidth-arrow-danger-ribbons-right .bar span {
  position: absolute;
}
.fullwidth-arrow-danger-ribbons-right .bar span:nth-child(1) {
  border-style: solid;
  border-width: 11px;
  z-index: -1;
  border-color: transparent;
  inset-block-start: 31px;
  inset-inline-end: -2px;
}
.fullwidth-arrow-danger-ribbons-right .bar span:nth-child(3) {
  border-style: solid;
  border-width: 11px;
  z-index: -1;
  border-color: transparent;
  inset-block-start: 31px;
  inset-inline-start: -2px;
}
.fullwidth-arrow-danger-ribbons-right .bar span:nth-child(2) {
  inset-block-start: 18px;
  border-style: solid;
  border-width: 18px;
  z-index: -2;
  border-block-start-color: #FF0000;
  border-inline-end-color: transparent;
  border-block-end-color: #FF0000;
  border-inline-start-color: #FF0000;
  inset-inline-end: -30px;
}
.fullwidth-arrow-danger-ribbons-right .bar span:nth-child(4) {
  inset-block-start: 18px;
  border-style: solid;
  border-width: 18px;
  z-index: -2;
  border-block-start: 18px solid transparent;
  border-inline-end: 18px solid #FF0000;
  border-block-end: 18px solid transparent;
  border-inline-start: transparent;
  inset-inline-start: -20px;
  inset-block-start: -2px;
}
.power-ribbone span svg {
  width: 15px;
  height: 15px;
}
.ribbone-card .card-body {
  padding: 25px;
}
.ribbone-row .feather-zap {
  width: 15px;
  height: 15px;
}
[data-bs-toggle=card-fullscreen] svg {
  width: 15px;
  height: 15px;
}
[data-bs-toggle=card-remove] svg {
  width: 15px;
  height: 15px;
}
svg.collapse-open,
svg.collapse-close {
  width: 15px;
  height: 15px;
}
.btn-icon.btn-danger-light {
  color: #FF4031;
  background: #FFEDE9;
}
.live-rating.badge {
  background: #DCF5E2;
  color: #4ECD7E;
}
@media (min-width: 576px) {
  .mx-sm-7 {
    margin-inline: 3rem !important;
  }
}
[dir=rtl] .power-ribbone-top-left span {
  transform: rotate(45deg);
}
[dir=rtl] .power-ribbone-top-left span i {
  transform: rotate(-45deg);
}
[dir=rtl] .power-ribbone-bottom-left span {
  transform: rotate(-45deg);
}
[dir=rtl] .power-ribbone-bottom-left span i {
  transform: rotate(45deg);
}
[dir=rtl] .power-ribbone-top-right span {
  transform: rotate(-45deg);
}
[dir=rtl] .power-ribbone-top-right span i {
  transform: rotate(45deg);
}
[dir=rtl] .power-ribbone-bottom-right span {
  transform: rotate(45deg);
}
[dir=rtl] .power-ribbone-bottom-right span i {
  transform: rotate(-45deg);
}
[dir=rtl] .ribbone-top-left span {
  transform: rotate(45deg);
}
[dir=rtl] .ribbone-top-right span {
  transform: rotate(-45deg);
}
[dir=rtl] .ribbon-price .badge {
  transform: rotate(-45deg);
}
.modal-barcode ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.modal-barcode ul li {
  border-radius: 7px;
  width: 25%;
  margin-bottom: 10px;
  padding: 0 5px;
}
@media (max-width: 991.96px) {
  .modal-barcode ul li {
    width: 50%;
  }
}
.modal-barcode ul li a {
  border: 1px solid #90959B;
  border-radius: 10px;
  display: block;
  padding: 10px;
  text-align: center;
}
.modal .modal-header {
  padding: 15px 20px;
  border-bottom: 1px solid #E6EAED;
}
.modal .modal-title {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 991.96px) {
  .modal .modal-title {
    font-size: 16px;
  }
}
.modal .modal-body {
  padding: 20px;
}
.modal .modal-body .close {
  position: absolute;
  right: 15px;
  top: 15px;
}
.modal .logo-lg img {
  width: 150px;
}
.modal .close,
.modal .btn-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #ffffff;
  opacity: 1;
  width: 20px;
  height: 20px;
  border: 0;
  font-weight: 700;
  background-color: #FF0000;
  border-radius: 50px;
}
.modal .close:hover,
.modal .btn-close:hover {
  background-color: rgb(239.7, 0, 0);
  color: #ffffff;
}
.modal .modal-footer {
  padding: 15px 20px;
  border-top: 1px solid #E6EAED;
}
.modal .modal-footer .btn {
  margin: 0;
}
.modal .modal-footer .btn-print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border: 1px solid #4F46E5;
  color: #4F46E5;
}
.modal .modal-footer .btn-print img {
  margin-left: 10px;
}
.modal .modal-footer .btn-print:hover {
  background: #4F46E5;
  color: #ffffff;
}
.modal .modal-footer .btn-print:hover img {
  filter: brightness(0) invert(1);
}
.modal .modal-dialog.right-slider-modal {
  margin: 0;
  margin-left: auto;
  max-width: 1102px;
}
.modal .modal-dialog.add-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  max-width: 1192px;
}
.modal .modal-dialog.sales-details-modal {
  max-width: 1192px;
}
.modal .modal-dialog.edit-sales-modal {
  max-width: 1192px;
}
.modal .edit-add.card.edit-expense {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.modal .note-editor.note-frame.card {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.offcanvas.offcanvas-end {
  width: auto !important;
}
.offcanvas.offcanvas-end.em-payrol-add {
  max-width: 1192px !important;
}
.modal.animated .modal-dialog {
  transform: translate(0, 0);
}
.modal.effect-scale .modal-dialog {
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-scale.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}
.modal.effect-slide-in-right .modal-dialog {
  transform: translateX(20%);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.modal.effect-slide-in-right.show .modal-dialog {
  transform: translateX(0);
  opacity: 1;
}
.modal.effect-slide-in-bottom .modal-dialog {
  transform: translateY(20%);
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-slide-in-bottom.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}
.modal.effect-newspaper .modal-dialog {
  transform: scale(0) rotate(720deg);
  opacity: 0;
}
.modal.effect-newspaper.show ~ .modal-backdrop,
.modal.effect-newspaper .modal-dialog {
  transition: all 0.5s;
}
.modal.effect-newspaper.show .modal-dialog {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}
.modal.effect-fall {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.modal.effect-fall .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}
.modal.effect-fall.show .modal-dialog {
  transition: all 0.3s ease-in;
  transform: translateZ(0px) rotateX(0deg);
  opacity: 1;
}
.modal.effect-flip-horizontal {
  perspective: 1300px;
}
.modal.effect-flip-horizontal .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: rotateY(-70deg);
  transition: all 0.3s;
  opacity: 0;
}
.modal.effect-flip-horizontal.show .modal-dialog {
  transform: rotateY(0deg);
  opacity: 1;
}
.modal.effect-flip-vertical {
  perspective: 1300px;
}
.modal.effect-flip-vertical .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: rotateX(-70deg);
  transition: all 0.3s;
  opacity: 0;
}
.modal.effect-flip-vertical.show .modal-dialog {
  transform: rotateX(0deg);
  opacity: 1;
}
.modal.effect-super-scaled .modal-dialog {
  transform: scale(2);
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-super-scaled.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}
.modal.effect-sign {
  perspective: 1300px;
}
.modal.effect-sign .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: rotateX(-60deg);
  transform-origin: 50% 0;
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-sign.show .modal-dialog {
  transform: rotateX(0deg);
  opacity: 1;
}
.modal.effect-rotate-bottom {
  perspective: 1300px;
}
.modal.effect-rotate-bottom .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translateY(100%) rotateX(90deg);
  transform-origin: 0 100%;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.modal.effect-rotate-bottom.show .modal-dialog {
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}
.modal.effect-rotate-left {
  perspective: 1300px;
}
.modal.effect-rotate-left .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform-origin: 0 100%;
  opacity: 0;
  transition: all 0.3s;
}
.modal.effect-rotate-left.show .modal-dialog {
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}
.modal-footer-btn.popup {
  margin-top: 0;
}
.pos-modal .modal-header h5 {
  margin-bottom: 0;
}
.custom-modal-header .page-title h4 {
  margin-bottom: 0;
}
.grid-showcase {
  margin-bottom: -10px;
}
.grid-showcase span,
.grid-showcase .grid-wrapper {
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color: rgba(242, 243, 247, 0.7);
}
.grid-align {
  margin-bottom: -16px;
}
.grid-align .row {
  padding: 15px 0;
  min-height: 7rem;
  margin-bottom: 16px;
}
.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000000;
}
table.table-bordered thead tr th p {
  margin-bottom: 0;
}
.select2-container {
  min-width: 100% !important;
}
.select2-container .select2-selection--single {
  height: 38px;
}
.select2-container--default .select2-selection--single {
  border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
  border-radius: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #646B72;
  line-height: 38px;
  border-radius: 5px;
  padding-left: 0.85rem;
  font-size: 14px;
  font-weight: 400;
}
.select2-container--default .select2-selection--single .select {
  width: 219px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  right: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  top: 50%;
  left: 50%;
  border-color: #212B36;
  border-style: solid;
  border-width: 0 1.5px 1.5px 0;
  padding: 2px;
  height: 0;
  margin-left: -6px;
  margin-top: -3px;
  width: 0;
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #000000;
  border-width: 1.5px 0 0 1.5px;
  margin-top: 3px;
  padding: 2px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #4F46E5;
  color: #ffffff;
}
.select2-container--focus .select2-selection--single {
  background: #ffffff !important;
  border-color: #4F46E5;
}
span.select2-container.select2-container--default.select2-container--open {
  z-index: 9999;
}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple,
.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  border-color: #E6EAED;
  color: #212B36;
  height: 38px;
  line-height: 38px;
}
.select2-container--default .select2-selection--multiple {
  line-height: 27px;
  height: auto;
  min-height: 38px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: #155EEF;
  border-color: #155EEF;
  color: #ffffff;
}
table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:after {
  right: 0.5em !important;
  content: "\f107" !important;
  font-family: "Font Awesome 5 Free";
  bottom: 12px !important;
  color: #BABFC7 !important;
  font-size: 12px !important;
  opacity: 1 !important;
  position: absolute;
}
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:before {
  right: 0.5em !important;
  content: "\f106" !important;
  font-family: "Font Awesome 5 Free";
  top: 12px !important;
  color: #BABFC7 !important;
  font-size: 12px !important;
  opacity: 1 !important;
  position: absolute;
}
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting:after {
  display: none !important;
}
table.dataTable > thead .sku:before {
  display: block !important;
  content: "\edb6" !important;
  font-family: "tabler-icons";
  top: 14px !important;
  color: #212B36 !important;
}
.dataTables_paginate .paging_numbers {
  float: right;
}
.dataTables_info {
  float: left;
  padding-right: 15px;
  font-size: 14px;
  color: #646B72;
  font-weight: 400;
  margin-top: -50px;
  padding-bottom: 20px;
}
.custom-select {
  min-width: 80px;
  background: url("./media/dropdown-3VIZMNNO.svg") no-repeat 95% 50%;
}
.dataTables_paginate .pagination li {
  margin: 0 5px;
}
.dataTables_paginate .pagination li a {
  background: var(--Stroke, rgba(145, 158, 171, 0.3));
  border-radius: 85px !important;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5B6670;
  font-size: 12px;
}
.dataTables_paginate .pagination li a:hover {
  background: #4F46E5;
  color: #ffffff;
}
.dataTables_paginate .pagination li.active a.page-link {
  background: #4F46E5;
  border-color: #4F46E5;
  border-radius: 85px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dataTables_paginate .pagination li.previous.disabled {
  width: 20px;
}
.dataTables_paginate .pagination li.previous.disabled a {
  background-color: transparent;
  border: 0;
  width: 20px;
}
.dataTables_paginate .pagination li.next.disabled {
  width: 20px;
}
.dataTables_paginate .pagination li.next.disabled a {
  background-color: transparent;
  border: 0;
  width: 20px;
}
.dataTables_length,
.dataTables_paginate {
  padding: 10px 15px;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 23px;
  display: none;
}
table.dataTable thead > tr > th.no-sort.sorting_asc:before {
  display: none;
}
table.dataTable thead > tr > th.no-sort.sorting_asc::after {
  display: none;
}
table.dataTable thead > tr > th.no-sort.sorting:before {
  display: none;
}
table.dataTable thead > tr > th.no-sort.sorting::after {
  display: none;
}
.dataTables_length label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #646B72;
  font-size: 14px;
}
.dataTables_length label select {
  border: 1px solid #E6EAED;
  border-radius: 8px;
  margin: 0 8px;
  padding: 4px 25px 4px 10px;
  font-size: 12px;
}
table.dataTable {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.dataTables_filter + .dataTables_filter {
  display: none;
}
.dataview .dataTables_length,
.dataview .dataTables_info,
.dataview .dataTables_paginate {
  display: none !important;
}
.dataTables_length label:before {
  margin-right: 5px;
}
.dataTables_length {
  float: left;
  font-size: 12px;
}
@media (max-width: 766.98px) {
  .dataTables_length {
    float: none;
  }
}
.page-wrapper {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0 0 0 280px;
  padding: 65px 0 0;
  position: relative;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 991.96px) {
  .page-wrapper {
    margin: 0;
    padding: 65px 0 0;
  }
}
.page-wrapper .content {
  padding: 24px;
  padding-bottom: 0;
  min-height: calc(100vh - 105px);
}
@media (max-width: 991.96px) {
  .page-wrapper .content {
    padding: 15px;
  }
}
.page-wrapper .content .add-item.new-sale-items {
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 100%;
}
.page-wrapper.details-blk {
  padding: 0;
  margin: 0;
}
.page-wrapper-new {
  background: #ffffff;
  padding: 24px;
  border-radius: 8px;
}
.page-wrapper-new .card {
  border: none;
}
.page-wrapper-new .card .card-body {
  border-top: 1px solid #D3D5D7;
}
.page-wrapper-new .page-header {
  margin-bottom: 40px;
}
.page-wrapper-new .page-header h4 {
  font-size: 20px;
}
.page-wrapper-new .page-header .page-btn .btn-added {
  padding: 8px 8px;
}
.sidebarrightmenu .page-wrapper {
  margin: 0 0 0 350px;
}
@media (max-width: 991.96px) {
  .sidebarrightmenu .page-wrapper {
    margin: 0;
  }
}
.card .card-header .dropset {
  color: #646B72;
  padding: 0 10px;
}
.card .card-body .loss-data {
  display: flex;
  align-items: center;
  justify-content: end;
}
.card .card-body .loss-data .input-groupicon {
  margin-right: 10px;
}
@media (max-width: 574.98px) {
  .card .card-body .loss-data {
    display: block;
  }
}
.card .card-body .input-blocks label span {
  color: #FF0000;
}
.card .card-body .text-title {
  margin-bottom: 20px;
}
.card .card-body .text-title p {
  font-size: 16px;
  font-weight: 600;
  color: #092C4C;
}
.card .card-body .payroll-info {
  border-bottom: 1px solid #D3D5D7;
}
.card .card-body .payroll-info .status-updates {
  margin-left: 25%;
}
.card .card-body .payroll-info .status-updates .form-check-input:checked {
  background-color: #4F46E5;
  border-color: #4F46E5;
}
.card .card-body .payroll-info .status-updates .form-check-input:focus {
  box-shadow: none;
  border-color: #D3D5D7;
}
.card .card-body .payroll-title {
  margin: 20px 0 20px 0;
}
.card .card-body .payroll-title p {
  font-size: 16px;
  font-weight: 600;
  color: #092C4C;
}
.card .card-body .sub-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #D3D5D7;
}
.card .card-body .sub-form .subadd-btn .btn-add {
  border-radius: 8px;
  border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
  background: #092C4C;
  color: #ffffff;
  padding: 7px 9px;
  margin-left: 20px;
  margin-bottom: -11px;
}
.card .card-body .view-btn {
  text-align: end;
}
.card .card-body .summary-blk {
  margin-bottom: 15px;
}
.card .card-body .summary-blk p {
  font-size: 14px;
  font-weight: 600;
  color: #092C4C;
}
.card .card-body .details td .view-product {
  border-radius: 6px;
  background: #F8F8F8;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card .card-body .details td a {
  border-radius: 8px;
  border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
}
.card .card-body .details td a .feather-trash-2 {
  width: 14px;
  height: 14px;
  color: #FF0000;
}
.card .card-body .payslip-month {
  justify-content: space-between;
  align-items: center;
}
.card .card-body .payslip-month .month-of-slip h4 {
  font-weight: 700;
}
.card .card-body .emp-details {
  justify-content: space-between;
  align-items: center;
  background: #FAFBFE;
  padding: 10px;
}
.card .card-body .emp-details .emp-name-id h6 {
  font-size: 15px;
  font-weight: 600;
}
.card .card-body .emp-details .emp-name-id h6 span {
  font-size: 15px;
  font-weight: 400;
  color: #646B72;
}
.card .card-body .emp-details .emp-location-info h6 {
  font-size: 15px;
  font-weight: 600;
}
.card .card-body .emp-details .emp-location-info h6 span {
  font-size: 15px;
  font-weight: 400;
  color: #646B72;
}
.btn-white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  color: #212B36;
  border-radius: 5px;
}
.btn-white:hover {
  border: 1px solid #4F46E5;
  background: #4F46E5;
  color: #ffffff;
}
.mail-search .form-control {
  height: 40px;
}
.inputcheck {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  color: #000000;
  font-weight: 500;
  font-size: 14px;
}
.inputcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.inputcheck input:checked ~ .checkmark:after {
  display: block;
}
.inputcheck .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #A6AAAF;
  background: #F9FAFB;
  border-radius: 5px;
}
.inputcheck .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.inputcheck .checkmark:after {
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid #4F46E5;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.inputcheck input:checked ~ .checkmark {
  border: 1px solid #4F46E5;
}
.animation-tada {
  animation: tada 1.5s ease infinite;
}
.quantity-btn svg {
  stroke: 1px;
  width: 16px;
  height: 16px;
}
.footer p {
  color: #212B36;
}
#collapse-header svg {
  width: 22px;
  height: 22px;
}
.page-wrapper .page-header .back-btn {
  display: flex;
  gap: 10px;
}
.page-wrapper .page-header .back-btn .page-display a {
  padding: 7px;
  background-color: #092C4C;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 50px !important;
}
::-webkit-scrollbar-track {
  background: #A6AAAF;
}
::-webkit-scrollbar-thumb {
  background: #4F46E5;
}
::-webkit-scrollbar-thumb:hover {
  background: #A6AAAF;
}
.swal2-header .swal2-title {
  font-size: 18px;
}
.none {
  display: none !important;
}
.text-red {
  color: #FF0000 !important;
}
.text-green {
  color: #3EB780 !important;
}
.input-blocks input[type=text]:focus {
  border-color: #E6EAED;
}
.input-group .scanner-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: #4F46E5;
  border-radius: 5px !important;
  width: 40px;
  color: #ffffff;
  font-weight: 600;
  padding: 0;
}
.input-group .scanner-set:hover {
  background: #212B36;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 50px !important;
}
::-webkit-scrollbar-track {
  background: #A6AAAF;
}
::-webkit-scrollbar-thumb {
  background: #4F46E5;
}
::-webkit-scrollbar-thumb:hover {
  background: #A6AAAF;
}
.swal2-header .swal2-title {
  font-size: 18px;
}
.none {
  display: none !important;
}
.text-red {
  color: #FF0000 !important;
}
.text-green {
  color: #3EB780 !important;
}
.input-blocks input[type=text]:focus {
  border-color: #E6EAED;
}
.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 24px;
}
.page-header .breadcrumb {
  margin-bottom: 0;
}
@media (max-width: 574.98px) {
  .page-header {
    margin-bottom: 20px;
    flex-direction: column;
    align-items: self-start;
  }
}
.page-header h3 {
  font-weight: 700;
  color: #092C4C;
  font-size: 18px;
}
@media (max-width: 991.96px) {
  .page-header h3 {
    font-size: 14px;
  }
}
.page-header h4 {
  margin-bottom: 5px;
}
@media (max-width: 991.96px) {
  .page-header h4 {
    font-size: 18px;
  }
}
.page-header h6 {
  font-size: 14px;
  color: #646B72;
  font-weight: 400;
}
@media (max-width: 991.96px) {
  .page-header h6 {
    font-size: 12px;
  }
}
@media (max-width: 574.98px) {
  .page-header h6 {
    font-size: 12px;
    margin-bottom: 20px;
  }
}
.page-header .btn-filter {
  background: #4F46E5;
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  padding: 0;
}
.page-header .btn-filter:hover {
  background:
    linear-gradient(
      46.62deg,
      #4F46E5 0%,
      #423B93 93.64%);
}
.page-header .page-btn {
  margin-left: 8px;
}
@media (max-width: 574.98px) {
  .page-header .page-btn {
    margin-left: 0;
    margin-top: 10px;
  }
}
.page-header .btn-added {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  background: #4F46E5;
  padding: 5px 8px;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
  border-radius: 8px;
}
.page-header .btn-added:active {
  color: #ffffff;
}
.page-header .btn-added img {
  filter: brightness(0) invert(1);
}
.page-header .btn-added:hover {
  background: #212B36;
}
.page-header .btn-added .me-2 {
  width: 16px;
  height: 16px;
}
.page-header .btn-added.downloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  background: #092C4C;
  padding: 9px 11px;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 8px;
  margin: 0 15px 0 15px;
}
.page-header .btn-added.downloader img {
  filter: brightness(0) invert(1);
}
@media (max-width: 991.96px) {
  .page-header .btn-added.downloader {
    padding: 10px 10px;
  }
}
.page-header .btn-added.downloader:hover {
  background: #4F46E5;
}
.page-header .btn-added.downloader .me-2 {
  width: 16px;
  height: 16px;
}
.page-header .btn-added.printer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  background: #FF0000;
  padding: 9px 11px;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 8px;
}
.page-header .btn-added.printer img {
  filter: brightness(0) invert(1);
}
@media (max-width: 991.96px) {
  .page-header .btn-added.printer {
    padding: 10px 10px;
  }
}
.page-header .btn-added.printer:hover {
  background: #092C4C;
}
.page-header .btn-added.printer .me-2 {
  width: 16px;
  height: 16px;
}
@media (max-width: 766.98px) {
  .page-header .add-item {
    display: block !important;
  }
  .page-header .add-item .page-btn {
    margin-left: 0;
  }
}
@media (max-width: 574.98px) {
  .page-header .add-item .page-btn {
    margin-left: 0;
    margin-bottom: 24px;
  }
}
.page-header .add-item .page-title.modal-datail {
  line-height: 2;
}
.page-header .add-item.d-flex {
  margin-right: auto;
}
.page-header .add-item.payslip-list {
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 100%;
}
.page-header.paysilp-header {
  padding: 24px;
  margin-bottom: 0;
  border-radius: 8px 8px 0px 0px;
  background: #FAFBFE;
}
.table-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 25px;
}
@media (max-width: 574.98px) {
  .table-top {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }
  .table-top .wordset {
    margin-top: 25px;
  }
}
.search-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media (max-width: 574.98px) {
  .search-set {
    width: 100%;
  }
}
.search-set .search-input {
  position: relative;
}
@media (max-width: 574.98px) {
  .search-set .search-input {
    width: 100%;
  }
}
.search-set .search-input input[type=search] {
  height: 38px;
  border-radius: 8px;
  padding: 0.45rem 0.85rem 0.45rem 1.875rem;
  font-size: 14px;
}
.search-set .search-input input[type=search]::placeholder {
  color: #A6AAAF;
  opacity: 1;
}
@media (max-width: 1199.96px) {
  .search-set .search-input input[type=search] {
    width: 220px;
  }
}
@media (max-width: 991.96px) {
  .search-set .search-input input[type=search] {
    width: 200px;
  }
}
@media (max-width: 574.98px) {
  .search-set .search-input input[type=search] {
    width: 100%;
  }
}
.search-set .search-input .btn-searchset {
  border-radius: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  border: 0;
  line-height: 0;
}
.search-set .search-input .btn-searchset .feather-search {
  width: 14px;
  height: 14px;
  color: #A6AAAF;
}
.search-path {
  margin-left: auto;
}
@media (max-width: 574.98px) {
  .search-path {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 574.98px) {
  .search-path {
    margin-top: 24px;
  }
}
.search-path .info-img {
  width: 16px;
  height: 16px;
  color: #ffffff;
}
.search-path .btn-filter {
  background: #4F46E5;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  padding: 0;
  margin-right: 15px;
}
.search-path .btn-filter span {
  display: none;
}
.search-path .btn-filter:hover {
  background: #212B36;
}
.search-path .btn-filter.setclose {
  background: #FF0000;
}
.search-path .btn-filter.setclose > img {
  display: none;
}
.search-path .btn-filter.setclose span {
  display: block;
}
.search-path .btn-filter.setclose span img {
  display: block;
}
.search-path .btn-filter span {
  display: none;
}
.search-path .btn-filter > img {
  display: block;
}
.form-sort {
  position: relative;
  width: 149px;
  height: 38px;
}
.form-sort .info-img {
  position: absolute;
  top: 50%;
  z-index: 100;
  width: 16px;
  height: 16px;
  left: 0;
  margin-left: 10px;
  color: #646B72;
  transform: translateY(-50%);
  line-height: normal;
}
@media (max-width: 574.98px) {
  .form-sort {
    margin-top: 24px;
  }
}
.swal2-actions .swal2-confirm {
  margin-right: 10px;
}
.wordset ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.wordset ul li {
  margin: 0 10px;
}
.wordset ul li a {
  display: block;
}
.custom-control.custom-checkbox .checkboxs {
  line-height: 1;
}
.custom-control.custom-checkbox .checkmarks {
  border-radius: 5px;
}
.custom-control.custom-checkbox .checkboxs input {
  cursor: auto;
}
.checkboxs {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.checkboxs input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkboxs input ~ .checkmarks {
  border: 1px solid #E6EAED;
  background-color: #ffffff;
  border-radius: 5px;
}
.checkboxs input:checked ~ .checkmarks {
  background-color: #4F46E5;
  border-color: #4F46E5;
}
.checkboxs input:checked ~ .checkmarks:after {
  display: block;
}
.checkboxs .checkmarks {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.checkboxs .checkmarks:after {
  content: "";
  position: absolute;
  display: none;
}
.checkboxs .checkmarks:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
th .checkboxs .checkmarks,
td .checkboxs .checkmarks {
  width: 18px;
  height: 18px;
}
th .checkboxs .checkmarks::after,
td .checkboxs .checkmarks::after {
  left: 6px;
  top: 3px;
}
.image-upload {
  border: 1px solid rgba(145, 158, 171, 0.32);
  position: relative;
  margin-bottom: 35px;
  border-radius: 5px;
}
.image-upload:hover {
  background: #D3D5D7;
}
.image-upload.image-upload-two {
  margin-bottom: 0;
  width: 120px;
  height: 120px;
  border: 1px dashed rgba(145, 158, 171, 0.32);
}
.image-upload.image-upload-two .image-uploads {
  padding: 43px 0;
}
.image-upload input[type=file] {
  width: 100%;
  opacity: 0;
  height: 100%;
  position: relative;
  z-index: 9;
  cursor: pointer;
  color: #A6AAAF;
}
.image-upload .image-uploads {
  text-align: center;
  width: 100%;
  padding: 20px 0;
  border-radius: 5px;
  position: absolute;
  top: 0;
}
.image-upload .image-uploads h4 {
  font-size: 14px;
  font-weight: 500;
  color: #A6AAAF;
}
.image-upload.image-upload-new input[type=file] {
  height: 258px;
}
.image-upload.image-upload-new .image-uploads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
  flex-direction: column;
}
.checktoggle {
  background-color: rgba(115, 103, 240, 0.2);
  border-radius: 12px;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 13px;
  margin-bottom: 0;
  position: relative;
  width: 25px;
}
.checktoggle:after {
  content: " ";
  display: block;
  transform: translate(2px, -50%);
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  transition: left 300ms ease, transform 300ms ease;
  border-radius: 50%;
  transform: translate(2px, -50%);
  -webkit-transform: translate(2px, -50%);
  -ms-transform: translate(2px, -50%);
  position: absolute;
  top: 50%;
  left: 0;
}
.check:checked + .checktoggle:after {
  background-color: #ffffff;
  left: 100%;
  transform: translate(calc(-90% - 3px), -45%);
}
.check {
  display: block;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.check:checked + .checktoggle {
  background-color: #3EB780;
}
#filter_inputs,
#filter_inputs1,
#filter_inputs2,
#filter_inputs3 {
  border: 0;
  margin: 0;
}
#filter_inputs .card-body,
#filter_inputs1 .card-body,
#filter_inputs2 .card-body,
#filter_inputs3 .card-body {
  padding: 0 24px 24px 24px;
}
.authentication-check .checkboxs {
  padding-left: 22px;
}
.authentication-check .checkboxs .checkmarks {
  border-radius: 5px;
  top: 4px;
}
.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
#filter_inputs,
#filter_inputs1,
#filter_inputs2 {
  display: none;
}
.input-blocks {
  margin-bottom: 25px;
  position: relative;
}
.input-blocks.daterange-wraper input[type=text] {
  padding: 10px 10px 10px 35px !important;
}
.input-blocks .info-img {
  position: absolute;
  top: 50%;
  z-index: 100;
  width: 12px;
  height: 12px;
  right: 10px;
  margin-left: 10px;
  color: #212B36;
  transform: translateY(-50%);
  line-height: normal;
}
.input-blocks .info-img.status-icon {
  margin-top: 2px;
}
.input-blocks label {
  margin-bottom: 8px;
  color: #212B36;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.input-blocks label .manitory {
  color: #FF0000;
}
.input-blocks .input-groupicon {
  position: relative;
}
.input-blocks .input-groupicon .addonset {
  position: absolute;
  right: 12px;
  top: 50%;
  line-height: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media (max-width: 991.96px) {
  .input-blocks .input-groupicon .addonset {
    display: none;
  }
}
.input-blocks .input-groupicon.select-code input[type=text],
.input-blocks .input-groupicon.select-code input[type=password] {
  padding: 0;
}
.input-blocks .input-groupicon.select-code input[type=text]::placeholder,
.input-blocks .input-groupicon.select-code input[type=password]::placeholder {
  padding-left: 10px !important;
}
.input-blocks {
}
.input-blocks .display-btn {
  color: #ffffff;
  border-radius: 8px;
  background: #092C4C;
  padding: 10px 34px;
  font-size: 14px;
  font-weight: 700;
}
.input-blocks .display-btn .info-img {
  position: absolute;
  top: 50%;
  z-index: 999;
  width: 16px;
  height: 16px;
  left: 5px;
  margin-left: 10px;
  margin-right: 8px;
  color: #ffffff;
  transform: translateY(-50%);
  line-height: normal;
}
.input-blocks .btn-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: #4F46E5;
  color: #ffffff;
  width: 89px;
  height: 38px;
  border-radius: 8px;
  padding: 0;
}
.input-blocks .btn-filters:hover {
  background: #212B36;
}
.input-blocks .btn-filters:active {
  color: #ffffff;
  background: #212B36;
}
.input-blocks .btn-filters .feather-search {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.input-blocks textarea {
  border: 1px solid rgba(145, 158, 171, 0.32);
  height: 100px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  padding: 10px 15px;
  border-radius: 5px;
}
.input-blocks .text-form {
  width: 100%;
}
.input-blocks.date-group {
  margin-top: 29px;
}
.bd-placeholder-img {
  margin: 0.125rem;
}
.h-250 {
  height: 250px;
}
.sidebar-filter {
  display: none;
  height: 100%;
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 60px;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.sidebar-filter.opened {
  display: block;
}
@media (max-width: 574.98px) {
  .search-input label {
    width: 100%;
  }
}
@media (max-width: 574.98px) {
  .table-dropdown {
    display: block !important;
    width: 100%;
  }
}
@media (max-width: 574.98px) {
  .table-dropdown .dropdown {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
}
@media (max-width: 574.98px) {
  .table-dropdown .dropdown a {
    width: 100%;
  }
}
.table-dropdown .dropdown .dropdown-menu {
  padding: 0 !important;
}
@media (max-width: 574.98px) {
  .table-dropdown .dropdown .dropdown-menu {
    width: 100%;
  }
}
.dropdown .dropdown-toggle.show::after {
  color: #ffffff;
}
.add-image-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-bottom: 24px;
}
.add-image-upload .add-image {
  width: 120px;
  height: 120px;
  border: 1px dashed #E6EAED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 10px;
  margin-right: 24px;
  position: relative;
  flex-shrink: 0;
}
.add-image-upload .add-image span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-direction: column;
}
.add-image-upload .add-image .image-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.badge.table-badge::before {
  position: relative;
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #ffffff;
  border-radius: 20px;
  margin-right: 4px;
}
.badge.table-badge.bg-light::before {
  background-color: #212B36;
}
.input-blocks.seacrh-barcode-item input {
  border: 1px solid #E6EAED !important;
  padding: 10px 10px 10px 32px;
  color: #212B36;
  box-shadow: none;
}
.input-blocks.seacrh-barcode-item input::placeholder {
  color: #A6AAAF !important;
}
.barcode-table table {
  margin-bottom: 0 !important;
}
.barcode-table th {
  border: none;
}
.barcode-table tr:last-child {
  border-bottom: none;
}
.barcode-table tr:last-child td {
  border-bottom: none !important;
}
.badge-pending {
  background-color: #06AED4 !important;
}
.badges.status-badge {
  font-size: 10px;
  padding: 6px;
  min-width: unset;
}
.qrcode-table table {
  margin-bottom: 0 !important;
}
.qrcode-table th {
  border: none;
}
.qrcode-table tr:last-child {
  border-bottom: none;
}
.qrcode-table tr:last-child td {
  border-bottom: none !important;
}
.modal-dialog.stock-adjust-modal.barcode-modal {
  max-width: 800px;
}
.purple-badge {
  background-color: #F2EDFE;
  color: #6938EF;
  line-height: normal;
}
.input-blocks .input-groupicon.calender-input svg {
  top: 18px;
}
.total-order ul {
  border: 1px solid #E6EAED;
}
.total-order li {
  border-bottom: 1px solid #E6EAED;
}
.dataTables_paginate span {
  display: inline-flex;
}
.dataTables_paginate .ellipsis {
  margin-left: 8px;
  color: #646B72;
  font-weight: 700;
}
@media (max-width: 766.98px) {
  .dataTables_paginate .ellipsis {
    margin: 0 4px;
  }
}
.input-groupicon.calender-input.income-date input {
  min-width: 223px;
}
.input-groupicon.calender-input.income-date svg {
  left: 10px;
}
.btn-primaryadd.btn-generate {
  top: 33px;
}
.page-wrapper .nav-pills .nav-link {
  background-color: rgba(145, 158, 171, 0.3);
}
.page-wrapper .nav-pills .nav-link.active {
  background-color: #4F46E5;
  color: #ffffff;
}
.amount input {
  padding-left: 30px;
}
.amount i {
  position: absolute;
  left: 10px;
  bottom: 13px;
  color: #212B36;
}
.input-groupicon.calender-input.balance-sheet-date input {
  font-size: 13px;
  padding: 7px 12px 7px 30px;
  border: 1px solid #E6EAED;
  border-radius: 5px;
  color: #212B36;
  min-width: 212px;
  width: 100%;
}
.input-groupicon.calender-input.balance-sheet-date input::placeholder {
  color: #212B36;
  opacity: 1;
}
.input-groupicon.calender-input.balance-sheet-date svg {
  right: auto;
  left: 10px;
  top: 10px;
}
.table-head-top .dropdown .dropdown-toggle:after {
  position: absolute;
  right: 10px;
}
.image-field .profile-pic .close {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 16px;
  height: 16px;
}
.profile-body input[type=file] {
  height: 38px;
  position: absolute;
  left: 0;
  top: 0;
}
.profile-body .image-field .profile-pic .close {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 16px;
  height: 16px;
  border: 0;
  font-weight: 700;
  background-color: #FF0000;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-body .profile-pic-upload .profile-pic {
  border-style: solid;
}
@media (max-width: 574.98px) {
  .profile-body .profile-pic-upload .profile-pic {
    margin-right: 12px;
  }
}
.gift-card-details {
  max-width: 800px;
}
.table-comments .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 25px;
}
.table-top-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
@media (max-width: 574.98px) {
  .table-top-head.low-stock-top-head {
    flex-wrap: wrap;
    justify-content: start;
  }
}
.table-top-head.low-stock-top-head li {
  margin-bottom: 10px;
}
.table-top-head.low-stock-top-head li:last-child {
  margin-right: 0;
}
.table-top-head li {
  margin-right: 8px;
  flex-shrink: 0;
}
.table-top-head li:last-child {
  margin-right: 0;
}
.table-top-head li #collapse-header {
  margin-right: 0;
}
@media (max-width: 991.96px) {
  .table-top-head li #collapse-header {
    display: none;
  }
}
.table-top-head li a {
  height: 35px;
  width: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border: 1px solid #E6EAED;
  background: #ffffff;
  border-radius: 5px;
  padding: 4px;
}
.table-top-head li a img {
  width: 20px;
}
.table-top-head li a svg {
  color: #092C4C;
}
.table-top-head li a.btn-primary svg {
  color: #ffffff;
}
.table-top-head li a:hover {
  background: #e3e3e3;
}
.table-top-head li a label {
  margin-right: 10px;
}
.table-top-head li a.btn-secondary {
  background-color: #092C4C;
  color: #ffffff;
  padding: 3px 11px;
  font-weight: 500;
  font-size: 13px;
}
.table-top-head li a.btn-secondary:hover {
  background-color: #4F46E5;
}
.table-top-head li a.btn-secondary svg {
  width: 16px;
  margin-right: 5px;
  color: #ffffff;
}
@media (max-width: 766.98px) {
  .table-top-head li a.btn-secondary {
    font-size: 14px;
  }
}
.table-top-head li a .action-edit.sales-action {
  color: #3577f1;
}
.table-top-head li .status-toggle {
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border: 1px solid #D3D5D7;
  background: #ffffff;
  border-radius: 8px;
  padding: 6px 10px;
}
.table-top-head li .status-toggle label {
  margin-right: 10px;
}
svg.feather {
  width: 16px;
  height: 16px;
}
[data-theme=dark] .searchinputs input {
  border-color: #0D0D0D;
  background: #2c2c50;
}
[data-theme=dark] h1,
[data-theme=dark] .h1,
[data-theme=dark] h2,
[data-theme=dark] .h2,
[data-theme=dark] h3,
[data-theme=dark] .h3,
[data-theme=dark] h4,
[data-theme=dark] .h4,
[data-theme=dark] h5,
[data-theme=dark] .h5,
[data-theme=dark] h6,
[data-theme=dark] .h6 {
  color: #D8DFEE;
}
[data-theme=dark][data-nav-color=grey] .header {
  background: #0D0D0D;
}
[data-theme=dark][data-nav-color=grey] .header .user-menu .nav-item-box > a {
  background: #2c2c50;
}
[data-theme=dark][data-nav-color=grey] .sidebar .slimScrollDiv,
[data-theme=dark][data-nav-color=grey] .settings-sidebar .slimScrollDiv {
  background: #0D0D0D;
}
[data-theme=dark][data-nav-color=grey] .searchinputs input {
  border-color: #0D0D0D;
  background: #2c2c50;
}
[data-theme=dark][data-layout-style=collapsed][data-nav-color=grey] aside {
  background: #0D0D0D;
}
[data-theme=dark][data-layout-style=horizontal] .sidebar.horizontal-sidebar {
  background: #0D0D0D;
  border-top-color: #2c2c50;
}
[data-theme=dark][data-layout-style=horizontal] .horizontal-sidebar .sidebar-menu > ul > li.submenu ul {
  background: #0D0D0D;
}
[data-theme=dark][data-layout-style=modern] .page-wrapper .content {
  background: #0D0D0D;
}
[data-theme=dark] {
  --bs-heading-color: $darkmode-white;
  --dt-html-background: $darkmode-white;
}
[data-theme=dark]:root {
  --dt-html-background: $darkmode-white;
}
[data-theme=dark][data-layout-style=collapsed] aside {
  background-color: #0D0D0D;
}
[data-theme=dark] .fc-unthemed th,
[data-theme=dark] .fc-unthemed td,
[data-theme=dark] .fc-unthemed thead,
[data-theme=dark] .fc-unthemed tbody,
[data-theme=dark] .fc-unthemed .fc-divider,
[data-theme=dark] .fc-unthemed .fc-row,
[data-theme=dark] .fc-unthemed .fc-popover {
  border-color: #2c2c50 !important;
}
[data-theme=dark] div#global-loader {
  background-color: #0D0D0D !important;
}
[data-theme=dark] body {
  background-color: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] body.header-collapse .header .header-left {
  background-color: #0D0D0D;
}
[data-theme=dark] body.mini-sidebar .header-left .logo-white {
  display: none !important;
}
[data-theme=dark] body.expand-menu .header-left .logo-white {
  display: block !important;
}
[data-theme=dark] body .page-wrapper-new {
  background-color: #0D0D0D;
}
[data-theme=dark] body label,
[data-theme=dark] body .form-label,
[data-theme=dark] body .form-control,
[data-theme=dark] body .notes-summernote p {
  color: #D8DFEE;
}
[data-theme=dark] {
  background-color: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] .header {
  background: #0D0D0D;
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .header .header-left {
  border-color: #1F2228;
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .header .header-left .logo-normal {
  display: none;
}
[data-theme=dark] .header .header-left .logo-white {
  display: block !important;
}
[data-theme=dark] table {
  background: #0D0D0D;
  --bs-table-bg: transparent;
}
[data-theme=dark] .sidebar {
  border-right: 1px solid #1F2228;
  background-color: #0D0D0D;
}
[data-theme=dark] .sidebar .slimScrollDiv {
  background: #0D0D0D;
}
[data-theme=dark] .sidebar.collapsed-sidebar {
  border: 0;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul {
  background: #0D0D0D;
  border-radius: 5px;
  padding: 10px 0;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu ul li a {
  color: #7A8086;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li a img {
  filter: brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(206%) hue-rotate(165deg) brightness(93%) contrast(88%);
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li a span {
  color: #7A8086;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li a:hover img {
  color: #7A8086;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li a:hover svg {
  filter: brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(206%) hue-rotate(165deg) brightness(93%) contrast(88%);
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li .submenu-hdr {
  color: #7A8086 !important;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu-open ul,
[data-theme=dark] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .page-wrapper {
  background: #0D0D0D;
}
[data-theme=dark] .page-wrapper.page-wrapper-three .content {
  background: #0D0D0D;
}
[data-theme=dark] #toggle_btn:before {
  border: 2px solid #D8DFEE;
}
[data-theme=dark] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #D8DFEE;
}
[data-theme=dark] .user-info .user-name {
  color: #D8DFEE;
}
[data-theme=dark] .user-menu .nav-item-box > a {
  background: #092C4C;
}
[data-theme=dark] .header-left.active #toggle_btn:after {
  border: 2px solid #D8DFEE;
}
[data-theme=dark] .dash-widget {
  background: #0D0D0D;
  border: 1px solid #1F2228;
}
[data-theme=dark] .dash-widget .dash-widgetcontent h5 {
  color: #D8DFEE;
}
[data-theme=dark] .dash-widget .dash-widgetcontent h6 {
  color: #D8DFEE;
}
[data-theme=dark] .page-header h4,
[data-theme=dark] .page-header h6 {
  color: #D8DFEE;
}
[data-theme=dark] .form-control {
  color: #D8DFEE;
  border: 1px solid #1F2228;
}
[data-theme=dark] select.form-control:focus {
  color: #D8DFEE;
}
[data-theme=dark] .input-blocks label {
  color: #D8DFEE;
}
[data-theme=dark] .dataTables_info {
  color: #D8DFEE;
}
[data-theme=dark] .setvaluecash ul li a {
  color: #D8DFEE;
}
[data-theme=dark] .inbox-menu li a i {
  color: #D8DFEE;
}
[data-theme=dark] .card {
  background-color: #0D0D0D;
  border: 1px solid #1F2228;
}
[data-theme=dark] .card .card-header {
  border-color: #1F2228;
}
[data-theme=dark] .card .card-header .card-title {
  color: #D8DFEE;
}
[data-theme=dark] .card .card-body .card-title {
  color: #D8DFEE;
}
[data-theme=dark] .modal-content {
  background-color: #212B36;
}
[data-theme=dark] .modal-content .modal-header {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .inputcheck {
  color: #D8DFEE;
}
[data-theme=dark] .custom_radio {
  color: #D8DFEE;
}
[data-theme=dark] .fc th.fc-widget-header {
  background-color: #212B36;
  border-color: #2c2c50;
}
[data-theme=dark] .fc-day {
  background-color: #212B36 !important;
}
[data-theme=dark] .chat-cont-left .chat-scroll .media .media-body .user-name,
[data-theme=dark] .chat-cont-left .chat-scroll .media .media-body .user-last-chat {
  color: #D8DFEE;
}
[data-theme=dark] .chat-cont-left .chat-scroll .media.active,
[data-theme=dark] .chat-cont-left .chat-scroll .media:hover {
  background: #212B36;
}
[data-theme=dark] .chat-cont-right ul.list-unstyled .media.sent .media-body .msg-box p {
  color: #092C4C;
}
[data-theme=dark] .inbox-menu li a {
  color: #D8DFEE;
}
[data-theme=dark] .increment-decrement .quantity-field {
  color: #D8DFEE;
}
[data-theme=dark] .select2-results__options {
  color: #37404A;
}
[data-theme=dark] .image-upload .image-uploads h4 {
  color: #D8DFEE;
}
[data-theme=dark] .horizontal-sidebar {
  background: #0D0D0D;
  border-top: 1px solid #1F2228;
}
[data-theme=dark] .horizontal-sidebar.side-three {
  border-color: #1F2228;
}
[data-theme=dark] .horizontal-sidebar .sidebar-menu > ul > li > a span {
  color: #7A8086;
}
[data-theme=dark] .horizontal-sidebar .sidebar-menu > ul > li > a img,
[data-theme=dark] .horizontal-sidebar .sidebar-menu > ul > li > a svg {
  filter: brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(206%) hue- rotate(165deg) brightness(93%) contrast(88%);
}
[data-theme=dark] .horizontal-sidebar .sidebar-menu > ul > li.submenu ul {
  background: #0D0D0D;
}
[data-theme=dark] .horizontal-sidebar .sidebar-menu > ul > li.submenu ul li a {
  color: #7A8086;
}
[data-theme=dark] .horizontal-sidebar .sidebar-menu > ul > li.submenu ul li img,
[data-theme=dark] .horizontal-sidebar .sidebar-menu > ul > li.submenu ul li svg {
  filter: brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(206%) hue-rotate(165deg) brightness(93%) contrast(88%) !important;
}
[data-theme=dark] .horizontal-sidebar .sidebar-menu > ul > li.submenu ul li > ul {
  box-shadow: none;
}
[data-theme=dark] .sidebar.side-three.horizontal-sidebar .sidebar-menu > ul > li ul li.submenu a svg {
  filter: brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(206%) hue-rotate(165deg) brightness(93%) contrast(88%);
}
[data-theme=dark] .sidebar.side-three.horizontal-sidebar .sidebar-menu > ul > li ul li.submenu ul li a {
  color: #7A8086;
}
[data-theme=dark] .table thead {
  background: #0D0D0D;
  border-bottom: 1px solid #0D0D0D;
}
[data-theme=dark] .table thead tr:hover {
  background: transparent;
}
[data-theme=dark] .table thead tr th {
  color: #D8DFEE;
}
[data-theme=dark] .table tbody tr:hover {
  background: transparent;
}
[data-theme=dark] .table tbody tr td {
  color: #D8DFEE;
  border-bottom: 1px solid #1F2228;
  background: #0D0D0D;
}
[data-theme=dark] .table tbody tr td a {
  color: #D8DFEE !important;
}
[data-theme=dark] .table tbody tr td a:hover {
  color: #4F46E5 !important;
}
[data-theme=dark] .table tbody tr td.action-table-data .edit-delete-action a:hover {
  background-color: rgb(40, 142, 199);
  border-color: rgb(40, 142, 199);
}
[data-theme=dark] .table tbody tr td.action-table-data .edit-delete-action .confirm-text:hover {
  background-color: #FF0000;
  border-color: #FF0000;
}
[data-theme=dark] .table tbody tr td.action-table-data a .action-eye {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar.collapsed-sidebar .ui-aside .nav-item .nav-link {
  border-bottom: #1F2228;
}
[data-theme=dark] .sidebar.collapsed-sidebar .sidebar-menu ul li a img {
  filter: brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(206%) hue-rotate(165deg) brightness(93%) contrast(88%);
}
[data-theme=dark] .select2-results__option {
  background: #212B36;
  color: #D8DFEE;
}
[data-theme=dark] .custom-file-container label {
  color: #D8DFEE;
}
[data-theme=dark] .select2-dropdown {
  border: 2px solid #26264e;
}
[data-theme=dark] .swal2-popup {
  background-color: #212B36;
}
[data-theme=dark] .swal2-popup .swal2-title {
  color: #D8DFEE;
}
[data-theme=dark] .swal2-popup .swal2-html-container {
  color: #D8DFEE;
}
[data-theme=dark] .searchinputs input {
  border: 1px solid #1F2228;
  background: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] .searchinputs input::placeholder {
  color: #7A8086;
}
[data-theme=dark] .image-upload-new .productviewscontent .productviewsname h2,
[data-theme=dark] .image-upload-new .productviewscontent .productviewsname h3 {
  color: #7A8086;
}
[data-theme=dark] .split-card::before,
[data-theme=dark] .split-card::after {
  background: #1F2228;
}
[data-theme=dark] input[type=email] {
  border: 1px solid #4D555E;
}
[data-theme=dark] .tabs-set .nav-tabs .nav-link {
  background: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] .tabs-set .nav-tabs .nav-link.active {
  background: #4F46E5;
  color: #ffffff;
}
[data-theme=dark] .bor-b1 {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .total-order ul li {
  border: 1px solid #1F2228;
}
[data-theme=dark] .total-order ul li:first-child {
  border-top: 1px solid #1F2228;
}
[data-theme=dark] .total-order ul li h4 {
  border-right: 1px solid #1F2228;
}
[data-theme=dark] hr {
  background-color: #1F2228;
  border-top: 1px solid #1F2228;
}
[data-theme=dark] .inputcheck .checkmark {
  background: transparent;
}
[data-theme=dark] .productset {
  background-color: #212B36;
  border: 1px solid #1F2228;
}
[data-theme=dark] .productset .productsetcontent h4 {
  color: #7A8086;
}
[data-theme=dark] .graph-sets .btn-light {
  background-color: #0D0D0D !important;
  color: #7A8086 !important;
  border: 1px solid #1F2228 !important;
  box-shadow: none;
}
[data-theme=dark] .graph-sets .btn-light:hover {
  color: #7A8086 !important;
}
[data-theme=dark] .graph-sets .btn-white {
  background-color: #0D0D0D;
  color: #7A8086;
}
[data-theme=dark] .graph-sets .btn-white:hover {
  color: #7A8086;
}
[data-theme=dark] .graph-sets .dropdown-menu {
  background-color: #0D0D0D;
  border: 1px solid #1F2228;
}
[data-theme=dark] .graph-sets .dropdown-menu .dropdown-item {
  color: #7A8086;
}
[data-theme=dark] .graph-sets .dropdown-menu .dropdown-item:hover {
  color: #7A8086;
  background: #212B36;
}
[data-theme=dark] .view-all-link a {
  color: #D8DFEE;
}
[data-theme=dark] .view-all-link a:hover {
  color: #4F46E5;
}
[data-theme=dark] .header .dropdown-menu {
  background: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] .order-list .orderid h4,
[data-theme=dark] .order-list .orderid h5 {
  color: #D8DFEE;
}
[data-theme=dark] .productimg .productcontet h4 {
  color: #D8DFEE;
}
[data-theme=dark] .topnav-dropdown-header {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .topnav-dropdown-header .notification-title {
  color: #D8DFEE;
}
[data-theme=dark] .topnav-dropdown-footer {
  border-top: 1px solid #1F2228;
}
[data-theme=dark] .topnav-dropdown-footer a {
  color: #D8DFEE;
}
[data-theme=dark] .topnav-dropdown-footer a:hover {
  color: #4F46E5;
}
[data-theme=dark] .user-menu.nav > li > a.select-store {
  border: 1px solid #1F2228;
}
[data-theme=dark] .custom-file-container .custom-file-container__custom-file__custom-file-control__button {
  color: #D8DFEE;
}
[data-theme=dark] .notifications .notification-list li {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .notifications .notification-list li .noti-title {
  color: #D8DFEE;
}
[data-theme=dark] .notifications .notification-list li .noti-details {
  color: #7A8086;
}
[data-theme=dark] .notifications .notification-list li .notification-time {
  color: #7A8086;
}
[data-theme=dark] .user-menu.nav li.flag-nav .dropdown-menu .dropdown-item {
  color: #7A8086;
}
[data-theme=dark] .user-menu.nav li.flag-nav .dropdown-menu .dropdown-item.active {
  color: #ffffff;
}
[data-theme=dark] .user-menu.nav li.flag-nav .dropdown-menu .dropdown-item:hover {
  background: #212B36 url("./media/check-OJGWUUIT.svg") no-repeat calc(100% - 12px) center;
}
[data-theme=dark] .user-menu.nav.nav > li > a.dropdown-toggle.nav-link.show {
  background: #212B36;
}
[data-theme=dark] .profilename .profileset h5,
[data-theme=dark] .profilename .profileset h6 {
  color: #7A8086;
}
[data-theme=dark] .header .menu-drop-user .dropdown-item {
  color: #7A8086;
}
[data-theme=dark] .header .menu-drop-user .dropdown-item:hover {
  color: #7A8086;
  background: #212B36;
}
[data-theme=dark] .card.bg-white {
  background-color: #212B36 !important;
}
[data-theme=dark] .card .card-header {
  background-color: #0D0D0D;
}
[data-theme=dark] .card .card-header .dropset {
  color: #7A8086;
}
[data-theme=dark] .card .card-footer {
  background-color: #212B36;
}
[data-theme=dark] .custom-file-container .custom-file-container__custom-file__custom-file-control {
  border: 1px solid #1F2228;
}
[data-theme=dark] .custom-file-container .custom-file-container__custom-file__custom-file-control .custom-file-container__custom-file__custom-file-control__button {
  border-left: 1px solid #1F2228;
}
[data-theme=dark] .scanner-set img {
  filter: brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(206%) hue-rotate(165deg) brightness(93%) contrast(88%);
  width: 16px;
}
[data-theme=dark] .dropdown-menu {
  background: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] .dropdown-menu .dropdown-item {
  color: #7A8086;
}
[data-theme=dark] .dropdown-menu .dropdown-item:hover {
  color: #7A8086;
  background: #212B36;
}
[data-theme=dark] .page-header h3 {
  color: #D8DFEE;
}
[data-theme=dark] .search-set .search-input input[type=search] {
  border: 1px solid #1F2228;
}
[data-theme=dark] .search-set .search-input input[type=search]::placeholder {
  color: #D8DFEE;
}
[data-theme=dark] .input-blocks input[type=text],
[data-theme=dark] .input-blocks input[type=password],
[data-theme=dark] .select2-container--default .select2-selection--single,
[data-theme=dark] .select2-container--focus .select2-selection--single,
[data-theme=dark] .form-control,
[data-theme=dark] .form-select,
[data-theme=dark] .select2-container--default .select2-selection--multiple {
  background: #0D0D0D !important;
  color: #D8DFEE;
}
[data-theme=dark] .input-blocks input[type=text]::placeholder,
[data-theme=dark] .input-blocks input[type=password]::placeholder,
[data-theme=dark] .select2-container--default .select2-selection--single::placeholder,
[data-theme=dark] .select2-container--focus .select2-selection--single::placeholder,
[data-theme=dark] .form-control::placeholder,
[data-theme=dark] .form-select::placeholder,
[data-theme=dark] .select2-container--default .select2-selection--multiple::placeholder {
  color: #D8DFEE;
}
[data-theme=dark] .select2-container--default .select2-results__option[aria-selected=true] {
  background: #212B36 !important;
  color: #D8DFEE !important;
}
[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #D8DFEE;
  border-color: #1F2228;
  border: 1px solid #1F2228;
}
[data-theme=dark] .select2-container--default .select2-selection--single {
  border-color: #1F2228;
  border: 1px solid #1F2228;
}
[data-theme=dark] .select2-container--focus .select2-selection--single {
  border-color: #1F2228;
  border: 1px solid #1F2228;
}
[data-theme=dark] .input-blocks input[type=text]:focus {
  border-color: #1F2228;
}
[data-theme=dark] .custom-file-container .custom-file-container__custom-file__custom-file-control {
  background: #212B36;
  color: #D8DFEE;
  border-color: transparent;
}
[data-theme=dark] .input-group-text {
  background: #212B36;
  color: #D8DFEE;
  border: 1.5px solid rgba(145, 158, 171, 0.32);
}
[data-theme=dark] .image-upload:hover {
  background: #212B36;
}
[data-theme=dark] .productdetails > ul > li h4 {
  color: #7A8086;
}
[data-theme=dark] .profile-set .profile-top .profile-contentname h2 {
  color: #D8DFEE;
}
[data-theme=dark] .total-order ul li h4 {
  background: #212B36;
}
[data-theme=dark] .total-order ul li h5 {
  color: #D8DFEE;
}
[data-theme=dark] .product-details {
  background: #212B36;
}
[data-theme=dark] .product-details h6 {
  color: #D8DFEE;
}
[data-theme=dark] .comp-section .card-header {
  border: 1px solid #1F2228;
}
[data-theme=dark] .comp-section .nav-tabs.nav-tabs-solid {
  background-color: #212B36;
}
[data-theme=dark] .list-group-item {
  background: #212B36;
  color: #D8DFEE;
}
[data-theme=dark] .bg-white {
  background-color: #212B36 !important;
}
[data-theme=dark] .section-header .section-title {
  color: #D8DFEE;
}
[data-theme=dark] .breadcrumb .breadcrumb-item a {
  color: #D8DFEE;
}
[data-theme=dark] .product-list ul li .productviews .productviewscontent .productviewsname h2,
[data-theme=dark] .product-list ul li .productviews .productviewscontent .productviewsname h3 {
  color: #D8DFEE;
}
[data-theme=dark] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #D8DFEE;
}
[data-theme=dark] .alertify .ajs-header {
  background: #212B36;
}
[data-theme=dark] .alertify .ajs-dialog {
  background: #212B36;
}
[data-theme=dark] .alertify .ajs-footer {
  background: #212B36;
}
[data-theme=dark] .alertify .ajs-footer .ajs-buttons .ajs-button {
  color: #D8DFEE;
}
[data-theme=dark] .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
[data-theme=dark] .bs-popover-top > .popover-arrow::after {
  border-top-color: #1F2228;
}
[data-theme=dark] .popover {
  background-color: #212B36;
  border: 1px solid #1F2228;
}
[data-theme=dark] .popover .popover-header {
  background-color: #212B36;
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .popover .popover-body {
  color: #D8DFEE;
}
[data-theme=dark] .scroll-demo {
  border: 1px solid #1F2228;
}
[data-theme=dark] .timeline:before {
  background-color: #1F2228;
}
[data-theme=dark] .timeline > li > .timeline-panel {
  border: 1px solid #1F2228;
}
[data-theme=dark] .timeline > li > .timeline-panel::before {
  border-top: 8px solid transparent;
  border-right: 0 solid #1F2228;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #1F2228;
}
[data-theme=dark] .timeline > li > .timeline-panel::after {
  border-top: 7px solid transparent;
  border-right: 0 solid #1F2228;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #1F2228;
}
[data-theme=dark] .timeline > li.timeline-inverted > .timeline-panel:after {
  border-right-width: 7px;
  border-left-width: 0;
}
[data-theme=dark] .timeline > li.timeline-inverted > .timeline-panel::before {
  border-right-width: 8px;
  border-left-width: 0;
}
[data-theme=dark] .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {
  background-color: #1F2228;
}
[data-theme=dark] .btn-white {
  background-color: #0D0D0D;
  border: 1px solid #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .calendar-events:hover {
  background-color: #1F2228;
  border: 1px solid #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .fc-button {
  color: #D8DFEE;
  background: #092C4C;
  text-shadow: none;
}
[data-theme=dark] .sidebar.side-three.horizontal-sidebar .sidebar-menu > ul > li > a span {
  color: #7A8086 !important;
}
[data-theme=dark] .sidebar.side-three.horizontal-sidebar .sidebar-menu > ul > li > a img,
[data-theme=dark] .sidebar.side-three.horizontal-sidebar .sidebar-menu > ul > li > a svg {
  filter: brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(206%) hue-rotate(165deg) brightness(93%) contrast(88%);
}
[data-theme=dark] .cardhead .card-header {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .sidebar-content {
  background: #212B36;
}
[data-theme=dark] .sidebar-content .sidebar-header {
  border: 1px solid #1F2228;
}
[data-theme=dark] .sidebar-content .sidebar-header h5 {
  color: #ffffff;
}
[data-theme=dark] .sidebar-content .sidebar-header a img {
  filter: brightness(0) saturate(100%) invert(65%) sepia(27%) saturate(206%) hue-rotate(165deg) brightness(93%) contrast(88%);
}
[data-theme=dark] .sidebar-content .switch-wrapper {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .sidebar-content .layout-wrap .status-text {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar-content .layout-wrap .status-toggle .checktoggle {
  background: #D8DFEE;
}
[data-theme=dark] .login-logo.logo-normal {
  display: none;
}
[data-theme=dark] .login-logo.logo-white {
  display: block !important;
}
[data-theme=dark] .login-wrapper .login-content .login-userheading h3,
[data-theme=dark] .login-wrapper .login-content .login-userheading h4 {
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper .login-content .form-login label {
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper .login-content .signinform h4 {
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper .login-content .signinform h4 a {
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper .login-content .form-sociallink ul li a {
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper .login-content .form-sociallink ul li a:hover {
  color: #ffffff;
}
[data-theme=dark] .login-wrapper .login-content .form-login input {
  background: #212B36 !important;
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper .login-content .form-login input::placeholder {
  color: #D8DFEE;
}
[data-theme=dark] .welcome {
  background-color: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] .table-top-head li a {
  background-color: #0D0D0D;
  border: 1px solid #1F2228;
}
[data-theme=dark] .table-top-head li a svg {
  color: #D8DFEE;
}
[data-theme=dark] .table-top-head li a:hover {
  background: #212B36;
}
[data-theme=dark] .sales-cards .card h3,
[data-theme=dark] .sales-cards .card p {
  color: #D8DFEE !important;
}
[data-theme=dark] .main-chat-blk .all-chats {
  background: #092C4C;
}
[data-theme=dark] .main-chat-blk .chat-member-details .member-details ul li span,
[data-theme=dark] .main-chat-blk .chat-member-details .member-details ul li h5 {
  color: #646B72;
}
[data-theme=dark] .main-chat-blk .right-sidebar .right-sidebar-wrap {
  background: #0D0D0D;
}
[data-theme=dark] .main-chat-blk .sidebar-body .profile-name {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat-page-wrapper .card-header-head h4 {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat-page-wrapper .left-chat-title {
  border-bottom-color: #646B72;
  background: #0D0D0D;
}
[data-theme=dark] .main-chat-blk .chat-page-wrapper .dropdown-menu {
  background: #0D0D0D;
  border-color: #646B72;
}
[data-theme=dark] .main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item i {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .top-online-contacts {
  background: #0D0D0D;
}
[data-theme=dark] .main-chat-blk .sidebar-body {
  background: #0D0D0D;
}
[data-theme=dark] .main-chat-blk .sidebar .user-list li a {
  border-color: #646B72;
}
[data-theme=dark] .main-chat-blk .sidebar .user-list li .users-list-body h5,
[data-theme=dark] .main-chat-blk .sidebar .user-list li .users-list-body p {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time .text-muted {
  color: #B8BCC9 !important;
}
[data-theme=dark] .main-chat-blk .chat {
  background: #0D0D0D;
}
[data-theme=dark] .main-chat-blk .chat .chat-header {
  background: #0D0D0D;
  box-shadow: none;
}
[data-theme=dark] .main-chat-blk .chat .chat-header .user-details h5,
[data-theme=dark] .main-chat-blk .chat .chat-header .user-details small {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat .chat-header li a i {
  color: #67748E;
}
[data-theme=dark] .main-chat-blk .chat .chat-body .messages .chat-profile-name h6 {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .main-wrapper .content .sidebar-group .sidebar {
  border-right-color: #646B72;
}
[data-theme=dark] .part-name.sub-part-name,
[data-theme=dark] .recession-meet-blk .partispant-blk span a {
  background: #092C4C;
}
[data-theme=dark] .part-name.sub-part-name h4,
[data-theme=dark] .recession-meet-blk .partispant-blk span a h4 {
  color: #D8DFEE;
}
[data-theme=dark] .more-icon a {
  background: #092C4C;
}
[data-theme=dark] .recession-meet-blk .reccession-head h5 {
  color: #D8DFEE;
}
[data-theme=dark] .welcome button,
[data-theme=dark] .welcome a {
  border-color: #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .bar-code-view {
  border-color: #1F2228;
}
[data-theme=dark] .productdetails > ul > li {
  border-color: #1F2228;
}
[data-theme=dark] .productdetails > ul > li h4 {
  border-color: #1F2228;
}
[data-theme=dark] .productdetails > ul > li:last-child {
  border-color: #1F2228;
}
[data-theme=dark] .productdetails > ul > li:first-child {
  border-color: #1F2228;
}
[data-theme=dark] .right-user-side .slimscroll {
  background: #0D0D0D;
  border-color: #646B72;
}
[data-theme=dark] .right-user-side .slimscroll .left-chat-title {
  background: #092C4C;
  border-bottom-color: #646B72 !important;
}
[data-theme=dark] .right-user-side .slimscroll .left-chat-title .chat-title h4 {
  color: #D8DFEE;
}
[data-theme=dark] .right-user-side .slimscroll .chat-footer {
  background: #0D0D0D;
}
[data-theme=dark] .right-user-side.right-side-party .slimscroll {
  background: #0D0D0D;
  border-color: #646B72;
}
[data-theme=dark] .right-user-side.right-side-party .slimscroll .left-chat-title {
  background: #092C4C;
}
[data-theme=dark] .right-user-side.right-side-party .slimscroll .left-chat-title .chat-title h4 {
  color: #D8DFEE;
}
[data-theme=dark] .right-user-side.right-side-party .slimscroll .chat-footer {
  background: #0D0D0D;
}
[data-theme=dark] .right-user-side.right-side-party .slimscroll .card-body-blk .user-list .user-list-item {
  background: #092C4C;
}
[data-theme=dark] .history-modal-profile .right-sidebar-profile {
  background: #0D0D0D;
}
[data-theme=dark] .modal-profile-detail .modal-userlist li {
  color: #D8DFEE;
}
[data-theme=dark] .fc-unthemed td {
  color: #D8DFEE;
}
[data-theme=dark] .notes-dash {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .notes-dash .notes-top-head {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .notes-dash .notes-top-head h5 {
  color: #D8DFEE;
}
[data-theme=dark] .notes-dash .content-submenu-tag h6 {
  color: #D8DFEE;
}
[data-theme=dark] .notes-page-wrapper .content .section-bulk-wrap {
  background: #0D0D0D;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.7);
}
[data-theme=dark] .notes-page-wrapper .content .section-card-body .notes-card-details {
  background: #0D0D0D;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
  border-color: #1F2228;
}
[data-theme=dark] .notes-page-wrapper .content .section-card-body .notes-card-details .notes-card-body a {
  color: #646B72;
}
[data-theme=dark] .notes-page-wrapper .content .section-card-body .notes-card-details .notes-wrap-content h4 a {
  color: #D8DFEE;
}
[data-theme=dark] .notes-page-wrapper .content .section-card-body .dropdown-menu {
  border-color: #1F2228;
}
[data-theme=dark] .notes-page-wrapper .content .notes-card-body .dropdown-menu {
  border-color: #1F2228;
  box-shadow: unset;
}
[data-theme=dark] .notes-page-wrapper .content .section-notes-slider .notes-card .notes-card-body a {
  color: #646B72;
}
[data-theme=dark] .notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-content h4 a {
  color: #D8DFEE;
}
[data-theme=dark] .todo-today-content .todo-today-header h3 {
  color: #D8DFEE;
}
[data-theme=dark] .todo-wrapper-list {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .todo-wrapper-list .todo-inbox-check .todo-wrapper-list-content h4 {
  color: #D8DFEE;
}
[data-theme=dark] .dropdown-menu.notes-menu a.dropdown-item {
  color: #7A8086;
}
[data-theme=dark] .notes-header h3 {
  color: #D8DFEE;
}
[data-theme=dark] .custom-modal-header {
  background: #092C4C;
}
[data-theme=dark] .custom-modal-header .page-title h4 {
  color: #D8DFEE;
}
[data-theme=dark] .search-set .search-input .btn-searchset {
  color: #5B6670;
}
[data-theme=dark] .accordion {
  background: transparent;
  --bs-accordion-bg: $darkmode-white;
}
[data-theme=dark] .accordion .accordion-item {
  background: #0D0D0D;
}
[data-theme=dark] .accordion-card-one .accordion-item .accordion-button:not(.collapsed) {
  background: transparent !important;
}
[data-theme=dark] .accordion-card-one .accordion-item .accordion-button .addproduct-icon h5 {
  color: #D8DFEE;
}
[data-theme=dark] .card .card-body.add-product .text-editor.add-list.add .custom-filed {
  background: transparent;
}
[data-theme=dark] .bootstrap-tagsinput {
  background: #0D0D0D;
  border: 1px solid #4D555E;
}
[data-theme=dark] .product-quantity {
  background: #0D0D0D;
}
[data-theme=dark] .product-quantity span {
  color: #D8DFEE;
}
[data-theme=dark] .product-quantity input {
  background: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] .searchinputs.list input {
  background: #0D0D0D;
}
[data-theme=dark] .table-top-head li .status-toggle {
  background: #0D0D0D;
}
[data-theme=dark] .barcode-content-list {
  background: #0D0D0D;
}
[data-theme=dark] .barcode-content-list .search-modal-header {
  background: #212B36;
}
[data-theme=dark] .barcode-content-list .paper-search-size .search-toggle-list p {
  color: #D8DFEE;
}
[data-theme=dark] .barcode-scanner-link {
  background: #0D0D0D;
}
[data-theme=dark] .barcode-scanner-link h6 {
  color: #D8DFEE;
}
[data-theme=dark] .seacrh-barcode-item .searchInput {
  background: #0D0D0D;
}
[data-theme=dark] .barcode-scan-header h5 {
  color: #D8DFEE;
}
[data-theme=dark] .modal-body-table {
  background: #212B36;
}
[data-theme=dark] span.customer-toggle,
[data-theme=dark] .status-label {
  color: #D8DFEE;
}
[data-theme=dark] .layout-drop-item .drop-item-head h5,
[data-theme=dark] p {
  color: #D8DFEE;
}
[data-theme=dark] .total-employees {
  background: #0D0D0D;
}
[data-theme=dark] .total-employees h6 {
  color: #D8DFEE;
}
[data-theme=dark] .employee-grid-profile {
  border-color: #4D555E;
  background: #0D0D0D;
}
[data-theme=dark] .employee-grid-profile ul.department {
  background: #212B36;
}
[data-theme=dark] .employee-grid-profile ul.department li {
  color: #D8DFEE;
}
[data-theme=dark] .employee-grid-profile .profile-info.department-profile-info {
  background: #212B36;
}
[data-theme=dark] aside {
  border-color: #1F2228;
}
[data-theme=dark] aside.product-order-list .block-section {
  border-color: #1F2228;
}
[data-theme=dark] aside.product-order-list .btn-block {
  border-color: #1F2228;
}
[data-theme=dark] .product-wrap .product-list .action a {
  border-color: #1F2228;
}
[data-theme=dark] .pos-categories,
[data-theme=dark] aside,
[data-theme=dark] .pos-products .product-info .img-bg {
  background: #0D0D0D;
}
[data-theme=dark] aside.product-order-list .order-total,
[data-theme=dark] aside.product-order-list .order-total table {
  background: #212B36;
}
[data-theme=dark] .product-wrap .product-list {
  box-shadow: none;
  background: #212B36;
}
[data-theme=dark] .pos-categories h5,
[data-theme=dark] .pos-categories h6,
[data-theme=dark] .order-list h5,
[data-theme=dark] .order-list h6,
[data-theme=dark] .pos-products .product-info h6.product-name a,
[data-theme=dark] .product-wrap .product-list .qty-item .dec,
[data-theme=dark] .product-wrap .product-list .qty-item .inc,
[data-theme=dark] aside.product-order-list .payment-method .methods .default-cover a span,
[data-theme=dark] .product-wrap .product-list .info h6 a,
[data-theme=dark] .file-manager aside h5,
[data-theme=dark] .file-manager aside ul li a,
[data-theme=dark] .file-manager h4,
[data-theme=dark] .file-manager h6 a,
[data-theme=dark] .file-manager .accordion .accordion-item .accordion-button::after,
[data-theme=dark] .fc-toolbar h2,
[data-theme=dark] .file-manager,
[data-theme=dark] .file-manager .card,
[data-theme=dark] .search-dropdown .search-info h6,
[data-theme=dark] .search-dropdown .search-info h6 svg,
[data-theme=dark] .search-set .search-input .btn-searchset .feather-search {
  color: #D8DFEE;
}
[data-theme=dark] .file-manager aside .dropdown > a .feather-16,
[data-theme=dark] .file-manager aside ul li a .feather-16,
[data-theme=dark] .file-manager .project-plan ul li,
[data-theme=dark] .file-manager .project-plan label,
[data-theme=dark] .file-manager .page-header .btn-added .feather-16 {
  color: #ffffff;
}
[data-theme=dark] aside.product-order-list .head,
[data-theme=dark] .file-manager .info,
[data-theme=dark] .file-manager .folders {
  background: #212B36;
}
[data-theme=dark] .file-manager .folders {
  border-color: #1F2228;
  background: #0D0D0D;
}
[data-theme=dark] .file-manager .folders,
[data-theme=dark] .file-manager .info {
  box-shadow: none;
}
[data-theme=dark] aside.product-order-list .payment-method .methods .default-cover img {
  filter: invert(75%) sepia(66%) saturate(1955%) hue-rotate(327deg) brightness(103%) contrast(102%);
}
[data-theme=dark] .page-wrapper .content.settings-content,
[data-theme=dark] .settings-sidebar {
  background: #0D0D0D;
}
[data-theme=dark] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a span {
  color: #D8DFEE;
}
[data-theme=dark] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a.active {
  background: transparent;
}
[data-theme=dark] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a.active.subdrop {
  background: transparent;
}
[data-theme=dark] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a svg {
  color: #67748E;
}
[data-theme=dark] .security-settings ul li .security-btn .manage-btn {
  color: #D8DFEE;
}
[data-theme=dark] .security-settings ul li .security-type .security-icon {
  background: #092C4C;
}
[data-theme=dark] .connected-app-card ul {
  background: #0D0D0D;
  box-shadow: 0px 4px 60px 0px #37404A;
}
[data-theme=dark] .header-left #toggle_btn svg,
[data-theme=dark] .btn-row .btn svg {
  color: #ffffff;
}
[data-theme=dark] .table.profit-table thead,
[data-theme=dark] .table.profit-table tbody .profit-table-bg td {
  background: #092C4C;
  color: #D8DFEE;
}
[data-theme=dark] .comming-soon-pg .coming-soon-box {
  background: #092C4C;
  opacity: 0.9;
}
[data-theme=dark] .comming-soon-pg .coming-soon-box .coming-soon-timer li {
  background: #092C4C;
  color: #D8DFEE;
}
[data-theme=dark] .comming-soon-pg .coming-soon-box .coming-soon-timer li span {
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper.bg-img .login-content {
  background: #092C4C;
  opacity: 0.9;
}
[data-theme=dark] .login-wrapper .login-content .login-logo {
  display: none;
}
[data-theme=dark] .pos-modal .modal-header,
[data-theme=dark] .pos-modal#hold-order h2 {
  background: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] .pos-modal#orders .order-body .record table {
  background: transparent;
}
[data-theme=dark] .tabs_wrapper ul.tabs li {
  background: #092C4C;
}
[data-theme=dark] .pos-category .default-cover h6 a {
  color: #D8DFEE;
}
[data-theme=dark] .pos-category .default-cover span {
  color: #B8BCC9;
}
[data-theme=dark] .pos-category .owl-item {
  background: #092C4C;
  box-shadow: none;
  border-color: #1F2228;
}
[data-theme=dark] .pos-category .owl-item h6 a {
  color: #D8DFEE;
}
[data-theme=dark] aside.product-order-list h6 {
  color: #D8DFEE;
}
[data-theme=dark] aside.product-order-list .head h5 {
  color: #D8DFEE;
}
[data-theme=dark] #print-receipt .modal-body .tax-invoice span,
[data-theme=dark] #print-receipt .modal-body table thead th,
[data-theme=dark] #print-receipt .modal-body table tbody tr table tr:last-child td {
  color: #D8DFEE;
}
[data-theme=dark] aside.product-order-list .order-total table tr td {
  border-bottom: none;
}
[data-theme=dark] #print-receipt .modal-body table {
  background: none;
}
[data-theme=dark] .sidebar-footer {
  background: #0D0D0D;
}
[data-theme=dark] .sidebar-content .theme-head h6 {
  color: #D8DFEE;
}
[data-theme=dark] table tbody td.action-table-data a {
  background: #092C4C;
}
[data-theme=dark] .disabled > .page-link {
  color: #67748E;
}
[data-theme=dark] .apply-leave {
  background: #0D0D0D;
}
[data-theme=dark] .card .card-body .payslip-month .month-of-slip h4 {
  color: #D8DFEE;
}
[data-theme=dark] .paysilp-table-border th,
[data-theme=dark] .payslip-border-bottom th {
  color: #D8DFEE;
}
[data-theme=dark] .card .card-body .emp-details .emp-name-id h6 {
  color: #D8DFEE;
}
[data-theme=dark] .card .card-body .emp-details .emp-name-id span {
  color: #5B6670;
}
[data-theme=dark] .card .card-body .emp-details .emp-location-info h6 {
  color: #D8DFEE;
}
[data-theme=dark] .card .card-body .emp-details .emp-location-info span {
  color: #5B6670;
}
[data-theme=dark] .pay-slip-box .card .card-body .emp-details.justify-content-start {
  background: #0D0D0D;
}
[data-theme=dark] .card .card-body .emp-details {
  background: #0D0D0D;
}
[data-theme=dark] .connected-app-card ul li .security-title h5,
[data-theme=dark] .appearance-settings h6,
[data-theme=dark] .logo-company li .logo-info h6 {
  color: #D8DFEE;
}
[data-theme=dark] .localization-info .setting-info h6 {
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper .login-content.user-login .login-userset {
  background: #0D0D0D;
  border-color: #0D0D0D;
  box-shadow: unset;
}
[data-theme=dark] .custom-alert1 {
  background: #212529;
}
[data-theme=dark] .custom-alert-icon {
  background: #212529 !important;
}
[data-theme=dark] .accordion-button,
[data-theme=dark] .accordion .accordion-button.collapsed {
  background: transparent !important;
}
[data-theme=dark] .accordion-button::after,
[data-theme=dark] .accordion .accordion-button.collapsed::after {
  background: #212529;
}
[data-theme=dark] .accordion-body {
  background: #0D0D0D;
}
[data-theme=dark] .offcanvas {
  background: #0D0D0D;
  color: #D8DFEE !important;
}
[data-theme=dark] .activity .activity-list li {
  background-color: #0D0D0D;
  border: 1px solid #1F2228;
}
[data-theme=dark] .activity .activity-list li .activity-content {
  background-color: #0D0D0D;
}
[data-theme=dark] .activity .activity-list li a {
  color: #4D555E;
}
[data-theme=dark] .activity .activity-list li a:hover {
  color: #4F46E5;
}
[data-theme=dark] .activity .activity-list li a.name {
  color: #90959B;
}
[data-theme=dark] .activity .activity-list li a.name:hover {
  color: #4F46E5;
}
[data-theme=dark] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #FF9F43 !important;
  color: #fff !important;
}
[data-theme=dark] .profile-pic-upload .profile-pic span {
  color: #D8DFEE;
}
[data-theme=dark] .search-dropdown .search-info {
  border-bottom: 1px solid #646B72;
}
[data-theme=dark] .card .card-body.add-product .addproduct-icon {
  border-color: #1F2228;
}
[data-theme=dark] .add-product .add-icon a {
  color: #B8BCC9;
}
[data-theme=dark] .table-responsive {
  border-top: 1px solid #1F2228;
}
[data-theme=dark] .appearance-settings .theme-type-images .theme-image {
  background: #092C4C;
  border-color: #092C4C;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
}
[data-theme=dark] .attendance-widget .card .card-body .card.attendance {
  background: #0D0D0D;
}
[data-theme=dark] .audio-call-group ul li .user-audio-call h5 {
  color: #D8DFEE;
}
[data-theme=dark] .record-time span {
  color: #D8DFEE;
}
[data-theme=dark] .bank-box.active::after {
  background-color: #37404A;
}
[data-theme=dark] .bank-box .bank-header .bank-name h6 {
  color: #D8DFEE;
}
[data-theme=dark] .bank-box .bank-header .bank-name p {
  color: #D8DFEE;
}
[data-theme=dark] .bank-box .bank-info h6 {
  color: #D8DFEE;
}
[data-theme=dark] .settings-wrapper .settings-sidebar .sidebar-menu .menu-arrow {
  background-color: #D8DFEE;
}
[data-theme=dark] .settings-wrapper .settings-sidebar .sidebar-menu .menu-arrow::before {
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  color: #000000;
}
[data-theme=dark] .legendLabel {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat .chat-body .messages .chats .message-content {
  background: #092C4C;
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat .chat-body .messages .file-download {
  background: #092C4C;
}
[data-theme=dark] .main-chat-blk .chat .chat-body .messages .file-download .file-details span.file-name {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat .chat-body .messages .file-download .file-details ul li {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat_form {
  border: 1px solid #1F2228;
  box-shadow: 0px 4px 4px #37404A;
}
[data-theme=dark] .main-chat-blk .chat-date {
  background: #092C4C;
  color: #D8DFEE;
  border: 1px solid #1F2228;
}
[data-theme=dark] .main-chat-blk .chat-date:before {
  background-color: #1F2228;
}
[data-theme=dark] .main-chat-blk .chat-line:before {
  background-color: #1F2228;
}
[data-theme=dark] .notes-page-wrapper .content .page-add-notes {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .file-manager aside {
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.7);
}
[data-theme=dark] .file-manager aside h5 {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .seprator-lg {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .pos-modal.upload-modal .modal-body ul li h6 a {
  color: #D8DFEE;
}
[data-theme=dark] .pos-modal.upload-modal .modal-body p {
  color: #D8DFEE;
}
[data-theme=dark] .social-media-icons li a i {
  color: #D8DFEE;
}
[data-theme=dark] .employee-grid-profile .dropdown.profile-action svg {
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper .login-content .login-userset .my-4 p {
  color: #D8DFEE;
}
[data-theme=dark] .alert-secondary {
  background-color: rgba(9, 44, 76, 0.8);
  color: #ffffff;
  border-color: rgba(9, 44, 76, 0.8);
}
[data-theme=dark] .badge.text-dark {
  color: #ffffff;
}
[data-theme=dark] .btn-outline-secondary {
  border: 1px solid #3577f1 !important;
  color: #3577f1 !important;
}
[data-theme=dark] .btn-outline-light {
  border: 1px solid #F9FAFB;
  color: #F9FAFB !important;
}
[data-theme=dark] .btn.text-dark {
  color: #ffffff !important;
}
[data-theme=dark] .callout-info {
  background-color: rgba(23, 162, 184, 0.25);
  border-color: rgba(23, 162, 184, 0.5);
  color: #ffffff;
}
[data-theme=dark] .callout-warning {
  background-color: rgba(255, 153, 0, 0.25);
  border-color: rgba(255, 153, 0, 0.5);
  color: #ffffff;
}
[data-theme=dark] .callout-danger {
  background-color: rgba(255, 0, 0, 0.25);
  border-color: rgba(255, 0, 0, 0.5);
  color: #ffffff;
}
[data-theme=dark] .grid-vertical {
  color: #fff;
}
[data-theme=dark] .grid-vertical .bg-light {
  background-color: transparent !important;
}
[data-theme=dark] .grid-showcase .text-dark {
  color: #ffffff !important;
}
[data-theme=dark] .btn.btn-secondary-light {
  background-color: rgba(9, 44, 76, 0.5);
  color: #489be6;
}
[data-theme=dark] .nav-tabs .nav-tabs-rounded {
  border-radius: 50px;
}
[data-theme=dark] .card .card-footer {
  background-color: transparent;
  color: #D8DFEE;
}
[data-theme=dark] .file-manager .all-files {
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.7);
}
[data-theme=dark] .form-floating > .form-control-plaintext ~ label::after {
  background-color: transparent;
}
[data-theme=dark] .form-select {
  border-color: #4D555E;
}
[data-theme=dark] .productdetails > ul > li h6 {
  color: #ffffff;
}
[data-theme=dark] .connected-app-card ul {
  box-shadow: 0px 4px 6px 0px rgba(231, 231, 231, 0.17);
}
[data-theme=dark] .login-wrapper .login-content.user-login .login-userset {
  box-shadow: 0px 4px 6px 0px rgba(190, 190, 190, 0.27);
}
[data-theme=dark] .sales-cards .card.color-info h3 {
  color: #ffffff !important;
}
[data-theme=dark] .sales-cards .card.color-info p {
  color: #ffffff !important;
}
[data-theme=dark] .table.table-borderless tr td .head-text {
  color: #D8DFEE;
}
[data-theme=dark] .accordion .accordion-item {
  background: transparent;
}
[data-theme=dark] .card-text {
  color: #D8DFEE;
}
[data-theme=dark] .login-wrapper.login-new .login-content.user-login .login-userset form .otp-box input {
  background: transparent;
}
[data-theme=dark] .file-manager .accordion .accordion-item {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .main-chat-blk .review-files p {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat-action-col > a {
  color: #646B72;
}
[data-theme=dark] .social-authent-settings .connected-app-card ul li:first-child {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .notes-page-wrapper .content .section-notes-slider {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .notes-page-wrapper .content .section-card-body .notes-card-details .notes-wrap-content {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .notes-dash .notes-top-head-submenu {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .login-body .login-wrapper .terms li a {
  color: #D8DFEE;
}
[data-theme=dark] .input-blocks .bootstrap-tagsinput .tag {
  background: #0D0D0D;
  color: #D8DFEE;
  border-color: #4D555E;
}
[data-theme=dark] .company-info {
  border-bottom: 1px solid #1F2228;
}
[data-theme=dark] .apply-leave .leave-apply .leave-date p {
  color: #D8DFEE;
}
[data-theme=dark] .main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:hover {
  color: #212B36;
}
[data-theme=dark] .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
  background-color: transparent;
}
[data-theme=dark] .form-select option {
  background-color: transparent;
}
[data-theme=dark] .selected-language {
  color: #D8DFEE;
}
[data-theme=dark] .file-manager aside {
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.7);
}
[data-theme=dark] .file-manager aside h6 {
  color: #D8DFEE;
}
[data-theme=dark] .table {
  border-color: #1F2228;
}
[data-theme=dark] .table tr th {
  border-color: #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .table.table-primary tr th {
  background-color: #0D0D0D;
}
[data-theme=dark] .pos-category .owl-nav button.owl-next,
[data-theme=dark] .pos-category .owl-nav button.owl-prev {
  background-color: #0D0D0D;
  border: 1px solid #1F2228;
}
[data-theme=dark] .pos-category .owl-nav button.owl-next i,
[data-theme=dark] .pos-category .owl-nav button.owl-prev i {
  color: #D8DFEE;
}
[data-theme=dark] .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #1F2228;
}
[data-theme=dark] .select2-container--default .select2-selection--multiple {
  border-color: #1F2228;
}
[data-theme=dark] textarea::placeholder {
  color: #D8DFEE;
}
[data-theme=dark] .bg-secondary-transparent {
  background: #181818 !important;
}
[data-theme=dark] .user-menu.nav > li.pos-nav {
  border-color: #1F2228;
}
[data-theme=dark] .user-menu.nav > li > a {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar .sidebar-menu .menu-arrow,
[data-theme=dark] .settings-sidebar .sidebar-menu .menu-arrow {
  background: #171717;
}
[data-theme=dark] .dropdown > a,
[data-theme=dark] .link-item {
  border-color: #1F2228;
}
[data-theme=dark] .user-menu.nav > li.profile-nav .profileset {
  background: #131313;
}
[data-theme=dark] .daterangepicker {
  background: #131313;
  border-color: #1F2228;
}
[data-theme=dark] .daterangepicker .ranges li:hover {
  background: #171717;
}
[data-theme=dark] .sale-widget .sale-icon {
  background: #E4E8EC !important;
}
[data-theme=dark] table tbody td.action-table-data a {
  border-color: #1F2228;
}
[data-theme=dark] table tbody td.action-table-data a .feather-edit {
  color: #D8DFEE;
}
[data-theme=dark] table tbody td.action-table-data a svg {
  color: #D8DFEE;
}
[data-theme=dark] .settings-wrapper .settings-sidebar .sidebar-menu h4 {
  color: #D8DFEE;
  border-color: #1F2228;
}
[data-theme=dark] .settings-wrapper .settings-sidebar,
[data-theme=dark] .notification-table-responsive,
[data-theme=dark] .new-logo a {
  border-color: #1F2228;
}
[data-theme=dark] .text-gray-900 {
  color: #D8DFEE !important;
}
[data-theme=dark] .notification-table-responsive .table thead tr th {
  background: #131313;
}
[data-theme=dark] .notification-table-responsive .table tbody tr td {
  color: #D8DFEE;
}
[data-theme=dark] .accordion-card-one .accordion-item {
  border-color: #1F2228;
}
[data-theme=dark] .btn-group.custom-btn-group .btn {
  background: #2F343C;
  color: #D8DFEE !important;
}
[data-theme=dark] .header .dropdown-menu {
  box-shadow: none;
}
[data-theme=dark] .link-item:hover {
  background: #2F343C;
  border-color: #1F2228;
}
[data-theme=dark] .alert.bg-orange-transparent span {
  color: #4F46E5;
}
[data-theme=dark] .alert.bg-orange-transparent > div {
  color: #4F46E5;
}
[data-theme=dark] .header kbd {
  color: #D8DFEE;
}
[data-theme=dark] .header kbd img {
  filter: brightness(100);
}
.header {
  background: #ffffff;
  border-bottom: 1px solid #E6EAED;
  height: 65px;
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header .flag-nav > a img {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.header .searchinputs {
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header .dropdown-menu {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: translate(0px, 100px);
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  border: 0;
  margin-top: 15px !important;
}
@media (max-width: 991.96px) {
  .header .dropdown-menu {
    transition: none;
  }
}
.header .header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  float: left;
  height: 65px;
  position: relative;
  text-align: center;
  width: 280px;
  z-index: 1;
  padding: 0 24px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header .header-left .logo {
  display: inline-block;
  line-height: 0;
}
.header .header-left .logo img {
  width: 130px;
}
@media (max-width: 991.96px) {
  .header .header-left .logo {
    text-align: center;
    width: 100%;
  }
}
.header .header-left .logo-small {
  display: none;
}
@media (max-width: 991.96px) {
  .header .header-left {
    position: absolute;
    width: 100%;
  }
}
@media (max-width: 991.96px) {
  .header .header-left #toggle_btn {
    display: none;
  }
}
@media (min-width: 991.98px) {
  .header #toggle_btn {
    float: left;
    font-size: 26px;
    line-height: 50px;
  }
  .header #toggle_btn .bar-icon {
    display: inline-block;
    width: 21px;
  }
  .header #toggle_btn .bar-icon span {
    background-color: #ffffff;
    display: block;
    float: left;
    height: 2px;
    width: 21px;
    margin: 0 0 5px;
    border-radius: 50px;
  }
  .header #toggle_btn .bar-icon span:nth-child(2) {
    width: 15px;
  }
}
.header .page-title-box {
  float: left;
  height: 60px;
  margin-bottom: 0;
  padding: 17px 20px;
  border-radius: 0;
}
@media (max-width: 991.96px) {
  .header .page-title-box {
    display: none;
  }
}
.header .page-title-box a {
  color: #4F46E5;
  font-size: 11px;
  font-weight: 700;
  border: 1px solid #4F46E5;
  margin: 0;
  padding: 5px;
  border-radius: 5px;
}
.header .page-title-box a:hover {
  background: #4F46E5;
  color: #ffffff;
}
.header .mobile_btn {
  display: none;
  float: left;
}
@media (max-width: 991.96px) {
  .header .mobile_btn {
    color: #4F46E5;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    z-index: 10;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }
}
.header .responsive-search {
  display: none;
  color: #ffffff;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
}
@media (max-width: 991.96px) {
  .header .responsive-search {
    display: block;
  }
}
.header .top-nav-search form {
  position: relative;
}
@media (max-width: 991.96px) {
  .header .top-nav-search form {
    display: none;
  }
}
.header .top-nav-search form .form-control {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  height: 40px;
  padding: 10px 50px 10px 15px;
  border-radius: 50px;
}
.header .top-nav-search form .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.header .top-nav-search form .btn {
  background-color: transparent;
  border-color: transparent;
  color: rgba(255, 255, 255, 0.7);
  min-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991.96px) {
  .header .top-nav-search.active form {
    display: block;
    position: absolute;
    left: 0;
  }
  .header .top-nav-search.active form .form-control {
    background-color: #ffffff;
  }
  .header .top-nav-search.active form .btn {
    background-color: transparent;
    border-color: transparent;
    min-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 15px;
  }
}
.header .userset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.header .menu-drop-user .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.header .menu-drop-user .dropdown-item svg {
  stroke-width: 1px;
  margin-right: 10px;
  width: 18px;
}
.header .menu-drop-user .logout {
  color: #FF0000;
}
@media (max-width: 991.96px) {
  .header .has-arrow .dropdown-toggle > span:nth-child(2) {
    display: none;
  }
  .header .has-arrow .dropdown-toggle:after {
    display: none !important;
  }
}
.header .profilename .user-img .status {
  bottom: 10px;
}
.header .user-img {
  display: inline-block;
  position: relative;
}
.header .user-img img {
  width: 38px;
  border-radius: 50%;
}
.header .user-img .status {
  border: 2px solid #ffffff;
  height: 10px;
  width: 10px;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 30px;
  border-radius: 50%;
  display: inline-block;
  background: #3EB780;
}
.header .mobile-user-menu {
  color: #ffffff;
  display: none;
  float: right;
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  text-align: right;
  width: 60px;
  z-index: 10;
  padding: 0 20px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991.96px) {
  .header .mobile-user-menu {
    display: block;
  }
}
.header .mobile-user-menu a {
  color: #4F46E5;
  padding: 0;
  border: 0;
}
.header .mobile-user-menu a::after {
  display: none;
}
.header .mobile-user-menu .dropdown-menu {
  padding: 0;
}
.header .mobile-user-menu .dropdown-menu a {
  color: #37404A;
  line-height: 40px;
  padding: 0 10px;
}
.header.pos-header .header-left {
  width: auto;
}
@media (max-width: 991.98px) {
  .header.pos-header .header-left {
    width: 100%;
  }
}
.header.pos-header .user-menu.nav > li.pos-nav {
  border-right: 0;
  padding-right: 0;
}
.header.pos-header .user-menu.nav > li.select-store-dropdown {
  border-right: 1px solid #E6EAED;
  padding-right: 12px;
}
.logo-small img {
  width: 30px;
}
@media (min-width: 992px) {
  .mini-sidebar.expand-menu .header-left {
    flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
  .mini-sidebar .header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    width: 86px;
    padding: 0;
    flex-direction: column;
  }
  .mini-sidebar .header-left .logo-small {
    display: block;
    padding: 10px 0 0;
  }
  .mini-sidebar .header-left .logo {
    display: none;
  }
  .mini-sidebar .menu-arrow {
    display: none !important;
  }
  .mini-sidebar .chat-user {
    display: none !important;
  }
  .mini-sidebar .user-menu .badge {
    display: flex !important;
  }
  .mini-sidebar.expand-menu .menu-arrow {
    display: block !important;
  }
  .mini-sidebar.expand-menu .chat-user {
    display: block !important;
  }
  .mini-sidebar.expand-menu .logo-small {
    display: none;
  }
  .mini-sidebar.expand-menu .logo {
    display: block;
  }
  .mini-sidebar.expand-menu #toggle_btn {
    opacity: 1;
  }
  .mini-sidebar .noti-dot:before {
    display: none;
  }
}
.header-pos.header {
  position: relative;
}
.searchpart {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  background: #ffffff;
  z-index: 100000;
  width: 350px;
  margin-right: -350px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2);
}
.searchpart.active {
  margin-right: 0;
}
.searchpart .searchcontent {
  padding: 20px;
  display: block;
  height: 100%;
}
.searchpart .searchhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 1px solid #B8BCC9;
  color: #37404A;
}
.searchpart .searchcontents {
  padding: 25px 0;
}
.searchpart .searchparts {
  position: relative;
}
.searchpart .searchparts input[type=text] {
  width: 100%;
  height: 50px;
  border: 1px solid #B8BCC9;
  padding: 0 15px;
  border-radius: 50px;
}
.searchpart .searchparts .btn-searchs {
  position: absolute;
  top: 5px;
  right: 10px;
  background: #4F46E5;
  border-radius: 50px;
  color: #ffffff;
}
.searchpart .recentsearch {
  margin-top: 15px;
  border-top: 1px solid #7A8086;
  padding-top: 15px;
}
.searchpart .recentsearch h2 {
  font-size: 16px;
  margin-bottom: 25px;
  color: #37404A;
  font-weight: 700;
}
.searchpart .recentsearch li {
  border-bottom: 1px solid #7A8086;
  padding: 10px;
}
.searchpart .recentsearch li h6 {
  font-size: 14px;
}
.searchpart .searchhead h3 {
  font-weight: 600;
  font-size: 20px;
}
.header-pos {
  padding: 10px;
  background: #ffffff;
  margin-bottom: 20px;
  border-bottom: 1px solid #A6AAAF;
  height: 80px;
}
@media (max-width: 991.96px) {
  .header-pos {
    padding: 10px;
    height: auto;
  }
}
.header-pos #mobile_btn {
  display: none;
  float: left;
}
@media (max-width: 991.96px) {
  .header-pos #mobile_btn {
    color: #4F46E5;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    z-index: 10;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }
}
.header-pos.header .topnav-dropdown-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  height: 40px;
  padding: 10px;
}
.header-pos.header .topnav-dropdown-header .clear-noti {
  color: #FF7765 !important;
  float: right;
  font-size: 11px !important;
  text-transform: uppercase;
}
.header-pos.header .topnav-dropdown-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  border-top: 1px solid #A6AAAF;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}
.header-pos.header .topnav-dropdown-footer a {
  display: block;
  text-align: center;
  color: #37404A;
  padding: 5px 12px;
  font-size: 12px !important;
}
.header-pos.header .user-menu.nav li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 40px;
}
.header-pos.header .user-menu.nav li a {
  color: #092C4C;
  line-height: normal;
  height: auto;
  font-size: 15px;
  padding: 0 8px;
}
.header-pos.header .user-menu.nav li a.dropdown-toggle.nav-link.show {
  background: transparent;
}
.header-pos.header .user-menu.nav li.notification-message {
  height: auto;
}
.header-pos.header .user-img img {
  margin-top: 0;
}
.header-pos.header .user-img .status {
  border: 2px solid #ffffff;
  height: 10px;
  width: 10px;
  margin: 0;
  border-radius: 50%;
  display: inline-block;
  background: #3EB780;
  position: absolute;
  bottom: 6px;
  left: 0;
}
@media (max-width: 991.96px) {
  .header-pos.header .user-menu {
    display: none;
  }
}
.header-pos.header .user-menu .noti-content .notification-list a {
  line-height: normal;
  height: auto;
  padding: 8px;
}
.header-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media (max-width: 991.96px) {
  .header-split {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
  }
}
@media (max-width: 991.96px) {
  .header-split .header-menu {
    display: none;
  }
}
.header-split .header-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.header-split .header-menu ul li {
  margin-right: 10px;
}
.header-split .header-menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  border: 1px solid #A6AAAF;
  color: #000000;
  border-radius: 5px;
  padding: 5px 8px;
}
.header-split .header-menu ul li a.links {
  border: 0;
}
.header-split .header-menu ul li a:hover {
  background: #4F46E5;
  color: #ffffff;
}
.header-split .header-menu ul li a:hover img {
  filter: brightness(0) invert(1);
}
.header-split .header-menu ul li.mobile-show {
  display: block;
}
@media (max-width: 991.96px) {
  .header-split .header-menu ul li.mobile-show {
    display: block;
  }
}
.mobile-show {
  display: none;
}
@media (max-width: 991.96px) {
  .mobile-show {
    display: block;
  }
}
.header-menus {
  position: absolute;
  right: 30px;
  display: none;
}
@media (max-width: 991.96px) {
  .header-menus {
    display: block;
  }
}
.bar-icon {
  display: inline-block;
  width: 31px;
  margin-top: 20px;
}
.bar-icon span {
  background-color: #4F46E5;
  display: block;
  float: left;
  height: 3px;
  margin-bottom: 7px;
  width: 31px;
  border-radius: 2px;
  transition: all 0.5s;
}
.bar-icon span:nth-child(2) {
  width: 16px;
}
.menu-opened .slide-nav .bar-icon {
  display: inline-block;
  width: 31px;
  margin-top: 20px;
}
.menu-opened .slide-nav .bar-icon span:first-child {
  position: relative;
  top: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.menu-opened .slide-nav .bar-icon span:nth-child(2) {
  display: none;
}
.menu-opened .slide-nav .bar-icon span:last-child {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
hr {
  border-top: 1px solid #E6EAED;
  opacity: 1;
}
.profilename {
  padding: 0px;
}
.profilename .profileset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 10px 3px;
}
.profilename .profileset h6 {
  font-size: 14px;
  margin-bottom: 2px;
  font-weight: 500;
}
.profilename .profileset h5 {
  font-size: 14px;
  color: #646B72;
}
.profilename .profileset .profilesets {
  margin-left: 10px;
}
.profilename .profileset .user-img img {
  margin-top: 0;
}
.profilename .dropdown-item {
  padding: 8px 5px !important;
}
.show .user-info::after {
  transform: rotate(-140deg);
  top: 10px;
}
.feather-40 {
  width: 40px;
  height: 40px;
}
.feather-26 {
  width: 26px;
  height: 26px;
}
.feather-20 {
  width: 20px;
  height: 20px;
}
.feather-14 {
  width: 14px;
  height: 14px;
}
.feather-16 {
  width: 16px;
  height: 16px;
}
.user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  padding: 0 30px 0 0;
}
@media (max-width: 1199.96px) {
  .user-info span.user-detail {
    display: none;
  }
}
.user-info::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 0;
  border-left: 0;
  border-right: 2px solid #1B2950;
  border-bottom: 2px solid #1B2950;
  border-radius: 1px;
  transform: rotate(45deg);
  transition: all 0.5s;
  top: 8px;
  position: absolute;
  right: 12px;
}
@media (max-width: 1199.96px) {
  .user-info::after {
    top: 12px;
  }
}
.user-info .user-role {
  display: block;
  color: #67748E;
  font-size: 12px;
}
.user-info .user-letter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #ffffff;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 15px;
}
@media (max-width: 1199.96px) {
  .user-info .user-letter {
    margin-right: 0;
  }
}
.user-info .user-letter img {
  border-radius: 6px;
}
.user-info .user-name {
  font-size: 15px;
  font-weight: 600;
  color: #1B2950;
  display: flex;
  align-items: center;
}
.user-info .user-name img {
  margin-left: 10px;
}
.user-menu {
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -ms-flex-pack: center;
  margin: 0;
  position: relative;
  padding-right: 24px;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 991.96px) {
  .user-menu {
    display: none;
  }
}
.user-menu > li {
  margin-left: 12px;
  margin-inline-end: 0;
}
@media (max-width: 1199.96px) {
  .user-menu > li {
    margin-left: 7px;
  }
}
.user-menu > li svg {
  width: 18px;
  color: #67748E;
}
.user-menu > li a:hover svg {
  color: #4F46E5;
}
.user-menu .dropdown-toggle::after {
  border: 0;
  display: none;
}
.user-menu .nav-searchinputs {
  margin-right: auto;
  margin-left: 24px;
}
.user-menu .nav-item-box > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: #F7F7F7;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  position: relative;
  color: #646B72;
}
.user-menu .nav-item-box > a:hover {
  background: #F2F2F2;
  color: #4F46E5;
}
.user-menu.nav > li > a {
  padding: 0;
  display: flex;
  line-height: normal;
  color: #092C4C;
  border: 0;
}
.user-menu.nav > li > a .badge {
  color: #ffffff;
  font-weight: 600;
  position: absolute;
  top: -7px;
  right: -7px;
  background: #FF0000;
  border: 1px solid #ffffff;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.user-menu.nav > li > a i {
  font-size: 16px;
}
.user-menu.nav > li.flag-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.user-menu.nav > li.flag-nav a .dropdown-menu {
  max-height: 150px;
  min-width: 120px;
  overflow-y: auto;
}
.user-menu.nav > li.flag-nav a .dropdown-menu .dropdown-item {
  padding: 5px 15px;
}
.user-menu.nav > li.flag-nav .dropdown-menu {
  padding: 8px;
  min-width: 170px;
}
.user-menu.nav > li.flag-nav .dropdown-menu .dropdown-item {
  padding: 9px 16px;
  color: #7A8086;
  border-radius: 5px;
  transition: none;
  font-weight: 500;
}
.user-menu.nav > li.flag-nav .dropdown-menu .dropdown-item.active {
  color: #ffffff;
}
.user-menu.nav > li.flag-nav .dropdown-menu .dropdown-item.active,
.user-menu.nav > li.flag-nav .dropdown-menu .dropdown-item:hover {
  background: #EEF2FF;
  color: #4F46E5;
}
.user-menu.nav > li.flag-nav .dropdown-menu a img {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 10px;
}
.user-menu.nav > li.link-nav .btn {
  height: 30px;
  color: #ffffff;
  padding: 7px 12px;
}
.user-menu.nav > li.link-nav .btn i {
  font-size: 13px;
  line-height: 1;
}
.user-menu.nav > li.pos-nav {
  border-right: 1px solid #E6EAED;
  padding-right: 12px;
}
.user-menu.nav > li.pos-nav .btn {
  height: 30px;
  color: #ffffff;
  padding: 7px 12px;
}
.user-menu.nav > li.pos-nav .btn i {
  font-size: 13px;
  line-height: 1;
}
.user-menu.nav > li.profile-nav .user-info::after {
  content: none;
}
.user-menu.nav > li.profile-nav .dropdown-menu {
  padding: 8px;
  min-width: 200px;
}
.user-menu.nav > li.profile-nav .profileset {
  background: #F9FAFB;
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 8px;
}
.user-menu.nav > li.profile-nav .profileset img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.user-menu.nav > li.profile-nav .dropdown-item {
  padding: 8px 16px;
  font-weight: 500;
}
.user-menu.nav > li.profile-nav .dropdown-item.logout {
  color: #FF0000;
}
.user-menu.nav > li.profile-nav .dropdown-item.logout:hover {
  color: #cc0000;
}
.user-menu.nav > li.time-nav {
  margin-right: auto;
}
.user-menu.nav > li.time-nav span {
  padding: 4px 12px;
  border-radius: 4px;
}
.searchinputs {
  padding: 0;
  position: relative;
}
.searchinputs input {
  width: 200px;
  height: 34px;
  border: 1px solid #E6EAED;
  background: #ffffff;
  padding: 0 0 0 28px;
  border-radius: 8px;
  font-size: 13px;
}
@media (max-width: 1199.96px) {
  .searchinputs input {
    width: 150px;
  }
}
.searchinputs .input-group-text {
  border-left: 0;
}
.searchinputs .input-group-text kbd {
  padding: 2px 5px;
}
.searchinputs .search-addon span {
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #A6AAAF;
}
.searchinputs .search-addon svg {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #FF7765;
}
.searchinputs.show .search-addon svg {
  opacity: 1;
}
.search-dropdown {
  width: 300px;
  height: 315px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  margin-top: 0;
  overflow-y: auto;
}
.search-dropdown .search-info {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #E6EAED;
  font-size: 14px;
  color: #646B72;
}
.search-dropdown .search-info:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.search-dropdown .search-info p {
  margin-bottom: 10px;
}
.search-dropdown .search-info p:last-child {
  margin-bottom: 0;
}
.search-dropdown .search-info h6 {
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-bottom: 15px;
}
.search-dropdown .search-info h6 svg {
  width: 14px;
  margin-right: 6px;
  color: #092C4C;
}
.search-dropdown .search-info .search-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.search-dropdown .search-info .search-tags li {
  margin-right: 10px;
}
.search-dropdown .search-info .search-tags li:last-child {
  margin-right: 0;
}
.search-dropdown .search-info .search-tags li:hover a {
  background: #4F46E5;
  color: #ffffff;
}
.search-dropdown .search-info .search-tags li a {
  padding: 5px 10px;
  background: #E6EAED;
  border-radius: 50px;
  color: #646B72;
}
.search-dropdown .search-info .customers li {
  margin-bottom: 15px;
}
.search-dropdown .search-info .customers li:hover a {
  color: #4F46E5;
}
.search-dropdown .search-info .customers li:hover a img {
  border-color: #4F46E5;
}
.search-dropdown .search-info .customers li:last-child {
  margin-bottom: 0;
}
.search-dropdown .search-info .customers li a {
  color: #646B72;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.search-dropdown .search-info .customers li a img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid #D3D5D7;
}
.user-menu.nav > li > a.dropdown-toggle.nav-link.select-store.show {
  background: none;
}
.user-menu.nav > li > a.select-store {
  padding: 6px 8px;
  border: 1px solid #E6EAED;
  border-radius: 8px;
}
.user-menu.nav > li > a.select-store .user-info {
  padding: 0 20px 0 0;
}
@media (max-width: 1199.96px) {
  .user-menu.nav > li > a.select-store .user-info {
    padding-right: 15px;
  }
}
.user-menu.nav > li > a.select-store .user-info .user-letter {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border: 0;
}
.user-menu.nav > li > a.select-store .user-info .user-letter img {
  border-radius: 4px;
}
.user-menu.nav > li > a.select-store .user-info .user-name {
  font-size: 14px;
  font-weight: 400;
  color: #212B36;
}
.user-menu.nav > li > a.select-store .user-info:after {
  top: 26%;
  transform: translateY(-33%);
  -webkit-transform: translateY(-33%);
  -ms-transform: translateY(-33%);
  transform: rotate(45deg);
  border-color: #646B72;
  right: 0;
}
.select-store-dropdown .dropdown-menu {
  padding: 8px;
}
.select-store-dropdown .dropdown-menu .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.select-store-dropdown .dropdown-menu .dropdown-item img {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.header-collapse .user-menu {
  height: 0;
  display: none;
}
.header-collapse .page-wrapper {
  padding-top: 0;
}
.header-collapse .header {
  border-bottom: none;
  background: transparent;
  width: 260px;
}
.header-collapse .header .header-left {
  background: #ffffff;
}
.header-collapse .welcome #collapse-header.active {
  background: #4F46E5;
  border-color: #4F46E5;
}
.header-collapse .welcome #collapse-header.active svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  color: #ffffff;
}
.link-nav .dropdown-menu {
  padding: 20px;
}
.link-item {
  border: 1px solid #E6EAED;
  border-radius: 8px;
  padding: 10px;
  display: block;
  text-align: center;
}
.link-item .link-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  margin: 0 auto 8px;
  color: #092C4C;
  background: #E6EAED;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.link-item p {
  font-size: 13px;
}
.link-item:hover {
  background: #EEF2FF;
  border-color: #EEF2FF;
}
.link-item:hover .link-icon {
  background: #4F46E5;
  color: #ffffff;
}
.logo-white {
  display: none !important;
}
div#global-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: #ffffff;
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100vh;
}
div#global-loader .whirly-loader:not(:required) {
  animation: whirly-loader 1.25s linear infinite;
  background: transparent;
  box-shadow:
    0 26px 0 6px #4F46E5,
    0.90971px 26.05079px 0 5.93333px #4F46E5,
    1.82297px 26.06967px 0 5.86667px #4F46E5,
    2.73865px 26.05647px 0 5.8px #4F46E5,
    3.65561px 26.01104px 0 5.73333px #4F46E5,
    4.57274px 25.93327px 0 5.66667px #4F46E5,
    5.48887px 25.8231px 0 5.6px #4F46E5,
    6.40287px 25.68049px 0 5.53333px #4F46E5,
    7.31358px 25.50548px 0 5.46667px #4F46E5,
    8.21985px 25.2981px 0 5.4px #4F46E5,
    9.12054px 25.05847px 0 5.33333px #4F46E5,
    10.01448px 24.78672px 0 5.26667px #4F46E5,
    10.90054px 24.48302px 0 5.2px #4F46E5,
    11.77757px 24.1476px 0 5.13333px #4F46E5,
    12.64443px 23.78072px 0 5.06667px #4F46E5,
    13.5px 23.38269px 0 5px #4F46E5,
    14.34315px 22.95384px 0 4.93333px #4F46E5,
    15.17277px 22.49455px 0 4.86667px #4F46E5,
    15.98776px 22.00526px 0 4.8px #4F46E5,
    16.78704px 21.48643px 0 4.73333px #4F46E5,
    17.56953px 20.93855px 0 4.66667px #4F46E5,
    18.33418px 20.36217px 0 4.6px #4F46E5,
    19.07995px 19.75787px 0 4.53333px #4F46E5,
    19.80582px 19.12626px 0 4.46667px #4F46E5,
    20.5108px 18.468px 0 4.4px #4F46E5,
    21.1939px 17.78379px 0 4.33333px #4F46E5,
    21.85416px 17.07434px 0 4.26667px #4F46E5,
    22.49067px 16.34043px 0 4.2px #4F46E5,
    23.10251px 15.58284px 0 4.13333px #4F46E5,
    23.68881px 14.80241px 0 4.06667px #4F46E5,
    24.24871px 14px 0 4px #4F46E5,
    24.7814px 13.1765px 0 3.93333px #4F46E5,
    25.28607px 12.33284px 0 3.86667px #4F46E5,
    25.76198px 11.46997px 0 3.8px #4F46E5,
    26.2084px 10.58888px 0 3.73333px #4F46E5,
    26.62462px 9.69057px 0 3.66667px #4F46E5,
    27.01001px 8.77608px 0 3.6px #4F46E5,
    27.36392px 7.84648px 0 3.53333px #4F46E5,
    27.68577px 6.90284px 0 3.46667px #4F46E5,
    27.97502px 5.94627px 0 3.4px #4F46E5,
    28.23116px 4.97791px 0 3.33333px #4F46E5,
    28.4537px 3.99891px 0 3.26667px #4F46E5,
    28.64223px 3.01042px 0 3.2px #4F46E5,
    28.79635px 2.01364px 0 3.13333px #4F46E5,
    28.91571px 1.00976px 0 3.06667px #4F46E5,
    29px 0 0 3px #4F46E5,
    29.04896px -1.01441px 0 2.93333px #4F46E5,
    29.06237px -2.03224px 0 2.86667px #4F46E5,
    29.04004px -3.05223px 0 2.8px #4F46E5,
    28.98185px -4.07313px 0 2.73333px #4F46E5,
    28.88769px -5.09368px 0 2.66667px #4F46E5,
    28.75754px -6.1126px 0 2.6px #4F46E5,
    28.59138px -7.12863px 0 2.53333px #4F46E5,
    28.38926px -8.14049px 0 2.46667px #4F46E5,
    28.15127px -9.1469px 0 2.4px #4F46E5,
    27.87755px -10.1466px 0 2.33333px #4F46E5,
    27.56827px -11.1383px 0 2.26667px #4F46E5,
    27.22365px -12.12075px 0 2.2px #4F46E5,
    26.84398px -13.09268px 0 2.13333px #4F46E5,
    26.42956px -14.05285px 0 2.06667px #4F46E5,
    25.98076px -15px 0 2px #4F46E5,
    25.49798px -15.93291px 0 1.93333px #4F46E5,
    24.98167px -16.85035px 0 1.86667px #4F46E5,
    24.43231px -17.75111px 0 1.8px #4F46E5,
    23.85046px -18.63402px 0 1.73333px #4F46E5,
    23.23668px -19.49789px 0 1.66667px #4F46E5,
    22.5916px -20.34157px 0 1.6px #4F46E5,
    21.91589px -21.16393px 0 1.53333px #4F46E5,
    21.21024px -21.96384px 0 1.46667px #4F46E5,
    20.4754px -22.74023px 0 1.4px #4F46E5,
    19.71215px -23.49203px 0 1.33333px #4F46E5,
    18.92133px -24.2182px 0 1.26667px #4F46E5,
    18.10379px -24.91772px 0 1.2px #4F46E5,
    17.26042px -25.58963px 0 1.13333px #4F46E5,
    16.39217px -26.23295px 0 1.06667px #4F46E5,
    15.5px -26.84679px 0 1px #4F46E5,
    14.58492px -27.43024px 0 0.93333px #4F46E5,
    13.64796px -27.98245px 0 0.86667px #4F46E5,
    12.69018px -28.50262px 0 0.8px #4F46E5,
    11.7127px -28.98995px 0 0.73333px #4F46E5,
    10.71663px -29.4437px 0 0.66667px #4F46E5,
    9.70313px -29.86317px 0 0.6px #4F46E5,
    8.67339px -30.2477px 0 0.53333px #4F46E5,
    7.6286px -30.59666px 0 0.46667px #4F46E5,
    6.57001px -30.90946px 0 0.4px #4F46E5,
    5.49886px -31.18558px 0 0.33333px #4F46E5,
    4.41643px -31.42451px 0 0.26667px #4F46E5,
    3.32401px -31.6258px 0 0.2px #4F46E5,
    2.22291px -31.78904px 0 0.13333px #4F46E5,
    1.11446px -31.91388px 0 0.06667px #4F46E5,
    0 -32px 0 0 #4F46E5,
    -1.11911px -32.04713px 0 -0.06667px #4F46E5,
    -2.24151px -32.05506px 0 -0.13333px #4F46E5,
    -3.36582px -32.02361px 0 -0.2px #4F46E5,
    -4.49065px -31.95265px 0 -0.26667px #4F46E5,
    -5.61462px -31.84212px 0 -0.33333px #4F46E5,
    -6.73634px -31.69198px 0 -0.4px #4F46E5,
    -7.8544px -31.50227px 0 -0.46667px #4F46E5,
    -8.9674px -31.27305px 0 -0.53333px #4F46E5,
    -10.07395px -31.00444px 0 -0.6px #4F46E5,
    -11.17266px -30.69663px 0 -0.66667px #4F46E5,
    -12.26212px -30.34982px 0 -0.73333px #4F46E5,
    -13.34096px -29.96429px 0 -0.8px #4F46E5,
    -14.4078px -29.54036px 0 -0.86667px #4F46E5,
    -15.46126px -29.07841px 0 -0.93333px #4F46E5,
    -16.5px -28.57884px 0 -1px #4F46E5,
    -17.52266px -28.04212px 0 -1.06667px #4F46E5,
    -18.52792px -27.46878px 0 -1.13333px #4F46E5,
    -19.51447px -26.85936px 0 -1.2px #4F46E5,
    -20.48101px -26.21449px 0 -1.26667px #4F46E5,
    -21.42625px -25.53481px 0 -1.33333px #4F46E5,
    -22.34896px -24.82104px 0 -1.4px #4F46E5,
    -23.2479px -24.07391px 0 -1.46667px #4F46E5,
    -24.12186px -23.29421px 0 -1.53333px #4F46E5,
    -24.96967px -22.48279px 0 -1.6px #4F46E5,
    -25.79016px -21.64052px 0 -1.66667px #4F46E5,
    -26.58223px -20.76831px 0 -1.73333px #4F46E5,
    -27.34477px -19.86714px 0 -1.8px #4F46E5,
    -28.07674px -18.938px 0 -1.86667px #4F46E5,
    -28.7771px -17.98193px 0 -1.93333px #4F46E5,
    -29.44486px -17px 0 -2px #4F46E5,
    -30.07908px -15.99333px 0 -2.06667px #4F46E5,
    -30.67884px -14.96307px 0 -2.13333px #4F46E5,
    -31.24325px -13.91039px 0 -2.2px #4F46E5,
    -31.7715px -12.83652px 0 -2.26667px #4F46E5,
    -32.26278px -11.74269px 0 -2.33333px #4F46E5,
    -32.71634px -10.63018px 0 -2.4px #4F46E5,
    -33.13149px -9.5003px 0 -2.46667px #4F46E5,
    -33.50755px -8.35437px 0 -2.53333px #4F46E5,
    -33.84391px -7.19374px 0 -2.6px #4F46E5,
    -34.14px -6.0198px 0 -2.66667px #4F46E5,
    -34.39531px -4.83395px 0 -2.73333px #4F46E5,
    -34.60936px -3.63759px 0 -2.8px #4F46E5,
    -34.78173px -2.43218px 0 -2.86667px #4F46E5,
    -34.91205px -1.21916px 0 -2.93333px #4F46E5,
    -35px 0 0 -3px #4F46E5,
    -35.04531px 1.22381px 0 -3.06667px #4F46E5,
    -35.04775px 2.45078px 0 -3.13333px #4F46E5,
    -35.00717px 3.6794px 0 -3.2px #4F46E5,
    -34.92345px 4.90817px 0 -3.26667px #4F46E5,
    -34.79654px 6.13557px 0 -3.33333px #4F46E5,
    -34.62643px 7.36007px 0 -3.4px #4F46E5,
    -34.41316px 8.58016px 0 -3.46667px #4F46E5,
    -34.15683px 9.79431px 0 -3.53333px #4F46E5,
    -33.85761px 11.001px 0 -3.6px #4F46E5,
    -33.5157px 12.19872px 0 -3.66667px #4F46E5,
    -33.13137px 13.38594px 0 -3.73333px #4F46E5,
    -32.70493px 14.56117px 0 -3.8px #4F46E5,
    -32.23675px 15.72291px 0 -3.86667px #4F46E5,
    -31.72725px 16.86968px 0 -3.93333px #4F46E5,
    -31.17691px 18px 0 -4px #4F46E5,
    -30.58627px 19.11242px 0 -4.06667px #4F46E5,
    -29.95589px 20.2055px 0 -4.13333px #4F46E5,
    -29.28642px 21.27783px 0 -4.2px #4F46E5,
    -28.57852px 22.32799px 0 -4.26667px #4F46E5,
    -27.83295px 23.35462px 0 -4.33333px #4F46E5,
    -27.05047px 24.35635px 0 -4.4px #4F46E5,
    -26.23192px 25.33188px 0 -4.46667px #4F46E5,
    -25.37819px 26.27988px 0 -4.53333px #4F46E5,
    -24.49018px 27.1991px 0 -4.6px #4F46E5,
    -23.56888px 28.0883px 0 -4.66667px #4F46E5,
    -22.6153px 28.94626px 0 -4.73333px #4F46E5,
    -21.6305px 29.77183px 0 -4.8px #4F46E5,
    -20.61558px 30.56385px 0 -4.86667px #4F46E5,
    -19.57168px 31.32124px 0 -4.93333px #4F46E5,
    -18.5px 32.04294px 0 -5px #4F46E5,
    -17.40175px 32.72792px 0 -5.06667px #4F46E5,
    -16.27818px 33.37522px 0 -5.13333px #4F46E5,
    -15.1306px 33.98389px 0 -5.2px #4F46E5,
    -13.96034px 34.55305px 0 -5.26667px #4F46E5,
    -12.76875px 35.08186px 0 -5.33333px #4F46E5,
    -11.55724px 35.56951px 0 -5.4px #4F46E5,
    -10.32721px 36.01527px 0 -5.46667px #4F46E5,
    -9.08014px 36.41843px 0 -5.53333px #4F46E5,
    -7.81748px 36.77835px 0 -5.6px #4F46E5,
    -6.54075px 37.09443px 0 -5.66667px #4F46E5,
    -5.25147px 37.36612px 0 -5.73333px #4F46E5,
    -3.95118px 37.59293px 0 -5.8px #4F46E5,
    -2.64145px 37.77443px 0 -5.86667px #4F46E5,
    -1.32385px 37.91023px 0 -5.93333px #4F46E5;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 8px;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  border-radius: 100%;
}
@keyframes loader {
  to {
    left: -100vw;
  }
}
@-webkit-keyframes whirly-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes whirly-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.sidebar,
.settings-sidebar {
  display: block;
  background-color: #ffffff;
  margin-top: 0;
  z-index: 1001;
  position: fixed;
  top: 65px;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-right: 1px solid #E6EAED;
  width: 280px;
}
@media (max-width: 991.96px) {
  .sidebar,
  .settings-sidebar {
    margin-left: -575px;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1041;
    background: #ffffff;
  }
}
@media (max-width: 574.98px) {
  .sidebar,
  .settings-sidebar {
    width: 100%;
  }
}
@media (max-width: 574.98px) {
  .sidebar .slimScrollDiv,
  .settings-sidebar .slimScrollDiv {
    width: 100% !important;
  }
}
.sidebar .sidebar-menu,
.settings-sidebar .sidebar-menu {
  padding: 24px;
}
.sidebar .sidebar-menu > ul > li,
.settings-sidebar .sidebar-menu > ul > li {
  margin-bottom: 16px;
}
.sidebar .sidebar-menu > ul > li.active a,
.settings-sidebar .sidebar-menu > ul > li.active a {
  color: #ffffff;
}
.sidebar .sidebar-menu > ul > li.active svg,
.settings-sidebar .sidebar-menu > ul > li.active svg {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li svg,
.settings-sidebar .sidebar-menu > ul > li svg {
  min-width: 16px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  color: #646B72;
}
.sidebar .sidebar-menu > ul > li > a,
.settings-sidebar .sidebar-menu > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 10px 15px;
  position: relative;
  color: #092C4C;
}
.sidebar .sidebar-menu > ul > li > a svg,
.settings-sidebar .sidebar-menu > ul > li > a svg {
  color: #637381;
}
.sidebar .sidebar-menu > ul > li > a img,
.settings-sidebar .sidebar-menu > ul > li > a img {
  width: 18px;
  color: #637381;
}
.sidebar .sidebar-menu > ul > li > a:hover,
.settings-sidebar .sidebar-menu > ul > li > a:hover {
  background: rgba(79, 70, 229, 0.08);
  color: #4F46E5;
  border-radius: 8px;
}
.sidebar .sidebar-menu > ul > li > a:hover img,
.settings-sidebar .sidebar-menu > ul > li > a:hover img {
  filter: invert(72%) sepia(76%) saturate(1430%) hue-rotate(327deg) brightness(103%) contrast(101%);
}
.sidebar .sidebar-menu > ul > li > a:hover span,
.settings-sidebar .sidebar-menu > ul > li > a:hover span {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li > a:hover svg,
.settings-sidebar .sidebar-menu > ul > li > a:hover svg {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li > a.active,
.settings-sidebar .sidebar-menu > ul > li > a.active {
  background: rgba(79, 70, 229, 0.08);
  color: #4F46E5;
  border-radius: 8px;
}
.sidebar .sidebar-menu > ul > li > a.active svg,
.settings-sidebar .sidebar-menu > ul > li > a.active svg {
  color: #ffffff;
}
.sidebar .sidebar-menu > ul > li > a.active img,
.settings-sidebar .sidebar-menu > ul > li > a.active img {
  filter: invert(72%) sepia(76%) saturate(1430%) hue-rotate(327deg) brightness(103%) contrast(101%);
}
.sidebar .sidebar-menu > ul > li > a.active span,
.settings-sidebar .sidebar-menu > ul > li > a.active span {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li > a.active .menu-arrow,
.settings-sidebar .sidebar-menu > ul > li > a.active .menu-arrow {
  background: #FFEDDC;
}
.sidebar .sidebar-menu > ul > li > a.active .menu-arrow::before,
.settings-sidebar .sidebar-menu > ul > li > a.active .menu-arrow::before {
  border-color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li > a span,
.settings-sidebar .sidebar-menu > ul > li > a span {
  font-size: 15px;
  font-weight: 500;
  color: #646B72;
}
.sidebar .sidebar-menu > ul > li.active a,
.settings-sidebar .sidebar-menu > ul > li.active a {
  background: rgba(79, 70, 229, 0.08);
  border-radius: 8px;
}
.sidebar .sidebar-menu > ul > li.active a img,
.settings-sidebar .sidebar-menu > ul > li.active a img {
  filter: invert(72%) sepia(76%) saturate(1430%) hue-rotate(327deg) brightness(103%) contrast(101%);
}
.sidebar .sidebar-menu > ul > li.active a span,
.settings-sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li.submenu ul,
.settings-sidebar .sidebar-menu > ul > li.submenu ul {
  border-bottom: 1px solid rgba(222, 226, 230, 0.5);
  padding: 10px 0;
  display: none;
}
.sidebar .sidebar-menu > ul > li.submenu ul li a,
.settings-sidebar .sidebar-menu > ul > li.submenu ul li a {
  font-weight: 500;
  font-size: 14px;
  color: #092C4C;
  position: relative;
  display: block;
  padding: 8px 8px 8px 40px;
}
.sidebar .sidebar-menu > ul > li.submenu ul li a.active,
.settings-sidebar .sidebar-menu > ul > li.submenu ul li a.active {
  color: #092C4C;
}
.sidebar .sidebar-menu > ul > li.submenu ul li a.active:after,
.settings-sidebar .sidebar-menu > ul > li.submenu ul li a.active:after {
  background: #4F46E5;
  border: 2px solid #FDB;
}
.sidebar .sidebar-menu > ul > li.submenu ul li a::after,
.settings-sidebar .sidebar-menu > ul > li.submenu ul li a::after {
  content: "";
  background: rgba(50, 71, 92, 0.38);
  width: 8px;
  height: 8px;
  border: 2px solid #ffffff;
  border-radius: 50px;
  position: absolute;
  top: 16px;
  left: 16px;
}
.sidebar .sidebar-menu > ul > li.submenu ul li a:hover,
.settings-sidebar .sidebar-menu > ul > li.submenu ul li a:hover {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li.submenu ul li a:hover:after,
.settings-sidebar .sidebar-menu > ul > li.submenu ul li a:hover:after {
  background: #4F46E5;
  border: 2px solid #FDB;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-bottom: 1px solid #E6EAED;
  padding-bottom: 16px;
  display: block;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a span,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a span {
  white-space: nowrap;
  font-size: 14px;
  color: #212B36;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a i {
  color: #646B72;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a.active,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a.active a span,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active a span {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after {
  background: #4F46E5;
  border: 2px solid #FDB;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
  color: #212B36;
  background-color: #F2F2F2;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover:after,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover:after {
  background: #4F46E5;
  border: 2px solid #FDB;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
.sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i {
  color: #212B36;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a {
  background: rgba(79, 70, 229, 0.08);
  border-radius: 8px;
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a span,
.sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a i,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a span,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a i {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr,
.settings-sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  font-weight: 700;
  font-size: 12px;
  color: #092C4C;
  margin: 0 0 8px 0;
}
.sidebar .sidebar-menu > ul > li.submenu-open:first-child h6,
.settings-sidebar .sidebar-menu > ul > li.submenu-open:first-child h6 {
  margin-top: 0;
}
.sidebar .sidebar-menu > ul > li.submenu-open .submenu ul,
.settings-sidebar .sidebar-menu > ul > li.submenu-open .submenu ul {
  display: none;
  border: 0;
  padding: 4px 0 0;
}
.sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop,
.settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: #EEF2FF;
  color: #4F46E5;
  border-radius: 8px;
}
.sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
.sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i,
.settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
.settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow,
.settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
  background: #E0E7FF;
}
.sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before,
.settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #4F46E5;
}
.sidebar .sidebar-menu > ul li.active a,
.settings-sidebar .sidebar-menu > ul li.active a {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul li.active svg,
.settings-sidebar .sidebar-menu > ul li.active svg {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul li .submenu > a.active,
.settings-sidebar .sidebar-menu > ul li .submenu > a.active {
  background: #EEF2FF;
  color: #4F46E5;
  border-radius: 8px;
}
.sidebar .sidebar-menu > ul li .submenu > a.active span,
.sidebar .sidebar-menu > ul li .submenu > a.active i,
.settings-sidebar .sidebar-menu > ul li .submenu > a.active span,
.settings-sidebar .sidebar-menu > ul li .submenu > a.active i {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul li .submenu > a.active .menu-arrow,
.settings-sidebar .sidebar-menu > ul li .submenu > a.active .menu-arrow {
  background: #E0E7FF;
}
.sidebar .sidebar-menu > ul li .submenu > a.active .menu-arrow::before,
.settings-sidebar .sidebar-menu > ul li .submenu > a.active .menu-arrow::before {
  border-color: #4F46E5;
}
.sidebar .sidebar-menu > ul li .submenu .submenu-two > a.active,
.settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.active {
  background: #F2F2F2;
}
.sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop,
.settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop {
  color: #4F46E5;
}
.sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after,
.settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after {
  background: #4F46E5;
}
.sidebar .sidebar-menu .submenu-open:last-child,
.settings-sidebar .sidebar-menu .submenu-open:last-child {
  margin-bottom: 0;
}
.sidebar .sidebar-menu .submenu-open:last-child ul,
.settings-sidebar .sidebar-menu .submenu-open:last-child ul {
  border-bottom: none;
  padding-bottom: 0;
}
.sidebar .sidebar-menu .submenu-open .submenu,
.settings-sidebar .sidebar-menu .submenu-open .submenu {
  margin-bottom: 4px;
}
.sidebar .sidebar-menu .submenu-open .submenu:last-child,
.settings-sidebar .sidebar-menu .submenu-open .submenu:last-child {
  margin-bottom: 0;
}
.sidebar .sidebar-menu .submenu-open .submenu.submenu-two ul li,
.settings-sidebar .sidebar-menu .submenu-open .submenu.submenu-two ul li {
  margin-left: 20px;
}
.sidebar .sidebar-menu .submenu-open .submenu.submenu-two.submenu-three ul li a,
.settings-sidebar .sidebar-menu .submenu-open .submenu.submenu-two.submenu-three ul li a {
  margin-left: 65px;
}
.sidebar .sidebar-menu .submenu-open .submenu ul li a,
.settings-sidebar .sidebar-menu .submenu-open .submenu ul li a {
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 400;
  color: #646B72;
  padding: 8px 10px 8px 30px;
}
.sidebar .sidebar-menu .submenu-open .submenu ul li a::after,
.settings-sidebar .sidebar-menu .submenu-open .submenu ul li a::after {
  content: "";
  background: #646B72;
  width: 8px;
  height: 8px;
  border: 2px solid #ffffff;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 15px;
}
.sidebar .sidebar-menu .submenu-open .submenu ul li a:hover,
.settings-sidebar .sidebar-menu .submenu-open .submenu ul li a:hover {
  color: #4F46E5;
}
.sidebar .sidebar-menu .submenu-open .submenu ul li a:hover:after,
.settings-sidebar .sidebar-menu .submenu-open .submenu ul li a:hover:after {
  background: #4F46E5;
  border: 2px solid #E0E7FF;
}
.sidebar .sidebar-menu .menu-arrow,
.settings-sidebar .sidebar-menu .menu-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  text-rendering: auto;
  line-height: 40px;
  font-size: 18px;
  line-height: 16px;
  background: #F2F2F2;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 12px;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sidebar .sidebar-menu .menu-arrow::before,
.settings-sidebar .sidebar-menu .menu-arrow::before {
  height: 5px;
  width: 5px;
  border-top: 0;
  content: "";
  border-left: 0;
  border-right: 1px solid #646B72;
  border-bottom: 1px solid #646B72;
  transform: rotate(-45deg);
  position: absolute;
  left: 5px;
  top: 5px;
}
.sidebar .sidebar-menu .menu-arrow.inside-submenu,
.settings-sidebar .sidebar-menu .menu-arrow.inside-submenu {
  right: 12px;
}
.sidebar .sidebar-menu .menu-arrow.inside-submenu.inside-submenu-two,
.settings-sidebar .sidebar-menu .menu-arrow.inside-submenu.inside-submenu-two {
  right: 12px;
}
.sidebar .sidebar-menu.subdrop .menu-arrow,
.settings-sidebar .sidebar-menu.subdrop .menu-arrow {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  background: #FFEDDC;
}
.sidebar .nav-link,
.settings-sidebar .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  padding: 10px;
  color: #092C4C;
  position: relative;
}
.sidebar .nav-link.active,
.settings-sidebar .nav-link.active {
  color: #4F46E5;
  background: transparent;
  position: relative;
}
.sidebar .sidebar-left,
.settings-sidebar .sidebar-left {
  width: 100px;
  -webkit-box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.05);
  box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.05);
}
.sidebar .sidebar-right,
.settings-sidebar .sidebar-right {
  width: 250px;
  height: 100%;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 991.96px) {
  .sidebar .sidebar-right,
  .settings-sidebar .sidebar-right {
    width: calc(100% - 70px);
  }
}
.sidebar .sidebar-right .slimScrollDiv,
.settings-sidebar .sidebar-right .slimScrollDiv {
  width: 250px !important;
  overflow: visible !important;
}
@media (max-width: 991.96px) {
  .sidebar .sidebar-right .slimScrollDiv,
  .settings-sidebar .sidebar-right .slimScrollDiv {
    width: 100% !important;
  }
}
.sidebar .sidebar-right p,
.settings-sidebar .sidebar-right p {
  font-size: 10px;
  color: #7A8086;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.sidebar .sidebar-right ul,
.settings-sidebar .sidebar-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar .sidebar-right ul li.active a,
.settings-sidebar .sidebar-right ul li.active a {
  background:
    linear-gradient(
      46.62deg,
      #4F46E5 0%,
      #423B93 93.64%);
  color: #ffffff;
}
.sidebar .sidebar-right ul li a,
.settings-sidebar .sidebar-right ul li a {
  font-weight: 400;
  font-size: 14px;
  color: #092C4C;
}
.sidebar .sidebar-right ul li a.active,
.settings-sidebar .sidebar-right ul li a.active {
  color: #4F46E5;
}
.sidebar .sidebar-right .menu-arrow,
.settings-sidebar .sidebar-right .menu-arrow {
  -webkit-transition: -webkit-transform 0.15s;
  -o-transition: -o-transform 0.15s;
  transition: transform 0.15s;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  line-height: 40px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
  top: 0px;
  position: relative;
  font-weight: 700;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}
.sidebar .sidebar-right .menu-arrow:before,
.settings-sidebar .sidebar-right .menu-arrow:before {
  content: "\f105";
}
.sidebar .sub-menu a,
.settings-sidebar .sub-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.sidebar li a.subdrop .menu-arrow,
.settings-sidebar li a.subdrop .menu-arrow {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.sidebar .nav-items .nav-link,
.settings-sidebar .nav-items .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0;
  border-bottom: 1px solid #90959B;
  padding: 20px 0;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sidebar .nav-items .nav-link:hover,
.settings-sidebar .nav-items .nav-link:hover {
  box-shadow: 0 0 0 150px #423B93 inset;
  color: #ffffff;
}
.sidebar .nav-items .nav-link span,
.settings-sidebar .nav-items .nav-link span {
  margin-top: 15px;
  font-weight: 500;
}
.sidebar .sidemenu a,
.settings-sidebar .sidemenu a {
  width: 100%;
  font-weight: 500;
  display: block;
  border-radius: 5px;
  margin: 0 0 10px;
  padding: 10px;
}
.sidebar .sidemenu a:hover,
.settings-sidebar .sidemenu a:hover {
  background:
    linear-gradient(
      46.62deg,
      #4F46E5 0%,
      #423B93 93.64%);
  color: #ffffff;
}
.sidebar .sidemenu a:hover svg,
.settings-sidebar .sidemenu a:hover svg {
  color: #ffffff;
}
.sidebar .sidemenu a svg,
.settings-sidebar .sidemenu a svg {
  stroke-width: 1px;
}
.header-left #toggle_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  opacity: 1;
  background: #4F46E5;
  right: -13px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #ffffff;
  cursor: pointer;
}
.header-left #toggle_btn svg {
  transform: rotate(180deg);
}
.header-left #toggle_btn:hover {
  background: rgb(41.1374407583, 30.5592417062, 217.4407582938);
}
.header-left.active svg {
  transform: rotate(0) !important;
}
@media (min-width: 991.98px) {
  .mini-sidebar .page-wrapper {
    margin-left: 86px;
  }
  .mini-sidebar .header-left #toggle_btn {
    opacity: 0;
  }
  .mini-sidebar .header-left #toggle_btn:after {
    border: 0;
  }
  .mini-sidebar.expand-menu .header-left #toggle_btn {
    opacity: 1;
  }
  .mini-sidebar.expand-menu .sidebar .sidebar-menu ul li .submenu-hdr {
    display: block;
  }
  .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li a ul li a {
    padding: 8px 12px;
  }
  .mini-sidebar.expand-menu .sidebar .sidebar-menu .submenu-open .submenu ul li a {
    padding: 8px 10px 8px 15px !important;
  }
  .mini-sidebar .sidebar-right {
    display: none;
  }
  .mini-sidebar .sidebar .sidebar-menu ul li a span {
    display: none;
  }
  .mini-sidebar .sidebar .sidebar-menu ul li .submenu-hdr {
    display: none;
  }
  .mini-sidebar .sidebar .sidebar-menu ul li svg {
    margin-right: 0;
  }
  .mini-sidebar .sidebar {
    width: 86px;
  }
  .expand-menu .sidebar-right {
    display: block;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .expand-menu .sidebar {
    width: 280px;
  }
  .expand-menu .sidebar .sidebar-menu ul > li > a {
    padding: 10px 15px;
  }
  .expand-menu .sidebar .sidebar-menu ul > li > a span {
    display: inline-block;
  }
  .expand-menu .sidebar .sidebar-menu ul > li svg {
    margin-right: 10px;
  }
  .expand-menu .sidebar .sidebar-menu .submenu-hdr {
    display: block;
  }
  .expand-menu .header-left {
    width: 280px;
  }
  #toggle_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    float: left;
    margin-left: 15px;
  }
}
body.mini-sidebar .sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  width: 100%;
  padding: 8px;
}
body.mini-sidebar .sidebar .sidebar-menu > ul > li.submenu-open ul li a i {
  margin-right: 0 !important;
}
body.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  justify-content: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  padding: 8px 12px !important;
}
body.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li a i {
  margin-right: 8px !important;
}
.sidebarrightmenu .sidebar-right {
  display: block;
}
.slide-nav .sidebar {
  margin-left: 0;
}
.sidebar-overlay {
  display: none;
  height: 100%;
  width: 100%;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 60px;
  left: 0;
}
.sidebar-overlay.opened {
  display: block;
}
.nosidebar .sidebar {
  left: -350px;
}
.nosidebar .page-wrapper {
  margin: 0;
}
.nosidebar #toggle_btn svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.mini-sidebar .active.subdrop ~ ul {
  display: none !important;
}
.mini-sidebar.expand-menu .active.subdrop ~ ul {
  display: block !important;
}
.active.subdrop ~ ul {
  display: block !important;
}
.sidebar.horizontal-sidebar.sidebar-one .submenu ul {
  background: #FAFBFE;
}
.sidebar .sidebar-logo {
  display: flex;
  align-items: center;
  padding: 0 24px;
  height: 65px;
  border-bottom: 1px solid #E6EAED;
}
.sidebar .sidebar-logo .logo img {
  width: 130px;
}
.sidebar .sidebar-logo .logo-small {
  display: none;
}
.sidebar .sidebar-logo #toggle_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  opacity: 1;
  background: #4F46E5;
  right: -13px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  color: #ffffff;
  cursor: pointer;
}
.sidebar .sidebar-logo #toggle_btn svg {
  transform: rotate(0);
}
.sidebar .sidebar-logo #toggle_btn:hover {
  background: rgb(41.1374407583, 30.5592417062, 217.4407582938);
}
.sidebar .sidebar-logo #toggle_btn.active svg {
  transform: rotate(180deg) !important;
}
@media (min-width: 992px) {
  .header {
    left: 280px;
  }
  .sidebar {
    top: 0;
  }
  .mini-sidebar .sidebar .sidebar-logo .logo {
    display: none;
  }
  .mini-sidebar .sidebar .sidebar-logo .logo-small {
    display: block;
  }
  .mini-sidebar .sidebar .sidebar-logo #toggle_btn {
    opacity: 0;
  }
  .mini-sidebar .header {
    left: 86px;
  }
  .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo {
    display: block;
  }
  .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo-small {
    display: none;
  }
  .mini-sidebar.expand-menu .sidebar .sidebar-logo #toggle_btn {
    opacity: 1;
  }
  .mini-sidebar.expand-menu .header {
    left: 280px;
  }
  .header .header-left {
    float: left;
    position: relative;
    text-align: center;
    z-index: 1;
    display: none;
  }
}
.sidebar .sidebar-menu .menu-arrow::before,
.settings-sidebar .sidebar-menu .menu-arrow::before {
  left: 4px;
}
@media (max-width: 991.96px) {
  .sidebar-logo {
    display: none !important;
  }
}
@media (min-width: 991.98px) {
  body.mini-sidebar.expand-menu .sidebar .sidebar-menu .submenu-open .submenu ul li a {
    padding: 8px 10px 8px 30px !important;
  }
  body.layout-mode-rtl.mini-sidebar.expand-menu .sidebar .sidebar-menu .submenu-open .submenu ul li a {
    padding: 8px 30px 8px 10px !important;
  }
}
body.layout-mode-rtl .item-list p {
  padding-left: 12px;
  padding-right: 0;
  margin: 0 0 0 8px;
}
body.layout-mode-rtl .item-list p::before {
  left: 0;
  right: unset;
}
.sidebar:not(.horizontal-sidebar) .sidebar-menu a.sub-active {
  box-sizing: border-box;
  width: calc(100% - 8px);
}
.topnav-dropdown-header {
  border-bottom: 1px solid #E6EAED;
  text-align: center;
  font-size: 12px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topnav-dropdown-header .clear-noti {
  color: #4F46E5;
  font-size: 14px;
  font-weight: 500;
}
.notifications .noti-content {
  height: 290px;
  width: 350px;
  overflow-y: auto;
  position: relative;
}
.notifications .notification-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.notifications .notification-list li {
  margin-top: 0;
  border-bottom: 1px solid #E6EAED;
  font-size: 14px;
}
.notifications .notification-list li a {
  display: block;
  padding: 20px;
  position: relative;
}
.notifications .notification-list li a.recent-msg::before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FF0000;
  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
}
.notifications .notification-list li .avatar {
  width: 48px;
  height: 48px;
  margin: 0 8px 0 0;
  border-radius: 50%;
}
.notifications .notification-list li .avatar img {
  border-radius: 50%;
}
.notifications .notification-list li .noti-title {
  color: #212B36;
  font-weight: 500;
}
.notifications .notification-list li .noti-details {
  color: #646B72;
  font-weight: 500;
  margin: 0 0 4px;
}
.notifications .notification-list li p.noti-time {
  font-size: 14px;
  color: #646B72;
}
.notifications .notification-list li .notification-time {
  font-size: 12px;
  line-height: 1.35;
  color: #646B72;
}
.notifications .notification-list li .list-item {
  border: 0;
  padding: 0;
  position: relative;
}
.notifications .notification-list li .list-item .list-left {
  height: 48px;
  position: absolute;
  width: 48px;
}
.notifications .notification-list li .list-item .list-body {
  padding: 0 0 0 50px;
}
.notifications .notification-list li .list-item .list-body .message-author {
  color: #37404A;
  float: left;
  font-weight: 500;
  width: 175px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notifications .notification-list li .list-item .list-body .message-time {
  color: #646B72;
  float: right;
  font-size: 11px;
}
.notifications .notification-list li .list-item .list-body .message-content {
  color: #37404A;
  font-size: 13px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topnav-dropdown-footer {
  border-top: 1px solid #E6EAED;
  padding: 20px;
}
.topnav-dropdown-footer a {
  display: block;
  text-align: center;
}
.list-left {
  height: 48px;
  position: absolute;
  width: 48px;
}
.list-body {
  padding: 0 0 0 50px;
}
.list-body .message-author {
  color: #37404A;
  float: left;
  font-weight: 500;
  width: 175px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-body .message-time {
  color: #646B72;
  float: right;
  font-size: 11px;
}
.list-body .message-content {
  color: #37404A;
  font-size: 13px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity {
  width: 100%;
}
.activity .activity-box {
  position: relative;
}
.activity .activity-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.activity .activity-list li {
  background-color: #ffffff;
  position: relative;
  border: 1px solid #E6EAED;
  margin: 0 0 10px;
  padding: 20px 10px 10px;
  font-size: 15px;
}
.activity .activity-list li .activity-user {
  height: 50px;
  margin: 0;
  padding: 0;
  width: 50px;
  position: absolute;
  top: 12px;
  left: 8px;
}
.activity .activity-list li .activity-content {
  background-color: #ffffff;
  position: relative;
  margin: 0 0 0 60px;
  padding: 0;
}
.activity .activity-list li .time {
  color: #7A8086;
  display: block;
  font-size: 12px;
  line-height: 1.35;
}
.activity .activity-list li a.name {
  color: #000000;
}
.activity .activity-list li a {
  color: #092C4C;
  font-weight: 600;
  font-size: 15px;
}
.activity .activity-list li a img {
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
.layout-box-mode .main-wrapper {
  max-width: 1320px;
  margin: auto;
}
@media (max-width: 1398.98px) {
  .layout-box-mode .main-wrapper {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  .layout-box-mode .main-wrapper {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  .layout-box-mode .main-wrapper {
    max-width: 100%;
  }
}
:root {
  --primary-rgb-picr: var(--primary-rgb);
  --sidebar--rgb-picr: var(--sidebar-rgb);
  --topbar--rgb-picr: var(--topbar-rgb);
  --topbarcolor--rgb-picr: var(--topbarcolor-rgb);
}
[data-layout=default][data-width=box] .layout-box-mode .mini-sidebar .header,
[data-layout=mini][data-width=box] .layout-box-mode .mini-sidebar .header {
  max-width: 1320px;
  left: 0;
}
@media (max-width: 1398.98px) {
  [data-layout=default][data-width=box] .layout-box-mode .mini-sidebar .header,
  [data-layout=mini][data-width=box] .layout-box-mode .mini-sidebar .header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=default][data-width=box] .layout-box-mode .mini-sidebar .header,
  [data-layout=mini][data-width=box] .layout-box-mode .mini-sidebar .header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=default][data-width=box] .layout-box-mode .mini-sidebar .header,
  [data-layout=mini][data-width=box] .layout-box-mode .mini-sidebar .header {
    max-width: 100%;
  }
}
[data-layout=default][data-width=box] .layout-box-mode .mini-sidebar.expand-menu .header,
[data-layout=mini][data-width=box] .layout-box-mode .mini-sidebar.expand-menu .header {
  max-width: 1320px;
  left: 0;
}
@media (max-width: 1398.98px) {
  [data-layout=default][data-width=box] .layout-box-mode .mini-sidebar.expand-menu .header,
  [data-layout=mini][data-width=box] .layout-box-mode .mini-sidebar.expand-menu .header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=default][data-width=box] .layout-box-mode .mini-sidebar.expand-menu .header,
  [data-layout=mini][data-width=box] .layout-box-mode .mini-sidebar.expand-menu .header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=default][data-width=box] .layout-box-mode .mini-sidebar.expand-menu .header,
  [data-layout=mini][data-width=box] .layout-box-mode .mini-sidebar.expand-menu .header {
    max-width: 100%;
  }
}
[data-layout=default][data-width=box] .layout-box-mode .header,
[data-layout=mini][data-width=box] .layout-box-mode .header {
  margin: auto;
  max-width: 1320px;
  left: 0;
}
@media (max-width: 1398.98px) {
  [data-layout=default][data-width=box] .layout-box-mode .header,
  [data-layout=mini][data-width=box] .layout-box-mode .header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=default][data-width=box] .layout-box-mode .header,
  [data-layout=mini][data-width=box] .layout-box-mode .header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=default][data-width=box] .layout-box-mode .header,
  [data-layout=mini][data-width=box] .layout-box-mode .header {
    max-width: 100%;
    left: 0;
  }
}
[data-layout=default][data-width=box] .layout-box-mode .header .header-left,
[data-layout=mini][data-width=box] .layout-box-mode .header .header-left {
  display: flex;
}
@media (max-width: 991.96px) {
  [data-layout=default][data-width=box] .layout-box-mode .header .header-left,
  [data-layout=mini][data-width=box] .layout-box-mode .header .header-left {
    padding-left: 0;
  }
}
[data-layout=default][data-width=box] .layout-box-mode .sidebar,
[data-layout=mini][data-width=box] .layout-box-mode .sidebar {
  left: unset;
  top: 65px;
}
[data-layout=default][data-width=box] .layout-box-mode .sidebar .sidebar-logo,
[data-layout=mini][data-width=box] .layout-box-mode .sidebar .sidebar-logo {
  display: none;
}
[data-layout=default][data-width=box] .layout-box-mode .sidebar .slimScrollDiv,
[data-layout=mini][data-width=box] .layout-box-mode .sidebar .slimScrollDiv {
  top: 0;
}
[data-layout=default][data-width=box] .layout-box-mode .header-left #toggle_btn,
[data-layout=mini][data-width=box] .layout-box-mode .header-left #toggle_btn {
  top: 15px;
}
[data-layout=twocolumn][data-width=box] .layout-box-mode .sidebar,
[data-layout=modern][data-width=box] .layout-box-mode .sidebar {
  left: unset;
}
[data-layout=twocolumn][data-width=box] .layout-box-mode .sidebar .sidebar-logo,
[data-layout=modern][data-width=box] .layout-box-mode .sidebar .sidebar-logo {
  display: none;
}
[data-layout=twocolumn][data-width=box] .layout-box-mode .header,
[data-layout=modern][data-width=box] .layout-box-mode .header {
  margin: 0 auto;
  max-width: 1040px;
}
@media (min-width: 991.98px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode .header,
  [data-layout=modern][data-width=box] .layout-box-mode .header {
    left: 280px;
  }
}
@media (max-width: 1398.98px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode .header,
  [data-layout=modern][data-width=box] .layout-box-mode .header {
    max-width: 890px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode .header,
  [data-layout=modern][data-width=box] .layout-box-mode .header {
    max-width: 670px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode .header,
  [data-layout=modern][data-width=box] .layout-box-mode .header {
    max-width: 100%;
    left: 0;
  }
}
[data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar .header,
[data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar .header {
  max-width: 1248px;
}
@media (min-width: 991.98px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar .header,
  [data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar .header {
    left: 72px;
  }
}
@media (max-width: 1398.98px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar .header,
  [data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar .header {
    max-width: 1098px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar .header,
  [data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar .header {
    max-width: 878px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar .header,
  [data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar .header {
    max-width: 100%;
    left: 0;
  }
}
[data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header,
[data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header {
  max-width: 1040px;
}
@media (min-width: 991.98px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header,
  [data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header {
    left: 280px;
  }
}
@media (max-width: 1398.98px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header,
  [data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header {
    max-width: 890px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header,
  [data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header {
    max-width: 670px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=twocolumn][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header,
  [data-layout=modern][data-width=box] .layout-box-mode.mini-sidebar.expand-menu .header {
    max-width: 100%;
    left: 0;
  }
}
[data-layout=horizontal][data-width=box] .main-wrapper .header,
[data-layout=horizontal-overlay][data-width=box] .main-wrapper .header {
  margin: auto;
  max-width: 1320px;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal][data-width=box] .main-wrapper .header,
  [data-layout=horizontal-overlay][data-width=box] .main-wrapper .header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal][data-width=box] .main-wrapper .header,
  [data-layout=horizontal-overlay][data-width=box] .main-wrapper .header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal][data-width=box] .main-wrapper .header,
  [data-layout=horizontal-overlay][data-width=box] .main-wrapper .header {
    max-width: 100%;
  }
}
[data-layout=horizontal][data-width=box] .main-wrapper::before,
[data-layout=horizontal-overlay][data-width=box] .main-wrapper::before {
  width: 1320px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal][data-width=box] .main-wrapper::before,
  [data-layout=horizontal-overlay][data-width=box] .main-wrapper::before {
    width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal][data-width=box] .main-wrapper::before,
  [data-layout=horizontal-overlay][data-width=box] .main-wrapper::before {
    width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal][data-width=box] .main-wrapper::before,
  [data-layout=horizontal-overlay][data-width=box] .main-wrapper::before {
    width: 100%;
  }
}
[data-layout=horizontal][data-width=box] .main-wrapper::after,
[data-layout=horizontal-overlay][data-width=box] .main-wrapper::after {
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal][data-width=box] .main-wrapper::after,
  [data-layout=horizontal-overlay][data-width=box] .main-wrapper::after {
    width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal][data-width=box] .main-wrapper::after,
  [data-layout=horizontal-overlay][data-width=box] .main-wrapper::after {
    width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal][data-width=box] .main-wrapper::after,
  [data-layout=horizontal-overlay][data-width=box] .main-wrapper::after {
    width: 100%;
  }
}
[data-layout=horizontal][data-width=box] .header,
[data-layout=horizontal-overlay][data-width=box] .header {
  padding: 0 16px;
}
[data-layout=horizontal][data-width=box] .header .main-header,
[data-layout=horizontal-overlay][data-width=box] .header .main-header {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal][data-width=box] .header .main-header,
  [data-layout=horizontal-overlay][data-width=box] .header .main-header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal][data-width=box] .header .main-header,
  [data-layout=horizontal-overlay][data-width=box] .header .main-header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal][data-width=box] .header .main-header,
  [data-layout=horizontal-overlay][data-width=box] .header .main-header {
    max-width: 100%;
  }
}
[data-layout=horizontal][data-width=box] .header .main-header .user-menu,
[data-layout=horizontal-overlay][data-width=box] .header .main-header .user-menu {
  padding-right: 0;
}
[data-layout=horizontal][data-width=box] .header .header-left,
[data-layout=horizontal-overlay][data-width=box] .header .header-left {
  display: block;
}
[data-layout=horizontal][data-width=box] .sidebar.sidebar-horizontal,
[data-layout=horizontal-overlay][data-width=box] .sidebar.sidebar-horizontal {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 16px !important;
  left: auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal][data-width=box] .sidebar.sidebar-horizontal,
  [data-layout=horizontal-overlay][data-width=box] .sidebar.sidebar-horizontal {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal][data-width=box] .sidebar.sidebar-horizontal,
  [data-layout=horizontal-overlay][data-width=box] .sidebar.sidebar-horizontal {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal][data-width=box] .sidebar.sidebar-horizontal,
  [data-layout=horizontal-overlay][data-width=box] .sidebar.sidebar-horizontal {
    max-width: 100%;
  }
}
[data-layout=horizontal][data-width=box] .sidebar.sidebar-horizontal .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=horizontal-overlay][data-width=box] .sidebar.sidebar-horizontal .sidebar-menu .nav-menu > li.submenu > a {
  padding: 8px 30px 8px 8px;
}
[data-layout=detached][data-width=box] .header {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1398.98px) {
  [data-layout=detached][data-width=box] .header {
    max-width: 95%;
  }
}
[data-layout=without-header][data-width=box] .sidebar {
  left: auto;
}
[data-layout=detached] .main-wrapper {
  margin: 0 auto;
}
@media (min-width: 1399px) {
  [data-layout=detached] .main-wrapper {
    max-width: 1320px;
  }
}
@media (min-width: 991.98px) {
  [data-layout=detached] .main-wrapper {
    max-width: 95%;
  }
}
[data-layout=detached] .header {
  left: 0;
}
[data-layout=detached] .header .header-left {
  display: flex;
  padding-left: 0;
  text-align: left;
}
[data-layout=detached] .header .header-user .user-menu {
  padding-right: 0;
}
[data-layout=detached] .header .main-header {
  margin: 0 auto;
}
@media (min-width: 1399px) {
  [data-layout=detached] .header .main-header {
    max-width: 1320px;
  }
}
@media (min-width: 991.98px) {
  [data-layout=detached] .header .main-header {
    max-width: 95%;
  }
}
[data-layout=detached] .header #toggle_btn {
  top: 15px;
}
[data-layout=detached] .expand-menu .header-left {
  width: auto;
}
[data-layout=detached] .expand-menu.mini-sidebar .header {
  left: 0;
}
[data-layout=detached] .expand-menu.mini-sidebar .header .header-left {
  width: auto;
}
[data-layout=detached] .sidebar {
  top: 74px;
  left: unset;
  bottom: 24px;
  border: 1px solid #E6EAED;
  border-radius: 5px;
}
[data-layout=detached] .sidebar .slimScrollDiv {
  height: 100% !important;
  top: 0;
}
[data-layout=detached] .sidebar .slimScrollDiv .sidebar-inner {
  height: 100% !important;
}
[data-layout=detached] .sidebar .slimScrollDiv .sidebar-menu {
  margin-top: 0;
  padding-bottom: 0;
}
[data-layout=detached] .sidebar .sidebar-menu {
  margin-top: 16px;
}
[data-layout=detached] .sidebar .sidebar-logo {
  display: none;
}
@media (max-width: 991.96px) {
  [data-layout=detached] .sidebar {
    top: 50px;
    bottom: 0;
  }
}
@media (min-width: 991.98px) {
  [data-layout=detached] .page-wrapper {
    padding: 74px 0 0;
  }
}
[data-layout=detached] .page-wrapper .head-icons {
  display: none;
}
[data-layout=twocolumn] .sidebar.navbar-menu,
[data-size=twocol] .sidebar.navbar-menu {
  display: none;
}
@media (max-width: 991.96px) {
  [data-layout=twocolumn] .sidebar.navbar-menu,
  [data-size=twocol] .sidebar.navbar-menu {
    display: block;
  }
}
[data-layout=twocolumn] .sidebar-twocol.sidebar,
[data-size=twocol] .sidebar-twocol.sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
[data-layout=twocolumn] #two-col-sidebar,
[data-size=twocol] #two-col-sidebar {
  display: block;
}
@media (max-width: 991.96px) {
  [data-layout=twocolumn] #two-col-sidebar,
  [data-size=twocol] #two-col-sidebar {
    display: none;
  }
}
[data-layout=horizontal] #horizontal-menu {
  display: block;
}
[data-layout=horizontal] .header {
  left: 0;
}
[data-layout=horizontal] .header .main-header {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal] .header .main-header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal] .header .main-header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal] .header .main-header {
    max-width: 100%;
  }
}
[data-layout=horizontal] .header .main-header .user-menu {
  padding-right: 0;
}
[data-layout=horizontal] .header .header-left {
  display: block;
}
[data-layout=modern] .header {
  background-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.8);
}
[data-layout=modern] .header .bar-icon span {
  background-color: #ffffff;
}
@media (max-width: 1199.96px) {
  [data-layout=modern] .header .input-group {
    width: 200px;
  }
}
[data-layout=modern] .header .header-left .logo-white {
  display: none;
}
[data-layout=modern] .header .header-user .user-menu .btn-menubar {
  color: #7A8086;
}
[data-layout=modern] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=modern] .header .header-user .user-menu .btn-menubar:active,
[data-layout=modern] .header .header-user .user-menu .btn-menubar.active {
  background-color: #EEF2FF;
  border-color: #EEF2FF;
  color: #212B36 !important;
}
[data-layout=modern] .sidebar {
  display: block;
}
[data-layout=modern] .sidebar .sidebar-logo {
  display: none;
}
[data-layout=modern] .sidebar .slimScrollDiv {
  top: 0;
  height: calc(100% - 150px) !important;
}
[data-layout=modern] .sidebar .sidebar-inner {
  height: 100% !important;
}
[data-layout=modern] .sidebar .sidebar-menu {
  margin-top: 0;
}
[data-layout=modern] .sidebar .modern-profile {
  display: block;
}
[data-layout=modern] .page-wrapper::before {
  content: "";
  height: 168px;
  background: #ffffff;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
[data-layout=modern] .page-wrapper::after {
  content: none;
  height: 168px;
  background-repeat: no-repeat;
  width: 60%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
[data-layout=modern] .mini-sidebar .modern-profile .user-profile {
  padding: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  border-color: transparent !important;
}
[data-layout=modern] .mini-sidebar .modern-profile .user-profile .avatar {
  width: 32px;
  height: 32px;
}
[data-layout=modern] .mini-sidebar .modern-profile h6,
[data-layout=modern] .mini-sidebar .modern-profile p,
[data-layout=modern] .mini-sidebar .modern-profile .sidebar-nav {
  display: none;
}
[data-layout=modern] .mini-sidebar .slimScrollDiv {
  height: calc(100% - 70px) !important;
}
[data-layout=modern] .mini-sidebar.expand-menu .modern-profile .user-profile {
  padding: 16px !important;
  margin-bottom: 24px !important;
  background: #F9FAFB !important;
}
[data-layout=modern] .mini-sidebar.expand-menu .modern-profile .user-profile .avatar {
  width: 40px;
  height: 40px;
}
[data-layout=modern] .mini-sidebar.expand-menu .modern-profile h6,
[data-layout=modern] .mini-sidebar.expand-menu .modern-profile p,
[data-layout=modern] .mini-sidebar.expand-menu .modern-profile .sidebar-nav {
  display: block;
}
[data-layout=modern] .mini-sidebar.expand-menu .slimScrollDiv {
  height: calc(100% - 220px) !important;
}
[data-layout=horizontal-overlay] #horizontal-menu {
  display: block;
}
[data-layout=horizontal-overlay] .header {
  left: 0;
  background-color: #ffffff;
  border-color: hsl(0, 0%, 110%);
}
[data-layout=horizontal-overlay] .header .main-header {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal-overlay] .header .main-header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-overlay] .header .main-header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-overlay] .header .main-header {
    max-width: 100%;
  }
}
[data-layout=horizontal-overlay] .header .main-header .user-menu {
  padding-right: 0;
}
[data-layout=horizontal-overlay] .header .header-user .user-menu .btn-menubar {
  color: #7A8086;
}
[data-layout=horizontal-overlay] .header .header-user .user-menu .btn-menubar:hover {
  background: #EEF2FF;
  color: #212B36;
}
[data-layout=horizontal-overlay] .header .header-left {
  display: block;
  border: 0;
  width: auto;
}
[data-layout=horizontal-overlay] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-overlay] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay] .mode-toggle {
  color: #4D555E;
}
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar {
  background-color: #ffffff;
  border-bottom: 1px solid hsl(0, 0%, 110%);
}
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar::before {
  content: none;
  height: 100%;
  background: url("./media/overlay-bg-7JS4QRF2.png");
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #212B36;
}
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  background-color: #EEF2FF;
  color: #212B36;
}
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #212B36;
}
[data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-color: #212B36;
}
[data-layout=horizontal-overlay] .main-wrapper {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal-overlay] .main-wrapper {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-overlay] .main-wrapper {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-overlay] .main-wrapper {
    max-width: 100%;
  }
}
[data-layout=horizontal-overlay] .main-wrapper::before {
  content: "";
  height: 168px;
  background: #ffffff;
  width: 100%;
  position: absolute;
  top: 96px;
  left: 0;
  z-index: -1;
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-overlay] .main-wrapper::before {
    top: 50px;
    height: 100px;
  }
}
[data-layout=horizontal-overlay] .main-wrapper::after {
  content: "";
  height: 168px;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  top: 96px;
  left: 0;
  z-index: -1;
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-overlay] .main-wrapper::after {
    top: 50px;
    height: 100px;
  }
}
[data-layout=horizontal-overlay] .page-breadcrumb h2 {
  color: #ffffff;
}
[data-layout=horizontal-box] #horizontal-menu {
  display: block;
}
[data-layout=horizontal-box] .main-wrapper {
  max-width: 1320px;
  margin: auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal-box] .main-wrapper {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-box] .main-wrapper {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-box] .main-wrapper {
    max-width: 100%;
  }
}
[data-layout=horizontal-box] .main-wrapper .header {
  max-width: 1320px;
  margin: auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal-box] .main-wrapper .header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-box] .main-wrapper .header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-box] .main-wrapper .header {
    max-width: 100%;
  }
}
[data-layout=horizontal-box] .header {
  left: 0;
  padding: 0 16px;
}
[data-layout=horizontal-box] .header .main-header {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal-box] .header .main-header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-box] .header .main-header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-box] .header .main-header {
    max-width: 100%;
  }
}
[data-layout=horizontal-box] .header .main-header .user-menu {
  padding-right: 0;
}
[data-layout=horizontal-box] .header .header-left {
  display: block;
}
[data-layout=horizontal-box] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-box] .sidebar.sidebar-horizontal {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 16px !important;
  left: auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal-box] .sidebar.sidebar-horizontal {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-box] .sidebar.sidebar-horizontal {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-box] .sidebar.sidebar-horizontal {
    max-width: 100%;
  }
}
[data-layout=horizontal-box] .sidebar.sidebar-horizontal .sidebar-menu .nav-menu > li.submenu > a {
  padding: 8px 30px 8px 8px;
}
[data-layout=horizontal-fullwidth] #horizontal-menu {
  display: block;
}
[data-layout=horizontal-fullwidth] .header {
  padding: 0 24px;
}
[data-layout=horizontal-fullwidth] .sidebar-horizontal.sidebar .sidebar-menu {
  max-width: 100%;
  padding: 0 24px !important;
}
[data-layout=horizontal-fullwidth] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  padding: 8px 24px 8px 8px;
}
@media (min-width: 1399px) {
  [data-layout=horizontal-fullwidth] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
    padding: 8px 30px 8px 8px;
  }
}
@media (min-width: 1199.98px) {
  [data-layout=horizontal-fullwidth] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
    padding: 8px 28px 8px 8px;
  }
}
@media (min-width: 991.98px) {
  [data-layout=without-header] .header {
    width: 0;
  }
  [data-layout=without-header] .header .user-menu {
    display: none;
  }
  [data-layout=without-header] .header #toggle_btn {
    display: none;
  }
}
[data-layout=without-header] .sidebar.sidebar-horizontal {
  display: none;
}
[data-layout=without-header] .sidebar.two-col-sidebar {
  display: none;
}
[data-layout=without-header] .page-wrapper {
  padding: 0;
}
[data-layout=without-header] .page-wrapper .head-icons {
  display: none;
}
[data-layout=without-header] .modern-profile .user-profile {
  display: none;
}
[data-layout=without-header] .modern-profile,
[data-layout=without-header] .sidebar-header {
  display: block;
}
[data-layout=without-header] .sidebar {
  display: block;
}
[data-layout=without-header] .sidebar .sidebar-logo {
  position: relative;
}
[data-layout=without-header] .slimScrollDiv {
  top: 0;
  height: calc(100% - 150px) !important;
}
[data-layout=without-header] .slimScrollDiv .sidebar-inner {
  height: 100% !important;
}
[data-layout=without-header] .mini-sidebar .sidebar-nav {
  display: none;
}
[data-layout=without-header] .mini-sidebar .sidebar-header .input-group,
[data-layout=without-header] .mini-sidebar .sidebar-header .menu-item {
  display: none !important;
}
[data-layout=without-header] .mini-sidebar .sidebar-profile {
  padding: 0 !important;
  background: transparent !important;
  border-color: transparent !important;
}
[data-layout=without-header] .mini-sidebar .sidebar-profile .sidebar-profile-info {
  display: none;
}
[data-layout=without-header] .mini-sidebar .slimScrollDiv {
  height: calc(100% - 110px) !important;
}
[data-layout=without-header] .mini-sidebar .slimScrollDiv .sidebar-inner {
  height: 100% !important;
}
[data-layout=without-header] .mini-sidebar.expand-menu .sidebar-nav {
  display: block;
}
[data-layout=without-header] .mini-sidebar.expand-menu .sidebar-header .input-group,
[data-layout=without-header] .mini-sidebar.expand-menu .sidebar-header .menu-item {
  display: flex !important;
}
[data-layout=without-header] .mini-sidebar.expand-menu .sidebar-profile {
  padding: 8px !important;
  background: #F9FAFB !important;
  border-color: #F9FAFB !important;
}
[data-layout=without-header] .mini-sidebar.expand-menu .sidebar-profile .sidebar-profile-info {
  display: block;
}
[data-layout=horizontal-single] #horizontal-menu {
  display: none;
}
[data-layout=horizontal-single] #horizontal-single {
  position: relative;
  top: -12px;
  width: auto !important;
  box-shadow: none;
  display: block;
}
[data-layout=horizontal-single] #header-search {
  display: none !important;
}
[data-layout=horizontal-single] .header {
  padding: 0 24px;
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-single] .header {
    padding: 0 16px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-single] .menu-horizontal .header .main-header .user-menu {
    padding-left: 16px;
  }
}
[data-layout=horizontal-single] .menu-horizontal .page-wrapper {
  padding-top: 50px;
  max-width: 100%;
  margin: 0 24px;
}
[data-layout=horizontal-single] .menu-horizontal .header-collapse .header-user {
  display: block;
}
[data-layout=horizontal-single] .footer {
  margin: 0 -24px;
}
[data-layout=horizontal-single] .sidebar-horizontal.sidebar .sidebar-menu {
  padding: 0 !important;
  height: 46px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}
[data-layout=horizontal-single] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  padding: 8px 21px 8px 8px;
}
@media (min-width: 1199.98px) {
  [data-layout=horizontal-single] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
    padding: 8px 30px 8px 8px;
  }
}
[data-layout=horizontal-single] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li {
  margin-right: 8px;
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-single] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li {
    margin-right: 1px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-single] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li a .menu-arrow {
    right: 2px;
  }
}
[data-layout=horizontal-single] .sidebar-menu .nav-menu > li {
  margin-right: 8px;
}
[data-layout=horizontal-single] .sidebar-menu .nav-menu > li:last-child {
  margin-right: 0;
}
[data-layout=horizontal-single] .sidebar-menu .nav-menu > li.submenu > ul {
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal-single] .sidebar-menu .nav-menu > li {
    margin-right: 2px;
  }
}
[data-layout=transparent] body,
.data-layout-transparent body {
  background-color: #EEF2FF;
}
[data-layout=transparent] .header,
.data-layout-transparent .header {
  left: 0;
  border-bottom: 3px solid #4F46E5;
}
[data-layout=transparent] .header .header-left,
.data-layout-transparent .header .header-left {
  display: block;
  padding-left: 24px;
}
[data-layout=transparent] .sidebar,
.data-layout-transparent .sidebar {
  top: 50px;
  background-color: #EEF2FF;
}
[data-layout=transparent] .sidebar .sidebar-logo,
.data-layout-transparent .sidebar .sidebar-logo {
  display: none;
}
[data-layout=transparent] .sidebar .sidebar-logo .logo,
.data-layout-transparent .sidebar .sidebar-logo .logo {
  display: none;
}
[data-layout=transparent] .sidebar .slimScrollDiv,
.data-layout-transparent .sidebar .slimScrollDiv {
  top: 0;
}
@media (min-width: 991.98px) {
  [data-layout=transparent] .mini-sidebar.expand-menu .header,
  .data-layout-transparent .mini-sidebar.expand-menu .header {
    left: 0;
  }
}
[data-layout=transparent] .page-wrapper .head-icons,
.data-layout-transparent .page-wrapper .head-icons {
  display: none;
}
body.data-layout-transparent {
  background-color: #EEF2FF;
}
body.data-layout-transparent .header {
  left: 0;
  border-bottom: 3px solid #4F46E5;
}
body.data-layout-transparent .header .header-left {
  display: block;
  padding-left: 24px;
}
body.data-layout-transparent .sidebar {
  top: 50px;
  background-color: #EEF2FF;
}
body.data-layout-transparent .sidebar .sidebar-logo {
  display: none;
}
body.data-layout-transparent .sidebar .sidebar-logo .logo {
  display: none;
}
body.data-layout-transparent .sidebar .slimScrollDiv {
  top: 0;
}
@media (min-width: 991.98px) {
  body.data-layout-transparent .mini-sidebar.expand-menu .header {
    left: 0;
  }
}
body.data-layout-transparent .page-wrapper .head-icons {
  display: none;
}
[data-layout=horizontal-sidemenu] .header {
  left: 0;
  background-color: #212B36;
  border-color: #37404A;
}
[data-layout=horizontal-sidemenu] .header .main-header {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1398.98px) {
  [data-layout=horizontal-sidemenu] .header .main-header {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  [data-layout=horizontal-sidemenu] .header .main-header {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-sidemenu] .header .main-header {
    max-width: 100%;
  }
}
[data-layout=horizontal-sidemenu] .header .main-header .user-menu {
  padding-right: 0;
}
[data-layout=horizontal-sidemenu] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=horizontal-sidemenu] .header .header-user .user-menu .btn-menubar:hover {
  background: #646B72;
}
[data-layout=horizontal-sidemenu] .header .header-left {
  display: block;
}
[data-layout=horizontal-sidemenu] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-sidemenu] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-sidemenu] .main-wrapper {
  margin: 0 auto;
}
@media (min-width: 1399px) {
  [data-layout=horizontal-sidemenu] .main-wrapper {
    max-width: 1320px;
  }
}
@media (min-width: 991.98px) {
  [data-layout=horizontal-sidemenu] .main-wrapper {
    max-width: 95%;
  }
}
[data-layout=horizontal-sidemenu] .main-wrapper::before {
  content: "";
  height: 168px;
  background: #212B36;
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: -1;
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-sidemenu] .main-wrapper::before {
    top: 50px;
    height: 100px;
  }
}
[data-layout=horizontal-sidemenu] .main-wrapper::after {
  content: "";
  height: 168px;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: -1;
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-sidemenu] .main-wrapper::after {
    top: 50px;
    height: 100px;
  }
}
[data-layout=horizontal-sidemenu] .sidebar {
  top: 74px;
  left: unset;
  bottom: 24px;
}
[data-layout=horizontal-sidemenu] .sidebar .slimScrollDiv {
  height: 100% !important;
  top: 0;
}
[data-layout=horizontal-sidemenu] .sidebar .slimScrollDiv .sidebar-inner {
  height: 100% !important;
}
[data-layout=horizontal-sidemenu] .sidebar .slimScrollDiv .sidebar-menu {
  margin-top: 0;
  padding-bottom: 0;
}
[data-layout=horizontal-sidemenu] .sidebar .sidebar-menu {
  margin-top: 16px;
}
[data-layout=horizontal-sidemenu] .sidebar .sidebar-logo {
  display: none;
}
@media (max-width: 991.96px) {
  [data-layout=horizontal-sidemenu] .sidebar {
    top: 50px;
    bottom: 0;
  }
}
@media (min-width: 991.98px) {
  [data-layout=horizontal-sidemenu] .page-wrapper {
    padding: 74px 0 0;
  }
}
[data-layout=horizontal-sidemenu] .page-wrapper .head-icons {
  display: none;
}
[data-layout=horizontal-sidemenu] .expand-menu.mini-sidebar .header {
  left: 0;
}
[data-sidebar=sidebarcolorone] .header .header-left {
  background: #FBFBFB;
}
[data-sidebar=sidebarcolorone] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolorone] .sidebar {
  background: #FBFBFB;
}
[data-sidebar=sidebarcolorone] .sidebar .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #646B72;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li a {
  color: #212B36;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #646B72;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #212B36;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #646B72;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolorone] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolorone] .sidebar-twocol.sidebar .sidebar-right {
  background: #FBFBFB;
  border-color: #FBFBFB;
}
[data-sidebar=sidebarcolorone] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorone] .sidebar-twocol .twocol-mini {
  background: #FBFBFB;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolorone] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolortwo] .header .header-left {
  background: #505969;
}
[data-sidebar=sidebarcolortwo] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolortwo] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolortwo] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolortwo] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolortwo] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolortwo] .sidebar {
  background: #505969;
  border-color: #505969;
}
[data-sidebar=sidebarcolortwo] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolortwo] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: #646B72;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right {
  background: #505969;
  border-color: #505969;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolortwo] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolortwo] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolortwo] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolortwo] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolortwo] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolortwo] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolortwo] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolortwo] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolortwo] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolortwo] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolortwo] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolortwo] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolortwo] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolortwo] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorthree] .header .header-left {
  background: #2C2C2C;
}
[data-sidebar=sidebarcolorthree] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolorthree] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorthree] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolorthree] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorthree] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolorthree] .sidebar {
  background: #2C2C2C;
  border-color: #2C2C2C;
}
[data-sidebar=sidebarcolorthree] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorthree] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right {
  background: #2C2C2C;
  border-color: #2C2C2C;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorthree] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolorthree] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolorthree] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolorthree] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolorthree] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolorthree] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolorthree] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolorthree] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolorthree] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolorthree] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolorthree] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolorthree] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorthree] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorthree] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorfour] .header .header-left {
  background: #1D51B6;
}
[data-sidebar=sidebarcolorfour] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolorfour] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorfour] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolorfour] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorfour] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolorfour] .sidebar {
  background: #1D51B6;
  border-color: #1D51B6;
}
[data-sidebar=sidebarcolorfour] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorfour] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right {
  background: #1D51B6;
  border-color: #1D51B6;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorfour] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolorfour] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolorfour] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolorfour] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolorfour] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolorfour] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolorfour] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolorfour] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolorfour] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolorfour] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolorfour] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolorfour] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorfour] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorfour] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorfive] .header .header-left {
  background: #6C0BA9;
}
[data-sidebar=sidebarcolorfive] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolorfive] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorfive] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolorfive] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorfive] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolorfive] .sidebar {
  background: #6C0BA9;
  border-color: #6C0BA9;
}
[data-sidebar=sidebarcolorfive] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorfive] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right {
  background: #6C0BA9;
  border-color: #6C0BA9;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorfive] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolorfive] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolorfive] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolorfive] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolorfive] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolorfive] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolorfive] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolorfive] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolorfive] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolorfive] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolorfive] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolorfive] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorfive] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorfive] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorsix] .header .header-left {
  background: #0B897D;
}
[data-sidebar=sidebarcolorsix] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolorsix] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorsix] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolorsix] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorsix] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolorsix] .sidebar {
  background: #0B897D;
  border-color: #0B897D;
}
[data-sidebar=sidebarcolorsix] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorsix] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right {
  background: #0B897D;
  border-color: #0B897D;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorsix] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolorsix] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolorsix] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolorsix] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolorsix] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolorsix] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolorsix] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolorsix] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolorsix] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolorsix] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolorsix] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolorsix] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorsix] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorsix] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorseven] .header .header-left {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
}
[data-sidebar=sidebarcolorseven] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolorseven] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorseven] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolorseven] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorseven] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolorseven] .sidebar {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
  border-color:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
}
[data-sidebar=sidebarcolorseven] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorseven] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
  border-color:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorseven] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolorseven] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolorseven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolorseven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolorseven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolorseven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolorseven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolorseven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolorseven] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolorseven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolorseven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolorseven] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorseven] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorseven] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcoloreight] .header .header-left {
  background:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
}
[data-sidebar=sidebarcoloreight] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcoloreight] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcoloreight] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcoloreight] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcoloreight] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcoloreight] .sidebar {
  background:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
  border-color:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
}
[data-sidebar=sidebarcoloreight] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcoloreight] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right {
  background:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
  border-color:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcoloreight] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcoloreight] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcoloreight] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcoloreight] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcoloreight] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcoloreight] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcoloreight] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcoloreight] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcoloreight] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcoloreight] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcoloreight] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcoloreight] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcoloreight] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcoloreight] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolornine] .header .header-left {
  background:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
}
[data-sidebar=sidebarcolornine] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolornine] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolornine] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolornine] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolornine] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolornine] .sidebar {
  background:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
  border-color:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
}
[data-sidebar=sidebarcolornine] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolornine] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right {
  background:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
  border-color:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolornine] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolornine] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolornine] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolornine] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolornine] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolornine] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolornine] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolornine] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolornine] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolornine] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolornine] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolornine] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolornine] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolornine] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolornine] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorten] .header .header-left {
  background:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
}
[data-sidebar=sidebarcolorten] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolorten] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorten] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolorten] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorten] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolorten] .sidebar {
  background:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
  border-color:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
}
[data-sidebar=sidebarcolorten] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorten] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right {
  background:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
  border-color:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorten] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolorten] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolorten] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolorten] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolorten] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolorten] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolorten] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolorten] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolorten] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolorten] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolorten] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolorten] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolorten] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorten] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorten] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcoloreleven] .header .header-left {
  background:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
}
[data-sidebar=sidebarcoloreleven] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcoloreleven] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcoloreleven] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcoloreleven] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcoloreleven] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcoloreleven] .sidebar {
  background:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
  border-color:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
}
[data-sidebar=sidebarcoloreleven] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcoloreleven] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right {
  background:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
  border-color:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcoloreleven] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcoloreleven] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcoloreleven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcoloreleven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcoloreleven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcoloreleven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcoloreleven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcoloreleven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcoloreleven] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcoloreleven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcoloreleven] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcoloreleven] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcoloreleven] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcoloreleven] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolortwelve] .header .header-left {
  background:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
}
[data-sidebar=sidebarcolortwelve] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolortwelve] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolortwelve] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolortwelve] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolortwelve] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolortwelve] .sidebar {
  background:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
  border-color:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
}
[data-sidebar=sidebarcolortwelve] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolortwelve] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right {
  background:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
  border-color:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolortwelve] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolortwelve] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolortwelve] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolortwelve] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolortwelve] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolortwelve] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolortwelve] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolortwelve] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolortwelve] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolortwelve] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolortwelve] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolortwelve] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolortwelve] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolortwelve] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorthirteen] .header .header-left {
  background:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
}
[data-sidebar=sidebarcolorthirteen] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolorthirteen] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorthirteen] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolorthirteen] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorthirteen] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolorthirteen] .sidebar {
  background:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
  border-color:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
}
[data-sidebar=sidebarcolorthirteen] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right {
  background:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
  border-color:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolorthirteen] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolorthirteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolorthirteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolorthirteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolorthirteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolorthirteen] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorthirteen] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorthirteen] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorfourteen] .header .header-left {
  background:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
}
[data-sidebar=sidebarcolorfourteen] .header .header-left .logo-normal {
  display: none;
}
[data-sidebar=sidebarcolorfourteen] .header .header-left .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorfourteen] .menu-horizontal .header .header-left {
  background: #ffffff;
}
[data-sidebar=sidebarcolorfourteen] .menu-horizontal .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorfourteen] .menu-horizontal .header .header-left .logo-normal {
  display: block;
}
[data-sidebar=sidebarcolorfourteen] .sidebar {
  background:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
  border-color:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
}
[data-sidebar=sidebarcolorfourteen] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .logo {
  display: none;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right {
  background:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
  border-color:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right h6,
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right p {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right .bg-light {
  background-color: #646B72 !important;
  border-color: #646B72 !important;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #646B72;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #646B72;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #646B72;
  color: #ffffff !important;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-twocol .twocol-mini {
  background-color: #111926;
  border-color: #37404A;
}
@media (min-width: 991.98px) {
  [data-sidebar=sidebarcolorfourteen] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=sidebarcolorfourteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-sidebar=sidebarcolorfourteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-sidebar=sidebarcolorfourteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-sidebar=sidebarcolorfourteen] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu .submenu-open .submenu ul li a {
  color: #F9FAFB;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu .menu-arrow {
  background: rgba(255, 255, 255, 0.2);
}
[data-sidebar=sidebarcolorfourteen] .header .header-left {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebar=sidebarcolorfourteen] .mini-sidebar .header .header-left .logo-white {
  display: none !important;
}
[data-sidebar=sidebarcolorfourteen] .mini-sidebar.expand-menu .header .header-left .logo-white {
  display: flex !important;
}
[data-sidebar=all] .sidebar {
  background: rgb(var(--sidebar--rgb-picr));
  border-color: rgb(var(--sidebar--rgb-picr));
}
[data-sidebar=all] .sidebar .logo-white {
  display: block !important;
}
[data-sidebar=all] .sidebar .logo {
  display: none;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li > ul > li > a:hover {
  background: #D3D5D7;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li > ul > li > a:hover span,
[data-sidebar=all] .sidebar .sidebar-menu > ul > li > ul > li > a:hover i {
  color: #4D555E;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a i {
  color: #BCBFC3;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop {
  background: #D3D5D7;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop span,
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop i {
  color: #4D555E;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a.subdrop .menu-arrow::before {
  border-color: #4D555E;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a:hover,
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a.active {
  background: #D3D5D7;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a:hover span,
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a:hover i,
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a.active span,
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a.active i {
  color: #4D555E;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a:hover .menu-arrow::before,
[data-sidebar=all] .sidebar .sidebar-menu > ul > li .submenu > a.active .menu-arrow::before {
  border-color: #4D555E;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li.active a span {
  color: #4F46E5;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #4F46E5;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li a {
  color: #A6AAAF;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li a:hover,
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #BCBFC3;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #A6AAAF;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li.active a {
  background: #4D555E;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #BCBFC3;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a {
  color: #A6AAAF;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active,
[data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-sidebar=all] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-sidebar=all] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active,
[data-sidebar=all] .sidebar .sidebar-menu > ul li .submenu.submenu-two a:hover {
  background: transparent;
}
[data-sidebar=all] .sidebar .sidebar-menu .menu-arrow::before {
  border-color: #BCBFC3;
}
[data-sidebar=all] .sidebar-twocol.sidebar .nav-link {
  color: #ffffff;
}
[data-sidebar=all] .sidebar-twocol.sidebar .nav-link.active,
[data-sidebar=all] .sidebar-twocol.sidebar .nav-link:hover {
  background: #D3D5D7;
  color: #4D555E;
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right {
  background: rgb(var(--sidebar--rgb-picr));
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right .sidebar-scroll > h6 {
  color: #ffffff;
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #ffffff;
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #D3D5D7;
  color: #4D555E;
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop {
  background: #D3D5D7;
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right ul li.subdrop:hover {
  color: #4D555E !important;
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #D3D5D7;
  color: #4D555E;
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #D3D5D7;
  color: #4D555E !important;
}
[data-sidebar=all] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #D3D5D7;
  color: #4D555E !important;
}
[data-sidebar=all] .sidebar-twocol .twocol-mini {
  background-color: rgb(var(--sidebar--rgb-picr));
  border-color: #90959B;
}
@media (min-width: 991.98px) {
  [data-sidebar=all] .expand-menu.mini-sidebar .sidebar-twocol.sidebar .logo {
    display: none;
  }
}
[data-sidebar=all] .sidebar-stacked .stacked-mini {
  background-color: rgb(var(--sidebar--rgb-picr));
  border-color: #90959B;
}
[data-sidebar=all] .sidebar-stacked .btn-menubar {
  color: #ffffff;
  border-color: rgb(var(--sidebar--rgb-picr));
}
[data-sidebar=all] .sidebar-stacked .btn-menubar:hover,
[data-sidebar=all] .sidebar-stacked .btn-menubar.active {
  background: #D3D5D7;
  color: #4D555E;
}
[data-sidebar=all] .sidebar-stacked .sidebar-right {
  background: rgb(var(--sidebar--rgb-picr));
}
[data-sidebar=all] .sidebar-stacked .sidebar-right h6 {
  color: #ffffff;
}
[data-sidebar=all] .sidebar-stacked .sidebar-right .sidebar-profile h6 {
  color: rgb(var(--sidebar--rgb-picr));
}
[data-sidebar=all] .sidebar-stacked .sidebar-right a {
  color: #ffffff;
}
[data-sidebar=all] .sidebar-stacked .sidebar-right a:hover {
  color: rgb(var(--sidebar--rgb-picr));
}
[data-sidebar=all] .sidebar-stacked .nav-link {
  color: #ffffff;
  background: rgba(var(--sidebar--rgb-picr), 0.7);
  border-color: rgba(var(--sidebar--rgb-picr), 0.7);
}
[data-sidebar=all] .sidebar-stacked .nav-link p,
[data-sidebar=all] .sidebar-stacked .nav-link i {
  color: #ffffff;
}
[data-sidebar=all] .sidebar-stacked .nav-link:hover,
[data-sidebar=all] .sidebar-stacked .nav-link.active {
  color: #ffffff;
  background: rgba(var(--sidebar--rgb-picr), 0.4);
  border-color: rgba(var(--sidebar--rgb-picr), 0.4);
}
[data-sidebar=all] .sidebar-stacked .nav-link:hover p,
[data-sidebar=all] .sidebar-stacked .nav-link.active p {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorone] .header,
[data-layout=mini][data-topbar=topbarcolorone] .header,
[data-layout=horizontal][data-topbar=topbarcolorone] .header,
[data-layout=detached][data-topbar=topbarcolorone] .header,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header {
  background: #FBFBFB;
  border-bottom-color: #FBFBFB;
}
[data-layout=default][data-topbar=topbarcolorone] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolorone] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolorone] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolorone] .header .header-left,
[data-layout=mini][data-topbar=topbarcolorone] .header .header-left,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .header-left,
[data-layout=detached][data-topbar=topbarcolorone] .header .header-left,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .header-left {
  background: #FBFBFB;
}
[data-layout=default][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=default][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar.active,
[data-layout=mini][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=mini][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar.active,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar.active,
[data-layout=detached][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=detached][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar.active,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .header-user .user-menu .btn-menubar.active {
  color: #4D555E;
}
[data-layout=default][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background: #FBFBFB;
}
[data-layout=default][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=mini][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=detached][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=mini][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=detached][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=default][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=default][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=mini][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=mini][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=mini][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=detached][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=detached][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=detached][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  color: #4D555E;
}
[data-layout=default][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=default][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=default][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=mini][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=mini][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=mini][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=detached][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=detached][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=detached][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=twocolumn][data-topbar=topbarcolorone] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #4D555E;
}
[data-layout=default][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolortwo] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolortwo] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolortwo] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolortwo] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolortwo] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolortwo] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolortwo] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolortwo] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolortwo] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolortwo] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolortwo] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolortwo] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolortwo] .input-group-text,
[data-layout=mini][data-topbar=topbarcolortwo] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolortwo] .input-group-text,
[data-layout=detached][data-topbar=topbarcolortwo] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolortwo] .header,
[data-layout=mini][data-topbar=topbarcolortwo] .header,
[data-layout=horizontal][data-topbar=topbarcolortwo] .header,
[data-layout=detached][data-topbar=topbarcolortwo] .header,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .header {
  background: #505969;
  border-bottom-color: #505969;
}
[data-layout=default][data-topbar=topbarcolortwo] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolortwo] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolortwo] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolortwo] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolortwo] .header .header-left,
[data-layout=mini][data-topbar=topbarcolortwo] .header .header-left,
[data-layout=horizontal][data-topbar=topbarcolortwo] .header .header-left,
[data-layout=detached][data-topbar=topbarcolortwo] .header .header-left,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .header .header-left {
  background: #505969;
}
[data-layout=default][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar {
  color: #212B36;
}
[data-layout=default][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=default][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar.active,
[data-layout=mini][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=mini][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar.active,
[data-layout=horizontal][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=horizontal][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar.active,
[data-layout=detached][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=detached][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar.active,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .header .header-user .user-menu .btn-menubar.active {
  background: #ffffff;
}
[data-layout=default][data-topbar=topbarcolortwo] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolortwo] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolortwo] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolortwo] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolortwo] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background: #505969;
}
[data-layout=default][data-topbar=topbarcolorthree] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolorthree] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolorthree] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolorthree] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolorthree] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorthree] .header,
[data-layout=mini][data-topbar=topbarcolorthree] .header,
[data-layout=horizontal][data-topbar=topbarcolorthree] .header,
[data-layout=detached][data-topbar=topbarcolorthree] .header,
[data-layout=twocolumn][data-topbar=topbarcolorthree] .header {
  background: #2C2C2C;
  border-bottom-color: #2C2C2C;
}
[data-layout=default][data-topbar=topbarcolorthree] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolorthree] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolorthree] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolorthree] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolorthree] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolorthree] .header .header-left,
[data-layout=mini][data-topbar=topbarcolorthree] .header .header-left,
[data-layout=horizontal][data-topbar=topbarcolorthree] .header .header-left,
[data-layout=detached][data-topbar=topbarcolorthree] .header .header-left,
[data-layout=twocolumn][data-topbar=topbarcolorthree] .header .header-left {
  background: #2C2C2C;
  border-color: #D3D5D7;
}
[data-layout=default][data-topbar=topbarcolorthree] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolorthree] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolorthree] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolorthree] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolorthree] .header .header-user .user-menu .btn-menubar {
  color: #212B36;
}
[data-layout=default][data-topbar=topbarcolorthree] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolorthree] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolorthree] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolorthree] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolorthree] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background: #2C2C2C;
}
[data-layout=default][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorfour] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolorfour] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolorfour] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolorfour] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorfour] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolorfour] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolorfour] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolorfour] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorfour] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolorfour] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolorfour] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolorfour] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolorfour] .input-group-text,
[data-layout=mini][data-topbar=topbarcolorfour] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolorfour] .input-group-text,
[data-layout=detached][data-topbar=topbarcolorfour] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorfour] .header,
[data-layout=mini][data-topbar=topbarcolorfour] .header,
[data-layout=horizontal][data-topbar=topbarcolorfour] .header,
[data-layout=detached][data-topbar=topbarcolorfour] .header,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .header {
  background: #1D51B6;
  border-bottom-color: #1D51B6;
}
[data-layout=default][data-topbar=topbarcolorfour] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolorfour] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolorfour] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolorfour] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolorfour] .header .header-left,
[data-layout=mini][data-topbar=topbarcolorfour] .header .header-left,
[data-layout=horizontal][data-topbar=topbarcolorfour] .header .header-left,
[data-layout=detached][data-topbar=topbarcolorfour] .header .header-left,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .header .header-left {
  background: #1D51B6;
}
[data-layout=default][data-topbar=topbarcolorfour] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolorfour] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolorfour] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolorfour] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .header .header-user .user-menu .btn-menubar {
  color: #212B36;
}
[data-layout=default][data-topbar=topbarcolorfour] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolorfour] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolorfour] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolorfour] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolorfour] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background: #1D51B6;
}
[data-layout=default][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorfive] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolorfive] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolorfive] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolorfive] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorfive] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolorfive] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolorfive] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolorfive] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorfive] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolorfive] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolorfive] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolorfive] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolorfive] .input-group-text,
[data-layout=mini][data-topbar=topbarcolorfive] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolorfive] .input-group-text,
[data-layout=detached][data-topbar=topbarcolorfive] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorfive] .header,
[data-layout=mini][data-topbar=topbarcolorfive] .header,
[data-layout=horizontal][data-topbar=topbarcolorfive] .header,
[data-layout=detached][data-topbar=topbarcolorfive] .header,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .header {
  background: #6C0BA9;
  border-bottom-color: #6C0BA9;
}
[data-layout=default][data-topbar=topbarcolorfive] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolorfive] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolorfive] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolorfive] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolorfive] .header .header-left,
[data-layout=mini][data-topbar=topbarcolorfive] .header .header-left,
[data-layout=horizontal][data-topbar=topbarcolorfive] .header .header-left,
[data-layout=detached][data-topbar=topbarcolorfive] .header .header-left,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .header .header-left {
  background: #6C0BA9;
  border-color: #6C0BA9;
}
[data-layout=default][data-topbar=topbarcolorfive] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolorfive] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolorfive] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolorfive] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorfive] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolorfive] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolorfive] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolorfive] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolorfive] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background: #6C0BA9;
}
[data-layout=default][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorsix] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolorsix] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolorsix] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolorsix] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorsix] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolorsix] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolorsix] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolorsix] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorsix] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolorsix] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolorsix] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolorsix] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolorsix] .input-group-text,
[data-layout=mini][data-topbar=topbarcolorsix] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolorsix] .input-group-text,
[data-layout=detached][data-topbar=topbarcolorsix] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorsix] .header,
[data-layout=mini][data-topbar=topbarcolorsix] .header,
[data-layout=horizontal][data-topbar=topbarcolorsix] .header,
[data-layout=detached][data-topbar=topbarcolorsix] .header,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .header {
  background: #0B897D;
  border-bottom-color: #0B897D;
}
[data-layout=default][data-topbar=topbarcolorsix] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolorsix] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolorsix] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolorsix] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolorsix] .header .header-left,
[data-layout=mini][data-topbar=topbarcolorsix] .header .header-left,
[data-layout=horizontal][data-topbar=topbarcolorsix] .header .header-left,
[data-layout=detached][data-topbar=topbarcolorsix] .header .header-left,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .header .header-left {
  background: #0B897D;
  border-color: #0B897D;
}
[data-layout=default][data-topbar=topbarcolorsix] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolorsix] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolorsix] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolorsix] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorsix] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolorsix] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolorsix] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolorsix] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolorsix] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background: #0B897D;
}
[data-layout=default][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorseven] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolorseven] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolorseven] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolorseven] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorseven] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolorseven] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolorseven] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolorseven] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorseven] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolorseven] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolorseven] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolorseven] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolorseven] .input-group-text,
[data-layout=mini][data-topbar=topbarcolorseven] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolorseven] .input-group-text,
[data-layout=detached][data-topbar=topbarcolorseven] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorseven] .header,
[data-layout=mini][data-topbar=topbarcolorseven] .header,
[data-layout=horizontal][data-topbar=topbarcolorseven] .header,
[data-layout=detached][data-topbar=topbarcolorseven] .header,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .header {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
  border-bottom-color:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
}
[data-layout=default][data-topbar=topbarcolorseven] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolorseven] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolorseven] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolorseven] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolorseven] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolorseven] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolorseven] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolorseven] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorseven] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolorseven] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolorseven] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolorseven] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolorseven] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
}
[data-layout=default][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcoloreight] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcoloreight] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcoloreight] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcoloreight] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcoloreight] .searchinputs input,
[data-layout=mini][data-topbar=topbarcoloreight] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcoloreight] .searchinputs input,
[data-layout=detached][data-topbar=topbarcoloreight] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcoloreight] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcoloreight] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcoloreight] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcoloreight] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcoloreight] .input-group-text,
[data-layout=mini][data-topbar=topbarcoloreight] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcoloreight] .input-group-text,
[data-layout=detached][data-topbar=topbarcoloreight] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcoloreight] .header,
[data-layout=mini][data-topbar=topbarcoloreight] .header,
[data-layout=horizontal][data-topbar=topbarcoloreight] .header,
[data-layout=detached][data-topbar=topbarcoloreight] .header,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .header {
  background:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
  border-bottom-color:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
}
[data-layout=default][data-topbar=topbarcoloreight] .header .bg-white,
[data-layout=mini][data-topbar=topbarcoloreight] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcoloreight] .header .bg-white,
[data-layout=detached][data-topbar=topbarcoloreight] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcoloreight] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcoloreight] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcoloreight] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcoloreight] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcoloreight] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcoloreight] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcoloreight] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcoloreight] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcoloreight] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
}
[data-layout=default][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolornine] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolornine] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolornine] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolornine] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolornine] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolornine] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolornine] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolornine] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolornine] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolornine] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolornine] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolornine] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolornine] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolornine] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolornine] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolornine] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolornine] .input-group-text,
[data-layout=mini][data-topbar=topbarcolornine] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolornine] .input-group-text,
[data-layout=detached][data-topbar=topbarcolornine] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolornine] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolornine] .header,
[data-layout=mini][data-topbar=topbarcolornine] .header,
[data-layout=horizontal][data-topbar=topbarcolornine] .header,
[data-layout=detached][data-topbar=topbarcolornine] .header,
[data-layout=twocolumn][data-topbar=topbarcolornine] .header {
  background:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
  border-bottom-color:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
}
[data-layout=default][data-topbar=topbarcolornine] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolornine] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolornine] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolornine] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolornine] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolornine] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolornine] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolornine] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolornine] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolornine] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolornine] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolornine] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolornine] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolornine] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolornine] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
}
[data-layout=default][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorten] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolorten] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolorten] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolorten] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolorten] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolorten] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorten] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolorten] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolorten] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolorten] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolorten] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorten] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolorten] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolorten] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolorten] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolorten] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolorten] .input-group-text,
[data-layout=mini][data-topbar=topbarcolorten] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolorten] .input-group-text,
[data-layout=detached][data-topbar=topbarcolorten] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolorten] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorten] .header,
[data-layout=mini][data-topbar=topbarcolorten] .header,
[data-layout=horizontal][data-topbar=topbarcolorten] .header,
[data-layout=detached][data-topbar=topbarcolorten] .header,
[data-layout=twocolumn][data-topbar=topbarcolorten] .header {
  background:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
  border-bottom-color:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
}
[data-layout=default][data-topbar=topbarcolorten] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolorten] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolorten] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolorten] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolorten] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolorten] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolorten] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolorten] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolorten] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolorten] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorten] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolorten] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolorten] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolorten] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolorten] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
}
[data-layout=default][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcoloreleven] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcoloreleven] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcoloreleven] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcoloreleven] .searchinputs input,
[data-layout=mini][data-topbar=topbarcoloreleven] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .searchinputs input,
[data-layout=detached][data-topbar=topbarcoloreleven] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcoloreleven] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcoloreleven] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcoloreleven] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcoloreleven] .input-group-text,
[data-layout=mini][data-topbar=topbarcoloreleven] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .input-group-text,
[data-layout=detached][data-topbar=topbarcoloreleven] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcoloreleven] .header,
[data-layout=mini][data-topbar=topbarcoloreleven] .header,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .header,
[data-layout=detached][data-topbar=topbarcoloreleven] .header,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .header {
  background:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
  border-bottom-color:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
}
[data-layout=default][data-topbar=topbarcoloreleven] .header .bg-white,
[data-layout=mini][data-topbar=topbarcoloreleven] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .header .bg-white,
[data-layout=detached][data-topbar=topbarcoloreleven] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcoloreleven] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcoloreleven] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcoloreleven] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcoloreleven] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcoloreleven] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcoloreleven] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcoloreleven] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcoloreleven] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
}
[data-layout=default][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolortwelve] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolortwelve] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolortwelve] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolortwelve] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolortwelve] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolortwelve] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolortwelve] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolortwelve] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolortwelve] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolortwelve] .input-group-text,
[data-layout=mini][data-topbar=topbarcolortwelve] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .input-group-text,
[data-layout=detached][data-topbar=topbarcolortwelve] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolortwelve] .header,
[data-layout=mini][data-topbar=topbarcolortwelve] .header,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .header,
[data-layout=detached][data-topbar=topbarcolortwelve] .header,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .header {
  background:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
  border-bottom-color:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
}
[data-layout=default][data-topbar=topbarcolortwelve] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolortwelve] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolortwelve] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolortwelve] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolortwelve] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolortwelve] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolortwelve] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolortwelve] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolortwelve] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolortwelve] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolortwelve] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
}
[data-layout=default][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorthirteen] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolorthirteen] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolorthirteen] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorthirteen] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolorthirteen] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolorthirteen] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorthirteen] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolorthirteen] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolorthirteen] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolorthirteen] .input-group-text,
[data-layout=mini][data-topbar=topbarcolorthirteen] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .input-group-text,
[data-layout=detached][data-topbar=topbarcolorthirteen] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorthirteen] .header,
[data-layout=mini][data-topbar=topbarcolorthirteen] .header,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .header,
[data-layout=detached][data-topbar=topbarcolorthirteen] .header,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .header {
  background:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
  border-bottom-color:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
}
[data-layout=default][data-topbar=topbarcolorthirteen] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolorthirteen] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolorthirteen] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolorthirteen] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolorthirteen] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolorthirteen] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorthirteen] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolorthirteen] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolorthirteen] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolorthirteen] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolorthirteen] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
}
[data-layout=default][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorfourteen] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=topbarcolorfourteen] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=topbarcolorfourteen] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorfourteen] .searchinputs input,
[data-layout=mini][data-topbar=topbarcolorfourteen] .searchinputs input,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .searchinputs input,
[data-layout=detached][data-topbar=topbarcolorfourteen] .searchinputs input,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorfourteen] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=topbarcolorfourteen] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=topbarcolorfourteen] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=topbarcolorfourteen] .input-group-text,
[data-layout=mini][data-topbar=topbarcolorfourteen] .input-group-text,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .input-group-text,
[data-layout=detached][data-topbar=topbarcolorfourteen] .input-group-text,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=topbarcolorfourteen] .header,
[data-layout=mini][data-topbar=topbarcolorfourteen] .header,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .header,
[data-layout=detached][data-topbar=topbarcolorfourteen] .header,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .header {
  background:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
  border-bottom-color:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
}
[data-layout=default][data-topbar=topbarcolorfourteen] .header .bg-white,
[data-layout=mini][data-topbar=topbarcolorfourteen] .header .bg-white,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .header .bg-white,
[data-layout=detached][data-topbar=topbarcolorfourteen] .header .bg-white,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=topbarcolorfourteen] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=topbarcolorfourteen] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=topbarcolorfourteen] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=topbarcolorfourteen] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=topbarcolorfourteen] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=topbarcolorfourteen] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=topbarcolorfourteen] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=topbarcolorfourteen] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
}
[data-layout=default][data-topbar=all] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=mini][data-topbar=all] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal][data-topbar=all] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=horizontal-single][data-topbar=all] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=detached][data-topbar=all] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=twocolumn][data-topbar=all] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=stacked][data-topbar=all] .user-menu.nav > li > a.select-store .user-info .user-name,
[data-layout=transparent][data-topbar=all] .user-menu.nav > li > a.select-store .user-info .user-name {
  color: #ffffff;
}
[data-layout=default][data-topbar=all] .user-menu .nav-item-box > a,
[data-layout=mini][data-topbar=all] .user-menu .nav-item-box > a,
[data-layout=horizontal][data-topbar=all] .user-menu .nav-item-box > a,
[data-layout=horizontal-single][data-topbar=all] .user-menu .nav-item-box > a,
[data-layout=detached][data-topbar=all] .user-menu .nav-item-box > a,
[data-layout=twocolumn][data-topbar=all] .user-menu .nav-item-box > a,
[data-layout=stacked][data-topbar=all] .user-menu .nav-item-box > a,
[data-layout=transparent][data-topbar=all] .user-menu .nav-item-box > a {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
}
[data-layout=default][data-topbar=all] .user-menu.nav > li > a.select-store,
[data-layout=mini][data-topbar=all] .user-menu.nav > li > a.select-store,
[data-layout=horizontal][data-topbar=all] .user-menu.nav > li > a.select-store,
[data-layout=horizontal-single][data-topbar=all] .user-menu.nav > li > a.select-store,
[data-layout=detached][data-topbar=all] .user-menu.nav > li > a.select-store,
[data-layout=twocolumn][data-topbar=all] .user-menu.nav > li > a.select-store,
[data-layout=stacked][data-topbar=all] .user-menu.nav > li > a.select-store,
[data-layout=transparent][data-topbar=all] .user-menu.nav > li > a.select-store {
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=all] .searchinputs input,
[data-layout=mini][data-topbar=all] .searchinputs input,
[data-layout=horizontal][data-topbar=all] .searchinputs input,
[data-layout=horizontal-single][data-topbar=all] .searchinputs input,
[data-layout=detached][data-topbar=all] .searchinputs input,
[data-layout=twocolumn][data-topbar=all] .searchinputs input,
[data-layout=stacked][data-topbar=all] .searchinputs input,
[data-layout=transparent][data-topbar=all] .searchinputs input {
  background: rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=all] .searchinputs input::placeholder,
[data-layout=mini][data-topbar=all] .searchinputs input::placeholder,
[data-layout=horizontal][data-topbar=all] .searchinputs input::placeholder,
[data-layout=horizontal-single][data-topbar=all] .searchinputs input::placeholder,
[data-layout=detached][data-topbar=all] .searchinputs input::placeholder,
[data-layout=twocolumn][data-topbar=all] .searchinputs input::placeholder,
[data-layout=stacked][data-topbar=all] .searchinputs input::placeholder,
[data-layout=transparent][data-topbar=all] .searchinputs input::placeholder {
  color: #F9FAFB;
}
[data-layout=default][data-topbar=all] .input-group-text,
[data-layout=mini][data-topbar=all] .input-group-text,
[data-layout=horizontal][data-topbar=all] .input-group-text,
[data-layout=horizontal-single][data-topbar=all] .input-group-text,
[data-layout=detached][data-topbar=all] .input-group-text,
[data-layout=twocolumn][data-topbar=all] .input-group-text,
[data-layout=stacked][data-topbar=all] .input-group-text,
[data-layout=transparent][data-topbar=all] .input-group-text {
  background: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
[data-layout=default][data-topbar=all] .header,
[data-layout=mini][data-topbar=all] .header,
[data-layout=horizontal][data-topbar=all] .header,
[data-layout=horizontal-single][data-topbar=all] .header,
[data-layout=detached][data-topbar=all] .header,
[data-layout=twocolumn][data-topbar=all] .header,
[data-layout=stacked][data-topbar=all] .header,
[data-layout=transparent][data-topbar=all] .header {
  background: rgb(var(--topbar--rgb-picr));
  border-bottom-color: rgb(var(--topbar--rgb-picr));
}
[data-layout=default][data-topbar=all] .header .bg-white,
[data-layout=mini][data-topbar=all] .header .bg-white,
[data-layout=horizontal][data-topbar=all] .header .bg-white,
[data-layout=horizontal-single][data-topbar=all] .header .bg-white,
[data-layout=detached][data-topbar=all] .header .bg-white,
[data-layout=twocolumn][data-topbar=all] .header .bg-white,
[data-layout=stacked][data-topbar=all] .header .bg-white,
[data-layout=transparent][data-topbar=all] .header .bg-white {
  background: transparent !important;
}
[data-layout=default][data-topbar=all] .header .header-left,
[data-layout=mini][data-topbar=all] .header .header-left,
[data-layout=horizontal][data-topbar=all] .header .header-left,
[data-layout=horizontal-single][data-topbar=all] .header .header-left,
[data-layout=detached][data-topbar=all] .header .header-left,
[data-layout=twocolumn][data-topbar=all] .header .header-left,
[data-layout=stacked][data-topbar=all] .header .header-left,
[data-layout=transparent][data-topbar=all] .header .header-left {
  background: rgb(var(--topbar--rgb-picr));
  border-color: rgb(var(--topbar--rgb-picr));
}
[data-layout=default][data-topbar=all] .header .header-user .user-menu .btn-menubar,
[data-layout=mini][data-topbar=all] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal][data-topbar=all] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal-single][data-topbar=all] .header .header-user .user-menu .btn-menubar,
[data-layout=detached][data-topbar=all] .header .header-user .user-menu .btn-menubar,
[data-layout=twocolumn][data-topbar=all] .header .header-user .user-menu .btn-menubar,
[data-layout=stacked][data-topbar=all] .header .header-user .user-menu .btn-menubar,
[data-layout=transparent][data-topbar=all] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=default][data-topbar=all] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=default][data-topbar=all] .header .header-user .user-menu .btn-menubar.active,
[data-layout=mini][data-topbar=all] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=mini][data-topbar=all] .header .header-user .user-menu .btn-menubar.active,
[data-layout=horizontal][data-topbar=all] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=horizontal][data-topbar=all] .header .header-user .user-menu .btn-menubar.active,
[data-layout=horizontal-single][data-topbar=all] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=horizontal-single][data-topbar=all] .header .header-user .user-menu .btn-menubar.active,
[data-layout=detached][data-topbar=all] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=detached][data-topbar=all] .header .header-user .user-menu .btn-menubar.active,
[data-layout=twocolumn][data-topbar=all] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=twocolumn][data-topbar=all] .header .header-user .user-menu .btn-menubar.active,
[data-layout=stacked][data-topbar=all] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=stacked][data-topbar=all] .header .header-user .user-menu .btn-menubar.active,
[data-layout=transparent][data-topbar=all] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=transparent][data-topbar=all] .header .header-user .user-menu .btn-menubar.active {
  color: #4D555E;
}
[data-layout=default][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=mini][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=horizontal-single][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=detached][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=twocolumn][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=stacked][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu,
[data-layout=transparent][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu {
  background: rgb(var(--topbar--rgb-picr));
}
[data-layout=default][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=mini][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=horizontal][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=horizontal-single][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=detached][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=twocolumn][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=stacked][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=transparent][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #ffffff;
}
[data-layout=default][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=mini][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=horizontal][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=horizontal-single][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=detached][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=twocolumn][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=stacked][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=transparent][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-color: #ffffff;
}
[data-layout=default][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=default][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=default][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=mini][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=mini][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=mini][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=horizontal][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=horizontal-single][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-single][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-single][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=detached][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=detached][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=detached][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=twocolumn][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=twocolumn][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=twocolumn][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=stacked][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=stacked][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=stacked][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=transparent][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=transparent][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=transparent][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  color: #4D555E;
}
[data-layout=default][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=default][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=default][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=mini][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=mini][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=mini][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=horizontal][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=horizontal-single][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal-single][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal-single][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=detached][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=detached][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=detached][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=twocolumn][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=twocolumn][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=twocolumn][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=stacked][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=stacked][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=stacked][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=transparent][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=transparent][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=transparent][data-topbar=all] .header .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #4D555E;
}
[data-layout=default][data-topbar=all] .menu-horizontal .header .header-left .logo,
[data-layout=mini][data-topbar=all] .menu-horizontal .header .header-left .logo,
[data-layout=horizontal][data-topbar=all] .menu-horizontal .header .header-left .logo,
[data-layout=horizontal-single][data-topbar=all] .menu-horizontal .header .header-left .logo,
[data-layout=detached][data-topbar=all] .menu-horizontal .header .header-left .logo,
[data-layout=twocolumn][data-topbar=all] .menu-horizontal .header .header-left .logo,
[data-layout=stacked][data-topbar=all] .menu-horizontal .header .header-left .logo,
[data-layout=transparent][data-topbar=all] .menu-horizontal .header .header-left .logo {
  display: none;
}
[data-layout=default][data-topbar=all] .menu-horizontal .header .header-left .logo-white,
[data-layout=mini][data-topbar=all] .menu-horizontal .header .header-left .logo-white,
[data-layout=horizontal][data-topbar=all] .menu-horizontal .header .header-left .logo-white,
[data-layout=horizontal-single][data-topbar=all] .menu-horizontal .header .header-left .logo-white,
[data-layout=detached][data-topbar=all] .menu-horizontal .header .header-left .logo-white,
[data-layout=twocolumn][data-topbar=all] .menu-horizontal .header .header-left .logo-white,
[data-layout=stacked][data-topbar=all] .menu-horizontal .header .header-left .logo-white,
[data-layout=transparent][data-topbar=all] .menu-horizontal .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .header,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .header {
  left: 0;
  background-color: #212B36;
  border-color: #37404A;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .header .header-user .user-menu .btn-menubar:hover {
  background: #646B72;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .header .header-left,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .header .header-left {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .header .header-left .logo,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .header .header-left .logo-white,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .mode-toggle,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .mode-toggle {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .sidebar-horizontal.sidebar,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .sidebar-horizontal.sidebar {
  background-color: #212B36;
  border-bottom: 1px solid #37404A;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay][data-topbarcolor=dark] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover {
  background: #646B72;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=dark] .main-wrapper::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=dark] .main-wrapper::before {
  background: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .header {
  left: 0;
  background-color: #FBFBFB;
  border-color: #D3D5D7;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar:hover {
  background: #6366F1;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .header .header-left {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .mode-toggle {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .sidebar-horizontal.sidebar {
  background-color: #FBFBFB;
  border-bottom: 1px solid #D3D5D7;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay][data-topbarcolor=primary] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover {
  background: #A6AAAF;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] .main-wrapper::before {
  content: "";
  background: #FBFBFB;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .header {
  left: 0;
  background-color: #2C2C2C;
  border-color: #37404A;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .header .header-user .user-menu .btn-menubar:hover {
  background: #646B72;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .header .header-left {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .mode-toggle {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .sidebar-horizontal.sidebar {
  background-color: #2C2C2C;
  border-bottom: 1px solid #37404A;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  background: #646B72;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before {
  border-color: #4D555E;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] .main-wrapper::before {
  content: "";
  background: #2C2C2C;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .header {
  left: 0;
  background-color: #6C0BA9;
  border-color: rgb(138.6, 14.1166666667, 216.8833333333);
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .header .header-user .user-menu .btn-menubar:hover {
  background: #EEF2FF;
  color: #4D555E;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .header .header-left {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .mode-toggle {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar {
  background-color: #6C0BA9;
  border-bottom: 1px solid rgb(138.6, 14.1166666667, 216.8833333333);
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  background-color: #EEF2FF;
  color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before {
  border-color: #4D555E;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] .main-wrapper::before {
  content: "";
  background: #6C0BA9;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .header,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .header {
  left: 0;
  background-color: #ffffff;
  border-color: hsl(0, 0%, 110%);
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar {
  color: #7A8086;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:hover {
  background: #EEF2FF;
  color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-left,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-left {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-left .logo,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-left .logo {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-left .logo-white,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-left .logo-white {
  display: none;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .mode-toggle,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .mode-toggle {
  color: #4D555E;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar {
  background-color: #ffffff;
  border-bottom: 1px solid hsl(0, 0%, 110%);
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  background-color: #EEF2FF;
  color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before {
  border-color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] .main-wrapper::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] .main-wrapper::before {
  content: "";
  background: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .header {
  left: 0;
  background-color: #1D51B6;
  border-color: rgb(41.0853080569, 102.2037914692, 220.9146919431);
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .header .header-user .user-menu .btn-menubar:hover {
  background: #EEF2FF;
  color: #4D555E;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .header .header-left {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .mode-toggle {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar {
  background-color: #1D51B6;
  border-bottom: 1px solid rgb(41.0853080569, 102.2037914692, 220.9146919431);
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  background-color: #EEF2FF;
  color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before {
  border-color: #4D555E;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] .main-wrapper::before {
  content: "";
  background: #1D51B6;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .header,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .header {
  left: 0;
  background-color: rgb(var(--topbarcolor--rgb-picr));
  border-color: rgb(var(--topbarcolor--rgb-picr));
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .header .header-user .user-menu .btn-menubar,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .header .header-user .user-menu .btn-menubar:hover {
  background: #EEF2FF;
  color: #4D555E;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .header .header-left,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .header .header-left {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .header .header-left .logo,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .header .header-left .logo-white,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .mode-toggle,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .mode-toggle {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar {
  background-color: rgb(var(--topbarcolor--rgb-picr));
  border-bottom: 1px solid rgb(var(--topbarcolor--rgb-picr));
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  background-color: #EEF2FF;
  color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #212B36;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before {
  border-color: #4D555E;
}
[data-layout=horizontal-overlay][data-topbarcolor=all] .main-wrapper::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=all] .main-wrapper::before {
  content: "";
  background: rgb(var(--topbarcolor--rgb-picr));
}
[data-sidebarbg=sidebarbg1] #sidebar {
  background-image: url("./media/bg-01-4YCT3VM5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
}
[data-sidebarbg=sidebarbg1] #sidebar::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
[data-sidebarbg=sidebarbg6] #sidebar {
  background-image: url("./media/bg-06-HAXTTIFO.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
}
[data-sidebarbg=sidebarbg6] #sidebar::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .header {
  left: 0;
  background-color:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
  border-color: #D3D5D7;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .header .header-user .user-menu .btn-menubar:hover {
  background: #646B72;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .header .header-left {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .mode-toggle {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .sidebar-horizontal.sidebar {
  background-color:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
  border-bottom: 1px solid #D3D5D7;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  background: #646B72;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before {
  border-color: #D3D5D7;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] .main-wrapper::before {
  content: "";
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .header {
  left: 0;
  background-color: #505969;
  border-color: #171717;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .header .header-user .user-menu .btn-menubar:hover {
  background: #646B72;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .header .header-left {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .header .header-left .logo {
  display: none;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .header .header-left .logo-white {
  display: block;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .mode-toggle {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .sidebar-horizontal.sidebar {
  background-color: #505969;
  border-bottom: 1px solid #171717;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  background: #646B72;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before {
  border-color: #D3D5D7;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly2] .main-wrapper::before {
  content: "";
  background: #505969;
}
[data-sidebarbg=sidebarbg1] #sidebar {
  background-image: url("./media/bg-01-4YCT3VM5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
}
[data-sidebarbg=sidebarbg1] #sidebar::before {
  content: "";
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.9;
}
[data-sidebarbg=sidebarbg2] #sidebar {
  background-image: url("./media/bg-02-LEFUNLA3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
}
[data-sidebarbg=sidebarbg2] #sidebar::before {
  content: "";
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.9;
}
[data-sidebarbg=sidebarbg3] #sidebar {
  background-image: url("./media/bg-03-LDIPHIB4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
}
[data-sidebarbg=sidebarbg3] #sidebar::before {
  content: "";
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.5;
}
[data-sidebarbg=sidebarbg4] #sidebar {
  background-image: url("./media/bg-04-AZ5FDE36.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
}
[data-sidebarbg=sidebarbg4] #sidebar::before {
  content: "";
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.9;
}
[data-sidebarbg=sidebarbg5] #sidebar {
  background-image: url("./media/bg-05-QMTV3UAZ.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
}
[data-sidebarbg=sidebarbg5] #sidebar::before {
  content: "";
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.9;
}
[data-sidebarbg=sidebarbg6] #sidebar {
  background-image: url("./media/bg-06-HAXTTIFO.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
}
[data-sidebarbg=sidebarbg6] #sidebar::before {
  content: "";
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.9;
}
[data-sidebar=sidebarcolorone] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolorone] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolorone] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolorone] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolorone] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolorone] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolortwo] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolortwo] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolortwo] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolortwo] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolortwo] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolortwo] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolorthree] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolorthree] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolorthree] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolorthree] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolorthree] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolorthree] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolorfour] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolorfour] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolorfour] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolorfour] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolorfour] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolorfour] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolorfive] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolorfive] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolorfive] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolorfive] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolorfive] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolorfive] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background: rgba(108, 11, 169, 0.85);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolorsix] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolorsix] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolorsix] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolorsix] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolorsix] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolorsix] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolorseven] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolorseven] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolorseven] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolorseven] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolorseven] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolorseven] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcoloreight] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcoloreight] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcoloreight] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcoloreight] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcoloreight] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcoloreight] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolornine] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolornine] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolornine] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolornine] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolornine] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolornine] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolorten] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolorten] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolorten] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolorten] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolorten] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolorten] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcoloreleven] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcoloreleven] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcoloreleven] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcoloreleven] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcoloreleven] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcoloreleven] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolortwelve] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolortwelve] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolortwelve] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolortwelve] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolortwelve] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolortwelve] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolorthirteen] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolorthirteen] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolorthirteen] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolorthirteen] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolorthirteen] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolorthirteen] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=sidebarcolorfourteen] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=sidebarcolorfourteen] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=sidebarcolorfourteen] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=sidebarcolorfourteen] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=sidebarcolorfourteen] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=sidebarcolorfourteen] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-sidebar=all] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-sidebar=all] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-sidebar=all] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-sidebar=all] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-sidebar=all] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-sidebar=all] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 22.14%);
  opacity: 0.9;
  z-index: -1;
}
[data-layout=horizontal-overlay] [data-topbarbg=pattern1] .main-wrapper::after,
[data-layout=horizontal-sidemenu] [data-topbarbg=pattern1] .main-wrapper::after {
  background: url("./media/pattern-01-7JS4QRF2.png");
}
[data-layout=horizontal-overlay] [data-topbarbg=pattern2] .main-wrapper::after,
[data-layout=horizontal-sidemenu] [data-topbarbg=pattern2] .main-wrapper::after {
  background: url("./media/pattern-01-7JS4QRF2.png");
}
[data-layout=horizontal-overlay] [data-topbarbg=pattern3] .main-wrapper::after,
[data-layout=horizontal-sidemenu] [data-topbarbg=pattern3] .main-wrapper::after {
  background: url("./media/pattern-03-EPAU2X2M.png");
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] [data-topbarbg=pattern3] .main-wrapper::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=maroon] [data-topbarbg=pattern3] .main-wrapper::before {
  background: rgba(113, 0, 52, 0.85);
  z-index: 1;
}
[data-layout=horizontal-overlay][data-topbarcolor=maroon] [data-topbarbg=pattern3] .main-wrapper .page-wrapper,
[data-layout=horizontal-sidemenu][data-topbarcolor=maroon] [data-topbarbg=pattern3] .main-wrapper .page-wrapper {
  z-index: 2;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] [data-topbarbg=pattern3] .main-wrapper::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] [data-topbarbg=pattern3] .main-wrapper::before {
  background: rgba(255, 255, 255, 0.85);
  z-index: 1;
}
[data-layout=horizontal-overlay][data-topbarcolor=white] [data-topbarbg=pattern3] .main-wrapper .page-wrapper,
[data-layout=horizontal-sidemenu][data-topbarcolor=white] [data-topbarbg=pattern3] .main-wrapper .page-wrapper {
  z-index: 2;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] [data-topbarbg=pattern3] .main-wrapper::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=primary] [data-topbarbg=pattern3] .main-wrapper::before {
  background: rgba(79, 70, 229, 0.85);
  z-index: 1;
}
[data-layout=horizontal-overlay][data-topbarcolor=primary] [data-topbarbg=pattern3] .main-wrapper .page-wrapper,
[data-layout=horizontal-sidemenu][data-topbarcolor=primary] [data-topbarbg=pattern3] .main-wrapper .page-wrapper {
  z-index: 2;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] [data-topbarbg=pattern3] .main-wrapper::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=blackpearl] [data-topbarbg=pattern3] .main-wrapper::before {
  background: rgba(8, 8, 33, 0.85);
  z-index: 1;
}
[data-layout=horizontal-overlay][data-topbarcolor=blackpearl] [data-topbarbg=pattern3] .main-wrapper .page-wrapper,
[data-layout=horizontal-sidemenu][data-topbarcolor=blackpearl] [data-topbarbg=pattern3] .main-wrapper .page-wrapper {
  z-index: 2;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] [data-topbarbg=pattern3] .main-wrapper::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=bluegem] [data-topbarbg=pattern3] .main-wrapper::before {
  background: rgba(62, 28, 149, 0.85);
  z-index: 1;
}
[data-layout=horizontal-overlay][data-topbarcolor=bluegem] [data-topbarbg=pattern3] .main-wrapper .page-wrapper,
[data-layout=horizontal-sidemenu][data-topbarcolor=bluegem] [data-topbarbg=pattern3] .main-wrapper .page-wrapper {
  z-index: 2;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] [data-topbarbg=pattern3] .main-wrapper::before,
[data-layout=horizontal-sidemenu][data-topbarcolor=firefly] [data-topbarbg=pattern3] .main-wrapper::before {
  background: rgba(5, 51, 51, 0.85);
  z-index: 1;
}
[data-layout=horizontal-overlay][data-topbarcolor=firefly] [data-topbarbg=pattern3] .main-wrapper .page-wrapper,
[data-layout=horizontal-sidemenu][data-topbarcolor=firefly] [data-topbarbg=pattern3] .main-wrapper .page-wrapper {
  z-index: 2;
}
[data-layout=modern][data-topbarcolor=white] .header {
  background-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.8);
}
[data-layout=modern][data-topbarcolor=white] .header .bar-icon span {
  background-color: #ffffff;
}
[data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar {
  color: #7A8086;
}
[data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:active,
[data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar.active {
  background-color: #EEF2FF;
  border-color: #EEF2FF;
  color: #212B36 !important;
}
[data-layout=modern][data-topbarcolor=white] .header .header-left .logo {
  display: block;
}
[data-layout=modern][data-topbarcolor=white] .header .header-left .logo-white {
  display: none;
}
[data-layout=modern][data-topbarcolor=white] .page-wrapper::before {
  background: #ffffff;
}
[data-layout=modern][data-topbarcolor=white] .page-wrapper .head-icons {
  display: none;
}
[data-layout=modern][data-topbarcolor=blue] .header {
  background-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.8);
}
[data-layout=modern][data-topbarcolor=blue] .header .bar-icon span {
  background-color: #ffffff;
}
[data-layout=modern][data-topbarcolor=blue] .header .header-user .user-menu .btn-menubar {
  color: #7A8086;
}
[data-layout=modern][data-topbarcolor=blue] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=modern][data-topbarcolor=blue] .header .header-user .user-menu .btn-menubar:active,
[data-layout=modern][data-topbarcolor=blue] .header .header-user .user-menu .btn-menubar.active {
  background-color: #EEF2FF;
  border-color: #EEF2FF;
  color: #212B36 !important;
}
[data-layout=modern][data-topbarcolor=blue] .header .header-left .logo {
  display: none;
}
[data-layout=modern][data-topbarcolor=blue] .header .header-left .logo-white {
  display: block;
}
[data-layout=modern][data-topbarcolor=blue] .page-wrapper::before {
  background: #ffffff;
}
[data-layout=modern][data-topbarcolor=primary] .header {
  background-color: #4F46E5;
  border-color: #4338CA;
}
[data-layout=modern][data-topbarcolor=primary] .header .bar-icon span {
  background-color: #ffffff;
}
[data-layout=modern][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar {
  color: #ffffff;
}
[data-layout=modern][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar:hover,
[data-layout=modern][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar:active,
[data-layout=modern][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar.active {
  background-color: #ffffff;
  color: #4D555E !important;
}
[data-layout=modern][data-topbarcolor=primary] .header .header-left .logo {
  display: none;
}
[data-layout=modern][data-topbarcolor=primary] .header .header-left .logo-white {
  display: block;
}
[data-layout=modern][data-topbarcolor=primary] .page-wrapper::before {
  background: #4F46E5;
}
[data-color=primary] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-color=primary] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid #4F46E5;
  border-bottom: 2px solid #4F46E5;
}
[data-color=primary] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  color: #4F46E5;
}
[data-color=primary] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: #4F46E5;
}
[data-color=primary] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: #4F46E5;
}
[data-color=primary] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: #4F46E5;
}
[data-color=primary] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-color=primary] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-color=primary] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  color: #4F46E5;
}
[data-color=primary] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-color=primary] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #4F46E5;
}
[data-color=primary] .btn.btn-primary,
[data-color=primary] .page-header .btn-added {
  background-color: #4F46E5 !important;
  border: 1px solid #4F46E5 !important;
}
[data-color=primary] .btn.btn-primary:hover,
[data-color=primary] .btn.btn-primary:focus,
[data-color=primary] .btn.btn-primary.focus,
[data-color=primary] .btn.btn-primary:active,
[data-color=primary] .btn.btn-primary.active,
[data-color=primary] .page-header .btn-added:hover,
[data-color=primary] .page-header .btn-added:focus,
[data-color=primary] .page-header .btn-added.focus,
[data-color=primary] .page-header .btn-added:active,
[data-color=primary] .page-header .btn-added.active {
  background-color: rgb(49.2218009479, 38.6990521327, 224.6009478673);
  border: 1px solid rgb(49.2218009479, 38.6990521327, 224.6009478673);
}
[data-color=primary] .btn-check:checked + .btn,
[data-color=primary] .btn.active,
[data-color=primary] .btn.show,
[data-color=primary] .btn.show:hover,
[data-color=primary] .btn:first-child:active,
[data-color=primary] :not(.btn-check) + .btn:active {
  background-color: #4F46E5;
  border-color: #4F46E5;
}
[data-color=primary] .link-primary {
  color: #4F46E5 !important;
}
[data-color=primary] .link-primary:hover,
[data-color=primary] .link-primary:focus,
[data-color=primary] .link-primary:active {
  color: rgb(49.2218009479, 38.6990521327, 224.6009478673);
}
[data-color=primary] .text-primary {
  color: #4F46E5 !important;
}
[data-color=primary] .badge.badge-primary {
  background: #4F46E5;
}
[data-color=primary] .dataTables_paginate .pagination li.active a.page-link {
  background: #4F46E5;
  border-color: #4F46E5;
}
[data-color=primary] .bg-primary {
  background-color: #4F46E5 !important;
  border: 1px solid #4F46E5 !important;
}
[data-color=primary] .border-bottom.border-primary {
  border-color: #4F46E5 !important;
}
[data-color=primary] .border-primary {
  border-color: #4F46E5 !important;
}
[data-color=primary] .nav-tabs.nav-tabs-bottom li a.active,
[data-color=primary] .nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: #4F46E5;
  color: #4F46E5;
}
[data-color=primary] .badge.badge-soft-primary {
  background: rgba(79, 70, 229, 0.1);
  color: #4F46E5;
}
[data-color=primary] a.video-expand:hover {
  color: #ffffff;
}
[data-color=primary] .btn-outline-primary {
  border: 1px solid #4F46E5 !important;
  color: #4F46E5 !important;
}
[data-color=primary] .btn-outline-primary:hover,
[data-color=primary] .btn-outline-primary:focus,
[data-color=primary] .btn-outline-primary.focus,
[data-color=primary] .btn-outline-primary:active,
[data-color=primary] .btn-outline-primary.active {
  background-color: #4F46E5 !important;
  border: 1px solid #4F46E5 !important;
  color: #ffffff !important;
}
[data-color=primary] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #4F46E5;
}
[data-color=primary] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #4F46E5;
}
[data-color=primary] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active {
  background-color: #4F46E5;
  border-color: #4F46E5;
}
[data-color=primary] .nav-tabs .nav-link:hover {
  color: #4F46E5;
}
[data-color=primary] .form-check-input:checked {
  background-color: #4F46E5;
  border-color: #4F46E5;
}
[data-color=primary] .sidebar-contact .toggle-theme {
  background-color: #4F46E5;
}
@media (max-width: 991.96px) {
  [data-color=primary] .sidebar-contact .toggle-theme {
    display: none;
  }
}
[data-color=primary] .header .header-user .user-menu .profile-dropdown .dropdown-item:hover {
  color: #4F46E5;
}
[data-color=primary] #sales-purchase .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=primary] #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=primary] #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=primary] #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=primary] #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path {
  fill: #4F46E5;
}
[data-color=primary] #deals_stage .apexcharts-bar-series .apexcharts-series path,
[data-color=primary] #emp-department .apexcharts-bar-series .apexcharts-series path,
[data-color=primary] #s-bar .apexcharts-bar-series .apexcharts-series path,
[data-color=primary] #mixed-chart .apexcharts-bar-series .apexcharts-series path {
  fill: #4F46E5;
}
[data-color=primary] #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=primary] #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=primary] #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker {
  fill: #4F46E5;
}
[data-color=primary] #s-line .apexcharts-line-series .apexcharts-series path {
  stroke: #4F46E5;
}
[data-color=primary] #s-line .apexcharts-line-series .apexcharts-marker {
  fill: #4F46E5;
}
[data-color=primary] #chart-bar-stacked .c3-target-data2 .c3-bar,
[data-color=primary] #chart-bar .c3-target-data2 .c3-bar,
[data-color=primary] #chart-bar-rotated .c3-target-data2 .c3-bar {
  fill: #4F46E5 !important;
}
[data-color=primary] #chart-spline-rotated .c3-target-data2 .c3-line {
  stroke: #4F46E5 !important;
}
[data-color=primary] #chart-spline-rotated .c3-target-data2 .c3-circle {
  fill: #4F46E5;
}
[data-color=primary] .nav.tab-style-1 .nav-link.active {
  background-color: #4F46E5 !important;
}
[data-color=primary] .table tbody tr td a:hover {
  color: #4F46E5;
}
[data-color=brightblue] .sidebar .sidebar-logo #toggle_btn {
  background: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li ul li.active a span,
[data-color=brightblue] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid #009688;
  border-bottom: 2px solid #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-color=brightblue] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  color: #009688;
}
[data-color=brightblue] .sidebar .nav-link.active {
  color: #009688;
}
[data-color=brightblue] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-color=brightblue] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #009688;
}
[data-color=brightblue] .btn.btn-primary,
[data-color=brightblue] .page-header .btn-added {
  background-color: #009688 !important;
  border: 1px solid #009688 !important;
}
[data-color=brightblue] .btn.btn-primary:hover,
[data-color=brightblue] .btn.btn-primary:focus,
[data-color=brightblue] .btn.btn-primary.focus,
[data-color=brightblue] .btn.btn-primary:active,
[data-color=brightblue] .btn.btn-primary.active,
[data-color=brightblue] .page-header .btn-added:hover,
[data-color=brightblue] .page-header .btn-added:focus,
[data-color=brightblue] .page-header .btn-added.focus,
[data-color=brightblue] .page-header .btn-added:active,
[data-color=brightblue] .page-header .btn-added.active {
  background-color: rgb(0, 114.3, 103.632);
  border: 1px solid rgb(0, 114.3, 103.632);
}
[data-color=brightblue] .btn-check:checked + .btn,
[data-color=brightblue] .btn.active,
[data-color=brightblue] .btn.show,
[data-color=brightblue] .btn.show:hover,
[data-color=brightblue] .btn:first-child:active,
[data-color=brightblue] :not(.btn-check) + .btn:active {
  background-color: #009688;
  border-color: #009688;
}
[data-color=brightblue] .link-primary {
  color: #009688 !important;
}
[data-color=brightblue] .link-primary:hover,
[data-color=brightblue] .link-primary:focus,
[data-color=brightblue] .link-primary:active {
  color: rgb(0, 114.3, 103.632);
}
[data-color=brightblue] .text-primary {
  color: #009688 !important;
}
[data-color=brightblue] .badge.badge-primary {
  background: #009688;
}
[data-color=brightblue] .dataTables_paginate .pagination li.active a.page-link {
  background: #009688;
  border-color: #009688;
}
[data-color=brightblue] .bg-primary {
  background-color: #009688 !important;
  border: 1px solid #009688 !important;
}
[data-color=brightblue] .border-bottom.border-primary {
  border-color: #009688 !important;
}
[data-color=brightblue] .border-primary {
  border-color: #009688 !important;
}
[data-color=brightblue] .nav-tabs.nav-tabs-bottom li a.active,
[data-color=brightblue] .nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: #009688;
  color: #009688;
}
[data-color=brightblue] .badge.badge-soft-primary {
  background: rgba(0, 150, 136, 0.1);
  color: #009688;
}
[data-color=brightblue] a:hover {
  color: #009688;
}
[data-color=brightblue] .btn-outline-primary {
  border: 1px solid #009688 !important;
  color: #009688 !important;
}
[data-color=brightblue] .btn-outline-primary:hover,
[data-color=brightblue] .btn-outline-primary:focus,
[data-color=brightblue] .btn-outline-primary.focus,
[data-color=brightblue] .btn-outline-primary:active,
[data-color=brightblue] .btn-outline-primary.active {
  background-color: #009688 !important;
  border: 1px solid #009688 !important;
}
[data-color=brightblue] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #009688;
}
[data-color=brightblue] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #009688;
}
[data-color=brightblue] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active {
  background-color: #009688;
  border-color: #009688;
}
[data-color=brightblue] .nav-tabs .nav-link:hover {
  color: #009688;
}
[data-color=brightblue] .form-check-input:checked {
  background-color: #009688;
  border-color: #009688;
}
[data-color=brightblue] .sidebar-contact .toggle-theme {
  background-color: #009688;
}
[data-color=brightblue] .header .header-user .user-menu .profile-dropdown .dropdown-item:hover {
  color: #009688;
}
[data-color=brightblue] #sales-purchase .apexcharts-bar-series .apexcharts-series[rel="1"] path {
  fill: #009688;
}
[data-color=brightblue] #sales-purchase .apexcharts-bar-series .apexcharts-series[rel="2"] path {
  fill: rgba(0, 150, 136, 0.4);
}
[data-color=brightblue] #heat_chart .apexcharts-series rect {
  fill: #009688;
}
[data-color=brightblue] #deals_stage .apexcharts-bar-series .apexcharts-series path,
[data-color=brightblue] #emp-department .apexcharts-bar-series .apexcharts-series path,
[data-color=brightblue] #s-bar .apexcharts-bar-series .apexcharts-series path,
[data-color=brightblue] #mixed-chart .apexcharts-bar-series .apexcharts-series path {
  fill: #009688;
}
[data-color=brightblue] #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=brightblue] #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=brightblue] #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker {
  fill: #009688;
}
[data-color=brightblue] #s-line .apexcharts-line-series .apexcharts-series path {
  stroke: #009688;
}
[data-color=brightblue] #s-line .apexcharts-line-series .apexcharts-marker {
  fill: #009688;
}
[data-color=brightblue] #chart-bar-stacked .c3-target-data2 .c3-bar,
[data-color=brightblue] #chart-bar .c3-target-data2 .c3-bar,
[data-color=brightblue] #chart-bar-rotated .c3-target-data2 .c3-bar {
  fill: #009688 !important;
}
[data-color=brightblue] #chart-spline-rotated .c3-target-data2 .c3-line {
  stroke: #009688 !important;
}
[data-color=brightblue] #chart-spline-rotated .c3-target-data2 .c3-circle {
  fill: #009688;
}
[data-color=brightblue] .nav.tab-style-1 .nav-link.active {
  background-color: #009688 !important;
}
[data-color=brightblue] .table tbody tr td a:hover {
  color: #009688;
}
[data-color=lunargreen] .sidebar .sidebar-logo #toggle_btn {
  background: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li ul li.active a span,
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid #D63031;
  border-bottom: 2px solid #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-color=lunargreen] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .nav-link.active {
  color: #D63031;
}
[data-color=lunargreen] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-color=lunargreen] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #D63031;
}
[data-color=lunargreen] .btn.btn-primary,
[data-color=lunargreen] .page-header .btn-added {
  background-color: #D63031 !important;
  border: 1px solid #D63031 !important;
}
[data-color=lunargreen] .btn.btn-primary:hover,
[data-color=lunargreen] .btn.btn-primary:focus,
[data-color=lunargreen] .btn.btn-primary.focus,
[data-color=lunargreen] .btn.btn-primary:active,
[data-color=lunargreen] .btn.btn-primary.active,
[data-color=lunargreen] .page-header .btn-added:hover,
[data-color=lunargreen] .page-header .btn-added:focus,
[data-color=lunargreen] .page-header .btn-added.focus,
[data-color=lunargreen] .page-header .btn-added:active,
[data-color=lunargreen] .page-header .btn-added.active {
  background-color: rgb(188.8875, 37.4125, 38.325);
  border: 1px solid rgb(188.8875, 37.4125, 38.325);
}
[data-color=lunargreen] .btn-check:checked + .btn,
[data-color=lunargreen] .btn.active,
[data-color=lunargreen] .btn.show,
[data-color=lunargreen] .btn.show:hover,
[data-color=lunargreen] .btn:first-child:active,
[data-color=lunargreen] :not(.btn-check) + .btn:active {
  background-color: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] .link-primary {
  color: #D63031 !important;
}
[data-color=lunargreen] .link-primary:hover,
[data-color=lunargreen] .link-primary:focus,
[data-color=lunargreen] .link-primary:active {
  color: rgb(188.8875, 37.4125, 38.325);
}
[data-color=lunargreen] .text-primary {
  color: #D63031 !important;
}
[data-color=lunargreen] .badge.badge-primary {
  background: #D63031;
}
[data-color=lunargreen] .dataTables_paginate .pagination li.active a.page-link {
  background: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] .bg-primary {
  background-color: #D63031 !important;
  border: 1px solid #D63031 !important;
}
[data-color=lunargreen] .border-bottom.border-primary {
  border-color: #D63031 !important;
}
[data-color=lunargreen] .border-primary {
  border-color: #D63031 !important;
}
[data-color=lunargreen] .nav-tabs.nav-tabs-bottom li a.active,
[data-color=lunargreen] .nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: #D63031;
  color: #D63031;
}
[data-color=lunargreen] .badge.badge-soft-primary {
  background: rgba(214, 48, 49, 0.1);
  color: #D63031;
}
[data-color=lunargreen] a:hover {
  color: #D63031;
}
[data-color=lunargreen] .btn-outline-primary {
  border: 1px solid #D63031 !important;
  color: #D63031 !important;
}
[data-color=lunargreen] .btn-outline-primary:hover,
[data-color=lunargreen] .btn-outline-primary:focus,
[data-color=lunargreen] .btn-outline-primary.focus,
[data-color=lunargreen] .btn-outline-primary:active,
[data-color=lunargreen] .btn-outline-primary.active {
  background-color: #D63031 !important;
  border: 1px solid #D63031 !important;
}
[data-color=lunargreen] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #D63031;
}
[data-color=lunargreen] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #D63031;
}
[data-color=lunargreen] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active {
  background-color: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] .nav-tabs .nav-link:hover {
  color: #D63031;
}
[data-color=lunargreen] .form-check-input:checked {
  background-color: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] .sidebar-contact .toggle-theme {
  background-color: #D63031;
}
[data-color=lunargreen] .header .header-user .user-menu .profile-dropdown .dropdown-item:hover {
  color: #D63031;
}
[data-color=lunargreen] #sales-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=lunargreen] #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=lunargreen] #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=lunargreen] #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=lunargreen] #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path {
  fill: #D63031;
}
[data-color=lunargreen] #deals_stage .apexcharts-bar-series .apexcharts-series path,
[data-color=lunargreen] #emp-department .apexcharts-bar-series .apexcharts-series path,
[data-color=lunargreen] #s-bar .apexcharts-bar-series .apexcharts-series path,
[data-color=lunargreen] #mixed-chart .apexcharts-bar-series .apexcharts-series path {
  fill: #D63031;
}
[data-color=lunargreen] #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=lunargreen] #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=lunargreen] #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker {
  fill: #D63031;
}
[data-color=lunargreen] #s-line .apexcharts-line-series .apexcharts-series path {
  stroke: #D63031;
}
[data-color=lunargreen] #s-line .apexcharts-line-series .apexcharts-marker {
  fill: #D63031;
}
[data-color=lunargreen] #chart-bar-stacked .c3-target-data2 .c3-bar,
[data-color=lunargreen] #chart-bar .c3-target-data2 .c3-bar,
[data-color=lunargreen] #chart-bar-rotated .c3-target-data2 .c3-bar {
  fill: #D63031 !important;
}
[data-color=lunargreen] #chart-spline-rotated .c3-target-data2 .c3-line {
  stroke: #D63031 !important;
}
[data-color=lunargreen] #chart-spline-rotated .c3-target-data2 .c3-circle {
  fill: #D63031;
}
[data-color=lunargreen] .nav.tab-style-1 .nav-link.active {
  background-color: #D63031 !important;
}
[data-color=lunargreen] .table tbody tr td a:hover {
  color: #D63031;
}
[data-color=lavendar] .sidebar .sidebar-logo #toggle_btn {
  background: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li ul li.active a span,
[data-color=lavendar] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid #6C5CE7;
  border-bottom: 2px solid #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-color=lavendar] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .nav-link.active {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-color=lavendar] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #6C5CE7;
}
[data-color=lavendar] .btn.btn-primary,
[data-color=lavendar] .page-header .btn-added {
  background-color: #6C5CE7 !important;
  border: 1px solid #6C5CE7 !important;
}
[data-color=lavendar] .btn.btn-primary:hover,
[data-color=lavendar] .btn.btn-primary:focus,
[data-color=lavendar] .btn.btn-primary.focus,
[data-color=lavendar] .btn.btn-primary:active,
[data-color=lavendar] .btn.btn-primary.active,
[data-color=lavendar] .page-header .btn-added:hover,
[data-color=lavendar] .page-header .btn-added:focus,
[data-color=lavendar] .page-header .btn-added.focus,
[data-color=lavendar] .page-header .btn-added:active,
[data-color=lavendar] .page-header .btn-added.active {
  background-color: rgb(79.9363636364, 60.8818181818, 226.4181818182);
  border: 1px solid rgb(79.9363636364, 60.8818181818, 226.4181818182);
}
[data-color=lavendar] .btn-check:checked + .btn,
[data-color=lavendar] .btn.active,
[data-color=lavendar] .btn.show,
[data-color=lavendar] .btn.show:hover,
[data-color=lavendar] .btn:first-child:active,
[data-color=lavendar] :not(.btn-check) + .btn:active {
  background-color: #6C5CE7;
  border-color: #6C5CE7;
}
[data-color=lavendar] .link-primary {
  color: #6C5CE7 !important;
}
[data-color=lavendar] .link-primary:hover,
[data-color=lavendar] .link-primary:focus,
[data-color=lavendar] .link-primary:active {
  color: rgb(79.9363636364, 60.8818181818, 226.4181818182);
}
[data-color=lavendar] .text-primary {
  color: #6C5CE7 !important;
}
[data-color=lavendar] .badge.badge-primary {
  background: #6C5CE7;
}
[data-color=lavendar] .dataTables_paginate .pagination li.active a.page-link {
  background: #6C5CE7;
  border-color: #6C5CE7;
}
[data-color=lavendar] .bg-primary {
  background-color: #6C5CE7 !important;
  border: 1px solid #6C5CE7 !important;
}
[data-color=lavendar] .border-bottom.border-primary {
  border-color: #6C5CE7 !important;
}
[data-color=lavendar] .border-primary {
  border-color: #6C5CE7 !important;
}
[data-color=lavendar] .nav-tabs.nav-tabs-bottom li a.active,
[data-color=lavendar] .nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: #6C5CE7;
  color: #6C5CE7;
}
[data-color=lavendar] .badge.badge-soft-primary {
  background: rgba(108, 92, 231, 0.1);
  color: #6C5CE7;
}
[data-color=lavendar] a:hover {
  color: #6C5CE7;
}
[data-color=lavendar] .btn-outline-primary {
  border: 1px solid #6C5CE7 !important;
  color: #6C5CE7 !important;
}
[data-color=lavendar] .btn-outline-primary:hover,
[data-color=lavendar] .btn-outline-primary:focus,
[data-color=lavendar] .btn-outline-primary.focus,
[data-color=lavendar] .btn-outline-primary:active,
[data-color=lavendar] .btn-outline-primary.active {
  background-color: #6C5CE7 !important;
  border: 1px solid #6C5CE7 !important;
}
[data-color=lavendar] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #6C5CE7;
}
[data-color=lavendar] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #6C5CE7;
}
[data-color=lavendar] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active {
  background-color: #6C5CE7;
  border-color: #6C5CE7;
}
[data-color=lavendar] .nav-tabs .nav-link:hover {
  color: #6C5CE7;
}
[data-color=lavendar] .form-check-input:checked {
  background-color: #6C5CE7;
  border-color: #6C5CE7;
}
[data-color=lavendar] .sidebar-contact .toggle-theme {
  background-color: #6C5CE7;
}
[data-color=lavendar] .header .header-user .user-menu .profile-dropdown .dropdown-item:hover {
  color: #6C5CE7;
}
[data-color=lavendar] #sales-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=lavendar] #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=lavendar] #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=lavendar] #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=lavendar] #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path {
  fill: #6C5CE7;
}
[data-color=lavendar] #deals_stage .apexcharts-bar-series .apexcharts-series path,
[data-color=lavendar] #emp-department .apexcharts-bar-series .apexcharts-series path,
[data-color=lavendar] #s-bar .apexcharts-bar-series .apexcharts-series path,
[data-color=lavendar] #mixed-chart .apexcharts-bar-series .apexcharts-series path {
  fill: #6C5CE7;
}
[data-color=lavendar] #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=lavendar] #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=lavendar] #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker {
  fill: #6C5CE7;
}
[data-color=lavendar] #s-line .apexcharts-line-series .apexcharts-series path {
  stroke: #6C5CE7;
}
[data-color=lavendar] #s-line .apexcharts-line-series .apexcharts-marker {
  fill: #6C5CE7;
}
[data-color=lavendar] #chart-bar-stacked .c3-target-data2 .c3-bar,
[data-color=lavendar] #chart-bar .c3-target-data2 .c3-bar,
[data-color=lavendar] #chart-bar-rotated .c3-target-data2 .c3-bar {
  fill: #6C5CE7 !important;
}
[data-color=lavendar] #chart-spline-rotated .c3-target-data2 .c3-line {
  stroke: #6C5CE7 !important;
}
[data-color=lavendar] #chart-spline-rotated .c3-target-data2 .c3-circle {
  fill: #6C5CE7;
}
[data-color=lavendar] .nav.tab-style-1 .nav-link.active {
  background-color: #6C5CE7 !important;
}
[data-color=lavendar] .table tbody tr td a:hover {
  color: #6C5CE7;
}
[data-color=magenta] .sidebar .sidebar-logo #toggle_btn {
  background: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li ul li.active a span,
[data-color=magenta] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid #0984E3;
  border-bottom: 2px solid #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-color=magenta] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  color: #0984E3;
}
[data-color=magenta] .sidebar .nav-link.active {
  color: #0984E3;
}
[data-color=magenta] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-color=magenta] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #0984E3;
}
[data-color=magenta] .btn.btn-primary,
[data-color=magenta] .page-header .btn-added {
  background-color: #0984E3 !important;
  border: 1px solid #0984E3 !important;
}
[data-color=magenta] .btn.btn-primary:hover,
[data-color=magenta] .btn.btn-primary:focus,
[data-color=magenta] .btn.btn-primary.focus,
[data-color=magenta] .btn.btn-primary:active,
[data-color=magenta] .btn.btn-primary.active,
[data-color=magenta] .page-header .btn-added:hover,
[data-color=magenta] .page-header .btn-added:focus,
[data-color=magenta] .page-header .btn-added.focus,
[data-color=magenta] .page-header .btn-added:active,
[data-color=magenta] .page-header .btn-added.active {
  background-color: rgb(7.638559322, 112.0322033898, 192.661440678);
  border: 1px solid rgb(7.638559322, 112.0322033898, 192.661440678);
}
[data-color=magenta] .btn-check:checked + .btn,
[data-color=magenta] .btn.active,
[data-color=magenta] .btn.show,
[data-color=magenta] .btn.show:hover,
[data-color=magenta] .btn:first-child:active,
[data-color=magenta] :not(.btn-check) + .btn:active {
  background-color: #0984E3;
  border-color: #0984E3;
}
[data-color=magenta] .link-primary {
  color: #0984E3 !important;
}
[data-color=magenta] .link-primary:hover,
[data-color=magenta] .link-primary:focus,
[data-color=magenta] .link-primary:active {
  color: rgb(7.638559322, 112.0322033898, 192.661440678);
}
[data-color=magenta] .text-primary {
  color: #0984E3 !important;
}
[data-color=magenta] .badge.badge-primary {
  background: #0984E3;
}
[data-color=magenta] .dataTables_paginate .pagination li.active a.page-link {
  background: #0984E3;
  border-color: #0984E3;
}
[data-color=magenta] .bg-primary {
  background-color: #0984E3 !important;
  border: 1px solid #0984E3 !important;
}
[data-color=magenta] .border-bottom.border-primary {
  border-color: #0984E3 !important;
}
[data-color=magenta] .border-primary {
  border-color: #0984E3 !important;
}
[data-color=magenta] .nav-tabs.nav-tabs-bottom li a.active,
[data-color=magenta] .nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: #0984E3;
  color: #0984E3;
}
[data-color=magenta] .badge.badge-soft-primary {
  background: rgba(9, 132, 227, 0.1);
  color: #0984E3;
}
[data-color=magenta] a:hover {
  color: #0984E3;
}
[data-color=magenta] .btn-outline-primary {
  border: 1px solid #0984E3 !important;
  color: #0984E3 !important;
}
[data-color=magenta] .btn-outline-primary:hover,
[data-color=magenta] .btn-outline-primary:focus,
[data-color=magenta] .btn-outline-primary.focus,
[data-color=magenta] .btn-outline-primary:active,
[data-color=magenta] .btn-outline-primary.active {
  background-color: #0984E3 !important;
  border: 1px solid #0984E3 !important;
}
[data-color=magenta] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #0984E3;
}
[data-color=magenta] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #0984E3;
}
[data-color=magenta] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active {
  background-color: #0984E3;
  border-color: #0984E3;
}
[data-color=magenta] .nav-tabs .nav-link:hover {
  color: #0984E3;
}
[data-color=magenta] .form-check-input:checked {
  background-color: #0984E3;
  border-color: #0984E3;
}
[data-color=magenta] .sidebar-contact .toggle-theme {
  background-color: #0984E3;
}
[data-color=magenta] .header .header-user .user-menu .profile-dropdown .dropdown-item:hover {
  color: #0984E3;
}
[data-color=magenta] #sales-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=magenta] #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=magenta] #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=magenta] #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=magenta] #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path {
  fill: #0984E3;
}
[data-color=magenta] #deals_stage .apexcharts-bar-series .apexcharts-series path,
[data-color=magenta] #emp-department .apexcharts-bar-series .apexcharts-series path,
[data-color=magenta] #s-bar .apexcharts-bar-series .apexcharts-series path,
[data-color=magenta] #mixed-chart .apexcharts-bar-series .apexcharts-series path {
  fill: #0984E3;
}
[data-color=magenta] #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=magenta] #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=magenta] #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker {
  fill: #0984E3;
}
[data-color=magenta] #s-line .apexcharts-line-series .apexcharts-series path {
  stroke: #0984E3;
}
[data-color=magenta] #s-line .apexcharts-line-series .apexcharts-marker {
  fill: #0984E3;
}
[data-color=magenta] #chart-bar-stacked .c3-target-data2 .c3-bar,
[data-color=magenta] #chart-bar .c3-target-data2 .c3-bar,
[data-color=magenta] #chart-bar-rotated .c3-target-data2 .c3-bar {
  fill: #0984E3 !important;
}
[data-color=magenta] #chart-spline-rotated .c3-target-data2 .c3-line {
  stroke: #0984E3 !important;
}
[data-color=magenta] #chart-spline-rotated .c3-target-data2 .c3-circle {
  fill: #0984E3;
}
[data-color=magenta] .nav.tab-style-1 .nav-link.active {
  background-color: #0984E3 !important;
}
[data-color=magenta] .table tbody tr td a:hover {
  color: #0984E3;
}
[data-color=chromeyellow] .sidebar .sidebar-logo #toggle_btn {
  background: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li ul li.active a span,
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid #00B894;
  border-bottom: 2px solid #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-color=chromeyellow] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .nav-link.active {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-color=chromeyellow] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #00B894;
}
[data-color=chromeyellow] .btn.btn-primary,
[data-color=chromeyellow] .page-header .btn-added {
  background-color: #00B894 !important;
  border: 1px solid #00B894 !important;
}
[data-color=chromeyellow] .btn.btn-primary:hover,
[data-color=chromeyellow] .btn.btn-primary:focus,
[data-color=chromeyellow] .btn.btn-primary.focus,
[data-color=chromeyellow] .btn.btn-primary:active,
[data-color=chromeyellow] .btn.btn-primary.active,
[data-color=chromeyellow] .page-header .btn-added:hover,
[data-color=chromeyellow] .page-header .btn-added:focus,
[data-color=chromeyellow] .page-header .btn-added.focus,
[data-color=chromeyellow] .page-header .btn-added:active,
[data-color=chromeyellow] .page-header .btn-added.active {
  background-color: rgb(0, 148.3, 119.2847826087);
  border: 1px solid rgb(0, 148.3, 119.2847826087);
}
[data-color=chromeyellow] .btn-check:checked + .btn,
[data-color=chromeyellow] .btn.active,
[data-color=chromeyellow] .btn.show,
[data-color=chromeyellow] .btn.show:hover,
[data-color=chromeyellow] .btn:first-child:active,
[data-color=chromeyellow] :not(.btn-check) + .btn:active {
  background-color: #00B894;
  border-color: #00B894;
}
[data-color=chromeyellow] .link-primary {
  color: #00B894 !important;
}
[data-color=chromeyellow] .link-primary:hover,
[data-color=chromeyellow] .link-primary:focus,
[data-color=chromeyellow] .link-primary:active {
  color: rgb(0, 148.3, 119.2847826087);
}
[data-color=chromeyellow] .text-primary {
  color: #00B894 !important;
}
[data-color=chromeyellow] .badge.badge-primary {
  background: #00B894;
}
[data-color=chromeyellow] .dataTables_paginate .pagination li.active a.page-link {
  background: #00B894;
  border-color: #00B894;
}
[data-color=chromeyellow] .bg-primary {
  background-color: #00B894 !important;
  border: 1px solid #00B894 !important;
}
[data-color=chromeyellow] .border-bottom.border-primary {
  border-color: #00B894 !important;
}
[data-color=chromeyellow] .border-primary {
  border-color: #00B894 !important;
}
[data-color=chromeyellow] .nav-tabs.nav-tabs-bottom li a.active,
[data-color=chromeyellow] .nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: #00B894;
  color: #00B894;
}
[data-color=chromeyellow] .badge.badge-soft-primary {
  background: rgba(0, 184, 148, 0.1);
  color: #00B894;
}
[data-color=chromeyellow] a:hover {
  color: #00B894;
}
[data-color=chromeyellow] .btn-outline-primary {
  border: 1px solid #00B894 !important;
  color: #00B894 !important;
}
[data-color=chromeyellow] .btn-outline-primary:hover,
[data-color=chromeyellow] .btn-outline-primary:focus,
[data-color=chromeyellow] .btn-outline-primary.focus,
[data-color=chromeyellow] .btn-outline-primary:active,
[data-color=chromeyellow] .btn-outline-primary.active {
  background-color: #00B894 !important;
  border: 1px solid #00B894 !important;
}
[data-color=chromeyellow] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #00B894;
}
[data-color=chromeyellow] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #00B894;
}
[data-color=chromeyellow] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active {
  background-color: #00B894;
  border-color: #00B894;
}
[data-color=chromeyellow] .nav-tabs .nav-link:hover {
  color: #00B894;
}
[data-color=chromeyellow] .form-check-input:checked {
  background-color: #00B894;
  border-color: #00B894;
}
[data-color=chromeyellow] .sidebar-contact .toggle-theme {
  background-color: #00B894;
}
[data-color=chromeyellow] .header .header-user .user-menu .profile-dropdown .dropdown-item:hover {
  color: #00B894;
}
[data-color=chromeyellow] #sales-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=chromeyellow] #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=chromeyellow] #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=chromeyellow] #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=chromeyellow] #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path {
  fill: #00B894;
}
[data-color=chromeyellow] #deals_stage .apexcharts-bar-series .apexcharts-series path,
[data-color=chromeyellow] #emp-department .apexcharts-bar-series .apexcharts-series path,
[data-color=chromeyellow] #s-bar .apexcharts-bar-series .apexcharts-series path,
[data-color=chromeyellow] #mixed-chart .apexcharts-bar-series .apexcharts-series path {
  fill: #00B894;
}
[data-color=chromeyellow] #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=chromeyellow] #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=chromeyellow] #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker {
  fill: #00B894;
}
[data-color=chromeyellow] #s-line .apexcharts-line-series .apexcharts-series path {
  stroke: #00B894;
}
[data-color=chromeyellow] #s-line .apexcharts-line-series .apexcharts-marker {
  fill: #00B894;
}
[data-color=chromeyellow] #chart-bar-stacked .c3-target-data2 .c3-bar,
[data-color=chromeyellow] #chart-bar .c3-target-data2 .c3-bar,
[data-color=chromeyellow] #chart-bar-rotated .c3-target-data2 .c3-bar {
  fill: #00B894 !important;
}
[data-color=chromeyellow] #chart-spline-rotated .c3-target-data2 .c3-line {
  stroke: #00B894 !important;
}
[data-color=chromeyellow] #chart-spline-rotated .c3-target-data2 .c3-circle {
  fill: #00B894;
}
[data-color=chromeyellow] .nav.tab-style-1 .nav-link.active {
  background-color: #00B894 !important;
}
[data-color=chromeyellow] .table tbody tr td a:hover {
  color: #00B894;
}
[data-color=orange] .sidebar .sidebar-logo #toggle_btn {
  background: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li ul li.active a span,
[data-color=orange] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid #E04F16;
  border-bottom: 2px solid #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-color=orange] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  color: #E04F16;
}
[data-color=orange] .sidebar .nav-link.active {
  color: #E04F16;
}
[data-color=orange] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-color=orange] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #E04F16;
}
[data-color=orange] .btn.btn-primary,
[data-color=orange] .page-header .btn-added {
  background-color: #E04F16 !important;
  border: 1px solid #E04F16 !important;
}
[data-color=orange] .btn.btn-primary:hover,
[data-color=orange] .btn.btn-primary:focus,
[data-color=orange] .btn.btn-primary.focus,
[data-color=orange] .btn.btn-primary:active,
[data-color=orange] .btn.btn-primary.active,
[data-color=orange] .page-header .btn-added:hover,
[data-color=orange] .page-header .btn-added:focus,
[data-color=orange] .page-header .btn-added.focus,
[data-color=orange] .page-header .btn-added:active,
[data-color=orange] .page-header .btn-added.active {
  background-color: rgb(191.4926829268, 67.5353658537, 18.8073170732);
  border: 1px solid rgb(191.4926829268, 67.5353658537, 18.8073170732);
}
[data-color=orange] .btn-check:checked + .btn,
[data-color=orange] .btn.active,
[data-color=orange] .btn.show,
[data-color=orange] .btn.show:hover,
[data-color=orange] .btn:first-child:active,
[data-color=orange] :not(.btn-check) + .btn:active {
  background-color: #E04F16;
  border-color: #E04F16;
}
[data-color=orange] .link-primary {
  color: #E04F16 !important;
}
[data-color=orange] .link-primary:hover,
[data-color=orange] .link-primary:focus,
[data-color=orange] .link-primary:active {
  color: rgb(191.4926829268, 67.5353658537, 18.8073170732);
}
[data-color=orange] .text-primary {
  color: #E04F16 !important;
}
[data-color=orange] .badge.badge-primary {
  background: #E04F16;
}
[data-color=orange] .dataTables_paginate .pagination li.active a.page-link {
  background: #E04F16;
  border-color: #E04F16;
}
[data-color=orange] .bg-primary {
  background-color: #E04F16 !important;
  border: 1px solid #E04F16 !important;
}
[data-color=orange] .border-bottom.border-primary {
  border-color: #E04F16 !important;
}
[data-color=orange] .border-primary {
  border-color: #E04F16 !important;
}
[data-color=orange] .nav-tabs.nav-tabs-bottom li a.active,
[data-color=orange] .nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: #E04F16;
  color: #E04F16;
}
[data-color=orange] .badge.badge-soft-primary {
  background: rgba(224, 79, 22, 0.1);
  color: #E04F16;
}
[data-color=orange] a:hover {
  color: #E04F16;
}
[data-color=orange] .btn-outline-primary {
  border: 1px solid #E04F16 !important;
  color: #E04F16 !important;
}
[data-color=orange] .btn-outline-primary:hover,
[data-color=orange] .btn-outline-primary:focus,
[data-color=orange] .btn-outline-primary.focus,
[data-color=orange] .btn-outline-primary:active,
[data-color=orange] .btn-outline-primary.active {
  background-color: #E04F16 !important;
  border: 1px solid #E04F16 !important;
}
[data-color=orange] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #E04F16;
}
[data-color=orange] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #E04F16;
}
[data-color=orange] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active {
  background-color: #E04F16;
  border-color: #E04F16;
}
[data-color=orange] .nav-tabs .nav-link:hover {
  color: #E04F16;
}
[data-color=orange] .form-check-input:checked {
  background-color: #E04F16;
  border-color: #E04F16;
}
[data-color=orange] .sidebar-contact .toggle-theme {
  background-color: #E04F16;
}
[data-color=orange] .header .header-user .user-menu .profile-dropdown .dropdown-item:hover {
  color: #E04F16;
}
[data-color=orange] #sales-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=orange] #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=orange] #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=orange] #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=orange] #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path {
  fill: #E04F16;
}
[data-color=orange] #deals_stage .apexcharts-bar-series .apexcharts-series path,
[data-color=orange] #emp-department .apexcharts-bar-series .apexcharts-series path,
[data-color=orange] #s-bar .apexcharts-bar-series .apexcharts-series path,
[data-color=orange] #mixed-chart .apexcharts-bar-series .apexcharts-series path {
  fill: #E04F16;
}
[data-color=orange] #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=orange] #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=orange] #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker {
  fill: #E04F16;
}
[data-color=orange] #s-line .apexcharts-line-series .apexcharts-series path {
  stroke: #E04F16;
}
[data-color=orange] #s-line .apexcharts-line-series .apexcharts-marker {
  fill: #E04F16;
}
[data-color=orange] #chart-bar-stacked .c3-target-data2 .c3-bar,
[data-color=orange] #chart-bar .c3-target-data2 .c3-bar,
[data-color=orange] #chart-bar-rotated .c3-target-data2 .c3-bar {
  fill: #E04F16 !important;
}
[data-color=orange] #chart-spline-rotated .c3-target-data2 .c3-line {
  stroke: #E04F16 !important;
}
[data-color=orange] #chart-spline-rotated .c3-target-data2 .c3-circle {
  fill: #E04F16;
}
[data-color=orange] .nav.tab-style-1 .nav-link.active {
  background-color: #E04F16 !important;
}
[data-color=orange] .table tbody tr td a:hover {
  color: #E04F16;
}
[data-color=all] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar .sidebar-menu > ul > li ul li.active a span,
[data-color=all] .sidebar .sidebar-menu > ul > li ul li.active a i {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid rgba(var(--primary-rgb-picr), 1);
  border-bottom: 2px solid rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-color=all] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar .nav-link.active {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-color=all] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .btn.btn-primary,
[data-color=all] .page-header .btn-added {
  background-color: rgba(var(--primary-rgb-picr), 1) !important;
  border: 1px solid rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] .btn.btn-primary:hover,
[data-color=all] .btn.btn-primary:focus,
[data-color=all] .btn.btn-primary.focus,
[data-color=all] .btn.btn-primary:active,
[data-color=all] .btn.btn-primary.active,
[data-color=all] .page-header .btn-added:hover,
[data-color=all] .page-header .btn-added:focus,
[data-color=all] .page-header .btn-added.focus,
[data-color=all] .page-header .btn-added:active,
[data-color=all] .page-header .btn-added.active {
  background-color: rgba(var(--primary-rgb-picr), 2);
  border: 1px solid rgba(var(--primary-rgb-picr), 2);
}
[data-color=all] .btn-check:checked + .btn,
[data-color=all] .btn.active,
[data-color=all] .btn.show,
[data-color=all] .btn.show:hover,
[data-color=all] .btn:first-child:active,
[data-color=all] :not(.btn-check) + .btn:active {
  background-color: rgba(var(--primary-rgb-picr), 1);
  border-color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .link-primary {
  color: rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] .link-primary:hover,
[data-color=all] .link-primary:focus,
[data-color=all] .link-primary:active {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .text-primary {
  color: rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] .badge.badge-primary {
  background: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .dataTables_paginate .pagination li.active a.page-link {
  background: rgba(var(--primary-rgb-picr), 1);
  border-color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .bg-primary {
  background-color: rgba(var(--primary-rgb-picr), 1) !important;
  border: 1px solid rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] .border-bottom.border-primary {
  border-color: rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] .border-primary {
  border-color: rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] .nav-tabs.nav-tabs-bottom li a.active,
[data-color=all] .nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: rgba(var(--primary-rgb-picr), 1);
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .badge.badge-soft-primary {
  background: rgba(var(--primary-rgb-picr), 0.1);
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] a:hover {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .btn-outline-primary {
  border: 1px solid rgba(var(--primary-rgb-picr), 1) !important;
  color: rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] .btn-outline-primary:hover,
[data-color=all] .btn-outline-primary:focus,
[data-color=all] .btn-outline-primary.focus,
[data-color=all] .btn-outline-primary:active,
[data-color=all] .btn-outline-primary.active {
  background-color: rgba(var(--primary-rgb-picr), 1) !important;
  border: 1px solid rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active {
  background-color: rgba(var(--primary-rgb-picr), 1);
  border-color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .nav-tabs .nav-link:hover {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .form-check-input:checked {
  background-color: rgba(var(--primary-rgb-picr), 1);
  border-color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .sidebar-contact .toggle-theme {
  background-color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .header .header-user .user-menu .profile-dropdown .dropdown-item:hover {
  color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] #sales-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=all] #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=all] #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=all] #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path,
[data-color=all] #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path {
  fill: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] #deals_stage .apexcharts-bar-series .apexcharts-series path,
[data-color=all] #emp-department .apexcharts-bar-series .apexcharts-series path,
[data-color=all] #s-bar .apexcharts-bar-series .apexcharts-series path,
[data-color=all] #mixed-chart .apexcharts-bar-series .apexcharts-series path {
  fill: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=all] #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker,
[data-color=all] #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker {
  fill: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] #s-line .apexcharts-line-series .apexcharts-series path {
  stroke: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] #s-line .apexcharts-line-series .apexcharts-marker {
  fill: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] #chart-bar-stacked .c3-target-data2 .c3-bar,
[data-color=all] #chart-bar .c3-target-data2 .c3-bar,
[data-color=all] #chart-bar-rotated .c3-target-data2 .c3-bar {
  fill: rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] #chart-spline-rotated .c3-target-data2 .c3-line {
  stroke: rgba(var(--primary-rgb-picr), 1) !important;
}
[data-color=all] #chart-spline-rotated .c3-target-data2 .c3-circle {
  fill: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .nav.tab-style-1 .nav-link.active {
  background-color: rgba(var(--primary-rgb-picr), 1);
}
[data-color=all] .table tbody tr td a:hover {
  color: rgba(var(--primary-rgb-picr), 1);
}
body.layout-mode-rtl {
  direction: rtl;
}
body.layout-mode-rtl .slide-nav .sidebar {
  margin-right: 0;
}
body.layout-mode-rtl .sidebar {
  right: 0;
  left: unset;
  border-right: 0;
  border-left: 1px solid #E6EAED;
}
body.layout-mode-rtl .sidebar .sidebar-menu > ul > li .submenu ul::before {
  right: 14px;
  left: unset;
}
body.layout-mode-rtl .sidebar .sidebar-menu > ul > li .submenu > ul li a {
  padding: 8px 32px 8px 8px;
}
body.layout-mode-rtl .sidebar .sidebar-menu > ul > li .submenu > ul li a::before {
  right: 13px;
  left: unset;
}
body.layout-mode-rtl .sidebar .sidebar-menu > ul > li ul li a span {
  margin-right: 10px;
  margin-left: 0;
}
body.layout-mode-rtl .sidebar .sidebar-menu .menu-arrow {
  left: 10px;
  right: unset;
}
body.layout-mode-rtl .sidebar .sidebar-menu > ul > li .submenu-hdr::after {
  margin-right: 8px;
  margin-left: 0;
}
@media (max-width: 991.96px) {
  body.layout-mode-rtl .sidebar {
    margin-right: -575px;
  }
}
body.layout-mode-rtl .header-left {
  float: right;
  border-right: 0;
  border-left: 1px solid #E6EAED;
}
body.layout-mode-rtl .page-wrapper {
  margin-right: 280px;
  margin-left: 0;
}
@media (max-width: 991.96px) {
  body.layout-mode-rtl .page-wrapper {
    margin-right: 0;
  }
}
body.layout-mode-rtl.mini-sidebar .page-wrapper {
  margin-right: 80px;
}
body.layout-mode-rtl .header .input-group input {
  border-right: 1px solid #BCBFC3 !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-left: 0 !important;
  padding: 0.5rem 1.875rem 0.5rem 0.625rem;
}
body.layout-mode-rtl .header .input-group .input-group-text {
  border-right: 0;
  border-radius: 5px !important;
  border-left: 1px solid #E6EAED;
}
body.layout-mode-rtl .header .input-group .input-group-text:last-child {
  padding-left: 10px;
  padding-right: 0;
}
@media (max-width: 991.96px) {
  body.layout-mode-rtl .header .mobile_btn {
    right: 0;
    left: unset;
  }
}
body.layout-mode-rtl .header .mobile-user-menu {
  left: 0;
  right: auto;
  text-align: left;
}
body.layout-mode-rtl .input-icon-addon {
  right: 0;
  left: unset;
}
body.layout-mode-rtl .input-icon .form-control {
  padding-left: 0;
  padding-right: 30px;
}
body.layout-mode-rtl .nav-list::before {
  left: 0;
  right: unset;
}
[data-theme=dark] .bg-white {
  background-color: #0D0D0D;
}
[data-theme=dark] body {
  background: #131313;
}
[data-theme=dark] .header {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .header .header-left .logo {
  display: none;
}
[data-theme=dark] .header .header-left .logo-white {
  display: block;
}
[data-theme=dark] .header .header-user .user-menu .btn-menubar {
  color: #6B7280;
}
[data-theme=dark] .header .header-user .user-menu .btn-menubar:hover,
[data-theme=dark] .header .header-user .user-menu .btn-menubar:active,
[data-theme=dark] .header .header-user .user-menu .btn-menubar.active {
  background-color: #212324;
  border-color: #212324;
  color: #D8DFEE;
}
[data-theme=dark] .header .header-user .user-menu .profile-dropdown .avatar img {
  border-color: #171717;
}
[data-theme=dark] .header .input-group input {
  border-color: #1F2228 !important;
}
[data-theme=dark] .head-icons a {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .head-icons a:hover {
  background: #4F46E5;
}
[data-theme=dark] .sidebar {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .sidebar .sidebar-logo .logo {
  display: none;
}
[data-theme=dark] .sidebar .sidebar-logo .logo-white {
  display: block;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li > a:hover span,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > a:hover i {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li > a:hover {
  background: #212324;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li > a:hover i,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li > a:hover span {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a:hover,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.active,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: #212324;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a:hover span,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a:hover i,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.active span,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.active i,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a:hover .menu-arrow::before,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.active .menu-arrow::before,
[data-theme=dark] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #D8DFEE;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li.active a {
  color: #ffffff;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li > a span {
  color: #4B5563;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li ul li a {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li ul li a i {
  color: #6B7280;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li ul li a span {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li ul li a.active {
  color: #4F46E5;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li ul > li.active a {
  background: #212324;
  color: #ffffff;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid #4F46E5;
  border-bottom: 2px solid #4F46E5;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  background: #083344;
  color: #4F46E5;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop i {
  color: #0D0D0D;
  background: #0D0D0D;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: #4F46E5;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li .submenu ul::before {
  background: #171717;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li.menu-title {
  color: #9CA3AF;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > ul li a {
  color: #6B7280;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: #4F46E5;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: #4F46E5;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: #4F46E5;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > a.subdrop {
  background: #212324;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > a.subdrop i {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > a.active {
  background: #212324;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > a.active i {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
[data-theme=dark] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  background: transparent;
  color: #4F46E5;
}
[data-theme=dark] .sidebar .sidebar-menu .menu-arrow::before {
  border-right: 2px solid #D8DFEE;
  border-bottom: 2px solid #D8DFEE;
}
[data-theme=dark] .sidebar .nav-link {
  color: #374151;
}
[data-theme=dark] .sidebar .btn-menubar {
  border: 1px solid #171717;
  color: #6B7280;
}
[data-theme=dark] .sidebar .btn-menubar:hover,
[data-theme=dark] .sidebar .btn-menubar:active,
[data-theme=dark] .sidebar .btn-menubar.active {
  background-color: #212324;
  border-color: #212324;
  color: #D8DFEE;
}
[data-theme=dark] .sidebar .input-group input {
  border-color: #1F2228 !important;
}
[data-theme=dark] .mini-sidebar .sidebar .sidebar-logo .logo-white {
  display: none;
}
[data-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo-white {
  display: block;
}
[data-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo-small,
[data-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo {
  display: none;
}
[data-theme=dark] .form-control {
  background-color: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .input-group-text {
  background-color: #0D0D0D;
  border-color: #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .sidebar-stacked .stacked-mini {
  border-right: 1px solid #171717;
  background-color: #0B0F14;
}
[data-theme=dark] .sidebar-stacked.sidebar {
  background-color: transparent;
}
[data-theme=dark] .sidebar-stacked.sidebar .nav-link {
  border: 1px solid #171717;
  color: #D8DFEE;
}
[data-theme=dark] .sidebar-stacked.sidebar .nav-link.active,
[data-theme=dark] .sidebar-stacked.sidebar .nav-link:hover {
  background: #131313;
  color: #D8DFEE;
}
[data-theme=dark] .sidebar-stacked.sidebar .nav-link p {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right {
  background: #0D0D0D;
  border-right: 1px solid #1F2228;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right .logo {
  text-align: center;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right .stack-submenu {
  background: #0D0D0D;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li a {
  color: #6B7280;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li a.subdrop {
  background: #212324;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li a.subdrop i {
  color: #374151;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li a.active {
  background: #212324;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li a.active i {
  color: #374151;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li.active a {
  background: #212324;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #212324;
  color: #6B7280 !important;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #4F46E5;
}
[data-theme=dark] .sidebar-stacked.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #212324;
}
[data-theme=dark] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  color: #D8DFEE;
}
[data-theme=dark] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  background-color: #212324;
}
[data-theme=dark] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #6B7280;
}
[data-theme=dark] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-theme=dark] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  background-color: #212324;
}
[data-theme=dark] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a .menu-arrow::before {
  border-color: #6B7280;
}
[data-theme=dark] .sidebar-horizontal.sidebar .sidebar-menu ul ul {
  background-color: #0D0D0D;
}
[data-theme=dark] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
[data-theme=dark] .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  background-color: #212324;
}
[data-theme=dark] .menu-horizontal .header .header-left .logo {
  display: none;
}
[data-theme=dark] .menu-horizontal .header .header-left .logo-white {
  display: block;
}
[data-theme=dark] .sidebar-twocol .twocol-mini {
  border-right: 1px solid #1F2228;
  background-color: #0D0D0D;
}
[data-theme=dark] .sidebar-twocol.sidebar {
  background-color: transparent;
}
[data-theme=dark] .sidebar-twocol.sidebar .nav-link {
  color: #374151;
}
[data-theme=dark] .sidebar-twocol.sidebar .nav-link.active,
[data-theme=dark] .sidebar-twocol.sidebar .nav-link:hover {
  background: #131313;
  color: #374151;
}
[data-theme=dark] .sidebar-twocol.sidebar .nav-link::before {
  background: #3EB780;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right {
  background: #0D0D0D;
  border-right: 1px solid #1F2228;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: block;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo {
  display: none;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li.menu-title {
  color: #9CA3AF;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #6B7280;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #212324;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop i {
  color: #374151;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:hover {
  color: #6B7280 !important;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li a.active {
  background: #212324;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li a.active i {
  color: #374151;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #212324;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #212324;
  color: #6B7280 !important;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #4F46E5;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #212324;
}
[data-theme=dark] .sidebar-twocol.sidebar .sidebar-right .menu-arrow:before {
  content: "\f105";
}
[data-theme=dark] .sidebar-nav {
  background: #131313;
}
[data-theme=dark] h1,
[data-theme=dark] h2,
[data-theme=dark] h3,
[data-theme=dark] h4,
[data-theme=dark] h5,
[data-theme=dark] h6 {
  color: #D8DFEE;
}
[data-theme=dark] .bg-light {
  background-color: #131313 !important;
  border-color: #131313 !important;
}
[data-theme=dark] a {
  color: #D8DFEE;
}
[data-theme=dark] kbd {
  background-color: #212324;
  color: #6B7280;
}
[data-theme=dark] .input-group-flat:focus-within .form-control,
[data-theme=dark] .input-group-flat:focus-within .input-group-text {
  border-color: #1F2228 !important;
}
[data-theme=dark] .card {
  background-color: #0D0D0D;
  border: 1px solid #1F2228;
}
[data-theme=dark] .card .card-title {
  color: #D8DFEE;
}
[data-theme=dark] .card .card-header {
  border-color: #1F2228;
}
[data-theme=dark] .card .card-footer {
  border-color: #1F2228;
}
[data-theme=dark] .alert-light {
  background-color: #131313;
  color: #6B7280;
  border-color: #131313;
}
[data-theme=dark] .alert-light .alert-link {
  color: #6B7280;
}
[data-theme=dark] .alert-light .btn-close {
  color: #6B7280;
}
[data-theme=dark] .alert-light .btn-close.custom-close {
  background-color: #131313;
  color: #ffffff;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  padding: 0.85rem;
}
[data-theme=dark] .custom-alert1 {
  background-color: #0D0D0D;
}
[data-theme=dark] .alert-primary.custom-alert-icon,
[data-theme=dark] .alert-secondary.custom-alert-icon,
[data-theme=dark] .alert-warning.custom-alert-icon,
[data-theme=dark] .alert-danger.custom-alert-icon {
  background-color: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .header,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .header {
  left: 0;
  background-color: #0D0D0D;
  border-color: rgb(38.5, 38.5, 38.5);
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar {
  color: #6B7280;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:hover,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:hover {
  background: #212324;
  color: #6B7280;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-left,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-left {
  display: block;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-left .logo,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-left .logo {
  display: none;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-left .logo-white,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-left .logo-white {
  display: block;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .mode-toggle,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .mode-toggle {
  color: #6B7280;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar {
  background-color: #0D0D0D;
  border-bottom: 1px solid rgb(38.5, 38.5, 38.5);
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a {
  color: #D8DFEE;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop {
  background-color: #212324;
  color: #D8DFEE;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active .menu-arrow::before,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover .menu-arrow::before,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop .menu-arrow::before {
  border-color: #D8DFEE;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a .menu-arrow::before {
  border-color: #D8DFEE;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu .menu-arrow::before {
  border-color: #D8DFEE;
}
[data-theme=dark][data-layout=horizontal-overlay][data-topbarcolor=white] .main-wrapper::before,
[data-theme=dark][data-layout=horizontal-sidemenu][data-topbarcolor=white] .main-wrapper::before {
  content: "";
  background: #0D0D0D;
}
[data-theme=dark] .page-wrapper::before {
  background: #0D0D0D;
}
[data-theme=dark] .accordion-button {
  background-color: #0D0D0D;
  color: #6B7280;
}
[data-theme=dark] .accordion-button:after {
  content: "\f078";
  background-color: #0D0D0D;
  color: #6B7280;
}
[data-theme=dark] .accordion-body {
  color: #9595b5;
}
[data-theme=dark] .accordion-item {
  color: #6B7280;
  background-color: #0D0D0D;
  border-color: #181818;
}
[data-theme=dark] .accordion.accordion-primary .accordion-button.collapsed,
[data-theme=dark] .accordion.accordion-secondary .accordion-button.collapsed {
  background-color: #0D0D0D;
  color: #6B7280;
}
[data-theme=dark] .accordion.accordion-primary .accordion-button.collapsed::after,
[data-theme=dark] .accordion.accordion-secondary .accordion-button.collapsed::after {
  background-color: #0D0D0D;
  color: #6B7280;
}
[data-theme=dark] .accordion.accordion-solid-primary .accordion-button,
[data-theme=dark] .accordion.accordion-solid-secondary .accordion-button,
[data-theme=dark] .accordion.accordion-solid-warning .accordion-button,
[data-theme=dark] .accordion.accordion-solid-info .accordion-button,
[data-theme=dark] .accordion.accordion-solid-success .accordion-button,
[data-theme=dark] .accordion.accordion-solid-danger .accordion-button {
  color: #0D0D0D;
}
[data-theme=dark] .accordion.accordion-solid-primary .accordion-button.collapsed,
[data-theme=dark] .accordion.accordion-solid-secondary .accordion-button.collapsed,
[data-theme=dark] .accordion.accordion-solid-warning .accordion-button.collapsed,
[data-theme=dark] .accordion.accordion-solid-info .accordion-button.collapsed,
[data-theme=dark] .accordion.accordion-solid-success .accordion-button.collapsed,
[data-theme=dark] .accordion.accordion-solid-danger .accordion-button.collapsed {
  background-color: #0D0D0D;
  color: #6B7280;
}
[data-theme=dark] .accordion.accordion-solid-primary .accordion-button.collapsed::after,
[data-theme=dark] .accordion.accordion-solid-secondary .accordion-button.collapsed::after,
[data-theme=dark] .accordion.accordion-solid-warning .accordion-button.collapsed::after,
[data-theme=dark] .accordion.accordion-solid-info .accordion-button.collapsed::after,
[data-theme=dark] .accordion.accordion-solid-success .accordion-button.collapsed::after,
[data-theme=dark] .accordion.accordion-solid-danger .accordion-button.collapsed::after {
  background-color: #0D0D0D;
  color: #6B7280;
}
[data-theme=dark] .accordion.accordion-border-primary .accordion-button,
[data-theme=dark] .accordion.accordion-border-secondary .accordion-button,
[data-theme=dark] .accordion.accordion-border-warning .accordion-button,
[data-theme=dark] .accordion.accordion-border-info .accordion-button,
[data-theme=dark] .accordion.accordion-border-success .accordion-button,
[data-theme=dark] .accordion.accordion-border-danger .accordion-button {
  background-color: #0D0D0D;
}
[data-theme=dark] .accordion.accordion-border-primary .accordion-button::after,
[data-theme=dark] .accordion.accordion-border-secondary .accordion-button::after,
[data-theme=dark] .accordion.accordion-border-warning .accordion-button::after,
[data-theme=dark] .accordion.accordion-border-info .accordion-button::after,
[data-theme=dark] .accordion.accordion-border-success .accordion-button::after,
[data-theme=dark] .accordion.accordion-border-danger .accordion-button::after {
  background-color: #0D0D0D;
}
[data-theme=dark] .bg-outline-primary,
[data-theme=dark] .bg-outline-secondary,
[data-theme=dark] .bg-outline-success,
[data-theme=dark] .bg-outline-danger,
[data-theme=dark] .bg-outline-warning,
[data-theme=dark] .bg-outline-info,
[data-theme=dark] .bg-outline-light,
[data-theme=dark] .bg-outline-light {
  background-color: #0D0D0D;
}
[data-theme=dark] .bg-outline-light {
  border: 1px solid #131313 !important;
  color: #D8DFEE !important;
}
[data-theme=dark] .border-container {
  background-color: #131313;
}
[data-theme=dark] .border {
  border-color: #1F2228 !important;
}
[data-theme=dark] .border.border-primary {
  border: 1px solid #4F46E5 !important;
}
[data-theme=dark] .border.border-secondary {
  border: 1px solid #092C4C !important;
}
[data-theme=dark] .border.border-success {
  border: 1px solid #3EB780 !important;
}
[data-theme=dark] .border.border-warning {
  border: 1px solid #FFCA18 !important;
}
[data-theme=dark] .border.border-danger {
  border: 1px solid #FF0000 !important;
}
[data-theme=dark] .border.border-info {
  border: 1px solid #155EEF !important;
}
[data-theme=dark] .border.border-light {
  border: 1px solid #131313 !important;
}
[data-theme=dark] .border.border-white {
  border: 1px solid #0D0D0D !important;
}
[data-theme=dark] .border-top {
  border-top: 1px solid #1F2228 !important;
}
[data-theme=dark] .border-end {
  border-inline-end: 1px solid #1F2228 !important;
}
[data-theme=dark] .border-bottom {
  border-bottom: 1px solid #1F2228 !important;
}
[data-theme=dark] .border-start {
  border-inline-start: 1px solid #1F2228 !important;
}
[data-theme=dark] .list-group-item {
  background-color: #0D0D0D;
  border-color: #181818 !important;
}
[data-theme=dark] .toast {
  background-color: #0D0D0D;
}
[data-theme=dark] .avatar.online:before,
[data-theme=dark] .avatar.offline:before {
  border-color: #0D0D0D !important;
}
[data-theme=dark] .swal2-popup {
  background-color: #0D0D0D;
}
[data-theme=dark] .progress,
[data-theme=dark] .progress-stacked {
  background-color: #181818;
}
[data-theme=dark] .popover {
  background-color: #0D0D0D;
  border: 1px solid #1F2228;
  box-shadow: none;
}
[data-theme=dark] .popover .popover-header {
  background-color: #0D0D0D;
  border-block-end: 1px solid #1F2228;
}
[data-theme=dark] .popover .popover-body {
  color: #6B7280;
}
[data-theme=dark] .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
[data-theme=dark] .bs-popover-top > .popover-arrow::after,
[data-theme=dark] .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
[data-theme=dark] .bs-popover-top > .popover-arrow::before {
  border-top-color: #131313;
}
[data-theme=dark] .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
[data-theme=dark] .bs-popover-end > .popover-arrow::after,
[data-theme=dark] .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
[data-theme=dark] .bs-popover-end > .popover-arrow::before {
  border-right-color: #131313;
}
[data-theme=dark] .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
[data-theme=dark] .bs-popover-start > .popover-arrow::after,
[data-theme=dark] .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
[data-theme=dark] .bs-popover-start > .popover-arrow::before {
  border-left-color: #131313;
}
[data-theme=dark] .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
[data-theme=dark] .bs-popover-bottom > .popover-arrow::after,
[data-theme=dark] .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
[data-theme=dark] .bs-popover-bottom > .popover-arrow::before,
[data-theme=dark] .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
[data-theme=dark] .bs-popover-bottom .popover-header::before {
  border-bottom-color: #131313;
}
[data-theme=dark] .page-link {
  color: #6B7280;
  background-color: #0D0D0D;
  border: 1px solid #1F2228;
}
[data-theme=dark] .page-link:focus {
  background-color: #131313;
}
[data-theme=dark] .page-link:hover {
  background-color: #131313;
  border-color: #1F2228;
}
[data-theme=dark] .pagination-style-2 .pagination .page-item.active .page-link {
  background-color: #131313;
}
[data-theme=dark] .pagination-style-1 .pagination .page-item:hover .page-link {
  background-color: #131313;
}
[data-theme=dark] .pagination-style-3 .pagination .page-item:hover .page-link {
  background-color: #131313;
}
[data-theme=dark] .offcanvas {
  background-color: #0D0D0D;
  color: #6B7280;
}
[data-theme=dark] .modal-content {
  background-color: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .modal-content .modal-header {
  border-color: #1F2228;
}
[data-theme=dark] .modal-content .modal-footer {
  border-color: #1F2228;
}
[data-theme=dark] .figure-caption {
  color: #6B7280;
}
[data-theme=dark] .text-dark {
  color: #D6DADE !important;
}
[data-theme=dark] .nav-tabs li a {
  color: #D8DFEE;
}
[data-theme=dark] .nav-tabs .nav-item.show .nav-link,
[data-theme=dark] .nav-tabs .nav-link.active {
  background-color: #0D0D0D;
  color: #D8DFEE;
}
[data-theme=dark] .nav-tabs .nav-link.active {
  border-color: #1F2228;
}
[data-theme=dark] .nav-tabs.nav-tabs-solid {
  background-color: #0D0D0D;
}
[data-theme=dark] .nav.tab-style-1 {
  background-color: #131313;
}
[data-theme=dark] .vertical-tabs-2 .nav-item .nav-link {
  background-color: #131313;
  border-color: #1F2228;
}
[data-theme=dark] .vertical-tabs-2 .nav-item .nav-link.active {
  background-color: #4F46E5;
}
[data-theme=dark] .tab-style-2 .nav-item .nav-link i {
  background-color: #131313;
  color: #6B7280;
}
[data-theme=dark] .nav-tabs.nav-tabs-top li a.active {
  border-top-color: #4F46E5;
}
[data-theme=dark] .tab-style-3 .nav-item .nav-link::after {
  background-color: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .tab-style-3 .nav-item .nav-link:before {
  background-color: #131313;
}
[data-theme=dark] .tab-style-3 .nav-item .nav-link.active:before {
  background-color: #4F46E5;
}
[data-theme=dark] .tab-style-3 .nav-item .nav-link.active:after {
  border-color: #4F46E5;
  color: #4F46E5;
}
[data-theme=dark] .tab-style-6 {
  background-color: #0D0D0D;
}
[data-theme=dark] .bg-white {
  background-color: #0D0D0D !important;
}
[data-theme=dark] .card.card-bg-primary .card-body,
[data-theme=dark] .text-fixed-white {
  color: #0D0D0D;
}
[data-theme=dark] .btn.btn-light {
  background-color: #181818;
  border: 1px solid #181818;
  color: #6B7280;
}
[data-theme=dark] .btn.btn-light:hover,
[data-theme=dark] .btn.btn-light:focus,
[data-theme=dark] .btn.btn-light.focus,
[data-theme=dark] .btn.btn-light:active,
[data-theme=dark] .btn.btn-light.active {
  background-color: rgb(16.35, 16.35, 16.35);
  border: 1px solid #181818;
  color: #6B7280;
}
[data-theme=dark] .scroll-demo {
  border-color: #1F2228;
}
[data-theme=dark] .timeline::before {
  background-color: #1F2228;
}
[data-theme=dark] .timeline > li > .timeline-panel {
  border-color: #1F2228;
}
[data-theme=dark] .timeline > li > .timeline-panel::after,
[data-theme=dark] .timeline > li > .timeline-panel::before {
  border-color: #1F2228;
}
[data-theme=dark] .callout {
  background-color: #131313;
}
[data-theme=dark] .icons-list li {
  border-color: #1F2228;
  box-shadow: none;
}
[data-theme=dark] .btn-outline-light {
  border: 1px solid #131313 !important;
  color: #374151 !important;
}
[data-theme=dark] .btn-outline-light:hover,
[data-theme=dark] .btn-outline-light:focus,
[data-theme=dark] .btn-outline-light.focus,
[data-theme=dark] .btn-outline-light:active,
[data-theme=dark] .btn-outline-light.active {
  background-color: #131313 !important;
  border: 1px solid #131313 !important;
  color: #374151 !important;
}
[data-theme=dark] .bg-dark {
  background-color: #D6DADE !important;
  border-color: #D6DADE !important;
  color: #0D0D0D;
}
[data-theme=dark] .twitter-bs-wizard .twitter-bs-wizard-nav .nav-link::after {
  background-color: #1F2228;
}
[data-theme=dark] .form-check-input {
  background-color: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .alert-outline-primary,
[data-theme=dark] .alert-outline-secondary,
[data-theme=dark] .alert-outline-warning,
[data-theme=dark] .alert-outline-danger,
[data-theme=dark] .alert-outline-info,
[data-theme=dark] .alert-outline-dark,
[data-theme=dark] .alert-outline-success,
[data-theme=dark] .alert-outline-light {
  background-color: #0D0D0D;
}
[data-theme=dark] .text-light {
  color: #131313 !important;
}
[data-theme=dark] .table thead tr {
  border-color: #1F2228;
}
[data-theme=dark] .table thead tr th {
  border-color: #1F2228;
  background-color: #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .table tbody tr {
  border-color: #1F2228;
}
[data-theme=dark] .table tbody tr th {
  border-color: #1F2228;
  background-color: #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .table tbody tr td {
  background-color: #0D0D0D;
  color: #6B7280;
  border-color: #1F2228;
}
[data-theme=dark] .table .thead-primary th {
  background-color: #4F46E5;
}
[data-theme=dark] .table .thead-secondary th {
  background-color: #092C4C;
}
[data-theme=dark] .table .thead-info th {
  background-color: #155EEF;
}
[data-theme=dark] .table .thead-warning th {
  background-color: #FFCA18;
}
[data-theme=dark] .table .thead-danger th {
  background-color: #FF0000;
}
[data-theme=dark] .table .thead-success th {
  background-color: #3EB780;
}
[data-theme=dark] .table .thead-dark th {
  background-color: #D6DADE;
}
[data-theme=dark] .table .thead-light th {
  background-color: #101010;
}
[data-theme=dark] table.table.dataTable > tbody > tr {
  border-color: #1F2228;
}
[data-theme=dark] table.table.dataTable > tbody > tr td {
  color: #6B7280;
  border-color: #1F2228;
}
[data-theme=dark] table.table.dataTable > thead > tr {
  border-color: #1F2228;
}
[data-theme=dark] table.table.dataTable > thead > tr th {
  color: #D8DFEE;
}
[data-theme=dark] .dataTables_length label {
  color: #374151;
}
[data-theme=dark] .dataTables_length label .form-select {
  border: 1px solid #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .form-label {
  color: #D8DFEE;
}
[data-theme=dark] .form-control {
  color: #D8DFEE;
}
[data-theme=dark] .form-select {
  background-color: #0D0D0D;
  color: #D8DFEE;
  border-color: #1F2228;
}
[data-theme=dark] .form-select option {
  background-color: #0D0D0D;
}
[data-theme=dark] .select2-container--default .select2-selection--single {
  border-color: #1F2228;
  background: #0D0D0D;
}
[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #D8DFEE !important;
}
[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #D8DFEE;
}
[data-theme=dark] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #0D0D0D;
}
[data-theme=dark] .select2-container--focus .select2-selection--single {
  background: #0D0D0D !important;
  border-color: #1F2228;
}
[data-theme=dark] .select2-container--classic .select2-selection--single,
[data-theme=dark] .select2-container--default .select2-selection--single,
[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow,
[data-theme=dark] .select2-container--default .select2-selection--multiple,
[data-theme=dark] .select2-container--classic .select2-selection--single .select2-selection__arrow,
[data-theme=dark] .select2-container--classic .select2-selection--single .select2-selection__rendered {
  border-color: #1F2228;
  color: #6B7280;
}
[data-theme=dark] .select2-dropdown {
  border-color: #1F2228;
  background: #0D0D0D;
}
[data-theme=dark] .select2-container--classic .select2-selection--multiple .select2-selection__choice,
[data-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice,
[data-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #0D0D0D;
}
[data-theme=dark] .form-floating > .form-control-plaintext ~ label::after,
[data-theme=dark] .form-floating > .form-control:focus ~ label::after,
[data-theme=dark] .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
[data-theme=dark] .form-floating > .form-select ~ label::after {
  background-color: #0D0D0D;
}
[data-theme=dark] .select2-container--default .select2-selection--multiple {
  background-color: #0D0D0D;
}
[data-theme=dark] .custom-file-container .custom-file-container__custom-file__custom-file-control {
  background-color: #171717;
  border-color: #171717;
}
[data-theme=dark] .dropdown-menu {
  background-color: #0D0D0D;
  border-color: #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .dropdown-menu .dropdown-item {
  color: #D8DFEE;
}
[data-theme=dark] .dropdown-menu .dropdown-item:not(.active):hover,
[data-theme=dark] .dropdown-menu .dropdown-item:not(.active):focus,
[data-theme=dark] .dropdown-menu .dropdown-item:not(.active):active {
  color: #D8DFEE;
  background-color: #0F0F0F;
}
[data-theme=dark] .dropdown-menu .dropdown-item.active {
  background-color: #0F0F0F;
}
[data-theme=dark] .dropdown-divider {
  border-color: #1F2228;
}
[data-theme=dark][data-sidebar=light] [data-sidebarbg=sidebarbg1] #sidebar::before,
[data-theme=dark][data-sidebar=light] [data-sidebarbg=sidebarbg2] #sidebar::before,
[data-theme=dark][data-sidebar=light] [data-sidebarbg=sidebarbg3] #sidebar::before,
[data-theme=dark][data-sidebar=light] [data-sidebarbg=sidebarbg4] #sidebar::before,
[data-theme=dark][data-sidebar=light] [data-sidebarbg=sidebarbg5] #sidebar::before,
[data-theme=dark][data-sidebar=light] [data-sidebarbg=sidebarbg6] #sidebar::before {
  background: rgba(13, 13, 13, 0.85);
}
[data-theme=dark] .theme-width input[type=radio]:checked ~ label {
  border-color: #4F46E5;
}
[data-theme=dark] .theme-width input[type=radio]:checked ~ label::before {
  border-color: #4F46E5;
}
[data-theme=dark] .theme-width label {
  border-color: #1F2228;
  color: #6B7280;
}
[data-theme=dark] .theme-width label::before {
  border-color: #1F2228;
  background: #0D0D0D;
}
[data-theme=dark] .theme-width label::after {
  background: #4F46E5;
}
[data-theme=dark] .theme-sidebarcolor input[type=radio]:checked ~ label {
  border-color: #4F46E5 !important;
}
[data-theme=dark] .theme-sidebarcolor input[type=radio]:checked ~ label:after {
  color: #4F46E5;
}
[data-theme=dark] .theme-sidebarcolor input[type=radio]:checked ~ label.bg-dark:after {
  color: #0D0D0D;
}
[data-theme=dark] .theme-sidebarcolor label {
  border-color: #1F2228;
}
[data-theme=dark] .theme-sidebarbg input[type=radio]:checked ~ label:after {
  color: #4F46E5;
  background: #ffffff;
  border-color: #1F2228;
}
[data-theme=dark] .theme-sidebarbg label img {
  border-color: #1F2228;
}
[data-theme=dark] .theme-colorselect input[type=radio]:checked ~ label {
  outline-color: #4F46E5;
}
[data-theme=dark] .theme-colorselect input[type=radio]:checked ~ label:after {
  color: #4F46E5;
  background: #ffffff;
  border-color: #1F2228;
}
[data-theme=dark] .theme-colorselect input[type=radio]:checked ~ label.primary-topbar:after,
[data-theme=dark] .theme-colorselect input[type=radio]:checked ~ label.dark-topbar:after {
  color: #0D0D0D;
}
[data-theme=dark] .theme-colorselect label {
  outline-color: #1F2228;
}
[data-theme=dark] .theme-colorselect label.white-topbar {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .theme-colorselect .pickr-container-background,
[data-theme=dark] .theme-colorselect .pickr-topbar,
[data-theme=dark] .theme-colorselect .pickr-topbarcolor {
  outline-color: #1F2228;
}
[data-theme=dark] .theme-colorsset label {
  border-color: #1F2228;
}
[data-theme=dark] .theme-colorsset label.primary-clr::before {
  background: #4F46E5;
}
[data-theme=dark] .theme-colorsset label.brightblue-clr::before {
  background: #2066FF;
}
[data-theme=dark] .theme-colorsset label.lunargreen-clr::before {
  background: #365E32;
}
[data-theme=dark] .theme-colorsset label.lavendar-clr::before {
  background: #673AB7;
}
[data-theme=dark] .theme-colorsset label.magenta-clr::before {
  background: #E83E8C;
}
[data-theme=dark] .theme-colorsset label.chromeyellow-clr::before {
  background: #FF9B04;
}
[data-theme=dark] .theme-colorsset label.lavared-clr::before {
  background: #DC2626;
}
[data-theme=dark] .theme-colorsset input[type=radio]:checked ~ label:after {
  color: #0D0D0D;
}
[data-theme=dark] .theme-mode input[type=radio]:checked ~ label {
  border-color: #4F46E5;
}
[data-theme=dark] .theme-mode input[type=radio]:checked ~ label .avatar {
  color: #FFCA18;
  background-color: #FFFAEA;
}
[data-theme=dark] .theme-mode label {
  border-color: #1F2228;
  color: #374151;
}
[data-theme=dark] .theme-mode label .avatar {
  background-color: #212324;
  color: #D6DADE;
}
[data-theme=dark] .theme-mode .pickr-container-primary {
  border-color: #1F2228;
}
[data-theme=dark] .theme-layout.active img {
  border: 1px solid #4F46E5;
}
[data-theme=dark] .theme-layout input[type=radio]:checked ~ label .layout-img img {
  border-color: #4F46E5;
}
[data-theme=dark] .theme-layout label .layout-img img {
  border-color: #1F2228;
}
[data-theme=dark] .theme-layout label .layout-type {
  color: #D8DFEE;
}
[data-theme=dark][data-layout=modern][data-topbarcolor=white] .header {
  background-color: #0D0D0D;
  border-color: rgba(13, 13, 13, 0.8);
}
[data-theme=dark][data-layout=modern][data-topbarcolor=white] .header .bar-icon span {
  background-color: #0D0D0D;
}
[data-theme=dark][data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar {
  color: #6B7280;
}
[data-theme=dark][data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:hover,
[data-theme=dark][data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:active,
[data-theme=dark][data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar.active {
  background-color: #0D0D0D;
  color: #6B7280 !important;
}
[data-theme=dark][data-layout=modern][data-topbarcolor=white] .header .header-left .logo {
  display: none;
}
[data-theme=dark][data-layout=modern][data-topbarcolor=white] .header .header-left .logo-white {
  display: block;
}
[data-theme=dark][data-layout=modern][data-topbarcolor=white] .page-wrapper::before {
  background: #0D0D0D;
}
[data-theme=dark][data-layout=modern][data-topbarcolor=firefly] .header .bar-icon span,
[data-theme=dark][data-layout=modern][data-topbarcolor=bluegem] .header .bar-icon span,
[data-theme=dark][data-layout=modern][data-topbarcolor=blackpearl] .header .bar-icon span,
[data-theme=dark][data-layout=modern][data-topbarcolor=maroon] .header .bar-icon span,
[data-theme=dark][data-layout=modern][data-topbarcolor=primary] .header .bar-icon span {
  background-color: #0D0D0D;
}
[data-theme=dark][data-layout=modern][data-topbarcolor=firefly] .header .header-user .user-menu .btn-menubar,
[data-theme=dark][data-layout=modern][data-topbarcolor=bluegem] .header .header-user .user-menu .btn-menubar,
[data-theme=dark][data-layout=modern][data-topbarcolor=blackpearl] .header .header-user .user-menu .btn-menubar,
[data-theme=dark][data-layout=modern][data-topbarcolor=maroon] .header .header-user .user-menu .btn-menubar,
[data-theme=dark][data-layout=modern][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar {
  color: #6B7280;
}
[data-theme=dark][data-layout=modern][data-topbarcolor=firefly] .header .header-user .user-menu .btn-menubar:hover,
[data-theme=dark][data-layout=modern][data-topbarcolor=firefly] .header .header-user .user-menu .btn-menubar:active,
[data-theme=dark][data-layout=modern][data-topbarcolor=firefly] .header .header-user .user-menu .btn-menubar.active,
[data-theme=dark][data-layout=modern][data-topbarcolor=bluegem] .header .header-user .user-menu .btn-menubar:hover,
[data-theme=dark][data-layout=modern][data-topbarcolor=bluegem] .header .header-user .user-menu .btn-menubar:active,
[data-theme=dark][data-layout=modern][data-topbarcolor=bluegem] .header .header-user .user-menu .btn-menubar.active,
[data-theme=dark][data-layout=modern][data-topbarcolor=blackpearl] .header .header-user .user-menu .btn-menubar:hover,
[data-theme=dark][data-layout=modern][data-topbarcolor=blackpearl] .header .header-user .user-menu .btn-menubar:active,
[data-theme=dark][data-layout=modern][data-topbarcolor=blackpearl] .header .header-user .user-menu .btn-menubar.active,
[data-theme=dark][data-layout=modern][data-topbarcolor=maroon] .header .header-user .user-menu .btn-menubar:hover,
[data-theme=dark][data-layout=modern][data-topbarcolor=maroon] .header .header-user .user-menu .btn-menubar:active,
[data-theme=dark][data-layout=modern][data-topbarcolor=maroon] .header .header-user .user-menu .btn-menubar.active,
[data-theme=dark][data-layout=modern][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar:hover,
[data-theme=dark][data-layout=modern][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar:active,
[data-theme=dark][data-layout=modern][data-topbarcolor=primary] .header .header-user .user-menu .btn-menubar.active {
  background-color: #0D0D0D;
  color: #6B7280 !important;
}
[data-theme=dark] .policy-upload {
  border-color: #1F2228;
}
[data-theme=dark] .bootstrap-tagsinput {
  background-color: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .note-toolbar,
[data-theme=dark] .note-dropdown-menu,
[data-theme=dark] .note-modal-content,
[data-theme=dark] .note-input {
  background-color: #131313;
  border-color: #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .note-btn {
  background-color: #0D0D0D;
  border-color: #1F2228;
  color: #D8DFEE;
}
[data-theme=dark] .note-modal-header,
[data-theme=dark] .file-drop {
  border-color: #1F2228;
}
[data-theme=dark] .close {
  color: #D8DFEE;
}
[data-theme=dark] .video-wrap .video-content {
  background-color: #0D0D0D;
}
[data-theme=dark] .bg-black .text-white {
  color: #D8DFEE !important;
}
[data-theme=dark] .bg-transparent-light {
  background: #131313 !important;
}
[data-theme=dark] .contact-grids-tab .nav-underline {
  border-color: #1F2228;
}
[data-theme=dark] .contact-grids-tab .nav-underline .nav-item .nav-link.active,
[data-theme=dark] .contact-grids-tab .nav-underline .nav-item .nav-link:hover {
  background-color: #0D0D0D;
}
[data-theme=dark] .bg-primary-100 a {
  color: #0D0D0D;
}
[data-theme=dark] .bg-primary-100 a:hover {
  color: #4F46E5;
}
[data-theme=dark] .notification-dropdown .dropdown .dropdown-toggle {
  color: #D8DFEE;
}
[data-theme=dark] .notification-dropdown .dropdown .dropdown-toggle.show {
  color: #D8DFEE;
}
[data-theme=dark] .bootstrap-datetimepicker-widget table th {
  color: #D8DFEE;
}
[data-theme=dark] .crm-link {
  color: #D8DFEE;
  background: #131313;
  border: #1F2228;
}
[data-theme=dark] .breadcrumb .breadcrumb-item.active {
  color: #C8D2E0;
}
[data-theme=dark] .table tbody tr td a {
  color: #C8D2E0;
}
[data-theme=dark] .btn.btn-icon.active.bg-white {
  border-color: #1F2228;
  color: #C8D2E0;
}
[data-theme=dark] .btn.btn-white {
  background: #0D0D0D;
  border-color: #1F2228;
  color: #C8D2E0;
}
[data-theme=dark] .todo-item .form-check-label {
  color: #C8D2E0;
}
[data-theme=dark] .bg-transparent-secondary,
[data-theme=dark] .bg-transparent-dark,
[data-theme=dark] .bg-light-500 {
  background: #374151 !important;
}
[data-theme=dark] .text-gray-9,
[data-theme=dark] .text-title {
  color: #C8D2E0 !important;
}
[data-theme=dark] .attendance-bg {
  background: #0D0D0D;
  border-color: #1F2228 !important;
}
[data-theme=dark] .chat-wrapper .sidebar-group {
  background: #1F2228;
}
[data-theme=dark] .chat-wrapper .chat-users-wrap .chat-user-list,
[data-theme=dark] .chat-wrapper .chat .chat-header,
[data-theme=dark] .chat-wrapper .chat {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .chat-wrapper .search-wrap .input-group-text {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .chat-wrapper .search-wrap .form-control {
  border-color: #1F2228;
}
[data-theme=dark] .chat-wrapper .chat .chat-footer .footer-form {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap {
  background: #1F2228;
}
[data-theme=dark] .chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content {
  background: #1F2228;
}
[data-theme=dark] .chat-wrapper .chat .chat-header .chat-options > ul > li > a {
  background: #1F2228;
}
[data-theme=dark] #calendar .fc-scroller-harness th {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] #calendar .fc-col-header-cell-cushion,
[data-theme=dark] #calendar .fc-daygrid-day-number {
  color: #C8D2E0;
}
[data-theme=dark] #calendar .fc-daygrid-body tbody td {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] #calendar .fc-daygrid .fc-scrollgrid {
  border-color: #1F2228;
}
.sidebar-horizontal {
  margin: 0 auto;
  box-shadow: 0px 4px 60px 0px rgba(190, 190, 190, 0.27);
}
.sidebar-horizontal.sidebar {
  width: 100% !important;
  bottom: inherit;
  top: 64px;
  border-right: 0;
  z-index: 20;
}
.sidebar-horizontal.sidebar .sidebar-logo {
  display: none;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li span {
  display: inline-block !important;
}
.sidebar-horizontal.sidebar .slimScrollDiv {
  top: 0;
  height: auto !important;
  overflow: inherit !important;
  padding: 0;
}
.sidebar-horizontal.sidebar .sidebar-inner {
  height: auto !important;
  overflow: inherit !important;
}
.sidebar-horizontal.sidebar .hidden {
  display: none !important;
}
.sidebar-horizontal.sidebar .sidebar-menu {
  padding: 0 !important;
  height: 46px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}
.sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li {
  margin-right: 8px;
}
.sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li:last-child {
  margin-right: 0;
}
.sidebar-horizontal.sidebar .sidebar-menu ul {
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li {
  position: relative;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
  font-size: 12px;
  color: #212B36;
  border-radius: 5px;
  padding: 8px 30px 8px 8px;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a i {
  margin-right: 4px;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover {
  color: #4F46E5;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu .noti-dot:before {
  display: none;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li.submenu a {
  font-size: 12px;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a {
  color: #4D555E;
  border-radius: 5px;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover,
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active {
  color: #4F46E5;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu.submenu-two ul {
  max-height: none;
}
.sidebar-horizontal.sidebar .sidebar-menu ul ul {
  display: none;
  width: 170px;
  background-color: #ffffff;
  position: absolute;
  top: 30px;
  left: 0;
  padding: 8px;
}
.sidebar-horizontal.sidebar .sidebar-menu ul ul li a .menu-arrow {
  right: 15px;
}
.sidebar-horizontal.sidebar .sidebar-menu ul ul a {
  padding: 8px 15px;
}
.sidebar-horizontal.sidebar .sidebar-menu .menu-title {
  display: none !important;
}
.sidebar-horizontal.sidebar .sidebar-vertical {
  display: none !important;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li a {
  flex-direction: inherit;
  text-align: left;
  padding: 7px 8px;
  font-size: 12px;
  font-weight: 500;
  display: block;
  position: relative;
}
.sidebar-horizontal.sidebar ul li span {
  display: inline-block !important;
}
.sidebar-horizontal.sidebar .sidebar-menu ul ul > li.submenu > ul {
  position: relative;
  top: 0;
  padding: 0;
  width: 100%;
}
.sidebar-horizontal.sidebar ul ul li {
  display: inline-block !important;
  width: 100%;
}
.sidebar-horizontal.sidebar .sidebar-menu {
  max-width: 1320px;
}
@media (max-width: 1398.98px) {
  .sidebar-horizontal.sidebar .sidebar-menu {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  .sidebar-horizontal.sidebar .sidebar-menu {
    max-width: 950px;
  }
}
.sidebar-horizontal.sidebar .sidebar-menu .main-menu {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active,
.sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop {
  color: #4F46E5;
}
@media (min-width: 1199.98px) {
  .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a {
    font-size: 14px;
    padding: 8px 30px 8px 8px;
  }
  .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a i {
    margin-right: 5px;
  }
  .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a .menu-arrow {
    right: 8px;
  }
}
@media (max-width: 991.96px) {
  .sidebar-horizontal.sidebar {
    display: none !important;
  }
}
.menu-horizontal #toggle_btn {
  display: none;
}
@media (min-width: 991.98px) {
  .menu-horizontal .header .main-header {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 24px;
  }
  .menu-horizontal .sidebar.sidebar-horizontal {
    left: 0;
    max-width: none;
    margin: 0;
  }
  .menu-horizontal .sidebar.sidebar-horizontal .sidebar-menu {
    max-width: none;
    padding: 0 24px !important;
  }
}
.menu-horizontal .page-wrapper {
  margin: 0;
  padding-top: 110px;
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1398.98px) {
  .menu-horizontal .page-wrapper {
    max-width: 1170px;
  }
}
@media (max-width: 1199.96px) {
  .menu-horizontal .page-wrapper {
    max-width: 950px;
  }
}
@media (max-width: 991.96px) {
  .menu-horizontal .page-wrapper {
    max-width: 100%;
    padding-top: 65px;
  }
}
[data-width=fluid] .menu-horizontal .page-wrapper {
  width: 100%;
  max-width: none;
}
.menu-horizontal .page-wrapper .content {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
[data-width=fluid] .menu-horizontal .page-wrapper .content {
  padding-right: 24px;
  padding-left: 24px;
}
@media (max-width: 991.96px) {
  .menu-horizontal .page-wrapper .content {
    padding: 20px;
  }
}
@media (min-width: 991.98px) {
  .menu-horizontal #sidebar {
    display: none;
  }
}
.menu-horizontal .header {
  left: 0;
}
.menu-horizontal .header .main-header {
  margin: 0 auto;
}
.menu-horizontal .header .main-header .user-menu {
  padding-right: 0;
}
@media (min-width: 991.98px) {
  .menu-horizontal .header .header-left {
    display: flex;
    padding-left: 0;
    text-align: left;
    width: auto;
  }
  .menu-horizontal .header .header-left .logo {
    display: block;
  }
  .menu-horizontal .header .header-left .logo-white {
    display: none;
  }
}
.main-header {
  height: inherit;
}
body.mini-sidebar .sidebar .sidebar-menu > ul > li.submenu-open ul li.submenu > a {
  padding: 8px 16px;
}
body.mini-sidebar .sidebar .sidebar-menu > ul > li.submenu-open ul li.submenu > a i {
  margin-right: 0 !important;
}
body.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li.submenu > a {
  padding: 8px;
}
body.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li.submenu > a i {
  margin-right: 8px !important;
}
.modern-profile {
  display: none;
}
.sidebar-twocol .twocol-mini {
  border-right: 1px solid #E6EAED;
  padding-top: 16px;
  width: 72px !important;
  background-color: #ffffff;
}
.sidebar-twocol .twocol-mini .logo-small {
  display: block;
  text-align: center;
  margin-bottom: 24px;
}
.sidebar-twocol .slide-nav .sidebar {
  margin-left: 0;
}
.sidebar-twocol.sidebar {
  background-color: transparent;
  border-right: 0;
  margin-top: 0;
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: none;
}
@media (max-width: 991.98px) {
  .sidebar-twocol.sidebar {
    margin-left: -225px;
    width: 225px;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1041;
  }
}
.sidebar-twocol.sidebar .slimScrollDiv {
  top: 0;
}
.sidebar-twocol.sidebar .nav-link {
  width: 26px;
  height: 26px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #4D555E;
  position: relative;
}
.sidebar-twocol.sidebar .nav-link.active,
.sidebar-twocol.sidebar .nav-link:hover {
  background: #EEF2FF;
  color: #4D555E;
}
.sidebar-twocol.sidebar .sidebar-left {
  width: 72px;
}
.sidebar-twocol.sidebar .sidebar-right {
  background: #ffffff;
  width: 180px;
  height: 100%;
  border-right: 1px solid #E6EAED;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sidebar-twocol.sidebar .sidebar-right .sidebar-scroll {
  height: calc(100% - 50px);
  overflow: auto;
  padding: 0 16px 16px;
}
.sidebar-twocol.sidebar .sidebar-right .sidebar-logo {
  text-align: center;
  position: relative;
  padding: 0;
}
.sidebar-twocol.sidebar .sidebar-right .sidebar-logo .logo-white {
  display: none;
}
.sidebar-twocol.sidebar .sidebar-right .tab-content {
  padding-top: 0;
}
.sidebar-twocol.sidebar .sidebar-right ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-twocol.sidebar .sidebar-right ul li.menu-title {
  margin-bottom: 12px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #90959B;
}
.sidebar-twocol.sidebar .sidebar-right ul li {
  margin-bottom: 4px;
}
.sidebar-twocol.sidebar .sidebar-right ul li a {
  font-weight: 500;
  font-size: 12px;
  color: #7A8086;
  padding: 7px 8px;
  display: block;
  position: relative;
  border-radius: 5px;
}
.sidebar-twocol.sidebar .sidebar-right ul li a.subdrop {
  background: #EEF2FF;
  color: #4F46E5;
}
.sidebar-twocol.sidebar .sidebar-right ul li a.subdrop i {
  color: #4D555E;
}
.sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:hover {
  color: #4F46E5;
}
.sidebar-twocol.sidebar .sidebar-right ul li a.active {
  background: #EEF2FF;
  border-radius: 5px;
  color: #4F46E5;
}
.sidebar-twocol.sidebar .sidebar-right ul li a.active i {
  color: #4D555E;
}
.sidebar-twocol.sidebar .sidebar-right ul li.active a {
  background: #EEF2FF;
}
.sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover {
  background: #EEF2FF;
  color: #7A8086 !important;
}
.sidebar-twocol.sidebar .sidebar-right ul li.submenu ul {
  display: none;
  margin-bottom: 10px;
  margin-top: 5px;
}
.sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a {
  padding-left: 15px;
}
.sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover,
.sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active {
  color: #4F46E5;
}
.sidebar-twocol.sidebar .sidebar-right ul li.submenu > ul > li > a.active {
  background-color: transparent;
}
.sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover {
  background: #EEF2FF;
}
.sidebar-twocol.sidebar .sidebar-right .menu-arrow {
  -webkit-transition: -webkit-transform 0.15s;
  -o-transition: -o-transform 0.15s;
  transition: transform 0.15s;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  line-height: 40px;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  right: 8px;
  font-weight: 700;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}
.sidebar-twocol.sidebar .sidebar-right .menu-arrow:before {
  content: "\f105";
}
.sidebar-twocol.sidebar .sub-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.sidebar-twocol.sidebar li a.subdrop .menu-arrow {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
@media (min-width: 992px) {
  .sidebar-twocol .mini-sidebar .page-wrapper {
    margin-left: 60px;
  }
  .sidebar-twocol .mini-sidebar #toggle_btn {
    margin-left: 10px;
  }
  .sidebar-twocol .mini-sidebar .sidebar-right {
    display: none;
  }
  .sidebar-twocol .expand-menu .sidebar-right {
    display: block;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
}
body.layout-mode-rtl .sidebar .sidebar-menu .submenu-open .submenu ul li a::after {
  right: 15px;
  left: unset;
}
body.layout-mode-rtl .header-left #toggle_btn {
  left: -13px;
  right: unset;
  margin-right: 15px;
  margin-left: 0;
}
body.layout-mode-rtl .user-menu .nav-searchinputs {
  margin-right: 25px;
  margin-left: auto;
}
body.layout-mode-rtl .user-menu li {
  margin-right: 12px;
  margin-left: 0;
}
@media (max-width: 1199.96px) {
  body.layout-mode-rtl .user-menu li {
    margin-right: 7px;
  }
}
body.layout-mode-rtl .user-info {
  padding: 0 0 0 30px;
}
.sidebar-horizontal,
.sidebar-header,
.two-col-sidebar {
  display: none;
}
.btn-white:hover::after {
  color: #ffffff;
}
.sidebar-right .user-profile h6 {
  font-weight: 600 !important;
}
.layout-mode-rtl .user-menu {
  padding-left: 24px;
  padding-right: 0;
}
.layout-mode-rtl .searchinputs .search-addon span {
  right: 8px;
  left: auto;
}
.layout-mode-rtl .user-menu.nav > li > a.select-store .user-info:after {
  left: 0;
  right: auto;
}
.layout-mode-rtl .user-menu.nav > li > a.select-store .user-info .user-letter {
  margin-left: 8px;
  margin-right: 0;
}
.layout-mode-rtl .user-menu.nav > li > a.select-store .user-info {
  padding: 0 0 0 20px;
}
.layout-mode-rtl .select-store-dropdown .dropdown-menu .dropdown-item img {
  margin-left: 8px;
  margin-right: 0;
}
.layout-mode-rtl.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  justify-content: right;
}
.layout-mode-rtl .input-icon-start .form-control {
  padding-right: 30px;
  padding-left: 0.85rem;
}
.layout-mode-rtl .notifications .notification-list li .avatar {
  margin: 0 0 0 8px;
}
.layout-mode-rtl .user-menu.nav > li.flag-nav .dropdown-menu a img {
  margin: 0 0 0 10px;
}
.modern-profile .sidebar-nav {
  display: none !important;
}
.badge-dark-transparent {
  background: #E8E9EA;
  color: #1B2850;
}
.file-manager .table tbody tr td .dropdown a {
  border: 0;
}
.sidebar.sidebar-horizontal .main-menu ul li.submenu:hover > ul {
  display: block !important;
}
.sidebar.sidebar-horizontal .main-menu ul li.submenu:hover a.active.subdrop ~ ul {
  display: block !important;
}
.sidebar.sidebar-horizontal .main-menu ul li.submenu a.active.subdrop ~ ul {
  display: none !important;
}
.sidebar.sidebar-horizontal .main-menu ul li.submenu > ul li.submenu .menu-arrow::before {
  transform: rotate(-45deg);
}
.sidebar.sidebar-horizontal .main-menu ul li.submenu > ul li.submenu > ul {
  position: absolute;
  left: 100%;
  background: #ffffff;
  padding: 8px;
  display: none;
}
.sidebar.sidebar-horizontal .main-menu ul li.submenu > ul li.submenu:hover > ul {
  display: block;
}
.sidebar.sidebar-horizontal li a .menu-arrow,
.sidebar.sidebar-horizontal .settings-sidebar li a .menu-arrow {
  background: transparent;
}
.sidebar.sidebar-horizontal li a .menu-arrow::before,
.sidebar.sidebar-horizontal .settings-sidebar li a .menu-arrow::before {
  transform: rotate(45deg);
}
.sidebar.sidebar-horizontal li a.subdrop .menu-arrow,
.sidebar.sidebar-horizontal .settings-sidebar li a.subdrop .menu-arrow {
  transform: none;
}
[data-sidebarbg=sidebarbg1] .sidebar .sidebar-menu > ul > li.submenu-open ul li a,
[data-sidebarbg=sidebarbg2] .sidebar .sidebar-menu > ul > li.submenu-open ul li a,
[data-sidebarbg=sidebarbg3] .sidebar .sidebar-menu > ul > li.submenu-open ul li a,
[data-sidebarbg=sidebarbg4] .sidebar .sidebar-menu > ul > li.submenu-open ul li a,
[data-sidebarbg=sidebarbg5] .sidebar .sidebar-menu > ul > li.submenu-open ul li a,
[data-sidebarbg=sidebarbg6] .sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  color: #ffffff;
}
[data-sidebarbg=sidebarbg1] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active,
[data-sidebarbg=sidebarbg2] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active,
[data-sidebarbg=sidebarbg3] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active,
[data-sidebarbg=sidebarbg4] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active,
[data-sidebarbg=sidebarbg5] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active,
[data-sidebarbg=sidebarbg6] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active {
  background: rgba(255, 255, 255, 0.1019607843);
}
[data-sidebarbg=sidebarbg1] .sidebar .sidebar-menu > ul > li.submenu-open ul li a span,
[data-sidebarbg=sidebarbg2] .sidebar .sidebar-menu > ul > li.submenu-open ul li a span,
[data-sidebarbg=sidebarbg3] .sidebar .sidebar-menu > ul > li.submenu-open ul li a span,
[data-sidebarbg=sidebarbg4] .sidebar .sidebar-menu > ul > li.submenu-open ul li a span,
[data-sidebarbg=sidebarbg5] .sidebar .sidebar-menu > ul > li.submenu-open ul li a span,
[data-sidebarbg=sidebarbg6] .sidebar .sidebar-menu > ul > li.submenu-open ul li a span {
  color: #ffffff;
}
[data-sidebarbg=sidebarbg1] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr,
[data-sidebarbg=sidebarbg2] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr,
[data-sidebarbg=sidebarbg3] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr,
[data-sidebarbg=sidebarbg4] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr,
[data-sidebarbg=sidebarbg5] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr,
[data-sidebarbg=sidebarbg6] .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  color: #ffffff;
}
[data-sidebarbg=sidebarbg1] .sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg1] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg2] .sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg2] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg3] .sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg3] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg4] .sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg4] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg5] .sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg5] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg6] .sidebar .sidebar-menu > ul > li.submenu-open ul li a i,
[data-sidebarbg=sidebarbg6] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a i {
  color: #ffffff;
}
.sidebar.horizontal-sidebar {
  display: none;
}
.header.pos-header {
  left: 0;
}
.header.pos-header .header-left {
  display: flex;
  height: 64px;
  padding: 0 24px;
}
@media (min-width: 992px) {
  .layout-mode-rtl .header {
    left: 0;
    right: 280px;
  }
  .layout-mode-rtl .sidebar {
    top: 0;
  }
  .layout-mode-rtl.mini-sidebar .header {
    right: 86px;
    left: 0;
  }
  .layout-mode-rtl.mini-sidebar.expand-menu .header {
    right: 280px;
    left: 0;
  }
  .layout-mode-rtl .sidebar .sidebar-logo #toggle_btn {
    left: -13px;
    right: unset;
    margin-right: 15px;
    margin-left: 0;
  }
}
.menu-horizontal #collapse-header {
  display: none;
}
[data-theme=dark] .pos-category5 .owl-item h6 a {
  color: #D8DFEE;
}
[data-theme=dark] .pos-category5 .owl-item li,
[data-theme=dark] .tab-wrap {
  border-color: #1F2228;
}
[data-theme=dark] .pos-products .product-info .pro-img {
  background: #0A0A0A;
}
[data-theme=dark] .product-order-list .table {
  background: transparent !important;
}
[data-theme=dark] aside.product-order-list .payment-method .methods .payment-item {
  border-color: #1F2228;
}
[data-theme=dark] .pos-category .owl-item li {
  border-color: #1F2228;
  box-shadow: none;
}
[data-theme=dark] .pos-category,
[data-theme=dark] aside.product-order-list .selling-info {
  border-color: #1F2228;
}
[data-theme=dark] .product-wrap .product-list .product-info .pro-img {
  background: #0A0A0A;
}
[data-theme=dark] .product-wrap .product-list {
  border-color: #1F2228;
}
[data-theme=dark] .pos-three aside.product-order-list .order-method .order-total {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .pos-three aside.product-order-list .order-method .order-total table tr:last-child td {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .pos-category3 li {
  border-color: #1F2228;
}
[data-theme=dark] .sidebar .sidebar-logo {
  border-color: #1F2228;
}
[data-theme=dark] .sidebar .sidebar-logo .logo-white {
  display: block !important;
}
[data-topbar=topbarcolortwo] .pos-page .header .header-left .logo,
[data-topbar=topbarcolorthree] .pos-page .header .header-left .logo,
[data-topbar=topbarcolorfour] .pos-page .header .header-left .logo,
[data-topbar=topbarcolorfive] .pos-page .header .header-left .logo,
[data-topbar=topbarcolorsix] .pos-page .header .header-left .logo,
[data-topbar=topbarcolorseven] .pos-page .header .header-left .logo,
[data-topbar=topbarcoloreight] .pos-page .header .header-left .logo,
[data-topbar=topbarcolornine] .pos-page .header .header-left .logo,
[data-topbar=topbarcolorten] .pos-page .header .header-left .logo,
[data-topbar=topbarcoloreleven] .pos-page .header .header-left .logo,
[data-topbar=topbarcolortwelve] .pos-page .header .header-left .logo,
[data-topbar=topbarcolorthirteen] .pos-page .header .header-left .logo,
[data-topbar=topbarcolorfourteen] .pos-page .header .header-left .logo,
[data-topbar=all] .pos-page .header .header-left .logo {
  display: none;
}
[data-topbar=topbarcolortwo] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolorthree] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolorfour] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolorfive] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolorsix] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolorseven] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcoloreight] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolornine] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolorten] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcoloreleven] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolortwelve] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolorthirteen] .pos-page .header .header-left .logo.logo-white,
[data-topbar=topbarcolorfourteen] .pos-page .header .header-left .logo.logo-white,
[data-topbar=all] .pos-page .header .header-left .logo.logo-white {
  display: flex !important;
}
@media (min-width: 992px) {
  [data-sidebar=sidebarcolortwo] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorthree] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorfour] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorfive] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorsix] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorseven] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcoloreight] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolornine] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorten] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcoloreleven] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolortwelve] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorthirteen] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorfourteen] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=all] .mini-sidebar .sidebar .sidebar-logo .logo.logo-white {
    display: none !important;
  }
  [data-sidebar=sidebarcolortwo] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolorthree] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolorfour] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolorfive] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolorsix] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolorseven] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcoloreight] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolornine] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolorten] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcoloreleven] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolortwelve] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolorthirteen] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=sidebarcolorfourteen] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,
  [data-sidebar=all] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo {
    display: none;
  }
  [data-sidebar=sidebarcolortwo] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorthree] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorfour] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorfive] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorsix] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorseven] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcoloreight] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolornine] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorten] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcoloreleven] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolortwelve] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorthirteen] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=sidebarcolorfourteen] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white,
  [data-sidebar=all] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo.logo-white {
    display: block !important;
  }
  [data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li a svg,
  [data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li a svg {
    color: #F9FAFB;
  }
  [data-sidebar=sidebarcolortwo] .pos-page .header .header-left,
  [data-sidebar=sidebarcolorthree] .pos-page .header .header-left,
  [data-sidebar=sidebarcolorfour] .pos-page .header .header-left,
  [data-sidebar=sidebarcolorfive] .pos-page .header .header-left,
  [data-sidebar=sidebarcolorsix] .pos-page .header .header-left,
  [data-sidebar=sidebarcolorseven] .pos-page .header .header-left,
  [data-sidebar=sidebarcoloreight] .pos-page .header .header-left,
  [data-sidebar=sidebarcolornine] .pos-page .header .header-left,
  [data-sidebar=sidebarcolorten] .pos-page .header .header-left,
  [data-sidebar=sidebarcoloreleven] .pos-page .header .header-left,
  [data-sidebar=sidebarcolortwelve] .pos-page .header .header-left,
  [data-sidebar=sidebarcolorthirteen] .pos-page .header .header-left,
  [data-sidebar=sidebarcolorfourteen] .pos-page .header .header-left,
  [data-sidebar=all] .pos-page .header .header-left {
    background: transparent !important;
  }
}
.sidebar-contact {
  position: fixed;
  top: 0%;
  right: 0;
  transform: translateY(-50%);
  width: 350px;
  height: auto;
  background: #ffffff;
  box-sizing: border-box;
  transition: 0.5s;
  z-index: 9999;
}
.sidebar-contact .toggle-theme {
  position: absolute;
  width: 48px;
  text-align: center;
  cursor: pointer;
  background: #4F46E5;
  top: 225px;
  right: 10px;
  height: 48px;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.sidebar-contact .toggle-theme .fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
#theme-settings {
  width: 26px;
  height: 26px;
  border: 1px solid #BCBFC3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.input-themeselect label {
  width: 100%;
}
.sidebar-themesettings {
  transition: all 0.5s;
  width: 400px !important;
  height: 100vh;
  z-index: 99999;
  overflow: auto;
  max-width: 100%;
}
.sidebar-themesettings.open {
  right: 0;
}
.sidebar-themesettings .offcanvas-header {
  border-bottom: 1px solid #BCBFC3;
  position: relative;
  border-radius: 10px 0 0 0;
}
.sidebar-themesettings .themecard-body .themesettings-content {
  border-bottom: 1px solid #BCBFC3;
  margin-bottom: 15px;
}
.sidebar-themesettings .themecard-body .themesettings-content h6 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
}
.sidebar-themesettings .input-themeselect {
  background: #F7F7F7;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #BCBFC3;
  margin-bottom: 15px;
}
.sidebar-themesettings .input-themeselect input[type=radio] {
  display: none;
}
.sidebar-themesettings .input-themeselect input[type=radio]:checked ~ label .checkboxs-theme:after {
  background-color: #6938EF;
  border-color: #6938EF;
  content: "";
}
.sidebar-themesettings .input-themeselect input[type=radio]:checked ~ label .checkboxs-theme::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-weight: 700;
  font-size: 10px;
  right: 4px;
  position: absolute;
  top: -14px;
  z-index: 9;
}
.sidebar-themesettings .input-themeselect img {
  height: 80px;
}
.sidebar-themesettings .input-themeselect .checkboxs-theme {
  position: relative;
  width: 100%;
  display: block;
}
.sidebar-themesettings .input-themeselect .checkboxs-theme:after {
  position: absolute;
  content: "";
  border: 1px solid #E8E8E8;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  right: 0;
  top: -17px;
}
.sidebar-themesettings .accordion.accordion-customicon1 .accordion-button {
  font-weight: 600;
}
.sidebar-themesettings .accordion.accordion-customicon1 .accordion-button::after {
  content: "\f077";
  background: #ffffff;
  font-size: 10px;
  width: 18px;
  height: 18px;
}
.sidebar-themeoverlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  top: 0;
  left: -100%;
  z-index: 10000;
}
.sidebar-themeoverlay.open {
  left: 0;
}
.sidebar-themesettings.offcanvas.offcanvas-end {
  width: 400px !important;
  border-radius: 10px 0 0 10px;
}
.theme-colorsset label {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #BCBFC3;
  position: relative;
}
.theme-colorsset label::before {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.theme-colorsset label.primary-clr::before {
  background: #4F46E5;
}
.theme-colorsset label.theme-color-1::before {
  background: #009688;
}
.theme-colorsset label.theme-color-2::before {
  background: #D63031;
}
.theme-colorsset label.theme-color-3::before {
  background: #6C5CE7;
}
.theme-colorsset label.theme-color-4::before {
  background: #0984E3;
}
.theme-colorsset label.theme-color-5::before {
  background: #00B894;
}
.theme-colorsset label.theme-color-6::before {
  background: #E04F16;
}
.theme-colorsset input[type=radio] {
  display: none;
}
.theme-colorsset input[type=radio]:checked ~ label:after {
  content: "\f00c";
  font-family: "Fontawesome";
  color: #ffffff;
  font-weight: 700;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 12px;
  height: 12px;
  background: #3EB780;
  border-radius: 50%;
}
.theme-colorsset .pickr-container-primary {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #BCBFC3;
  padding: 4px;
}
.theme-colorsset .pickr-container-primary .pickr .pcr-button {
  width: 24px;
  height: 24px;
}
.theme-colorsset .pickr-container-primary .pickr .pcr-button::after {
  font-size: 1rem;
}
.theme-colorselect input[type=radio] {
  display: none;
}
.theme-colorselect input[type=radio]:checked ~ label:after {
  content: "\f00c";
  font-family: "Fontawesome";
  color: #ffffff;
  font-weight: 700;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 18px;
  height: 18px;
  background: #3EB780;
  border-radius: 50%;
}
.theme-colorselect input[type=radio]:checked ~ label.primary-topbar:after,
.theme-colorselect input[type=radio]:checked ~ label.dark-topbar:after {
  color: #ffffff;
}
.theme-colorselect label {
  width: 25px;
  height: 50px;
  border-radius: 5px;
  position: relative;
  outline-offset: 3px;
  outline: 1px solid #BCBFC3;
  border-radius: 45px;
}
.theme-colorselect label.bg-sidebar-color-1 {
  background: #FBFBFB;
  border-color: #FBFBFB;
}
.theme-colorselect label.bg-sidebar-color-2 {
  background: #505969;
  border-color: #505969;
}
.theme-colorselect label.bg-sidebar-color-3 {
  background: #2C2C2C;
  border-color: #2C2C2C;
}
.theme-colorselect label.bg-sidebar-color-4 {
  background: #1D51B6;
  border-color: #1D51B6;
}
.theme-colorselect label.bg-sidebar-color-5 {
  background: #6C0BA9;
  border-color: #6C0BA9;
}
.theme-colorselect label.bg-sidebar-color-6 {
  background: #0B897D;
  border-color: #0B897D;
}
.theme-colorselect label.bg-sidebar-color-7 {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
  border-color:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
}
.theme-colorselect label.bg-sidebar-color-8 {
  background:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
  border-color:
    linear-gradient(
      180deg,
      #18ACCF 0%,
      #0F59AD 100%);
}
.theme-colorselect label.bg-sidebar-color-9 {
  background:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
  border-color:
    linear-gradient(
      180deg,
      #7D90B8 0%,
      #103783 100%);
}
.theme-colorselect label.bg-sidebar-color-10 {
  background:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
  border-color:
    linear-gradient(
      180deg,
      #8E4BEB 0%,
      #472282 100%);
}
.theme-colorselect label.bg-sidebar-color-11 {
  background:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
  border-color:
    linear-gradient(
      180deg,
      #309F92 0%,
      #0C5666 100%);
}
.theme-colorselect label.bg-sidebar-color-12 {
  background:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
  border-color:
    linear-gradient(
      90deg,
      #FF9966 1.92%,
      #FF5E62 100%);
}
.theme-colorselect label.bg-sidebar-color-13 {
  background:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
  border-color:
    linear-gradient(
      90deg,
      #760762 1.92%,
      #883907 100%);
}
.theme-colorselect label.bg-sidebar-color-14 {
  background:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
  border-color:
    linear-gradient(
      90deg,
      #4471CC 1.92%,
      #AE7BD4 100%);
}
.theme-colorselect label.white-topbar {
  background: #ffffff;
  border: 1px solid #F9FAFB;
}
.theme-colorselect label.darkaqua-topbar {
  background: #116D6E;
}
.theme-colorselect label.whiterock-topbar {
  background: #F0E4D7;
}
.theme-colorselect label.rockblue-topbar {
  background: #8CB9BD;
}
.theme-colorselect label.bluehaze-topbar {
  background: #B5C0D0;
}
.theme-colorselect label.primary-topbar {
  background: #4F46E5;
}
.theme-colorselect label.blackpearl-topbar {
  background: #080821;
}
.theme-colorselect label.maroon-topbar {
  background: #710034;
}
.theme-colorselect label.bluegem-topbar {
  background: #3E1C95;
}
.theme-colorselect label.firefly-topbar {
  background: #053333;
}
.theme-colorselect .pickr-container-background,
.theme-colorselect .pickr-topbar,
.theme-colorselect .pickr-topbarcolor {
  width: 25px;
  height: 50px;
  border-radius: 45px;
  outline-offset: 3px;
  outline: 1px solid #BCBFC3;
}
.theme-colorselect .pickr-container-background .pickr .pcr-button,
.theme-colorselect .pickr-topbar .pickr .pcr-button,
.theme-colorselect .pickr-topbarcolor .pickr .pcr-button {
  width: 25px;
  height: 50px;
  border-radius: 45px;
}
.theme-colorselect .pickr-container-background .pickr .pcr-button::after,
.theme-colorselect .pickr-topbar .pickr .pcr-button::after,
.theme-colorselect .pickr-topbarcolor .pickr .pcr-button::after {
  font-size: 1rem;
  line-height: 2.5;
}
.theme-layout {
  text-align: center;
}
.theme-layout input[type=radio] {
  display: none;
}
.theme-layout input[type=radio]:checked ~ label {
  position: relative;
}
.theme-layout input[type=radio]:checked ~ label:after {
  content: "\f00c";
  font-family: "Fontawesome";
  color: #ffffff;
  font-weight: 700;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 18px;
  height: 18px;
  background: #3EB780;
  border-radius: 50%;
}
.theme-layout label .layout-img img {
  border: 1px solid #BCBFC3;
  border-radius: 5px;
}
.theme-layout label .layout-type {
  color: #212B36;
}
.theme-layout label:after {
  display: none;
}
.theme-layout .layout-img img {
  border: 1px solid #BCBFC3;
  border-radius: 5px;
}
.theme-mode input[type=radio] {
  display: none;
}
.theme-mode input[type=radio]:checked ~ label {
  border-color: #F2F2F2 !important;
  background: #E6EAED;
  color: #212B36;
}
.theme-mode input[type=radio]:checked ~ label span {
  color: #212B36;
}
.theme-mode label {
  border: 1px solid #BCBFC3;
  color: #4D555E;
  padding: 8px 10px;
}
.theme-mode label .avatar {
  background-color: #E8E9EA;
  color: #1B2850;
}
.theme-mode label span {
  color: #4D555E;
}
.theme-sidebarbg input[type=radio] {
  display: none;
}
.theme-sidebarbg input[type=radio]:checked ~ label:after {
  content: "\f00c";
  font-family: "Fontawesome";
  color: #ffffff;
  font-weight: 700;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 12px;
  height: 12px;
  background: #3EB780;
  border-radius: 50%;
}
.theme-sidebarbg input[type=radio]:checked ~ label img {
  box-shadow: 0px 4px 60px 0px rgba(190, 190, 190, 0.27);
}
.theme-sidebarbg label {
  width: 38px;
  height: 65px;
  position: relative;
}
.theme-sidebarbg label img {
  width: 38px;
  height: 65px;
  object-fit: cover;
  border-radius: 10px !important;
}
.theme-topbarbg input[type=radio] {
  display: none;
}
.theme-topbarbg input[type=radio]:checked ~ label:after {
  content: "\f00c";
  font-family: "Fontawesome";
  color: #ffffff;
  font-weight: 700;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 18px;
  height: 18px;
  background: #3EB780;
  border-radius: 50%;
}
.theme-topbarbg input[type=radio]:checked ~ label img {
  box-shadow: 0px 4px 60px 0px rgba(190, 190, 190, 0.27);
}
.theme-topbarbg label {
  width: 50px;
  height: 50px;
  position: relative;
}
.theme-topbarbg label img {
  width: 100px;
  height: 50px;
  object-fit: cover;
  border-radius: 10px;
}
.theme-width input[type=radio] {
  display: none;
}
.theme-width input[type=radio]:checked ~ label {
  border-color: #F2F2F2 !important;
  background: #E6EAED;
  color: #212B36;
}
.theme-width input[type=radio]:checked ~ label span {
  color: #212B36;
}
.theme-width label {
  border: 1px solid #BCBFC3;
  padding: 8px 10px;
  position: relative;
  color: #4D555E;
}
.theme-sidebarcolor input[type=radio] {
  display: none;
}
.theme-sidebarcolor input[type=radio]:checked ~ label {
  border-color: #4F46E5 !important;
  position: relative;
}
.theme-sidebarcolor input[type=radio]:checked ~ label:after {
  content: "\f058";
  font-family: "Fontawesome";
  color: #4F46E5;
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.theme-sidebarcolor input[type=radio]:checked ~ label.bg-dark:after {
  color: #ffffff;
}
.theme-sidebarcolor label {
  width: 29px;
  height: 46px;
  border: 1px solid #BCBFC3;
}
.theme-container-primary button,
.theme-container-background button,
.theme-topbar button,
.theme-topbarcolor button {
  display: none;
}
.pcr-app {
  z-index: 99999;
}
.pickr-container-primary .pickr .pcr-button,
.pickr-container-background .pickr .pcr-button,
.pickr-topbar .pickr .pcr-button,
.pickr-topbarcolor .pickr .pcr-button {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  border-radius: 50%;
}
.pickr-container-primary .pickr .pcr-button:focus,
.pickr-container-background .pickr .pcr-button:focus,
.pickr-topbar .pickr .pcr-button:focus,
.pickr-topbarcolor .pickr .pcr-button:focus {
  box-shadow: none;
}
.pickr-container-primary .pickr .pcr-button::after,
.pickr-container-background .pickr .pcr-button::after,
.pickr-topbar .pickr .pcr-button::after,
.pickr-topbarcolor .pickr .pcr-button::after {
  content: "\eb01";
  font-family: "tabler-icons" !important;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  font-size: 1.25rem;
}
.custom-btn-close {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #7A8086;
  color: #ffffff;
  margin: 0;
  padding: 0;
  background-image: none;
}
.custom-btn-close:hover {
  background-color: #FF0000;
}
[data-color=all] .theme-colorsset .pickr-container-primary {
  border-color: #4F46E5;
}
[data-topbarcolor=all] .theme-colorselect .pickr-topbarcolor {
  outline-color: #4F46E5;
}
[data-topbar=all] .theme-colorselect .pickr-topbar {
  outline-color: #4F46E5;
}
[data-sidebar=all] .theme-colorselect .pickr-container-background {
  outline-color: #4F46E5;
}
.theme-colorselect.theme-colorselect-rounded label,
.theme-colorselect.theme-colorselect-rounded .pickr-topbar {
  width: 25px;
  height: 25px;
  border-radius: 5px;
}
.theme-colorselect.theme-colorselect-rounded .pickr .pcr-button {
  width: 25px;
  height: 25px;
  border-radius: 5px;
}
.theme-colorselect.theme-colorselect-rounded label.topbar-bg-1 {
  background: #FBFBFB;
}
.theme-colorselect.theme-colorselect-rounded label.topbar-bg-2 {
  background: #E6EAED;
}
.theme-colorselect.theme-colorselect-rounded label.topbar-bg-3 {
  background: #D3D5D7;
}
.theme-colorselect.theme-colorselect-rounded label.topbar-bg-4 {
  background: #FFEEE9;
}
.theme-colorsset label.bg-topbar-color-1::before {
  background: #FBFBFB;
}
.theme-colorsset label.bg-topbar-color-2::before {
  background: #2C2C2C;
}
.theme-colorsset label.bg-topbar-color-3::before {
  background: #6C0BA9;
}
.theme-colorsset label.bg-topbar-color-4::before {
  background: #1D51B6;
}
.theme-colorsset label.bg-topbar-color-5::before {
  background:
    linear-gradient(
      180deg,
      #4B749F 0%,
      #243748 100%);
}
.theme-colorsset label.bg-topbar-color-6::before {
  background: #505969;
}
.theme-colorsset label.bg-topbar-color-7::before {
  background: #0B897D;
}
.theme-colorselect,
.theme-colorsset {
  line-height: 0;
}
.theme-colorselect .pickr-container-background .pickr .pcr-button::after {
  line-height: 3;
}
.theme-colorselect .pickr-topbar .pickr .pcr-button::after {
  line-height: 1.9;
}
.sidebar-header .avatar.avatar-md {
  width: 40px;
  height: 40px;
}
[data-color=lunargreen] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="1"] path {
  fill: #D63031;
}
[data-color=lunargreen] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="2"] path {
  fill: rgba(214, 48, 49, 0.4);
}
[data-color=lunargreen] #heat_chart .apexcharts-series rect {
  fill: #D63031;
}
[data-color=lunargreen] .btn-group.custom-btn-group .btn.active {
  background: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] .category-item.category-primary p::before {
  background: #D63031;
}
[data-color=lunargreen] .header-left #toggle_btn {
  background: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: rgba(214, 48, 49, 0.1);
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow {
  background: transparent;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow::before {
  border-color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after,
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after {
  background: #D63031;
  border-color: rgba(214, 48, 49, 0.1);
}
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #D63031;
}
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul li.active svg,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul li.active svg {
  color: #D63031;
}
[data-color=lunargreen] .btn-white:hover {
  background: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] ::-webkit-scrollbar-thumb {
  background: #D63031;
}
[data-color=lunargreen] .link-item:hover {
  background: rgba(214, 48, 49, 0.1);
}
[data-color=lunargreen] .link-item:hover .link-icon {
  background: #D63031;
}
[data-color=lunargreen] .dropdown-item:not(.active):hover,
[data-color=lunargreen] .dropdown-item:not(.active):focus,
[data-color=lunargreen] .dropdown-item:not(.active):active {
  background: rgba(214, 48, 49, 0.1);
  color: #D63031;
}
[data-color=lunargreen] div#global-loader .whirly-loader:not(:required) {
  box-shadow:
    0 26px 0 6px #D63031,
    0.90971px 26.05079px 0 5.93333px #D63031,
    1.82297px 26.06967px 0 5.86667px #D63031,
    2.73865px 26.05647px 0 5.8px #D63031,
    3.65561px 26.01104px 0 5.73333px #D63031,
    4.57274px 25.93327px 0 5.66667px #D63031,
    5.48887px 25.8231px 0 5.6px #D63031,
    6.40287px 25.68049px 0 5.53333px #D63031,
    7.31358px 25.50548px 0 5.46667px #D63031,
    8.21985px 25.2981px 0 5.4px #D63031,
    9.12054px 25.05847px 0 5.33333px #D63031,
    10.01448px 24.78672px 0 5.26667px #D63031,
    10.90054px 24.48302px 0 5.2px #D63031,
    11.77757px 24.1476px 0 5.13333px #D63031,
    12.64443px 23.78072px 0 5.06667px #D63031,
    13.5px 23.38269px 0 5px #D63031,
    14.34315px 22.95384px 0 4.93333px #D63031,
    15.17277px 22.49455px 0 4.86667px #D63031,
    15.98776px 22.00526px 0 4.8px #D63031,
    16.78704px 21.48643px 0 4.73333px #D63031,
    17.56953px 20.93855px 0 4.66667px #D63031,
    18.33418px 20.36217px 0 4.6px #D63031,
    19.07995px 19.75787px 0 4.53333px #D63031,
    19.80582px 19.12626px 0 4.46667px #D63031,
    20.5108px 18.468px 0 4.4px #D63031,
    21.1939px 17.78379px 0 4.33333px #D63031,
    21.85416px 17.07434px 0 4.26667px #D63031,
    22.49067px 16.34043px 0 4.2px #D63031,
    23.10251px 15.58284px 0 4.13333px #D63031,
    23.68881px 14.80241px 0 4.06667px #D63031,
    24.24871px 14px 0 4px #D63031,
    24.7814px 13.1765px 0 3.93333px #D63031,
    25.28607px 12.33284px 0 3.86667px #D63031,
    25.76198px 11.46997px 0 3.8px #D63031,
    26.2084px 10.58888px 0 3.73333px #D63031,
    26.62462px 9.69057px 0 3.66667px #D63031,
    27.01001px 8.77608px 0 3.6px #D63031,
    27.36392px 7.84648px 0 3.53333px #D63031,
    27.68577px 6.90284px 0 3.46667px #D63031,
    27.97502px 5.94627px 0 3.4px #D63031,
    28.23116px 4.97791px 0 3.33333px #D63031,
    28.4537px 3.99891px 0 3.26667px #D63031,
    28.64223px 3.01042px 0 3.2px #D63031,
    28.79635px 2.01364px 0 3.13333px #D63031,
    28.91571px 1.00976px 0 3.06667px #D63031,
    29px 0 0 3px #D63031,
    29.04896px -1.01441px 0 2.93333px #D63031,
    29.06237px -2.03224px 0 2.86667px #D63031,
    29.04004px -3.05223px 0 2.8px #D63031,
    28.98185px -4.07313px 0 2.73333px #D63031,
    28.88769px -5.09368px 0 2.66667px #D63031,
    28.75754px -6.1126px 0 2.6px #D63031,
    28.59138px -7.12863px 0 2.53333px #D63031,
    28.38926px -8.14049px 0 2.46667px #D63031,
    28.15127px -9.1469px 0 2.4px #D63031,
    27.87755px -10.1466px 0 2.33333px #D63031,
    27.56827px -11.1383px 0 2.26667px #D63031,
    27.22365px -12.12075px 0 2.2px #D63031,
    26.84398px -13.09268px 0 2.13333px #D63031,
    26.42956px -14.05285px 0 2.06667px #D63031,
    25.98076px -15px 0 2px #D63031,
    25.49798px -15.93291px 0 1.93333px #D63031,
    24.98167px -16.85035px 0 1.86667px #D63031,
    24.43231px -17.75111px 0 1.8px #D63031,
    23.85046px -18.63402px 0 1.73333px #D63031,
    23.23668px -19.49789px 0 1.66667px #D63031,
    22.5916px -20.34157px 0 1.6px #D63031,
    21.91589px -21.16393px 0 1.53333px #D63031,
    21.21024px -21.96384px 0 1.46667px #D63031,
    20.4754px -22.74023px 0 1.4px #D63031,
    19.71215px -23.49203px 0 1.33333px #D63031,
    18.92133px -24.2182px 0 1.26667px #D63031,
    18.10379px -24.91772px 0 1.2px #D63031,
    17.26042px -25.58963px 0 1.13333px #D63031,
    16.39217px -26.23295px 0 1.06667px #D63031,
    15.5px -26.84679px 0 1px #D63031,
    14.58492px -27.43024px 0 0.93333px #D63031,
    13.64796px -27.98245px 0 0.86667px #D63031,
    12.69018px -28.50262px 0 0.8px #D63031,
    11.7127px -28.98995px 0 0.73333px #D63031,
    10.71663px -29.4437px 0 0.66667px #D63031,
    9.70313px -29.86317px 0 0.6px #D63031,
    8.67339px -30.2477px 0 0.53333px #D63031,
    7.6286px -30.59666px 0 0.46667px #D63031,
    6.57001px -30.90946px 0 0.4px #D63031,
    5.49886px -31.18558px 0 0.33333px #D63031,
    4.41643px -31.42451px 0 0.26667px #D63031,
    3.32401px -31.6258px 0 0.2px #D63031,
    2.22291px -31.78904px 0 0.13333px #D63031,
    1.11446px -31.91388px 0 0.06667px #D63031,
    0 -32px 0 0 #D63031,
    -1.11911px -32.04713px 0 -0.06667px #D63031,
    -2.24151px -32.05506px 0 -0.13333px #D63031,
    -3.36582px -32.02361px 0 -0.2px #D63031,
    -4.49065px -31.95265px 0 -0.26667px #D63031,
    -5.61462px -31.84212px 0 -0.33333px #D63031,
    -6.73634px -31.69198px 0 -0.4px #D63031,
    -7.8544px -31.50227px 0 -0.46667px #D63031,
    -8.9674px -31.27305px 0 -0.53333px #D63031,
    -10.07395px -31.00444px 0 -0.6px #D63031,
    -11.17266px -30.69663px 0 -0.66667px #D63031,
    -12.26212px -30.34982px 0 -0.73333px #D63031,
    -13.34096px -29.96429px 0 -0.8px #D63031,
    -14.4078px -29.54036px 0 -0.86667px #D63031,
    -15.46126px -29.07841px 0 -0.93333px #D63031,
    -16.5px -28.57884px 0 -1px #D63031,
    -17.52266px -28.04212px 0 -1.06667px #D63031,
    -18.52792px -27.46878px 0 -1.13333px #D63031,
    -19.51447px -26.85936px 0 -1.2px #D63031,
    -20.48101px -26.21449px 0 -1.26667px #D63031,
    -21.42625px -25.53481px 0 -1.33333px #D63031,
    -22.34896px -24.82104px 0 -1.4px #D63031,
    -23.2479px -24.07391px 0 -1.46667px #D63031,
    -24.12186px -23.29421px 0 -1.53333px #D63031,
    -24.96967px -22.48279px 0 -1.6px #D63031,
    -25.79016px -21.64052px 0 -1.66667px #D63031,
    -26.58223px -20.76831px 0 -1.73333px #D63031,
    -27.34477px -19.86714px 0 -1.8px #D63031,
    -28.07674px -18.938px 0 -1.86667px #D63031,
    -28.7771px -17.98193px 0 -1.93333px #D63031,
    -29.44486px -17px 0 -2px #D63031,
    -30.07908px -15.99333px 0 -2.06667px #D63031,
    -30.67884px -14.96307px 0 -2.13333px #D63031,
    -31.24325px -13.91039px 0 -2.2px #D63031,
    -31.7715px -12.83652px 0 -2.26667px #D63031,
    -32.26278px -11.74269px 0 -2.33333px #D63031,
    -32.71634px -10.63018px 0 -2.4px #D63031,
    -33.13149px -9.5003px 0 -2.46667px #D63031,
    -33.50755px -8.35437px 0 -2.53333px #D63031,
    -33.84391px -7.19374px 0 -2.6px #D63031,
    -34.14px -6.0198px 0 -2.66667px #D63031,
    -34.39531px -4.83395px 0 -2.73333px #D63031,
    -34.60936px -3.63759px 0 -2.8px #D63031,
    -34.78173px -2.43218px 0 -2.86667px #D63031,
    -34.91205px -1.21916px 0 -2.93333px #D63031,
    -35px 0 0 -3px #D63031,
    -35.04531px 1.22381px 0 -3.06667px #D63031,
    -35.04775px 2.45078px 0 -3.13333px #D63031,
    -35.00717px 3.6794px 0 -3.2px #D63031,
    -34.92345px 4.90817px 0 -3.26667px #D63031,
    -34.79654px 6.13557px 0 -3.33333px #D63031,
    -34.62643px 7.36007px 0 -3.4px #D63031,
    -34.41316px 8.58016px 0 -3.46667px #D63031,
    -34.15683px 9.79431px 0 -3.53333px #D63031,
    -33.85761px 11.001px 0 -3.6px #D63031,
    -33.5157px 12.19872px 0 -3.66667px #D63031,
    -33.13137px 13.38594px 0 -3.73333px #D63031,
    -32.70493px 14.56117px 0 -3.8px #D63031,
    -32.23675px 15.72291px 0 -3.86667px #D63031,
    -31.72725px 16.86968px 0 -3.93333px #D63031,
    -31.17691px 18px 0 -4px #D63031,
    -30.58627px 19.11242px 0 -4.06667px #D63031,
    -29.95589px 20.2055px 0 -4.13333px #D63031,
    -29.28642px 21.27783px 0 -4.2px #D63031,
    -28.57852px 22.32799px 0 -4.26667px #D63031,
    -27.83295px 23.35462px 0 -4.33333px #D63031,
    -27.05047px 24.35635px 0 -4.4px #D63031,
    -26.23192px 25.33188px 0 -4.46667px #D63031,
    -25.37819px 26.27988px 0 -4.53333px #D63031,
    -24.49018px 27.1991px 0 -4.6px #D63031,
    -23.56888px 28.0883px 0 -4.66667px #D63031,
    -22.6153px 28.94626px 0 -4.73333px #D63031,
    -21.6305px 29.77183px 0 -4.8px #D63031,
    -20.61558px 30.56385px 0 -4.86667px #D63031,
    -19.57168px 31.32124px 0 -4.93333px #D63031,
    -18.5px 32.04294px 0 -5px #D63031,
    -17.40175px 32.72792px 0 -5.06667px #D63031,
    -16.27818px 33.37522px 0 -5.13333px #D63031,
    -15.1306px 33.98389px 0 -5.2px #D63031,
    -13.96034px 34.55305px 0 -5.26667px #D63031,
    -12.76875px 35.08186px 0 -5.33333px #D63031,
    -11.55724px 35.56951px 0 -5.4px #D63031,
    -10.32721px 36.01527px 0 -5.46667px #D63031,
    -9.08014px 36.41843px 0 -5.53333px #D63031,
    -7.81748px 36.77835px 0 -5.6px #D63031,
    -6.54075px 37.09443px 0 -5.66667px #D63031,
    -5.25147px 37.36612px 0 -5.73333px #D63031,
    -3.95118px 37.59293px 0 -5.8px #D63031,
    -2.64145px 37.77443px 0 -5.86667px #D63031,
    -1.32385px 37.91023px 0 -5.93333px #D63031;
}
[data-color=lunargreen] #collapse-header.active {
  background: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] .new-employee-field .image-upload {
  background: #D63031;
}
[data-color=lunargreen] .card-title-head h6 span {
  color: #D63031;
}
[data-color=lunargreen] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active {
  color: #D63031;
  background: rgba(214, 48, 49, 0.1);
}
[data-color=lunargreen] .page-wrapper .nav-pills .nav-link.active {
  background: #D63031;
}
[data-color=lunargreen] .invoice-card:hover {
  border-color: #D63031;
}
[data-color=lunargreen] .invoice-card:hover .avatar {
  background: #D63031 !important;
}
[data-color=lunargreen] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after {
  background: #D63031;
}
[data-color=lunargreen] ::selection {
  background: #D63031;
}
[data-color=brightblue] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="1"] path {
  fill: #009688;
}
[data-color=brightblue] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="2"] path {
  fill: rgba(0, 150, 136, 0.4);
}
[data-color=brightblue] #heat_chart .apexcharts-series rect {
  fill: #009688;
}
[data-color=brightblue] .btn-group.custom-btn-group .btn.active {
  background: #009688;
  border-color: #009688;
}
[data-color=brightblue] .category-item.category-primary p::before {
  background: #009688;
}
[data-color=brightblue] .header-left #toggle_btn {
  background: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: rgba(0, 150, 136, 0.1);
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow {
  background: transparent;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow::before {
  border-color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after,
[data-color=brightblue] .sidebar .sidebar-menu > ul > li .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after {
  background: #009688;
  border-color: rgba(0, 150, 136, 0.1);
}
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #009688;
}
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i {
  color: #009688;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul li.active svg,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul li.active svg {
  color: #009688;
}
[data-color=brightblue] .btn-white:hover {
  background: #009688;
  border-color: #009688;
}
[data-color=brightblue] ::-webkit-scrollbar-thumb {
  background: #009688;
}
[data-color=brightblue] .link-item:hover {
  background: rgba(0, 150, 136, 0.1);
}
[data-color=brightblue] .link-item:hover .link-icon {
  background: #009688;
}
[data-color=brightblue] .dropdown-item:not(.active):hover,
[data-color=brightblue] .dropdown-item:not(.active):focus,
[data-color=brightblue] .dropdown-item:not(.active):active {
  background: rgba(0, 150, 136, 0.1);
  color: #009688;
}
[data-color=brightblue] div#global-loader .whirly-loader:not(:required) {
  box-shadow:
    0 26px 0 6px #009688,
    0.90971px 26.05079px 0 5.93333px #009688,
    1.82297px 26.06967px 0 5.86667px #009688,
    2.73865px 26.05647px 0 5.8px #009688,
    3.65561px 26.01104px 0 5.73333px #009688,
    4.57274px 25.93327px 0 5.66667px #009688,
    5.48887px 25.8231px 0 5.6px #009688,
    6.40287px 25.68049px 0 5.53333px #009688,
    7.31358px 25.50548px 0 5.46667px #009688,
    8.21985px 25.2981px 0 5.4px #009688,
    9.12054px 25.05847px 0 5.33333px #009688,
    10.01448px 24.78672px 0 5.26667px #009688,
    10.90054px 24.48302px 0 5.2px #009688,
    11.77757px 24.1476px 0 5.13333px #009688,
    12.64443px 23.78072px 0 5.06667px #009688,
    13.5px 23.38269px 0 5px #009688,
    14.34315px 22.95384px 0 4.93333px #009688,
    15.17277px 22.49455px 0 4.86667px #009688,
    15.98776px 22.00526px 0 4.8px #009688,
    16.78704px 21.48643px 0 4.73333px #009688,
    17.56953px 20.93855px 0 4.66667px #009688,
    18.33418px 20.36217px 0 4.6px #009688,
    19.07995px 19.75787px 0 4.53333px #009688,
    19.80582px 19.12626px 0 4.46667px #009688,
    20.5108px 18.468px 0 4.4px #009688,
    21.1939px 17.78379px 0 4.33333px #009688,
    21.85416px 17.07434px 0 4.26667px #009688,
    22.49067px 16.34043px 0 4.2px #009688,
    23.10251px 15.58284px 0 4.13333px #009688,
    23.68881px 14.80241px 0 4.06667px #009688,
    24.24871px 14px 0 4px #009688,
    24.7814px 13.1765px 0 3.93333px #009688,
    25.28607px 12.33284px 0 3.86667px #009688,
    25.76198px 11.46997px 0 3.8px #009688,
    26.2084px 10.58888px 0 3.73333px #009688,
    26.62462px 9.69057px 0 3.66667px #009688,
    27.01001px 8.77608px 0 3.6px #009688,
    27.36392px 7.84648px 0 3.53333px #009688,
    27.68577px 6.90284px 0 3.46667px #009688,
    27.97502px 5.94627px 0 3.4px #009688,
    28.23116px 4.97791px 0 3.33333px #009688,
    28.4537px 3.99891px 0 3.26667px #009688,
    28.64223px 3.01042px 0 3.2px #009688,
    28.79635px 2.01364px 0 3.13333px #009688,
    28.91571px 1.00976px 0 3.06667px #009688,
    29px 0 0 3px #009688,
    29.04896px -1.01441px 0 2.93333px #009688,
    29.06237px -2.03224px 0 2.86667px #009688,
    29.04004px -3.05223px 0 2.8px #009688,
    28.98185px -4.07313px 0 2.73333px #009688,
    28.88769px -5.09368px 0 2.66667px #009688,
    28.75754px -6.1126px 0 2.6px #009688,
    28.59138px -7.12863px 0 2.53333px #009688,
    28.38926px -8.14049px 0 2.46667px #009688,
    28.15127px -9.1469px 0 2.4px #009688,
    27.87755px -10.1466px 0 2.33333px #009688,
    27.56827px -11.1383px 0 2.26667px #009688,
    27.22365px -12.12075px 0 2.2px #009688,
    26.84398px -13.09268px 0 2.13333px #009688,
    26.42956px -14.05285px 0 2.06667px #009688,
    25.98076px -15px 0 2px #009688,
    25.49798px -15.93291px 0 1.93333px #009688,
    24.98167px -16.85035px 0 1.86667px #009688,
    24.43231px -17.75111px 0 1.8px #009688,
    23.85046px -18.63402px 0 1.73333px #009688,
    23.23668px -19.49789px 0 1.66667px #009688,
    22.5916px -20.34157px 0 1.6px #009688,
    21.91589px -21.16393px 0 1.53333px #009688,
    21.21024px -21.96384px 0 1.46667px #009688,
    20.4754px -22.74023px 0 1.4px #009688,
    19.71215px -23.49203px 0 1.33333px #009688,
    18.92133px -24.2182px 0 1.26667px #009688,
    18.10379px -24.91772px 0 1.2px #009688,
    17.26042px -25.58963px 0 1.13333px #009688,
    16.39217px -26.23295px 0 1.06667px #009688,
    15.5px -26.84679px 0 1px #009688,
    14.58492px -27.43024px 0 0.93333px #009688,
    13.64796px -27.98245px 0 0.86667px #009688,
    12.69018px -28.50262px 0 0.8px #009688,
    11.7127px -28.98995px 0 0.73333px #009688,
    10.71663px -29.4437px 0 0.66667px #009688,
    9.70313px -29.86317px 0 0.6px #009688,
    8.67339px -30.2477px 0 0.53333px #009688,
    7.6286px -30.59666px 0 0.46667px #009688,
    6.57001px -30.90946px 0 0.4px #009688,
    5.49886px -31.18558px 0 0.33333px #009688,
    4.41643px -31.42451px 0 0.26667px #009688,
    3.32401px -31.6258px 0 0.2px #009688,
    2.22291px -31.78904px 0 0.13333px #009688,
    1.11446px -31.91388px 0 0.06667px #009688,
    0 -32px 0 0 #009688,
    -1.11911px -32.04713px 0 -0.06667px #009688,
    -2.24151px -32.05506px 0 -0.13333px #009688,
    -3.36582px -32.02361px 0 -0.2px #009688,
    -4.49065px -31.95265px 0 -0.26667px #009688,
    -5.61462px -31.84212px 0 -0.33333px #009688,
    -6.73634px -31.69198px 0 -0.4px #009688,
    -7.8544px -31.50227px 0 -0.46667px #009688,
    -8.9674px -31.27305px 0 -0.53333px #009688,
    -10.07395px -31.00444px 0 -0.6px #009688,
    -11.17266px -30.69663px 0 -0.66667px #009688,
    -12.26212px -30.34982px 0 -0.73333px #009688,
    -13.34096px -29.96429px 0 -0.8px #009688,
    -14.4078px -29.54036px 0 -0.86667px #009688,
    -15.46126px -29.07841px 0 -0.93333px #009688,
    -16.5px -28.57884px 0 -1px #009688,
    -17.52266px -28.04212px 0 -1.06667px #009688,
    -18.52792px -27.46878px 0 -1.13333px #009688,
    -19.51447px -26.85936px 0 -1.2px #009688,
    -20.48101px -26.21449px 0 -1.26667px #009688,
    -21.42625px -25.53481px 0 -1.33333px #009688,
    -22.34896px -24.82104px 0 -1.4px #009688,
    -23.2479px -24.07391px 0 -1.46667px #009688,
    -24.12186px -23.29421px 0 -1.53333px #009688,
    -24.96967px -22.48279px 0 -1.6px #009688,
    -25.79016px -21.64052px 0 -1.66667px #009688,
    -26.58223px -20.76831px 0 -1.73333px #009688,
    -27.34477px -19.86714px 0 -1.8px #009688,
    -28.07674px -18.938px 0 -1.86667px #009688,
    -28.7771px -17.98193px 0 -1.93333px #009688,
    -29.44486px -17px 0 -2px #009688,
    -30.07908px -15.99333px 0 -2.06667px #009688,
    -30.67884px -14.96307px 0 -2.13333px #009688,
    -31.24325px -13.91039px 0 -2.2px #009688,
    -31.7715px -12.83652px 0 -2.26667px #009688,
    -32.26278px -11.74269px 0 -2.33333px #009688,
    -32.71634px -10.63018px 0 -2.4px #009688,
    -33.13149px -9.5003px 0 -2.46667px #009688,
    -33.50755px -8.35437px 0 -2.53333px #009688,
    -33.84391px -7.19374px 0 -2.6px #009688,
    -34.14px -6.0198px 0 -2.66667px #009688,
    -34.39531px -4.83395px 0 -2.73333px #009688,
    -34.60936px -3.63759px 0 -2.8px #009688,
    -34.78173px -2.43218px 0 -2.86667px #009688,
    -34.91205px -1.21916px 0 -2.93333px #009688,
    -35px 0 0 -3px #009688,
    -35.04531px 1.22381px 0 -3.06667px #009688,
    -35.04775px 2.45078px 0 -3.13333px #009688,
    -35.00717px 3.6794px 0 -3.2px #009688,
    -34.92345px 4.90817px 0 -3.26667px #009688,
    -34.79654px 6.13557px 0 -3.33333px #009688,
    -34.62643px 7.36007px 0 -3.4px #009688,
    -34.41316px 8.58016px 0 -3.46667px #009688,
    -34.15683px 9.79431px 0 -3.53333px #009688,
    -33.85761px 11.001px 0 -3.6px #009688,
    -33.5157px 12.19872px 0 -3.66667px #009688,
    -33.13137px 13.38594px 0 -3.73333px #009688,
    -32.70493px 14.56117px 0 -3.8px #009688,
    -32.23675px 15.72291px 0 -3.86667px #009688,
    -31.72725px 16.86968px 0 -3.93333px #009688,
    -31.17691px 18px 0 -4px #009688,
    -30.58627px 19.11242px 0 -4.06667px #009688,
    -29.95589px 20.2055px 0 -4.13333px #009688,
    -29.28642px 21.27783px 0 -4.2px #009688,
    -28.57852px 22.32799px 0 -4.26667px #009688,
    -27.83295px 23.35462px 0 -4.33333px #009688,
    -27.05047px 24.35635px 0 -4.4px #009688,
    -26.23192px 25.33188px 0 -4.46667px #009688,
    -25.37819px 26.27988px 0 -4.53333px #009688,
    -24.49018px 27.1991px 0 -4.6px #009688,
    -23.56888px 28.0883px 0 -4.66667px #009688,
    -22.6153px 28.94626px 0 -4.73333px #009688,
    -21.6305px 29.77183px 0 -4.8px #009688,
    -20.61558px 30.56385px 0 -4.86667px #009688,
    -19.57168px 31.32124px 0 -4.93333px #009688,
    -18.5px 32.04294px 0 -5px #009688,
    -17.40175px 32.72792px 0 -5.06667px #009688,
    -16.27818px 33.37522px 0 -5.13333px #009688,
    -15.1306px 33.98389px 0 -5.2px #009688,
    -13.96034px 34.55305px 0 -5.26667px #009688,
    -12.76875px 35.08186px 0 -5.33333px #009688,
    -11.55724px 35.56951px 0 -5.4px #009688,
    -10.32721px 36.01527px 0 -5.46667px #009688,
    -9.08014px 36.41843px 0 -5.53333px #009688,
    -7.81748px 36.77835px 0 -5.6px #009688,
    -6.54075px 37.09443px 0 -5.66667px #009688,
    -5.25147px 37.36612px 0 -5.73333px #009688,
    -3.95118px 37.59293px 0 -5.8px #009688,
    -2.64145px 37.77443px 0 -5.86667px #009688,
    -1.32385px 37.91023px 0 -5.93333px #009688;
}
[data-color=brightblue] #collapse-header.active {
  background: #009688;
  border-color: #009688;
}
[data-color=brightblue] .new-employee-field .image-upload {
  background: #009688;
}
[data-color=brightblue] .card-title-head h6 span {
  color: #009688;
}
[data-color=brightblue] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active {
  color: #009688;
  background: rgba(0, 150, 136, 0.1);
}
[data-color=brightblue] .page-wrapper .nav-pills .nav-link.active {
  background: #009688;
}
[data-color=brightblue] .invoice-card:hover {
  border-color: #009688;
}
[data-color=brightblue] .invoice-card:hover .avatar {
  background: #009688 !important;
}
[data-color=brightblue] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after {
  background: #009688;
}
[data-color=brightblue] ::selection {
  background: #009688;
}
[data-color=lunargreen] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="1"] path {
  fill: #D63031;
}
[data-color=lunargreen] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="2"] path {
  fill: rgba(214, 48, 49, 0.4);
}
[data-color=lunargreen] #heat_chart .apexcharts-series rect {
  fill: #D63031;
}
[data-color=lunargreen] .btn-group.custom-btn-group .btn.active {
  background: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] .category-item.category-primary p::before {
  background: #D63031;
}
[data-color=lunargreen] .header-left #toggle_btn {
  background: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: rgba(214, 48, 49, 0.1);
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow {
  background: transparent;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow::before {
  border-color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after,
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after {
  background: #D63031;
  border-color: rgba(214, 48, 49, 0.1);
}
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #D63031;
}
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i {
  color: #D63031;
}
[data-color=lunargreen] .sidebar .sidebar-menu > ul li.active svg,
[data-color=lunargreen] .settings-sidebar .sidebar-menu > ul li.active svg {
  color: #D63031;
}
[data-color=lunargreen] .btn-white:hover {
  background: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] ::-webkit-scrollbar-thumb {
  background: #D63031;
}
[data-color=lunargreen] .link-item:hover {
  background: rgba(214, 48, 49, 0.1);
}
[data-color=lunargreen] .link-item:hover .link-icon {
  background: #D63031;
}
[data-color=lunargreen] .dropdown-item:not(.active):hover,
[data-color=lunargreen] .dropdown-item:not(.active):focus,
[data-color=lunargreen] .dropdown-item:not(.active):active {
  background: rgba(214, 48, 49, 0.1);
  color: #D63031;
}
[data-color=lunargreen] div#global-loader .whirly-loader:not(:required) {
  box-shadow:
    0 26px 0 6px #D63031,
    0.90971px 26.05079px 0 5.93333px #D63031,
    1.82297px 26.06967px 0 5.86667px #D63031,
    2.73865px 26.05647px 0 5.8px #D63031,
    3.65561px 26.01104px 0 5.73333px #D63031,
    4.57274px 25.93327px 0 5.66667px #D63031,
    5.48887px 25.8231px 0 5.6px #D63031,
    6.40287px 25.68049px 0 5.53333px #D63031,
    7.31358px 25.50548px 0 5.46667px #D63031,
    8.21985px 25.2981px 0 5.4px #D63031,
    9.12054px 25.05847px 0 5.33333px #D63031,
    10.01448px 24.78672px 0 5.26667px #D63031,
    10.90054px 24.48302px 0 5.2px #D63031,
    11.77757px 24.1476px 0 5.13333px #D63031,
    12.64443px 23.78072px 0 5.06667px #D63031,
    13.5px 23.38269px 0 5px #D63031,
    14.34315px 22.95384px 0 4.93333px #D63031,
    15.17277px 22.49455px 0 4.86667px #D63031,
    15.98776px 22.00526px 0 4.8px #D63031,
    16.78704px 21.48643px 0 4.73333px #D63031,
    17.56953px 20.93855px 0 4.66667px #D63031,
    18.33418px 20.36217px 0 4.6px #D63031,
    19.07995px 19.75787px 0 4.53333px #D63031,
    19.80582px 19.12626px 0 4.46667px #D63031,
    20.5108px 18.468px 0 4.4px #D63031,
    21.1939px 17.78379px 0 4.33333px #D63031,
    21.85416px 17.07434px 0 4.26667px #D63031,
    22.49067px 16.34043px 0 4.2px #D63031,
    23.10251px 15.58284px 0 4.13333px #D63031,
    23.68881px 14.80241px 0 4.06667px #D63031,
    24.24871px 14px 0 4px #D63031,
    24.7814px 13.1765px 0 3.93333px #D63031,
    25.28607px 12.33284px 0 3.86667px #D63031,
    25.76198px 11.46997px 0 3.8px #D63031,
    26.2084px 10.58888px 0 3.73333px #D63031,
    26.62462px 9.69057px 0 3.66667px #D63031,
    27.01001px 8.77608px 0 3.6px #D63031,
    27.36392px 7.84648px 0 3.53333px #D63031,
    27.68577px 6.90284px 0 3.46667px #D63031,
    27.97502px 5.94627px 0 3.4px #D63031,
    28.23116px 4.97791px 0 3.33333px #D63031,
    28.4537px 3.99891px 0 3.26667px #D63031,
    28.64223px 3.01042px 0 3.2px #D63031,
    28.79635px 2.01364px 0 3.13333px #D63031,
    28.91571px 1.00976px 0 3.06667px #D63031,
    29px 0 0 3px #D63031,
    29.04896px -1.01441px 0 2.93333px #D63031,
    29.06237px -2.03224px 0 2.86667px #D63031,
    29.04004px -3.05223px 0 2.8px #D63031,
    28.98185px -4.07313px 0 2.73333px #D63031,
    28.88769px -5.09368px 0 2.66667px #D63031,
    28.75754px -6.1126px 0 2.6px #D63031,
    28.59138px -7.12863px 0 2.53333px #D63031,
    28.38926px -8.14049px 0 2.46667px #D63031,
    28.15127px -9.1469px 0 2.4px #D63031,
    27.87755px -10.1466px 0 2.33333px #D63031,
    27.56827px -11.1383px 0 2.26667px #D63031,
    27.22365px -12.12075px 0 2.2px #D63031,
    26.84398px -13.09268px 0 2.13333px #D63031,
    26.42956px -14.05285px 0 2.06667px #D63031,
    25.98076px -15px 0 2px #D63031,
    25.49798px -15.93291px 0 1.93333px #D63031,
    24.98167px -16.85035px 0 1.86667px #D63031,
    24.43231px -17.75111px 0 1.8px #D63031,
    23.85046px -18.63402px 0 1.73333px #D63031,
    23.23668px -19.49789px 0 1.66667px #D63031,
    22.5916px -20.34157px 0 1.6px #D63031,
    21.91589px -21.16393px 0 1.53333px #D63031,
    21.21024px -21.96384px 0 1.46667px #D63031,
    20.4754px -22.74023px 0 1.4px #D63031,
    19.71215px -23.49203px 0 1.33333px #D63031,
    18.92133px -24.2182px 0 1.26667px #D63031,
    18.10379px -24.91772px 0 1.2px #D63031,
    17.26042px -25.58963px 0 1.13333px #D63031,
    16.39217px -26.23295px 0 1.06667px #D63031,
    15.5px -26.84679px 0 1px #D63031,
    14.58492px -27.43024px 0 0.93333px #D63031,
    13.64796px -27.98245px 0 0.86667px #D63031,
    12.69018px -28.50262px 0 0.8px #D63031,
    11.7127px -28.98995px 0 0.73333px #D63031,
    10.71663px -29.4437px 0 0.66667px #D63031,
    9.70313px -29.86317px 0 0.6px #D63031,
    8.67339px -30.2477px 0 0.53333px #D63031,
    7.6286px -30.59666px 0 0.46667px #D63031,
    6.57001px -30.90946px 0 0.4px #D63031,
    5.49886px -31.18558px 0 0.33333px #D63031,
    4.41643px -31.42451px 0 0.26667px #D63031,
    3.32401px -31.6258px 0 0.2px #D63031,
    2.22291px -31.78904px 0 0.13333px #D63031,
    1.11446px -31.91388px 0 0.06667px #D63031,
    0 -32px 0 0 #D63031,
    -1.11911px -32.04713px 0 -0.06667px #D63031,
    -2.24151px -32.05506px 0 -0.13333px #D63031,
    -3.36582px -32.02361px 0 -0.2px #D63031,
    -4.49065px -31.95265px 0 -0.26667px #D63031,
    -5.61462px -31.84212px 0 -0.33333px #D63031,
    -6.73634px -31.69198px 0 -0.4px #D63031,
    -7.8544px -31.50227px 0 -0.46667px #D63031,
    -8.9674px -31.27305px 0 -0.53333px #D63031,
    -10.07395px -31.00444px 0 -0.6px #D63031,
    -11.17266px -30.69663px 0 -0.66667px #D63031,
    -12.26212px -30.34982px 0 -0.73333px #D63031,
    -13.34096px -29.96429px 0 -0.8px #D63031,
    -14.4078px -29.54036px 0 -0.86667px #D63031,
    -15.46126px -29.07841px 0 -0.93333px #D63031,
    -16.5px -28.57884px 0 -1px #D63031,
    -17.52266px -28.04212px 0 -1.06667px #D63031,
    -18.52792px -27.46878px 0 -1.13333px #D63031,
    -19.51447px -26.85936px 0 -1.2px #D63031,
    -20.48101px -26.21449px 0 -1.26667px #D63031,
    -21.42625px -25.53481px 0 -1.33333px #D63031,
    -22.34896px -24.82104px 0 -1.4px #D63031,
    -23.2479px -24.07391px 0 -1.46667px #D63031,
    -24.12186px -23.29421px 0 -1.53333px #D63031,
    -24.96967px -22.48279px 0 -1.6px #D63031,
    -25.79016px -21.64052px 0 -1.66667px #D63031,
    -26.58223px -20.76831px 0 -1.73333px #D63031,
    -27.34477px -19.86714px 0 -1.8px #D63031,
    -28.07674px -18.938px 0 -1.86667px #D63031,
    -28.7771px -17.98193px 0 -1.93333px #D63031,
    -29.44486px -17px 0 -2px #D63031,
    -30.07908px -15.99333px 0 -2.06667px #D63031,
    -30.67884px -14.96307px 0 -2.13333px #D63031,
    -31.24325px -13.91039px 0 -2.2px #D63031,
    -31.7715px -12.83652px 0 -2.26667px #D63031,
    -32.26278px -11.74269px 0 -2.33333px #D63031,
    -32.71634px -10.63018px 0 -2.4px #D63031,
    -33.13149px -9.5003px 0 -2.46667px #D63031,
    -33.50755px -8.35437px 0 -2.53333px #D63031,
    -33.84391px -7.19374px 0 -2.6px #D63031,
    -34.14px -6.0198px 0 -2.66667px #D63031,
    -34.39531px -4.83395px 0 -2.73333px #D63031,
    -34.60936px -3.63759px 0 -2.8px #D63031,
    -34.78173px -2.43218px 0 -2.86667px #D63031,
    -34.91205px -1.21916px 0 -2.93333px #D63031,
    -35px 0 0 -3px #D63031,
    -35.04531px 1.22381px 0 -3.06667px #D63031,
    -35.04775px 2.45078px 0 -3.13333px #D63031,
    -35.00717px 3.6794px 0 -3.2px #D63031,
    -34.92345px 4.90817px 0 -3.26667px #D63031,
    -34.79654px 6.13557px 0 -3.33333px #D63031,
    -34.62643px 7.36007px 0 -3.4px #D63031,
    -34.41316px 8.58016px 0 -3.46667px #D63031,
    -34.15683px 9.79431px 0 -3.53333px #D63031,
    -33.85761px 11.001px 0 -3.6px #D63031,
    -33.5157px 12.19872px 0 -3.66667px #D63031,
    -33.13137px 13.38594px 0 -3.73333px #D63031,
    -32.70493px 14.56117px 0 -3.8px #D63031,
    -32.23675px 15.72291px 0 -3.86667px #D63031,
    -31.72725px 16.86968px 0 -3.93333px #D63031,
    -31.17691px 18px 0 -4px #D63031,
    -30.58627px 19.11242px 0 -4.06667px #D63031,
    -29.95589px 20.2055px 0 -4.13333px #D63031,
    -29.28642px 21.27783px 0 -4.2px #D63031,
    -28.57852px 22.32799px 0 -4.26667px #D63031,
    -27.83295px 23.35462px 0 -4.33333px #D63031,
    -27.05047px 24.35635px 0 -4.4px #D63031,
    -26.23192px 25.33188px 0 -4.46667px #D63031,
    -25.37819px 26.27988px 0 -4.53333px #D63031,
    -24.49018px 27.1991px 0 -4.6px #D63031,
    -23.56888px 28.0883px 0 -4.66667px #D63031,
    -22.6153px 28.94626px 0 -4.73333px #D63031,
    -21.6305px 29.77183px 0 -4.8px #D63031,
    -20.61558px 30.56385px 0 -4.86667px #D63031,
    -19.57168px 31.32124px 0 -4.93333px #D63031,
    -18.5px 32.04294px 0 -5px #D63031,
    -17.40175px 32.72792px 0 -5.06667px #D63031,
    -16.27818px 33.37522px 0 -5.13333px #D63031,
    -15.1306px 33.98389px 0 -5.2px #D63031,
    -13.96034px 34.55305px 0 -5.26667px #D63031,
    -12.76875px 35.08186px 0 -5.33333px #D63031,
    -11.55724px 35.56951px 0 -5.4px #D63031,
    -10.32721px 36.01527px 0 -5.46667px #D63031,
    -9.08014px 36.41843px 0 -5.53333px #D63031,
    -7.81748px 36.77835px 0 -5.6px #D63031,
    -6.54075px 37.09443px 0 -5.66667px #D63031,
    -5.25147px 37.36612px 0 -5.73333px #D63031,
    -3.95118px 37.59293px 0 -5.8px #D63031,
    -2.64145px 37.77443px 0 -5.86667px #D63031,
    -1.32385px 37.91023px 0 -5.93333px #D63031;
}
[data-color=lunargreen] #collapse-header.active {
  background: #D63031;
  border-color: #D63031;
}
[data-color=lunargreen] .new-employee-field .image-upload {
  background: #D63031;
}
[data-color=lunargreen] .card-title-head h6 span {
  color: #D63031;
}
[data-color=lunargreen] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active {
  color: #D63031;
  background: rgba(214, 48, 49, 0.1);
}
[data-color=lunargreen] .page-wrapper .nav-pills .nav-link.active {
  background: #D63031;
}
[data-color=lunargreen] .invoice-card:hover {
  border-color: #D63031;
}
[data-color=lunargreen] .invoice-card:hover .avatar {
  background: #D63031 !important;
}
[data-color=lunargreen] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after {
  background: #D63031;
}
[data-color=lunargreen] ::selection {
  background: #D63031;
}
[data-color=lavendar] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="1"] path {
  fill: #6C5CE7;
}
[data-color=lavendar] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="2"] path {
  fill: rgba(108, 92, 231, 0.4);
}
[data-color=lavendar] #heat_chart .apexcharts-series rect {
  fill: #6C5CE7;
}
[data-color=lavendar] .btn-group.custom-btn-group .btn.active {
  background: #6C5CE7;
  border-color: #6C5CE7;
}
[data-color=lavendar] .category-item.category-primary p::before {
  background: #6C5CE7;
}
[data-color=lavendar] .header-left #toggle_btn {
  background: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: rgba(108, 92, 231, 0.1);
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow {
  background: transparent;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow::before {
  border-color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after,
[data-color=lavendar] .sidebar .sidebar-menu > ul > li .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after {
  background: #6C5CE7;
  border-color: rgba(108, 92, 231, 0.1);
}
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #6C5CE7;
}
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i {
  color: #6C5CE7;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul li.active svg,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul li.active svg {
  color: #6C5CE7;
}
[data-color=lavendar] .btn-white:hover {
  background: #6C5CE7;
  border-color: #6C5CE7;
}
[data-color=lavendar] ::-webkit-scrollbar-thumb {
  background: #6C5CE7;
}
[data-color=lavendar] .link-item:hover {
  background: rgba(108, 92, 231, 0.1);
}
[data-color=lavendar] .link-item:hover .link-icon {
  background: #6C5CE7;
}
[data-color=lavendar] .dropdown-item:not(.active):hover,
[data-color=lavendar] .dropdown-item:not(.active):focus,
[data-color=lavendar] .dropdown-item:not(.active):active {
  background: rgba(108, 92, 231, 0.1);
  color: #6C5CE7;
}
[data-color=lavendar] div#global-loader .whirly-loader:not(:required) {
  box-shadow:
    0 26px 0 6px #6C5CE7,
    0.90971px 26.05079px 0 5.93333px #6C5CE7,
    1.82297px 26.06967px 0 5.86667px #6C5CE7,
    2.73865px 26.05647px 0 5.8px #6C5CE7,
    3.65561px 26.01104px 0 5.73333px #6C5CE7,
    4.57274px 25.93327px 0 5.66667px #6C5CE7,
    5.48887px 25.8231px 0 5.6px #6C5CE7,
    6.40287px 25.68049px 0 5.53333px #6C5CE7,
    7.31358px 25.50548px 0 5.46667px #6C5CE7,
    8.21985px 25.2981px 0 5.4px #6C5CE7,
    9.12054px 25.05847px 0 5.33333px #6C5CE7,
    10.01448px 24.78672px 0 5.26667px #6C5CE7,
    10.90054px 24.48302px 0 5.2px #6C5CE7,
    11.77757px 24.1476px 0 5.13333px #6C5CE7,
    12.64443px 23.78072px 0 5.06667px #6C5CE7,
    13.5px 23.38269px 0 5px #6C5CE7,
    14.34315px 22.95384px 0 4.93333px #6C5CE7,
    15.17277px 22.49455px 0 4.86667px #6C5CE7,
    15.98776px 22.00526px 0 4.8px #6C5CE7,
    16.78704px 21.48643px 0 4.73333px #6C5CE7,
    17.56953px 20.93855px 0 4.66667px #6C5CE7,
    18.33418px 20.36217px 0 4.6px #6C5CE7,
    19.07995px 19.75787px 0 4.53333px #6C5CE7,
    19.80582px 19.12626px 0 4.46667px #6C5CE7,
    20.5108px 18.468px 0 4.4px #6C5CE7,
    21.1939px 17.78379px 0 4.33333px #6C5CE7,
    21.85416px 17.07434px 0 4.26667px #6C5CE7,
    22.49067px 16.34043px 0 4.2px #6C5CE7,
    23.10251px 15.58284px 0 4.13333px #6C5CE7,
    23.68881px 14.80241px 0 4.06667px #6C5CE7,
    24.24871px 14px 0 4px #6C5CE7,
    24.7814px 13.1765px 0 3.93333px #6C5CE7,
    25.28607px 12.33284px 0 3.86667px #6C5CE7,
    25.76198px 11.46997px 0 3.8px #6C5CE7,
    26.2084px 10.58888px 0 3.73333px #6C5CE7,
    26.62462px 9.69057px 0 3.66667px #6C5CE7,
    27.01001px 8.77608px 0 3.6px #6C5CE7,
    27.36392px 7.84648px 0 3.53333px #6C5CE7,
    27.68577px 6.90284px 0 3.46667px #6C5CE7,
    27.97502px 5.94627px 0 3.4px #6C5CE7,
    28.23116px 4.97791px 0 3.33333px #6C5CE7,
    28.4537px 3.99891px 0 3.26667px #6C5CE7,
    28.64223px 3.01042px 0 3.2px #6C5CE7,
    28.79635px 2.01364px 0 3.13333px #6C5CE7,
    28.91571px 1.00976px 0 3.06667px #6C5CE7,
    29px 0 0 3px #6C5CE7,
    29.04896px -1.01441px 0 2.93333px #6C5CE7,
    29.06237px -2.03224px 0 2.86667px #6C5CE7,
    29.04004px -3.05223px 0 2.8px #6C5CE7,
    28.98185px -4.07313px 0 2.73333px #6C5CE7,
    28.88769px -5.09368px 0 2.66667px #6C5CE7,
    28.75754px -6.1126px 0 2.6px #6C5CE7,
    28.59138px -7.12863px 0 2.53333px #6C5CE7,
    28.38926px -8.14049px 0 2.46667px #6C5CE7,
    28.15127px -9.1469px 0 2.4px #6C5CE7,
    27.87755px -10.1466px 0 2.33333px #6C5CE7,
    27.56827px -11.1383px 0 2.26667px #6C5CE7,
    27.22365px -12.12075px 0 2.2px #6C5CE7,
    26.84398px -13.09268px 0 2.13333px #6C5CE7,
    26.42956px -14.05285px 0 2.06667px #6C5CE7,
    25.98076px -15px 0 2px #6C5CE7,
    25.49798px -15.93291px 0 1.93333px #6C5CE7,
    24.98167px -16.85035px 0 1.86667px #6C5CE7,
    24.43231px -17.75111px 0 1.8px #6C5CE7,
    23.85046px -18.63402px 0 1.73333px #6C5CE7,
    23.23668px -19.49789px 0 1.66667px #6C5CE7,
    22.5916px -20.34157px 0 1.6px #6C5CE7,
    21.91589px -21.16393px 0 1.53333px #6C5CE7,
    21.21024px -21.96384px 0 1.46667px #6C5CE7,
    20.4754px -22.74023px 0 1.4px #6C5CE7,
    19.71215px -23.49203px 0 1.33333px #6C5CE7,
    18.92133px -24.2182px 0 1.26667px #6C5CE7,
    18.10379px -24.91772px 0 1.2px #6C5CE7,
    17.26042px -25.58963px 0 1.13333px #6C5CE7,
    16.39217px -26.23295px 0 1.06667px #6C5CE7,
    15.5px -26.84679px 0 1px #6C5CE7,
    14.58492px -27.43024px 0 0.93333px #6C5CE7,
    13.64796px -27.98245px 0 0.86667px #6C5CE7,
    12.69018px -28.50262px 0 0.8px #6C5CE7,
    11.7127px -28.98995px 0 0.73333px #6C5CE7,
    10.71663px -29.4437px 0 0.66667px #6C5CE7,
    9.70313px -29.86317px 0 0.6px #6C5CE7,
    8.67339px -30.2477px 0 0.53333px #6C5CE7,
    7.6286px -30.59666px 0 0.46667px #6C5CE7,
    6.57001px -30.90946px 0 0.4px #6C5CE7,
    5.49886px -31.18558px 0 0.33333px #6C5CE7,
    4.41643px -31.42451px 0 0.26667px #6C5CE7,
    3.32401px -31.6258px 0 0.2px #6C5CE7,
    2.22291px -31.78904px 0 0.13333px #6C5CE7,
    1.11446px -31.91388px 0 0.06667px #6C5CE7,
    0 -32px 0 0 #6C5CE7,
    -1.11911px -32.04713px 0 -0.06667px #6C5CE7,
    -2.24151px -32.05506px 0 -0.13333px #6C5CE7,
    -3.36582px -32.02361px 0 -0.2px #6C5CE7,
    -4.49065px -31.95265px 0 -0.26667px #6C5CE7,
    -5.61462px -31.84212px 0 -0.33333px #6C5CE7,
    -6.73634px -31.69198px 0 -0.4px #6C5CE7,
    -7.8544px -31.50227px 0 -0.46667px #6C5CE7,
    -8.9674px -31.27305px 0 -0.53333px #6C5CE7,
    -10.07395px -31.00444px 0 -0.6px #6C5CE7,
    -11.17266px -30.69663px 0 -0.66667px #6C5CE7,
    -12.26212px -30.34982px 0 -0.73333px #6C5CE7,
    -13.34096px -29.96429px 0 -0.8px #6C5CE7,
    -14.4078px -29.54036px 0 -0.86667px #6C5CE7,
    -15.46126px -29.07841px 0 -0.93333px #6C5CE7,
    -16.5px -28.57884px 0 -1px #6C5CE7,
    -17.52266px -28.04212px 0 -1.06667px #6C5CE7,
    -18.52792px -27.46878px 0 -1.13333px #6C5CE7,
    -19.51447px -26.85936px 0 -1.2px #6C5CE7,
    -20.48101px -26.21449px 0 -1.26667px #6C5CE7,
    -21.42625px -25.53481px 0 -1.33333px #6C5CE7,
    -22.34896px -24.82104px 0 -1.4px #6C5CE7,
    -23.2479px -24.07391px 0 -1.46667px #6C5CE7,
    -24.12186px -23.29421px 0 -1.53333px #6C5CE7,
    -24.96967px -22.48279px 0 -1.6px #6C5CE7,
    -25.79016px -21.64052px 0 -1.66667px #6C5CE7,
    -26.58223px -20.76831px 0 -1.73333px #6C5CE7,
    -27.34477px -19.86714px 0 -1.8px #6C5CE7,
    -28.07674px -18.938px 0 -1.86667px #6C5CE7,
    -28.7771px -17.98193px 0 -1.93333px #6C5CE7,
    -29.44486px -17px 0 -2px #6C5CE7,
    -30.07908px -15.99333px 0 -2.06667px #6C5CE7,
    -30.67884px -14.96307px 0 -2.13333px #6C5CE7,
    -31.24325px -13.91039px 0 -2.2px #6C5CE7,
    -31.7715px -12.83652px 0 -2.26667px #6C5CE7,
    -32.26278px -11.74269px 0 -2.33333px #6C5CE7,
    -32.71634px -10.63018px 0 -2.4px #6C5CE7,
    -33.13149px -9.5003px 0 -2.46667px #6C5CE7,
    -33.50755px -8.35437px 0 -2.53333px #6C5CE7,
    -33.84391px -7.19374px 0 -2.6px #6C5CE7,
    -34.14px -6.0198px 0 -2.66667px #6C5CE7,
    -34.39531px -4.83395px 0 -2.73333px #6C5CE7,
    -34.60936px -3.63759px 0 -2.8px #6C5CE7,
    -34.78173px -2.43218px 0 -2.86667px #6C5CE7,
    -34.91205px -1.21916px 0 -2.93333px #6C5CE7,
    -35px 0 0 -3px #6C5CE7,
    -35.04531px 1.22381px 0 -3.06667px #6C5CE7,
    -35.04775px 2.45078px 0 -3.13333px #6C5CE7,
    -35.00717px 3.6794px 0 -3.2px #6C5CE7,
    -34.92345px 4.90817px 0 -3.26667px #6C5CE7,
    -34.79654px 6.13557px 0 -3.33333px #6C5CE7,
    -34.62643px 7.36007px 0 -3.4px #6C5CE7,
    -34.41316px 8.58016px 0 -3.46667px #6C5CE7,
    -34.15683px 9.79431px 0 -3.53333px #6C5CE7,
    -33.85761px 11.001px 0 -3.6px #6C5CE7,
    -33.5157px 12.19872px 0 -3.66667px #6C5CE7,
    -33.13137px 13.38594px 0 -3.73333px #6C5CE7,
    -32.70493px 14.56117px 0 -3.8px #6C5CE7,
    -32.23675px 15.72291px 0 -3.86667px #6C5CE7,
    -31.72725px 16.86968px 0 -3.93333px #6C5CE7,
    -31.17691px 18px 0 -4px #6C5CE7,
    -30.58627px 19.11242px 0 -4.06667px #6C5CE7,
    -29.95589px 20.2055px 0 -4.13333px #6C5CE7,
    -29.28642px 21.27783px 0 -4.2px #6C5CE7,
    -28.57852px 22.32799px 0 -4.26667px #6C5CE7,
    -27.83295px 23.35462px 0 -4.33333px #6C5CE7,
    -27.05047px 24.35635px 0 -4.4px #6C5CE7,
    -26.23192px 25.33188px 0 -4.46667px #6C5CE7,
    -25.37819px 26.27988px 0 -4.53333px #6C5CE7,
    -24.49018px 27.1991px 0 -4.6px #6C5CE7,
    -23.56888px 28.0883px 0 -4.66667px #6C5CE7,
    -22.6153px 28.94626px 0 -4.73333px #6C5CE7,
    -21.6305px 29.77183px 0 -4.8px #6C5CE7,
    -20.61558px 30.56385px 0 -4.86667px #6C5CE7,
    -19.57168px 31.32124px 0 -4.93333px #6C5CE7,
    -18.5px 32.04294px 0 -5px #6C5CE7,
    -17.40175px 32.72792px 0 -5.06667px #6C5CE7,
    -16.27818px 33.37522px 0 -5.13333px #6C5CE7,
    -15.1306px 33.98389px 0 -5.2px #6C5CE7,
    -13.96034px 34.55305px 0 -5.26667px #6C5CE7,
    -12.76875px 35.08186px 0 -5.33333px #6C5CE7,
    -11.55724px 35.56951px 0 -5.4px #6C5CE7,
    -10.32721px 36.01527px 0 -5.46667px #6C5CE7,
    -9.08014px 36.41843px 0 -5.53333px #6C5CE7,
    -7.81748px 36.77835px 0 -5.6px #6C5CE7,
    -6.54075px 37.09443px 0 -5.66667px #6C5CE7,
    -5.25147px 37.36612px 0 -5.73333px #6C5CE7,
    -3.95118px 37.59293px 0 -5.8px #6C5CE7,
    -2.64145px 37.77443px 0 -5.86667px #6C5CE7,
    -1.32385px 37.91023px 0 -5.93333px #6C5CE7;
}
[data-color=lavendar] #collapse-header.active {
  background: #6C5CE7;
  border-color: #6C5CE7;
}
[data-color=lavendar] .new-employee-field .image-upload {
  background: #6C5CE7;
}
[data-color=lavendar] .card-title-head h6 span {
  color: #6C5CE7;
}
[data-color=lavendar] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active {
  color: #6C5CE7;
  background: rgba(108, 92, 231, 0.1);
}
[data-color=lavendar] .page-wrapper .nav-pills .nav-link.active {
  background: #6C5CE7;
}
[data-color=lavendar] .invoice-card:hover {
  border-color: #6C5CE7;
}
[data-color=lavendar] .invoice-card:hover .avatar {
  background: #6C5CE7 !important;
}
[data-color=lavendar] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after {
  background: #6C5CE7;
}
[data-color=lavendar] ::selection {
  background: #6C5CE7;
}
[data-color=magenta] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="1"] path {
  fill: #0984E3;
}
[data-color=magenta] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="2"] path {
  fill: rgba(9, 132, 227, 0.4);
}
[data-color=magenta] #heat_chart .apexcharts-series rect {
  fill: #0984E3;
}
[data-color=magenta] .btn-group.custom-btn-group .btn.active {
  background: #0984E3;
  border-color: #0984E3;
}
[data-color=magenta] .category-item.category-primary p::before {
  background: #0984E3;
}
[data-color=magenta] .header-left #toggle_btn {
  background: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop,
[data-color=magenta] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: rgba(9, 132, 227, 0.1);
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow {
  background: transparent;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow::before {
  border-color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after,
[data-color=magenta] .sidebar .sidebar-menu > ul > li .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after {
  background: #0984E3;
  border-color: rgba(9, 132, 227, 0.1);
}
[data-color=magenta] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #0984E3;
}
[data-color=magenta] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
[data-color=magenta] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
[data-color=magenta] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i,
[data-color=magenta] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i {
  color: #0984E3;
}
[data-color=magenta] .sidebar .sidebar-menu > ul li.active svg,
[data-color=magenta] .settings-sidebar .sidebar-menu > ul li.active svg {
  color: #0984E3;
}
[data-color=magenta] .btn-white:hover {
  background: #0984E3;
  border-color: #0984E3;
}
[data-color=magenta] ::-webkit-scrollbar-thumb {
  background: #0984E3;
}
[data-color=magenta] .link-item:hover {
  background: rgba(9, 132, 227, 0.1);
}
[data-color=magenta] .link-item:hover .link-icon {
  background: #0984E3;
}
[data-color=magenta] .dropdown-item:not(.active):hover,
[data-color=magenta] .dropdown-item:not(.active):focus,
[data-color=magenta] .dropdown-item:not(.active):active {
  background: rgba(9, 132, 227, 0.1);
  color: #0984E3;
}
[data-color=magenta] div#global-loader .whirly-loader:not(:required) {
  box-shadow:
    0 26px 0 6px #0984E3,
    0.90971px 26.05079px 0 5.93333px #0984E3,
    1.82297px 26.06967px 0 5.86667px #0984E3,
    2.73865px 26.05647px 0 5.8px #0984E3,
    3.65561px 26.01104px 0 5.73333px #0984E3,
    4.57274px 25.93327px 0 5.66667px #0984E3,
    5.48887px 25.8231px 0 5.6px #0984E3,
    6.40287px 25.68049px 0 5.53333px #0984E3,
    7.31358px 25.50548px 0 5.46667px #0984E3,
    8.21985px 25.2981px 0 5.4px #0984E3,
    9.12054px 25.05847px 0 5.33333px #0984E3,
    10.01448px 24.78672px 0 5.26667px #0984E3,
    10.90054px 24.48302px 0 5.2px #0984E3,
    11.77757px 24.1476px 0 5.13333px #0984E3,
    12.64443px 23.78072px 0 5.06667px #0984E3,
    13.5px 23.38269px 0 5px #0984E3,
    14.34315px 22.95384px 0 4.93333px #0984E3,
    15.17277px 22.49455px 0 4.86667px #0984E3,
    15.98776px 22.00526px 0 4.8px #0984E3,
    16.78704px 21.48643px 0 4.73333px #0984E3,
    17.56953px 20.93855px 0 4.66667px #0984E3,
    18.33418px 20.36217px 0 4.6px #0984E3,
    19.07995px 19.75787px 0 4.53333px #0984E3,
    19.80582px 19.12626px 0 4.46667px #0984E3,
    20.5108px 18.468px 0 4.4px #0984E3,
    21.1939px 17.78379px 0 4.33333px #0984E3,
    21.85416px 17.07434px 0 4.26667px #0984E3,
    22.49067px 16.34043px 0 4.2px #0984E3,
    23.10251px 15.58284px 0 4.13333px #0984E3,
    23.68881px 14.80241px 0 4.06667px #0984E3,
    24.24871px 14px 0 4px #0984E3,
    24.7814px 13.1765px 0 3.93333px #0984E3,
    25.28607px 12.33284px 0 3.86667px #0984E3,
    25.76198px 11.46997px 0 3.8px #0984E3,
    26.2084px 10.58888px 0 3.73333px #0984E3,
    26.62462px 9.69057px 0 3.66667px #0984E3,
    27.01001px 8.77608px 0 3.6px #0984E3,
    27.36392px 7.84648px 0 3.53333px #0984E3,
    27.68577px 6.90284px 0 3.46667px #0984E3,
    27.97502px 5.94627px 0 3.4px #0984E3,
    28.23116px 4.97791px 0 3.33333px #0984E3,
    28.4537px 3.99891px 0 3.26667px #0984E3,
    28.64223px 3.01042px 0 3.2px #0984E3,
    28.79635px 2.01364px 0 3.13333px #0984E3,
    28.91571px 1.00976px 0 3.06667px #0984E3,
    29px 0 0 3px #0984E3,
    29.04896px -1.01441px 0 2.93333px #0984E3,
    29.06237px -2.03224px 0 2.86667px #0984E3,
    29.04004px -3.05223px 0 2.8px #0984E3,
    28.98185px -4.07313px 0 2.73333px #0984E3,
    28.88769px -5.09368px 0 2.66667px #0984E3,
    28.75754px -6.1126px 0 2.6px #0984E3,
    28.59138px -7.12863px 0 2.53333px #0984E3,
    28.38926px -8.14049px 0 2.46667px #0984E3,
    28.15127px -9.1469px 0 2.4px #0984E3,
    27.87755px -10.1466px 0 2.33333px #0984E3,
    27.56827px -11.1383px 0 2.26667px #0984E3,
    27.22365px -12.12075px 0 2.2px #0984E3,
    26.84398px -13.09268px 0 2.13333px #0984E3,
    26.42956px -14.05285px 0 2.06667px #0984E3,
    25.98076px -15px 0 2px #0984E3,
    25.49798px -15.93291px 0 1.93333px #0984E3,
    24.98167px -16.85035px 0 1.86667px #0984E3,
    24.43231px -17.75111px 0 1.8px #0984E3,
    23.85046px -18.63402px 0 1.73333px #0984E3,
    23.23668px -19.49789px 0 1.66667px #0984E3,
    22.5916px -20.34157px 0 1.6px #0984E3,
    21.91589px -21.16393px 0 1.53333px #0984E3,
    21.21024px -21.96384px 0 1.46667px #0984E3,
    20.4754px -22.74023px 0 1.4px #0984E3,
    19.71215px -23.49203px 0 1.33333px #0984E3,
    18.92133px -24.2182px 0 1.26667px #0984E3,
    18.10379px -24.91772px 0 1.2px #0984E3,
    17.26042px -25.58963px 0 1.13333px #0984E3,
    16.39217px -26.23295px 0 1.06667px #0984E3,
    15.5px -26.84679px 0 1px #0984E3,
    14.58492px -27.43024px 0 0.93333px #0984E3,
    13.64796px -27.98245px 0 0.86667px #0984E3,
    12.69018px -28.50262px 0 0.8px #0984E3,
    11.7127px -28.98995px 0 0.73333px #0984E3,
    10.71663px -29.4437px 0 0.66667px #0984E3,
    9.70313px -29.86317px 0 0.6px #0984E3,
    8.67339px -30.2477px 0 0.53333px #0984E3,
    7.6286px -30.59666px 0 0.46667px #0984E3,
    6.57001px -30.90946px 0 0.4px #0984E3,
    5.49886px -31.18558px 0 0.33333px #0984E3,
    4.41643px -31.42451px 0 0.26667px #0984E3,
    3.32401px -31.6258px 0 0.2px #0984E3,
    2.22291px -31.78904px 0 0.13333px #0984E3,
    1.11446px -31.91388px 0 0.06667px #0984E3,
    0 -32px 0 0 #0984E3,
    -1.11911px -32.04713px 0 -0.06667px #0984E3,
    -2.24151px -32.05506px 0 -0.13333px #0984E3,
    -3.36582px -32.02361px 0 -0.2px #0984E3,
    -4.49065px -31.95265px 0 -0.26667px #0984E3,
    -5.61462px -31.84212px 0 -0.33333px #0984E3,
    -6.73634px -31.69198px 0 -0.4px #0984E3,
    -7.8544px -31.50227px 0 -0.46667px #0984E3,
    -8.9674px -31.27305px 0 -0.53333px #0984E3,
    -10.07395px -31.00444px 0 -0.6px #0984E3,
    -11.17266px -30.69663px 0 -0.66667px #0984E3,
    -12.26212px -30.34982px 0 -0.73333px #0984E3,
    -13.34096px -29.96429px 0 -0.8px #0984E3,
    -14.4078px -29.54036px 0 -0.86667px #0984E3,
    -15.46126px -29.07841px 0 -0.93333px #0984E3,
    -16.5px -28.57884px 0 -1px #0984E3,
    -17.52266px -28.04212px 0 -1.06667px #0984E3,
    -18.52792px -27.46878px 0 -1.13333px #0984E3,
    -19.51447px -26.85936px 0 -1.2px #0984E3,
    -20.48101px -26.21449px 0 -1.26667px #0984E3,
    -21.42625px -25.53481px 0 -1.33333px #0984E3,
    -22.34896px -24.82104px 0 -1.4px #0984E3,
    -23.2479px -24.07391px 0 -1.46667px #0984E3,
    -24.12186px -23.29421px 0 -1.53333px #0984E3,
    -24.96967px -22.48279px 0 -1.6px #0984E3,
    -25.79016px -21.64052px 0 -1.66667px #0984E3,
    -26.58223px -20.76831px 0 -1.73333px #0984E3,
    -27.34477px -19.86714px 0 -1.8px #0984E3,
    -28.07674px -18.938px 0 -1.86667px #0984E3,
    -28.7771px -17.98193px 0 -1.93333px #0984E3,
    -29.44486px -17px 0 -2px #0984E3,
    -30.07908px -15.99333px 0 -2.06667px #0984E3,
    -30.67884px -14.96307px 0 -2.13333px #0984E3,
    -31.24325px -13.91039px 0 -2.2px #0984E3,
    -31.7715px -12.83652px 0 -2.26667px #0984E3,
    -32.26278px -11.74269px 0 -2.33333px #0984E3,
    -32.71634px -10.63018px 0 -2.4px #0984E3,
    -33.13149px -9.5003px 0 -2.46667px #0984E3,
    -33.50755px -8.35437px 0 -2.53333px #0984E3,
    -33.84391px -7.19374px 0 -2.6px #0984E3,
    -34.14px -6.0198px 0 -2.66667px #0984E3,
    -34.39531px -4.83395px 0 -2.73333px #0984E3,
    -34.60936px -3.63759px 0 -2.8px #0984E3,
    -34.78173px -2.43218px 0 -2.86667px #0984E3,
    -34.91205px -1.21916px 0 -2.93333px #0984E3,
    -35px 0 0 -3px #0984E3,
    -35.04531px 1.22381px 0 -3.06667px #0984E3,
    -35.04775px 2.45078px 0 -3.13333px #0984E3,
    -35.00717px 3.6794px 0 -3.2px #0984E3,
    -34.92345px 4.90817px 0 -3.26667px #0984E3,
    -34.79654px 6.13557px 0 -3.33333px #0984E3,
    -34.62643px 7.36007px 0 -3.4px #0984E3,
    -34.41316px 8.58016px 0 -3.46667px #0984E3,
    -34.15683px 9.79431px 0 -3.53333px #0984E3,
    -33.85761px 11.001px 0 -3.6px #0984E3,
    -33.5157px 12.19872px 0 -3.66667px #0984E3,
    -33.13137px 13.38594px 0 -3.73333px #0984E3,
    -32.70493px 14.56117px 0 -3.8px #0984E3,
    -32.23675px 15.72291px 0 -3.86667px #0984E3,
    -31.72725px 16.86968px 0 -3.93333px #0984E3,
    -31.17691px 18px 0 -4px #0984E3,
    -30.58627px 19.11242px 0 -4.06667px #0984E3,
    -29.95589px 20.2055px 0 -4.13333px #0984E3,
    -29.28642px 21.27783px 0 -4.2px #0984E3,
    -28.57852px 22.32799px 0 -4.26667px #0984E3,
    -27.83295px 23.35462px 0 -4.33333px #0984E3,
    -27.05047px 24.35635px 0 -4.4px #0984E3,
    -26.23192px 25.33188px 0 -4.46667px #0984E3,
    -25.37819px 26.27988px 0 -4.53333px #0984E3,
    -24.49018px 27.1991px 0 -4.6px #0984E3,
    -23.56888px 28.0883px 0 -4.66667px #0984E3,
    -22.6153px 28.94626px 0 -4.73333px #0984E3,
    -21.6305px 29.77183px 0 -4.8px #0984E3,
    -20.61558px 30.56385px 0 -4.86667px #0984E3,
    -19.57168px 31.32124px 0 -4.93333px #0984E3,
    -18.5px 32.04294px 0 -5px #0984E3,
    -17.40175px 32.72792px 0 -5.06667px #0984E3,
    -16.27818px 33.37522px 0 -5.13333px #0984E3,
    -15.1306px 33.98389px 0 -5.2px #0984E3,
    -13.96034px 34.55305px 0 -5.26667px #0984E3,
    -12.76875px 35.08186px 0 -5.33333px #0984E3,
    -11.55724px 35.56951px 0 -5.4px #0984E3,
    -10.32721px 36.01527px 0 -5.46667px #0984E3,
    -9.08014px 36.41843px 0 -5.53333px #0984E3,
    -7.81748px 36.77835px 0 -5.6px #0984E3,
    -6.54075px 37.09443px 0 -5.66667px #0984E3,
    -5.25147px 37.36612px 0 -5.73333px #0984E3,
    -3.95118px 37.59293px 0 -5.8px #0984E3,
    -2.64145px 37.77443px 0 -5.86667px #0984E3,
    -1.32385px 37.91023px 0 -5.93333px #0984E3;
}
[data-color=magenta] #collapse-header.active {
  background: #0984E3;
  border-color: #0984E3;
}
[data-color=magenta] .new-employee-field .image-upload {
  background: #0984E3;
}
[data-color=magenta] .card-title-head h6 span {
  color: #0984E3;
}
[data-color=magenta] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active {
  color: #0984E3;
  background: rgba(9, 132, 227, 0.1);
}
[data-color=magenta] .page-wrapper .nav-pills .nav-link.active {
  background: #0984E3;
}
[data-color=magenta] .invoice-card:hover {
  border-color: #0984E3;
}
[data-color=magenta] .invoice-card:hover .avatar {
  background: #0984E3 !important;
}
[data-color=magenta] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after {
  background: #0984E3;
}
[data-color=magenta] ::selection {
  background: #0984E3;
}
[data-color=chromeyellow] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="1"] path {
  fill: #00B894;
}
[data-color=chromeyellow] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="2"] path {
  fill: rgba(0, 184, 148, 0.4);
}
[data-color=chromeyellow] #heat_chart .apexcharts-series rect {
  fill: #00B894;
}
[data-color=chromeyellow] .btn-group.custom-btn-group .btn.active {
  background: #00B894;
  border-color: #00B894;
}
[data-color=chromeyellow] .category-item.category-primary p::before {
  background: #00B894;
}
[data-color=chromeyellow] .header-left #toggle_btn {
  background: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop,
[data-color=chromeyellow] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: rgba(0, 184, 148, 0.1);
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow {
  background: transparent;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow::before {
  border-color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after,
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after {
  background: #00B894;
  border-color: rgba(0, 184, 148, 0.1);
}
[data-color=chromeyellow] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #00B894;
}
[data-color=chromeyellow] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
[data-color=chromeyellow] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
[data-color=chromeyellow] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i,
[data-color=chromeyellow] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i {
  color: #00B894;
}
[data-color=chromeyellow] .sidebar .sidebar-menu > ul li.active svg,
[data-color=chromeyellow] .settings-sidebar .sidebar-menu > ul li.active svg {
  color: #00B894;
}
[data-color=chromeyellow] .btn-white:hover {
  background: #00B894;
  border-color: #00B894;
}
[data-color=chromeyellow] ::-webkit-scrollbar-thumb {
  background: #00B894;
}
[data-color=chromeyellow] .link-item:hover {
  background: rgba(0, 184, 148, 0.1);
}
[data-color=chromeyellow] .link-item:hover .link-icon {
  background: #00B894;
}
[data-color=chromeyellow] .dropdown-item:not(.active):hover,
[data-color=chromeyellow] .dropdown-item:not(.active):focus,
[data-color=chromeyellow] .dropdown-item:not(.active):active {
  background: rgba(0, 184, 148, 0.1);
  color: #00B894;
}
[data-color=chromeyellow] div#global-loader .whirly-loader:not(:required) {
  box-shadow:
    0 26px 0 6px #00B894,
    0.90971px 26.05079px 0 5.93333px #00B894,
    1.82297px 26.06967px 0 5.86667px #00B894,
    2.73865px 26.05647px 0 5.8px #00B894,
    3.65561px 26.01104px 0 5.73333px #00B894,
    4.57274px 25.93327px 0 5.66667px #00B894,
    5.48887px 25.8231px 0 5.6px #00B894,
    6.40287px 25.68049px 0 5.53333px #00B894,
    7.31358px 25.50548px 0 5.46667px #00B894,
    8.21985px 25.2981px 0 5.4px #00B894,
    9.12054px 25.05847px 0 5.33333px #00B894,
    10.01448px 24.78672px 0 5.26667px #00B894,
    10.90054px 24.48302px 0 5.2px #00B894,
    11.77757px 24.1476px 0 5.13333px #00B894,
    12.64443px 23.78072px 0 5.06667px #00B894,
    13.5px 23.38269px 0 5px #00B894,
    14.34315px 22.95384px 0 4.93333px #00B894,
    15.17277px 22.49455px 0 4.86667px #00B894,
    15.98776px 22.00526px 0 4.8px #00B894,
    16.78704px 21.48643px 0 4.73333px #00B894,
    17.56953px 20.93855px 0 4.66667px #00B894,
    18.33418px 20.36217px 0 4.6px #00B894,
    19.07995px 19.75787px 0 4.53333px #00B894,
    19.80582px 19.12626px 0 4.46667px #00B894,
    20.5108px 18.468px 0 4.4px #00B894,
    21.1939px 17.78379px 0 4.33333px #00B894,
    21.85416px 17.07434px 0 4.26667px #00B894,
    22.49067px 16.34043px 0 4.2px #00B894,
    23.10251px 15.58284px 0 4.13333px #00B894,
    23.68881px 14.80241px 0 4.06667px #00B894,
    24.24871px 14px 0 4px #00B894,
    24.7814px 13.1765px 0 3.93333px #00B894,
    25.28607px 12.33284px 0 3.86667px #00B894,
    25.76198px 11.46997px 0 3.8px #00B894,
    26.2084px 10.58888px 0 3.73333px #00B894,
    26.62462px 9.69057px 0 3.66667px #00B894,
    27.01001px 8.77608px 0 3.6px #00B894,
    27.36392px 7.84648px 0 3.53333px #00B894,
    27.68577px 6.90284px 0 3.46667px #00B894,
    27.97502px 5.94627px 0 3.4px #00B894,
    28.23116px 4.97791px 0 3.33333px #00B894,
    28.4537px 3.99891px 0 3.26667px #00B894,
    28.64223px 3.01042px 0 3.2px #00B894,
    28.79635px 2.01364px 0 3.13333px #00B894,
    28.91571px 1.00976px 0 3.06667px #00B894,
    29px 0 0 3px #00B894,
    29.04896px -1.01441px 0 2.93333px #00B894,
    29.06237px -2.03224px 0 2.86667px #00B894,
    29.04004px -3.05223px 0 2.8px #00B894,
    28.98185px -4.07313px 0 2.73333px #00B894,
    28.88769px -5.09368px 0 2.66667px #00B894,
    28.75754px -6.1126px 0 2.6px #00B894,
    28.59138px -7.12863px 0 2.53333px #00B894,
    28.38926px -8.14049px 0 2.46667px #00B894,
    28.15127px -9.1469px 0 2.4px #00B894,
    27.87755px -10.1466px 0 2.33333px #00B894,
    27.56827px -11.1383px 0 2.26667px #00B894,
    27.22365px -12.12075px 0 2.2px #00B894,
    26.84398px -13.09268px 0 2.13333px #00B894,
    26.42956px -14.05285px 0 2.06667px #00B894,
    25.98076px -15px 0 2px #00B894,
    25.49798px -15.93291px 0 1.93333px #00B894,
    24.98167px -16.85035px 0 1.86667px #00B894,
    24.43231px -17.75111px 0 1.8px #00B894,
    23.85046px -18.63402px 0 1.73333px #00B894,
    23.23668px -19.49789px 0 1.66667px #00B894,
    22.5916px -20.34157px 0 1.6px #00B894,
    21.91589px -21.16393px 0 1.53333px #00B894,
    21.21024px -21.96384px 0 1.46667px #00B894,
    20.4754px -22.74023px 0 1.4px #00B894,
    19.71215px -23.49203px 0 1.33333px #00B894,
    18.92133px -24.2182px 0 1.26667px #00B894,
    18.10379px -24.91772px 0 1.2px #00B894,
    17.26042px -25.58963px 0 1.13333px #00B894,
    16.39217px -26.23295px 0 1.06667px #00B894,
    15.5px -26.84679px 0 1px #00B894,
    14.58492px -27.43024px 0 0.93333px #00B894,
    13.64796px -27.98245px 0 0.86667px #00B894,
    12.69018px -28.50262px 0 0.8px #00B894,
    11.7127px -28.98995px 0 0.73333px #00B894,
    10.71663px -29.4437px 0 0.66667px #00B894,
    9.70313px -29.86317px 0 0.6px #00B894,
    8.67339px -30.2477px 0 0.53333px #00B894,
    7.6286px -30.59666px 0 0.46667px #00B894,
    6.57001px -30.90946px 0 0.4px #00B894,
    5.49886px -31.18558px 0 0.33333px #00B894,
    4.41643px -31.42451px 0 0.26667px #00B894,
    3.32401px -31.6258px 0 0.2px #00B894,
    2.22291px -31.78904px 0 0.13333px #00B894,
    1.11446px -31.91388px 0 0.06667px #00B894,
    0 -32px 0 0 #00B894,
    -1.11911px -32.04713px 0 -0.06667px #00B894,
    -2.24151px -32.05506px 0 -0.13333px #00B894,
    -3.36582px -32.02361px 0 -0.2px #00B894,
    -4.49065px -31.95265px 0 -0.26667px #00B894,
    -5.61462px -31.84212px 0 -0.33333px #00B894,
    -6.73634px -31.69198px 0 -0.4px #00B894,
    -7.8544px -31.50227px 0 -0.46667px #00B894,
    -8.9674px -31.27305px 0 -0.53333px #00B894,
    -10.07395px -31.00444px 0 -0.6px #00B894,
    -11.17266px -30.69663px 0 -0.66667px #00B894,
    -12.26212px -30.34982px 0 -0.73333px #00B894,
    -13.34096px -29.96429px 0 -0.8px #00B894,
    -14.4078px -29.54036px 0 -0.86667px #00B894,
    -15.46126px -29.07841px 0 -0.93333px #00B894,
    -16.5px -28.57884px 0 -1px #00B894,
    -17.52266px -28.04212px 0 -1.06667px #00B894,
    -18.52792px -27.46878px 0 -1.13333px #00B894,
    -19.51447px -26.85936px 0 -1.2px #00B894,
    -20.48101px -26.21449px 0 -1.26667px #00B894,
    -21.42625px -25.53481px 0 -1.33333px #00B894,
    -22.34896px -24.82104px 0 -1.4px #00B894,
    -23.2479px -24.07391px 0 -1.46667px #00B894,
    -24.12186px -23.29421px 0 -1.53333px #00B894,
    -24.96967px -22.48279px 0 -1.6px #00B894,
    -25.79016px -21.64052px 0 -1.66667px #00B894,
    -26.58223px -20.76831px 0 -1.73333px #00B894,
    -27.34477px -19.86714px 0 -1.8px #00B894,
    -28.07674px -18.938px 0 -1.86667px #00B894,
    -28.7771px -17.98193px 0 -1.93333px #00B894,
    -29.44486px -17px 0 -2px #00B894,
    -30.07908px -15.99333px 0 -2.06667px #00B894,
    -30.67884px -14.96307px 0 -2.13333px #00B894,
    -31.24325px -13.91039px 0 -2.2px #00B894,
    -31.7715px -12.83652px 0 -2.26667px #00B894,
    -32.26278px -11.74269px 0 -2.33333px #00B894,
    -32.71634px -10.63018px 0 -2.4px #00B894,
    -33.13149px -9.5003px 0 -2.46667px #00B894,
    -33.50755px -8.35437px 0 -2.53333px #00B894,
    -33.84391px -7.19374px 0 -2.6px #00B894,
    -34.14px -6.0198px 0 -2.66667px #00B894,
    -34.39531px -4.83395px 0 -2.73333px #00B894,
    -34.60936px -3.63759px 0 -2.8px #00B894,
    -34.78173px -2.43218px 0 -2.86667px #00B894,
    -34.91205px -1.21916px 0 -2.93333px #00B894,
    -35px 0 0 -3px #00B894,
    -35.04531px 1.22381px 0 -3.06667px #00B894,
    -35.04775px 2.45078px 0 -3.13333px #00B894,
    -35.00717px 3.6794px 0 -3.2px #00B894,
    -34.92345px 4.90817px 0 -3.26667px #00B894,
    -34.79654px 6.13557px 0 -3.33333px #00B894,
    -34.62643px 7.36007px 0 -3.4px #00B894,
    -34.41316px 8.58016px 0 -3.46667px #00B894,
    -34.15683px 9.79431px 0 -3.53333px #00B894,
    -33.85761px 11.001px 0 -3.6px #00B894,
    -33.5157px 12.19872px 0 -3.66667px #00B894,
    -33.13137px 13.38594px 0 -3.73333px #00B894,
    -32.70493px 14.56117px 0 -3.8px #00B894,
    -32.23675px 15.72291px 0 -3.86667px #00B894,
    -31.72725px 16.86968px 0 -3.93333px #00B894,
    -31.17691px 18px 0 -4px #00B894,
    -30.58627px 19.11242px 0 -4.06667px #00B894,
    -29.95589px 20.2055px 0 -4.13333px #00B894,
    -29.28642px 21.27783px 0 -4.2px #00B894,
    -28.57852px 22.32799px 0 -4.26667px #00B894,
    -27.83295px 23.35462px 0 -4.33333px #00B894,
    -27.05047px 24.35635px 0 -4.4px #00B894,
    -26.23192px 25.33188px 0 -4.46667px #00B894,
    -25.37819px 26.27988px 0 -4.53333px #00B894,
    -24.49018px 27.1991px 0 -4.6px #00B894,
    -23.56888px 28.0883px 0 -4.66667px #00B894,
    -22.6153px 28.94626px 0 -4.73333px #00B894,
    -21.6305px 29.77183px 0 -4.8px #00B894,
    -20.61558px 30.56385px 0 -4.86667px #00B894,
    -19.57168px 31.32124px 0 -4.93333px #00B894,
    -18.5px 32.04294px 0 -5px #00B894,
    -17.40175px 32.72792px 0 -5.06667px #00B894,
    -16.27818px 33.37522px 0 -5.13333px #00B894,
    -15.1306px 33.98389px 0 -5.2px #00B894,
    -13.96034px 34.55305px 0 -5.26667px #00B894,
    -12.76875px 35.08186px 0 -5.33333px #00B894,
    -11.55724px 35.56951px 0 -5.4px #00B894,
    -10.32721px 36.01527px 0 -5.46667px #00B894,
    -9.08014px 36.41843px 0 -5.53333px #00B894,
    -7.81748px 36.77835px 0 -5.6px #00B894,
    -6.54075px 37.09443px 0 -5.66667px #00B894,
    -5.25147px 37.36612px 0 -5.73333px #00B894,
    -3.95118px 37.59293px 0 -5.8px #00B894,
    -2.64145px 37.77443px 0 -5.86667px #00B894,
    -1.32385px 37.91023px 0 -5.93333px #00B894;
}
[data-color=chromeyellow] #collapse-header.active {
  background: #00B894;
  border-color: #00B894;
}
[data-color=chromeyellow] .new-employee-field .image-upload {
  background: #00B894;
}
[data-color=chromeyellow] .card-title-head h6 span {
  color: #00B894;
}
[data-color=chromeyellow] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active {
  color: #00B894;
  background: rgba(0, 184, 148, 0.1);
}
[data-color=chromeyellow] .page-wrapper .nav-pills .nav-link.active {
  background: #00B894;
}
[data-color=chromeyellow] .invoice-card:hover {
  border-color: #00B894;
}
[data-color=chromeyellow] .invoice-card:hover .avatar {
  background: #00B894 !important;
}
[data-color=chromeyellow] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after {
  background: #00B894;
}
[data-color=chromeyellow] ::selection {
  background: #00B894;
}
[data-color=orange] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="1"] path {
  fill: #E04F16;
}
[data-color=orange] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="2"] path {
  fill: rgba(224, 79, 22, 0.4);
}
[data-color=orange] #heat_chart .apexcharts-series rect {
  fill: #E04F16;
}
[data-color=orange] .btn-group.custom-btn-group .btn.active {
  background: #E04F16;
  border-color: #E04F16;
}
[data-color=orange] .category-item.category-primary p::before {
  background: #E04F16;
}
[data-color=orange] .header-left #toggle_btn {
  background: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop,
[data-color=orange] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: rgba(224, 79, 22, 0.1);
}
[data-color=orange] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow {
  background: transparent;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow::before {
  border-color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after,
[data-color=orange] .sidebar .sidebar-menu > ul > li .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after {
  background: #E04F16;
  border-color: rgba(224, 79, 22, 0.1);
}
[data-color=orange] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: #E04F16;
}
[data-color=orange] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
[data-color=orange] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
[data-color=orange] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i,
[data-color=orange] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i {
  color: #E04F16;
}
[data-color=orange] .sidebar .sidebar-menu > ul li.active svg,
[data-color=orange] .settings-sidebar .sidebar-menu > ul li.active svg {
  color: #E04F16;
}
[data-color=orange] .btn-white:hover {
  background: #E04F16;
  border-color: #E04F16;
}
[data-color=orange] ::-webkit-scrollbar-thumb {
  background: #E04F16;
}
[data-color=orange] .link-item:hover {
  background: rgba(224, 79, 22, 0.1);
}
[data-color=orange] .link-item:hover .link-icon {
  background: #E04F16;
}
[data-color=orange] .dropdown-item:not(.active):hover,
[data-color=orange] .dropdown-item:not(.active):focus,
[data-color=orange] .dropdown-item:not(.active):active {
  background: rgba(224, 79, 22, 0.1);
  color: #E04F16;
}
[data-color=orange] div#global-loader .whirly-loader:not(:required) {
  box-shadow:
    0 26px 0 6px #E04F16,
    0.90971px 26.05079px 0 5.93333px #E04F16,
    1.82297px 26.06967px 0 5.86667px #E04F16,
    2.73865px 26.05647px 0 5.8px #E04F16,
    3.65561px 26.01104px 0 5.73333px #E04F16,
    4.57274px 25.93327px 0 5.66667px #E04F16,
    5.48887px 25.8231px 0 5.6px #E04F16,
    6.40287px 25.68049px 0 5.53333px #E04F16,
    7.31358px 25.50548px 0 5.46667px #E04F16,
    8.21985px 25.2981px 0 5.4px #E04F16,
    9.12054px 25.05847px 0 5.33333px #E04F16,
    10.01448px 24.78672px 0 5.26667px #E04F16,
    10.90054px 24.48302px 0 5.2px #E04F16,
    11.77757px 24.1476px 0 5.13333px #E04F16,
    12.64443px 23.78072px 0 5.06667px #E04F16,
    13.5px 23.38269px 0 5px #E04F16,
    14.34315px 22.95384px 0 4.93333px #E04F16,
    15.17277px 22.49455px 0 4.86667px #E04F16,
    15.98776px 22.00526px 0 4.8px #E04F16,
    16.78704px 21.48643px 0 4.73333px #E04F16,
    17.56953px 20.93855px 0 4.66667px #E04F16,
    18.33418px 20.36217px 0 4.6px #E04F16,
    19.07995px 19.75787px 0 4.53333px #E04F16,
    19.80582px 19.12626px 0 4.46667px #E04F16,
    20.5108px 18.468px 0 4.4px #E04F16,
    21.1939px 17.78379px 0 4.33333px #E04F16,
    21.85416px 17.07434px 0 4.26667px #E04F16,
    22.49067px 16.34043px 0 4.2px #E04F16,
    23.10251px 15.58284px 0 4.13333px #E04F16,
    23.68881px 14.80241px 0 4.06667px #E04F16,
    24.24871px 14px 0 4px #E04F16,
    24.7814px 13.1765px 0 3.93333px #E04F16,
    25.28607px 12.33284px 0 3.86667px #E04F16,
    25.76198px 11.46997px 0 3.8px #E04F16,
    26.2084px 10.58888px 0 3.73333px #E04F16,
    26.62462px 9.69057px 0 3.66667px #E04F16,
    27.01001px 8.77608px 0 3.6px #E04F16,
    27.36392px 7.84648px 0 3.53333px #E04F16,
    27.68577px 6.90284px 0 3.46667px #E04F16,
    27.97502px 5.94627px 0 3.4px #E04F16,
    28.23116px 4.97791px 0 3.33333px #E04F16,
    28.4537px 3.99891px 0 3.26667px #E04F16,
    28.64223px 3.01042px 0 3.2px #E04F16,
    28.79635px 2.01364px 0 3.13333px #E04F16,
    28.91571px 1.00976px 0 3.06667px #E04F16,
    29px 0 0 3px #E04F16,
    29.04896px -1.01441px 0 2.93333px #E04F16,
    29.06237px -2.03224px 0 2.86667px #E04F16,
    29.04004px -3.05223px 0 2.8px #E04F16,
    28.98185px -4.07313px 0 2.73333px #E04F16,
    28.88769px -5.09368px 0 2.66667px #E04F16,
    28.75754px -6.1126px 0 2.6px #E04F16,
    28.59138px -7.12863px 0 2.53333px #E04F16,
    28.38926px -8.14049px 0 2.46667px #E04F16,
    28.15127px -9.1469px 0 2.4px #E04F16,
    27.87755px -10.1466px 0 2.33333px #E04F16,
    27.56827px -11.1383px 0 2.26667px #E04F16,
    27.22365px -12.12075px 0 2.2px #E04F16,
    26.84398px -13.09268px 0 2.13333px #E04F16,
    26.42956px -14.05285px 0 2.06667px #E04F16,
    25.98076px -15px 0 2px #E04F16,
    25.49798px -15.93291px 0 1.93333px #E04F16,
    24.98167px -16.85035px 0 1.86667px #E04F16,
    24.43231px -17.75111px 0 1.8px #E04F16,
    23.85046px -18.63402px 0 1.73333px #E04F16,
    23.23668px -19.49789px 0 1.66667px #E04F16,
    22.5916px -20.34157px 0 1.6px #E04F16,
    21.91589px -21.16393px 0 1.53333px #E04F16,
    21.21024px -21.96384px 0 1.46667px #E04F16,
    20.4754px -22.74023px 0 1.4px #E04F16,
    19.71215px -23.49203px 0 1.33333px #E04F16,
    18.92133px -24.2182px 0 1.26667px #E04F16,
    18.10379px -24.91772px 0 1.2px #E04F16,
    17.26042px -25.58963px 0 1.13333px #E04F16,
    16.39217px -26.23295px 0 1.06667px #E04F16,
    15.5px -26.84679px 0 1px #E04F16,
    14.58492px -27.43024px 0 0.93333px #E04F16,
    13.64796px -27.98245px 0 0.86667px #E04F16,
    12.69018px -28.50262px 0 0.8px #E04F16,
    11.7127px -28.98995px 0 0.73333px #E04F16,
    10.71663px -29.4437px 0 0.66667px #E04F16,
    9.70313px -29.86317px 0 0.6px #E04F16,
    8.67339px -30.2477px 0 0.53333px #E04F16,
    7.6286px -30.59666px 0 0.46667px #E04F16,
    6.57001px -30.90946px 0 0.4px #E04F16,
    5.49886px -31.18558px 0 0.33333px #E04F16,
    4.41643px -31.42451px 0 0.26667px #E04F16,
    3.32401px -31.6258px 0 0.2px #E04F16,
    2.22291px -31.78904px 0 0.13333px #E04F16,
    1.11446px -31.91388px 0 0.06667px #E04F16,
    0 -32px 0 0 #E04F16,
    -1.11911px -32.04713px 0 -0.06667px #E04F16,
    -2.24151px -32.05506px 0 -0.13333px #E04F16,
    -3.36582px -32.02361px 0 -0.2px #E04F16,
    -4.49065px -31.95265px 0 -0.26667px #E04F16,
    -5.61462px -31.84212px 0 -0.33333px #E04F16,
    -6.73634px -31.69198px 0 -0.4px #E04F16,
    -7.8544px -31.50227px 0 -0.46667px #E04F16,
    -8.9674px -31.27305px 0 -0.53333px #E04F16,
    -10.07395px -31.00444px 0 -0.6px #E04F16,
    -11.17266px -30.69663px 0 -0.66667px #E04F16,
    -12.26212px -30.34982px 0 -0.73333px #E04F16,
    -13.34096px -29.96429px 0 -0.8px #E04F16,
    -14.4078px -29.54036px 0 -0.86667px #E04F16,
    -15.46126px -29.07841px 0 -0.93333px #E04F16,
    -16.5px -28.57884px 0 -1px #E04F16,
    -17.52266px -28.04212px 0 -1.06667px #E04F16,
    -18.52792px -27.46878px 0 -1.13333px #E04F16,
    -19.51447px -26.85936px 0 -1.2px #E04F16,
    -20.48101px -26.21449px 0 -1.26667px #E04F16,
    -21.42625px -25.53481px 0 -1.33333px #E04F16,
    -22.34896px -24.82104px 0 -1.4px #E04F16,
    -23.2479px -24.07391px 0 -1.46667px #E04F16,
    -24.12186px -23.29421px 0 -1.53333px #E04F16,
    -24.96967px -22.48279px 0 -1.6px #E04F16,
    -25.79016px -21.64052px 0 -1.66667px #E04F16,
    -26.58223px -20.76831px 0 -1.73333px #E04F16,
    -27.34477px -19.86714px 0 -1.8px #E04F16,
    -28.07674px -18.938px 0 -1.86667px #E04F16,
    -28.7771px -17.98193px 0 -1.93333px #E04F16,
    -29.44486px -17px 0 -2px #E04F16,
    -30.07908px -15.99333px 0 -2.06667px #E04F16,
    -30.67884px -14.96307px 0 -2.13333px #E04F16,
    -31.24325px -13.91039px 0 -2.2px #E04F16,
    -31.7715px -12.83652px 0 -2.26667px #E04F16,
    -32.26278px -11.74269px 0 -2.33333px #E04F16,
    -32.71634px -10.63018px 0 -2.4px #E04F16,
    -33.13149px -9.5003px 0 -2.46667px #E04F16,
    -33.50755px -8.35437px 0 -2.53333px #E04F16,
    -33.84391px -7.19374px 0 -2.6px #E04F16,
    -34.14px -6.0198px 0 -2.66667px #E04F16,
    -34.39531px -4.83395px 0 -2.73333px #E04F16,
    -34.60936px -3.63759px 0 -2.8px #E04F16,
    -34.78173px -2.43218px 0 -2.86667px #E04F16,
    -34.91205px -1.21916px 0 -2.93333px #E04F16,
    -35px 0 0 -3px #E04F16,
    -35.04531px 1.22381px 0 -3.06667px #E04F16,
    -35.04775px 2.45078px 0 -3.13333px #E04F16,
    -35.00717px 3.6794px 0 -3.2px #E04F16,
    -34.92345px 4.90817px 0 -3.26667px #E04F16,
    -34.79654px 6.13557px 0 -3.33333px #E04F16,
    -34.62643px 7.36007px 0 -3.4px #E04F16,
    -34.41316px 8.58016px 0 -3.46667px #E04F16,
    -34.15683px 9.79431px 0 -3.53333px #E04F16,
    -33.85761px 11.001px 0 -3.6px #E04F16,
    -33.5157px 12.19872px 0 -3.66667px #E04F16,
    -33.13137px 13.38594px 0 -3.73333px #E04F16,
    -32.70493px 14.56117px 0 -3.8px #E04F16,
    -32.23675px 15.72291px 0 -3.86667px #E04F16,
    -31.72725px 16.86968px 0 -3.93333px #E04F16,
    -31.17691px 18px 0 -4px #E04F16,
    -30.58627px 19.11242px 0 -4.06667px #E04F16,
    -29.95589px 20.2055px 0 -4.13333px #E04F16,
    -29.28642px 21.27783px 0 -4.2px #E04F16,
    -28.57852px 22.32799px 0 -4.26667px #E04F16,
    -27.83295px 23.35462px 0 -4.33333px #E04F16,
    -27.05047px 24.35635px 0 -4.4px #E04F16,
    -26.23192px 25.33188px 0 -4.46667px #E04F16,
    -25.37819px 26.27988px 0 -4.53333px #E04F16,
    -24.49018px 27.1991px 0 -4.6px #E04F16,
    -23.56888px 28.0883px 0 -4.66667px #E04F16,
    -22.6153px 28.94626px 0 -4.73333px #E04F16,
    -21.6305px 29.77183px 0 -4.8px #E04F16,
    -20.61558px 30.56385px 0 -4.86667px #E04F16,
    -19.57168px 31.32124px 0 -4.93333px #E04F16,
    -18.5px 32.04294px 0 -5px #E04F16,
    -17.40175px 32.72792px 0 -5.06667px #E04F16,
    -16.27818px 33.37522px 0 -5.13333px #E04F16,
    -15.1306px 33.98389px 0 -5.2px #E04F16,
    -13.96034px 34.55305px 0 -5.26667px #E04F16,
    -12.76875px 35.08186px 0 -5.33333px #E04F16,
    -11.55724px 35.56951px 0 -5.4px #E04F16,
    -10.32721px 36.01527px 0 -5.46667px #E04F16,
    -9.08014px 36.41843px 0 -5.53333px #E04F16,
    -7.81748px 36.77835px 0 -5.6px #E04F16,
    -6.54075px 37.09443px 0 -5.66667px #E04F16,
    -5.25147px 37.36612px 0 -5.73333px #E04F16,
    -3.95118px 37.59293px 0 -5.8px #E04F16,
    -2.64145px 37.77443px 0 -5.86667px #E04F16,
    -1.32385px 37.91023px 0 -5.93333px #E04F16;
}
[data-color=orange] #collapse-header.active {
  background: #E04F16;
  border-color: #E04F16;
}
[data-color=orange] .new-employee-field .image-upload {
  background: #E04F16;
}
[data-color=orange] .card-title-head h6 span {
  color: #E04F16;
}
[data-color=orange] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active {
  color: #E04F16;
  background: rgba(224, 79, 22, 0.1);
}
[data-color=orange] .page-wrapper .nav-pills .nav-link.active {
  background: #E04F16;
}
[data-color=orange] .invoice-card:hover {
  border-color: #E04F16;
}
[data-color=orange] .invoice-card:hover .avatar {
  background: #E04F16 !important;
}
[data-color=orange] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after {
  background: #E04F16;
}
[data-color=orange] ::selection {
  background: #E04F16;
}
[data-color=all] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="1"] path {
  fill: var(--primary-rgb-picr);
}
[data-color=all] #sales-daychart .apexcharts-bar-series .apexcharts-series[rel="2"] path {
  fill: rgba(var(--primary-rgb-picr), 0.4);
}
[data-color=all] #heat_chart .apexcharts-series rect {
  fill: var(--primary-rgb-picr);
}
[data-color=all] .btn-group.custom-btn-group .btn.active {
  background: var(--primary-rgb-picr);
  border-color: var(--primary-rgb-picr);
}
[data-color=all] .category-item.category-primary p::before {
  background: var(--primary-rgb-picr);
}
[data-color=all] .header-left #toggle_btn {
  background: var(--primary-rgb-picr);
}
[data-color=all] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop,
[data-color=all] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
  background: rgba(var(--primary-rgb-picr), 0.1);
}
[data-color=all] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: var(--primary-rgb-picr);
}
[data-color=all] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: var(--primary-rgb-picr);
}
[data-color=all] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow {
  background: transparent;
}
[data-color=all] .sidebar .sidebar-menu > ul > li > ul > li.submenu span.menu-arrow::before {
  border-color: var(--primary-rgb-picr);
}
[data-color=all] .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after,
[data-color=all] .sidebar .sidebar-menu > ul > li .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after {
  background: var(--primary-rgb-picr);
  border-color: rgba(var(--primary-rgb-picr), 0.1);
}
[data-color=all] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span {
  color: var(--primary-rgb-picr);
}
[data-color=all] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
  color: var(--primary-rgb-picr);
}
[data-color=all] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
[data-color=all] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
  color: var(--primary-rgb-picr);
}
[data-color=all] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span,
[data-color=all] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover span {
  color: var(--primary-rgb-picr);
}
[data-color=all] .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i,
[data-color=all] .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover i {
  color: var(--primary-rgb-picr);
}
[data-color=all] .sidebar .sidebar-menu > ul li.active svg,
[data-color=all] .settings-sidebar .sidebar-menu > ul li.active svg {
  color: var(--primary-rgb-picr);
}
[data-color=all] .btn-white:hover {
  background: var(--primary-rgb-picr);
  border-color: var(--primary-rgb-picr);
}
[data-color=all] ::-webkit-scrollbar-thumb {
  background: var(--primary-rgb-picr);
}
[data-color=all] .link-item:hover {
  background: rgba(var(--primary-rgb-picr), 0.1);
}
[data-color=all] .link-item:hover .link-icon {
  background: var(--primary-rgb-picr);
}
[data-color=all] .dropdown-item:not(.active):hover,
[data-color=all] .dropdown-item:not(.active):focus,
[data-color=all] .dropdown-item:not(.active):active {
  background: rgba(var(--primary-rgb-picr), 0.1);
  color: var(--primary-rgb-picr);
}
[data-color=all] div#global-loader .whirly-loader:not(:required) {
  box-shadow:
    0 26px 0 6px var(--primary-rgb-picr),
    0.90971px 26.05079px 0 5.93333px var(--primary-rgb-picr),
    1.82297px 26.06967px 0 5.86667px var(--primary-rgb-picr),
    2.73865px 26.05647px 0 5.8px var(--primary-rgb-picr),
    3.65561px 26.01104px 0 5.73333px var(--primary-rgb-picr),
    4.57274px 25.93327px 0 5.66667px var(--primary-rgb-picr),
    5.48887px 25.8231px 0 5.6px var(--primary-rgb-picr),
    6.40287px 25.68049px 0 5.53333px var(--primary-rgb-picr),
    7.31358px 25.50548px 0 5.46667px var(--primary-rgb-picr),
    8.21985px 25.2981px 0 5.4px var(--primary-rgb-picr),
    9.12054px 25.05847px 0 5.33333px var(--primary-rgb-picr),
    10.01448px 24.78672px 0 5.26667px var(--primary-rgb-picr),
    10.90054px 24.48302px 0 5.2px var(--primary-rgb-picr),
    11.77757px 24.1476px 0 5.13333px var(--primary-rgb-picr),
    12.64443px 23.78072px 0 5.06667px var(--primary-rgb-picr),
    13.5px 23.38269px 0 5px var(--primary-rgb-picr),
    14.34315px 22.95384px 0 4.93333px var(--primary-rgb-picr),
    15.17277px 22.49455px 0 4.86667px var(--primary-rgb-picr),
    15.98776px 22.00526px 0 4.8px var(--primary-rgb-picr),
    16.78704px 21.48643px 0 4.73333px var(--primary-rgb-picr),
    17.56953px 20.93855px 0 4.66667px var(--primary-rgb-picr),
    18.33418px 20.36217px 0 4.6px var(--primary-rgb-picr),
    19.07995px 19.75787px 0 4.53333px var(--primary-rgb-picr),
    19.80582px 19.12626px 0 4.46667px var(--primary-rgb-picr),
    20.5108px 18.468px 0 4.4px var(--primary-rgb-picr),
    21.1939px 17.78379px 0 4.33333px var(--primary-rgb-picr),
    21.85416px 17.07434px 0 4.26667px var(--primary-rgb-picr),
    22.49067px 16.34043px 0 4.2px var(--primary-rgb-picr),
    23.10251px 15.58284px 0 4.13333px var(--primary-rgb-picr),
    23.68881px 14.80241px 0 4.06667px var(--primary-rgb-picr),
    24.24871px 14px 0 4px var(--primary-rgb-picr),
    24.7814px 13.1765px 0 3.93333px var(--primary-rgb-picr),
    25.28607px 12.33284px 0 3.86667px var(--primary-rgb-picr),
    25.76198px 11.46997px 0 3.8px var(--primary-rgb-picr),
    26.2084px 10.58888px 0 3.73333px var(--primary-rgb-picr),
    26.62462px 9.69057px 0 3.66667px var(--primary-rgb-picr),
    27.01001px 8.77608px 0 3.6px var(--primary-rgb-picr),
    27.36392px 7.84648px 0 3.53333px var(--primary-rgb-picr),
    27.68577px 6.90284px 0 3.46667px var(--primary-rgb-picr),
    27.97502px 5.94627px 0 3.4px var(--primary-rgb-picr),
    28.23116px 4.97791px 0 3.33333px var(--primary-rgb-picr),
    28.4537px 3.99891px 0 3.26667px var(--primary-rgb-picr),
    28.64223px 3.01042px 0 3.2px var(--primary-rgb-picr),
    28.79635px 2.01364px 0 3.13333px var(--primary-rgb-picr),
    28.91571px 1.00976px 0 3.06667px var(--primary-rgb-picr),
    29px 0 0 3px var(--primary-rgb-picr),
    29.04896px -1.01441px 0 2.93333px var(--primary-rgb-picr),
    29.06237px -2.03224px 0 2.86667px var(--primary-rgb-picr),
    29.04004px -3.05223px 0 2.8px var(--primary-rgb-picr),
    28.98185px -4.07313px 0 2.73333px var(--primary-rgb-picr),
    28.88769px -5.09368px 0 2.66667px var(--primary-rgb-picr),
    28.75754px -6.1126px 0 2.6px var(--primary-rgb-picr),
    28.59138px -7.12863px 0 2.53333px var(--primary-rgb-picr),
    28.38926px -8.14049px 0 2.46667px var(--primary-rgb-picr),
    28.15127px -9.1469px 0 2.4px var(--primary-rgb-picr),
    27.87755px -10.1466px 0 2.33333px var(--primary-rgb-picr),
    27.56827px -11.1383px 0 2.26667px var(--primary-rgb-picr),
    27.22365px -12.12075px 0 2.2px var(--primary-rgb-picr),
    26.84398px -13.09268px 0 2.13333px var(--primary-rgb-picr),
    26.42956px -14.05285px 0 2.06667px var(--primary-rgb-picr),
    25.98076px -15px 0 2px var(--primary-rgb-picr),
    25.49798px -15.93291px 0 1.93333px var(--primary-rgb-picr),
    24.98167px -16.85035px 0 1.86667px var(--primary-rgb-picr),
    24.43231px -17.75111px 0 1.8px var(--primary-rgb-picr),
    23.85046px -18.63402px 0 1.73333px var(--primary-rgb-picr),
    23.23668px -19.49789px 0 1.66667px var(--primary-rgb-picr),
    22.5916px -20.34157px 0 1.6px var(--primary-rgb-picr),
    21.91589px -21.16393px 0 1.53333px var(--primary-rgb-picr),
    21.21024px -21.96384px 0 1.46667px var(--primary-rgb-picr),
    20.4754px -22.74023px 0 1.4px var(--primary-rgb-picr),
    19.71215px -23.49203px 0 1.33333px var(--primary-rgb-picr),
    18.92133px -24.2182px 0 1.26667px var(--primary-rgb-picr),
    18.10379px -24.91772px 0 1.2px var(--primary-rgb-picr),
    17.26042px -25.58963px 0 1.13333px var(--primary-rgb-picr),
    16.39217px -26.23295px 0 1.06667px var(--primary-rgb-picr),
    15.5px -26.84679px 0 1px var(--primary-rgb-picr),
    14.58492px -27.43024px 0 0.93333px var(--primary-rgb-picr),
    13.64796px -27.98245px 0 0.86667px var(--primary-rgb-picr),
    12.69018px -28.50262px 0 0.8px var(--primary-rgb-picr),
    11.7127px -28.98995px 0 0.73333px var(--primary-rgb-picr),
    10.71663px -29.4437px 0 0.66667px var(--primary-rgb-picr),
    9.70313px -29.86317px 0 0.6px var(--primary-rgb-picr),
    8.67339px -30.2477px 0 0.53333px var(--primary-rgb-picr),
    7.6286px -30.59666px 0 0.46667px var(--primary-rgb-picr),
    6.57001px -30.90946px 0 0.4px var(--primary-rgb-picr),
    5.49886px -31.18558px 0 0.33333px var(--primary-rgb-picr),
    4.41643px -31.42451px 0 0.26667px var(--primary-rgb-picr),
    3.32401px -31.6258px 0 0.2px var(--primary-rgb-picr),
    2.22291px -31.78904px 0 0.13333px var(--primary-rgb-picr),
    1.11446px -31.91388px 0 0.06667px var(--primary-rgb-picr),
    0 -32px 0 0 var(--primary-rgb-picr),
    -1.11911px -32.04713px 0 -0.06667px var(--primary-rgb-picr),
    -2.24151px -32.05506px 0 -0.13333px var(--primary-rgb-picr),
    -3.36582px -32.02361px 0 -0.2px var(--primary-rgb-picr),
    -4.49065px -31.95265px 0 -0.26667px var(--primary-rgb-picr),
    -5.61462px -31.84212px 0 -0.33333px var(--primary-rgb-picr),
    -6.73634px -31.69198px 0 -0.4px var(--primary-rgb-picr),
    -7.8544px -31.50227px 0 -0.46667px var(--primary-rgb-picr),
    -8.9674px -31.27305px 0 -0.53333px var(--primary-rgb-picr),
    -10.07395px -31.00444px 0 -0.6px var(--primary-rgb-picr),
    -11.17266px -30.69663px 0 -0.66667px var(--primary-rgb-picr),
    -12.26212px -30.34982px 0 -0.73333px var(--primary-rgb-picr),
    -13.34096px -29.96429px 0 -0.8px var(--primary-rgb-picr),
    -14.4078px -29.54036px 0 -0.86667px var(--primary-rgb-picr),
    -15.46126px -29.07841px 0 -0.93333px var(--primary-rgb-picr),
    -16.5px -28.57884px 0 -1px var(--primary-rgb-picr),
    -17.52266px -28.04212px 0 -1.06667px var(--primary-rgb-picr),
    -18.52792px -27.46878px 0 -1.13333px var(--primary-rgb-picr),
    -19.51447px -26.85936px 0 -1.2px var(--primary-rgb-picr),
    -20.48101px -26.21449px 0 -1.26667px var(--primary-rgb-picr),
    -21.42625px -25.53481px 0 -1.33333px var(--primary-rgb-picr),
    -22.34896px -24.82104px 0 -1.4px var(--primary-rgb-picr),
    -23.2479px -24.07391px 0 -1.46667px var(--primary-rgb-picr),
    -24.12186px -23.29421px 0 -1.53333px var(--primary-rgb-picr),
    -24.96967px -22.48279px 0 -1.6px var(--primary-rgb-picr),
    -25.79016px -21.64052px 0 -1.66667px var(--primary-rgb-picr),
    -26.58223px -20.76831px 0 -1.73333px var(--primary-rgb-picr),
    -27.34477px -19.86714px 0 -1.8px var(--primary-rgb-picr),
    -28.07674px -18.938px 0 -1.86667px var(--primary-rgb-picr),
    -28.7771px -17.98193px 0 -1.93333px var(--primary-rgb-picr),
    -29.44486px -17px 0 -2px var(--primary-rgb-picr),
    -30.07908px -15.99333px 0 -2.06667px var(--primary-rgb-picr),
    -30.67884px -14.96307px 0 -2.13333px var(--primary-rgb-picr),
    -31.24325px -13.91039px 0 -2.2px var(--primary-rgb-picr),
    -31.7715px -12.83652px 0 -2.26667px var(--primary-rgb-picr),
    -32.26278px -11.74269px 0 -2.33333px var(--primary-rgb-picr),
    -32.71634px -10.63018px 0 -2.4px var(--primary-rgb-picr),
    -33.13149px -9.5003px 0 -2.46667px var(--primary-rgb-picr),
    -33.50755px -8.35437px 0 -2.53333px var(--primary-rgb-picr),
    -33.84391px -7.19374px 0 -2.6px var(--primary-rgb-picr),
    -34.14px -6.0198px 0 -2.66667px var(--primary-rgb-picr),
    -34.39531px -4.83395px 0 -2.73333px var(--primary-rgb-picr),
    -34.60936px -3.63759px 0 -2.8px var(--primary-rgb-picr),
    -34.78173px -2.43218px 0 -2.86667px var(--primary-rgb-picr),
    -34.91205px -1.21916px 0 -2.93333px var(--primary-rgb-picr),
    -35px 0 0 -3px var(--primary-rgb-picr),
    -35.04531px 1.22381px 0 -3.06667px var(--primary-rgb-picr),
    -35.04775px 2.45078px 0 -3.13333px var(--primary-rgb-picr),
    -35.00717px 3.6794px 0 -3.2px var(--primary-rgb-picr),
    -34.92345px 4.90817px 0 -3.26667px var(--primary-rgb-picr),
    -34.79654px 6.13557px 0 -3.33333px var(--primary-rgb-picr),
    -34.62643px 7.36007px 0 -3.4px var(--primary-rgb-picr),
    -34.41316px 8.58016px 0 -3.46667px var(--primary-rgb-picr),
    -34.15683px 9.79431px 0 -3.53333px var(--primary-rgb-picr),
    -33.85761px 11.001px 0 -3.6px var(--primary-rgb-picr),
    -33.5157px 12.19872px 0 -3.66667px var(--primary-rgb-picr),
    -33.13137px 13.38594px 0 -3.73333px var(--primary-rgb-picr),
    -32.70493px 14.56117px 0 -3.8px var(--primary-rgb-picr),
    -32.23675px 15.72291px 0 -3.86667px var(--primary-rgb-picr),
    -31.72725px 16.86968px 0 -3.93333px var(--primary-rgb-picr),
    -31.17691px 18px 0 -4px var(--primary-rgb-picr),
    -30.58627px 19.11242px 0 -4.06667px var(--primary-rgb-picr),
    -29.95589px 20.2055px 0 -4.13333px var(--primary-rgb-picr),
    -29.28642px 21.27783px 0 -4.2px var(--primary-rgb-picr),
    -28.57852px 22.32799px 0 -4.26667px var(--primary-rgb-picr),
    -27.83295px 23.35462px 0 -4.33333px var(--primary-rgb-picr),
    -27.05047px 24.35635px 0 -4.4px var(--primary-rgb-picr),
    -26.23192px 25.33188px 0 -4.46667px var(--primary-rgb-picr),
    -25.37819px 26.27988px 0 -4.53333px var(--primary-rgb-picr),
    -24.49018px 27.1991px 0 -4.6px var(--primary-rgb-picr),
    -23.56888px 28.0883px 0 -4.66667px var(--primary-rgb-picr),
    -22.6153px 28.94626px 0 -4.73333px var(--primary-rgb-picr),
    -21.6305px 29.77183px 0 -4.8px var(--primary-rgb-picr),
    -20.61558px 30.56385px 0 -4.86667px var(--primary-rgb-picr),
    -19.57168px 31.32124px 0 -4.93333px var(--primary-rgb-picr),
    -18.5px 32.04294px 0 -5px var(--primary-rgb-picr),
    -17.40175px 32.72792px 0 -5.06667px var(--primary-rgb-picr),
    -16.27818px 33.37522px 0 -5.13333px var(--primary-rgb-picr),
    -15.1306px 33.98389px 0 -5.2px var(--primary-rgb-picr),
    -13.96034px 34.55305px 0 -5.26667px var(--primary-rgb-picr),
    -12.76875px 35.08186px 0 -5.33333px var(--primary-rgb-picr),
    -11.55724px 35.56951px 0 -5.4px var(--primary-rgb-picr),
    -10.32721px 36.01527px 0 -5.46667px var(--primary-rgb-picr),
    -9.08014px 36.41843px 0 -5.53333px var(--primary-rgb-picr),
    -7.81748px 36.77835px 0 -5.6px var(--primary-rgb-picr),
    -6.54075px 37.09443px 0 -5.66667px var(--primary-rgb-picr),
    -5.25147px 37.36612px 0 -5.73333px var(--primary-rgb-picr),
    -3.95118px 37.59293px 0 -5.8px var(--primary-rgb-picr),
    -2.64145px 37.77443px 0 -5.86667px var(--primary-rgb-picr),
    -1.32385px 37.91023px 0 -5.93333px var(--primary-rgb-picr);
}
[data-color=all] #collapse-header.active {
  background: var(--primary-rgb-picr);
  border-color: var(--primary-rgb-picr);
}
[data-color=all] .new-employee-field .image-upload {
  background: var(--primary-rgb-picr);
}
[data-color=all] .card-title-head h6 span {
  color: var(--primary-rgb-picr);
}
[data-color=all] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active {
  color: var(--primary-rgb-picr);
  background: rgba(var(--primary-rgb-picr), 0.1);
}
[data-color=all] .page-wrapper .nav-pills .nav-link.active {
  background: var(--primary-rgb-picr);
}
[data-color=all] .invoice-card:hover {
  border-color: var(--primary-rgb-picr);
}
[data-color=all] .invoice-card:hover .avatar {
  background: var(--primary-rgb-picr) !important;
}
[data-color=all] .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after {
  background: var(--primary-rgb-picr);
}
[data-color=all] ::selection {
  background: var(--primary-rgb-picr);
}
[data-color=all] .daterangepicker .ranges li.active {
  background: var(--primary-rgb-picr) !important;
}
[data-color=all] .sales-cards .card h6 {
  color: var(--primary-rgb-picr);
}
[data-color=all] .welcome a:hover,
[data-color=all] .welcome input:hover,
[data-color=all] .welcome button:hover {
  background: var(--primary-rgb-picr);
  border-color: var(--primary-rgb-picr);
}
[data-layout=twocolumn] #sidebar {
  display: none;
}
[data-layout=twocolumn] .two-col-sidebar .sidebar-logo {
  justify-content: center;
  margin-bottom: 14px;
  height: 65px;
}
[data-sidebarbg=sidebarbg1] .sidebar-logo,
[data-sidebarbg=sidebarbg2] .sidebar-logo,
[data-sidebarbg=sidebarbg3] .sidebar-logo,
[data-sidebarbg=sidebarbg4] .sidebar-logo,
[data-sidebarbg=sidebarbg5] .sidebar-logo,
[data-sidebarbg=sidebarbg6] .sidebar-logo {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
[data-sidebarbg=sidebarbg1] .sidebar-logo .logo,
[data-sidebarbg=sidebarbg2] .sidebar-logo .logo,
[data-sidebarbg=sidebarbg3] .sidebar-logo .logo,
[data-sidebarbg=sidebarbg4] .sidebar-logo .logo,
[data-sidebarbg=sidebarbg5] .sidebar-logo .logo,
[data-sidebarbg=sidebarbg6] .sidebar-logo .logo {
  display: none;
}
[data-sidebarbg=sidebarbg1] .sidebar-logo .logo.logo-white,
[data-sidebarbg=sidebarbg2] .sidebar-logo .logo.logo-white,
[data-sidebarbg=sidebarbg3] .sidebar-logo .logo.logo-white,
[data-sidebarbg=sidebarbg4] .sidebar-logo .logo.logo-white,
[data-sidebarbg=sidebarbg5] .sidebar-logo .logo.logo-white,
[data-sidebarbg=sidebarbg6] .sidebar-logo .logo.logo-white {
  display: block !important;
}
[data-sidebarbg=sidebarbg1] .sidebar .sidebar-menu > ul > li.submenu-open ul,
[data-sidebarbg=sidebarbg2] .sidebar .sidebar-menu > ul > li.submenu-open ul,
[data-sidebarbg=sidebarbg3] .sidebar .sidebar-menu > ul > li.submenu-open ul,
[data-sidebarbg=sidebarbg4] .sidebar .sidebar-menu > ul > li.submenu-open ul,
[data-sidebarbg=sidebarbg5] .sidebar .sidebar-menu > ul > li.submenu-open ul,
[data-sidebarbg=sidebarbg6] .sidebar .sidebar-menu > ul > li.submenu-open ul {
  border-color: rgba(230, 234, 237, 0.1019607843);
}
.pos-page .layout-select {
  display: none;
}
:root,
[data-color=primary] {
  --primary-color: #4f46e5;
  --primary-color-rgb:
    79,
    70,
    229;
}
[data-color=brightblue] {
  --primary-color: #009688;
  --primary-color-rgb:
    0,
    150,
    136;
}
[data-color=lunargreen] {
  --primary-color: #d63031;
  --primary-color-rgb:
    214,
    48,
    49;
}
[data-color=lavendar] {
  --primary-color: #6c5ce7;
  --primary-color-rgb:
    108,
    92,
    231;
}
[data-color=magenta] {
  --primary-color: #0984e3;
  --primary-color-rgb:
    9,
    132,
    227;
}
[data-color=chromeyellow] {
  --primary-color: #00b894;
  --primary-color-rgb:
    0,
    184,
    148;
}
[data-color=orange] {
  --primary-color: #e04f16;
  --primary-color-rgb:
    224,
    79,
    22;
}
[data-color=all] {
  --primary-color: rgb(var(--primary-rgb-picr));
  --primary-color-rgb: var(--primary-rgb-picr);
}
[data-theme=dark][data-color=primary] {
  --primary-color: #22d3ee;
  --primary-color-rgb:
    34,
    211,
    238;
}
[data-theme=dark] {
  color-scheme: dark;
  --color-background: rgb(24 24 27 / 97%);
  --color-surface: rgb(32 32 35 / 97%);
  --color-surface-elevated: rgb(39 39 42 / 95%);
  --color-input-background: #09090b;
  --color-primary: var(--primary-color, #22d3ee);
  --color-primary-rgb: var(--primary-color-rgb, 34, 211, 238);
  --color-primary-soft: rgba(var(--color-primary-rgb), 0.16);
  --color-primary-subtle: rgba(var(--color-primary-rgb), 0.18);
  --color-text-primary: #f8fafc;
  --color-text-secondary: #e2e8f0;
  --color-text-muted: #cbd5e1;
  --color-text-brand: #e5e7eb;
  --color-border: #3f3f46;
  --color-checkbox-border: #767676;
  --color-shadow: rgb(0 0 0 / 35%);
  --color-focus: var(--color-primary);
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: var(--color-primary-rgb);
  --bs-body-bg: var(--color-background);
  --bs-body-color: var(--color-text-secondary);
  --bs-secondary-color: var(--color-text-muted);
  --bs-border-color: var(--color-border);
  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: var(--color-primary);
  --bs-tertiary-bg: var(--color-surface-elevated);
}
[data-theme=dark][data-color=primary] {
  --bs-primary: #22D3EE;
  --bs-primary-rgb:
    34,
    211,
    238;
  --bs-link-color: #22D3EE;
  --bs-link-hover-color: #67E8F9;
  --primary-rgb:
    34,
    211,
    238;
}
[data-theme=dark][data-color=primary] .btn.btn-primary,
[data-theme=dark][data-color=primary] .page-header .btn-added,
[data-theme=dark][data-color=primary] .btn-submit,
[data-theme=dark][data-color=primary] .btn-save {
  color: #0D0D0D;
  background-color: #22D3EE !important;
  border-color: #22D3EE !important;
}
[data-theme=dark][data-color=primary] .btn.btn-primary:hover,
[data-theme=dark][data-color=primary] .btn.btn-primary:focus,
[data-theme=dark][data-color=primary] .btn.btn-primary:active,
[data-theme=dark][data-color=primary] .btn.btn-primary.active,
[data-theme=dark][data-color=primary] .page-header .btn-added:hover,
[data-theme=dark][data-color=primary] .page-header .btn-added:focus,
[data-theme=dark][data-color=primary] .page-header .btn-added:active,
[data-theme=dark][data-color=primary] .page-header .btn-added.active,
[data-theme=dark][data-color=primary] .btn-submit:hover,
[data-theme=dark][data-color=primary] .btn-submit:focus,
[data-theme=dark][data-color=primary] .btn-submit:active,
[data-theme=dark][data-color=primary] .btn-submit.active,
[data-theme=dark][data-color=primary] .btn-save:hover,
[data-theme=dark][data-color=primary] .btn-save:focus,
[data-theme=dark][data-color=primary] .btn-save:active,
[data-theme=dark][data-color=primary] .btn-save.active {
  background-color: #67E8F9 !important;
  border-color: #67E8F9 !important;
}
[data-theme=dark][data-color=primary] .btn-outline-primary {
  color: #22D3EE !important;
  border-color: #22D3EE !important;
}
[data-theme=dark][data-color=primary] .btn-outline-primary:hover,
[data-theme=dark][data-color=primary] .btn-outline-primary:focus,
[data-theme=dark][data-color=primary] .btn-outline-primary:active,
[data-theme=dark][data-color=primary] .btn-outline-primary.active {
  color: #0D0D0D !important;
  background-color: #22D3EE !important;
  border-color: #22D3EE !important;
}
[data-theme=dark][data-color=primary] .text-primary,
[data-theme=dark][data-color=primary] .link-primary,
[data-theme=dark][data-color=primary] .nav-tabs .nav-link:hover,
[data-theme=dark][data-color=primary] .nav-tabs .nav-link.active,
[data-theme=dark][data-color=primary] .sidebar .sidebar-menu a:hover,
[data-theme=dark][data-color=primary] .sidebar .sidebar-menu a.active,
[data-theme=dark][data-color=primary] .sidebar .sidebar-menu a.subdrop,
[data-theme=dark][data-color=primary] .sidebar .sidebar-menu a.active span,
[data-theme=dark][data-color=primary] .sidebar .sidebar-menu a.subdrop span,
[data-theme=dark][data-color=primary] .dropdown-item:not(.active):hover,
[data-theme=dark][data-color=primary] .dropdown-item:not(.active):focus {
  color: #22D3EE !important;
}
[data-theme=dark][data-color=primary] .bg-primary,
[data-theme=dark][data-color=primary] .badge.badge-primary,
[data-theme=dark][data-color=primary] .pagination .page-item.active .page-link,
[data-theme=dark][data-color=primary] .nav-pills .nav-link.active,
[data-theme=dark][data-color=primary] .sidebar-contact .toggle-theme,
[data-theme=dark][data-color=primary] .header-left #toggle_btn {
  background-color: #22D3EE !important;
  border-color: #22D3EE !important;
}
[data-theme=dark][data-color=primary] .badge.badge-soft-primary,
[data-theme=dark][data-color=primary] .dropdown-item:not(.active):hover,
[data-theme=dark][data-color=primary] .dropdown-item:not(.active):focus {
  color: #22D3EE !important;
  background-color: rgba(34, 211, 238, 0.12) !important;
}
[data-theme=dark][data-color=primary] .border-primary,
[data-theme=dark][data-color=primary] .nav-tabs.nav-tabs-bottom .nav-link.active,
[data-theme=dark][data-color=primary] .nav-tabs.nav-tabs-bottom .nav-link:hover,
[data-theme=dark][data-color=primary] .form-control:focus,
[data-theme=dark][data-color=primary] .form-select:focus {
  border-color: #22D3EE !important;
}
[data-theme=dark][data-color=primary] .form-control:focus,
[data-theme=dark][data-color=primary] .form-select:focus {
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.18);
}
[data-theme=dark][data-color=primary] .form-check-input:checked {
  background-color: #22D3EE;
  border-color: #22D3EE;
}
[data-theme=dark][data-color=primary] .sidebar .menu-arrow::before {
  border-color: #22D3EE !important;
}
[data-theme=dark][data-color=primary] .theme-colorsset label.primary-clr::before {
  background: #22D3EE;
}
[data-theme=dark][data-color=primary] ::selection {
  color: #0D0D0D;
  background: #22D3EE;
}
.main-chat-blk .slimscroll {
  height: calc(100vh - 60px) !important;
}
.main-chat-blk .slimscroll-active-sidebar a {
  color: #646B72;
}
.main-chat-blk .emoj-group ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .emoj-group ul li + li {
  margin-left: 10px;
}
.main-chat-blk .emoj-group ul li a {
  width: 34px;
  height: 34px;
  background: #f6f7f8;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.main-chat-blk .emoj-group ul li a i {
  color: #424242;
}
.main-chat-blk .message-content {
  position: relative;
}
.main-chat-blk .message-content:hover .emoj-group {
  opacity: 1;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.main-chat-blk .emoj-group {
  position: absolute;
  top: 50%;
  right: -100px;
  opacity: 0;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.main-chat-blk .rig-emoji-group {
  position: absolute;
  right: 210px;
}
.main-chat-blk .wrap-emoji-group {
  position: absolute;
  right: 290px;
}
.main-chat-blk .emoj-group-list-foot {
  display: none;
  position: absolute;
  top: -50px;
  left: -90px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.main-chat-blk .emoj-group-list-foot ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f6f7f8;
  border-radius: 50px;
  padding: 5px;
}
.main-chat-blk .emoj-group-list-foot ul li a {
  padding: 0;
  display: flex;
  align-items: center;
}
.main-chat-blk .emoj-group-list-foot ul li.add-emoj a {
  background: #EDEDED;
}
.main-chat-blk .emoj-group-list-foot ul li.add-emoj a i {
  font-size: 20px;
  color: #424242;
}
.main-chat-blk .down-emoji-circle {
  position: absolute;
  left: 10px !important;
  top: -38px !important;
}
.main-chat-blk .emoj-action-foot .down-emoji-circle ul {
  padding: 10px;
}
.main-chat-blk .down-emoji-circle ul li + li {
  margin-left: 14px;
}
.main-chat-blk .emoj-action-foot .down-emoji-circle ul li:last-child a {
  width: 34px;
  height: 34px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-chat-blk .chat-page-wrapper .content {
  padding: 0;
}
.main-chat-blk .chat-page-wrapper .sidebar {
  position: initial;
}
@media (max-width: 991.96px) {
  .main-chat-blk .chat-page-wrapper .sidebar {
    margin-left: 0;
  }
}
.main-chat-blk .chat-page-wrapper .left-chat-title {
  padding: 24px;
  border-bottom: 1px solid #E0E0E0;
  min-height: 72px;
}
.main-chat-blk .chat-page-wrapper .card-header-head h4 {
  font-size: 18px;
  color: #092C4C;
  font-weight: 700;
}
.main-chat-blk .chat-page-wrapper .chat .slimscroll {
  height: calc(100vh - 135px) !important;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item {
  font-size: 14px;
  cursor: pointer;
  padding: 7px 14px;
  font-weight: 500;
  color: #424242;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item i {
  font-size: 16px;
  color: #424242;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item span {
  float: right;
  font-size: 18px;
  color: #424242;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item.active {
  background: none;
  color: inherit;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:focus,
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:hover,
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:active {
  background-color: #e6e6e6;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  box-sizing: border-box;
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-width: 173px;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item {
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu.chat-drop-menu .dropdown-item i {
  font-size: 16px;
  color: #424242;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:hover,
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:focus,
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item:active {
  background-color: #F8ECFF;
}
.main-chat-blk .chat-page-wrapper .dropdown-menu .dropdown-item span {
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .chat-page-wrapper .contact-close_call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@-webkit-keyframes wave {
  0%, 100%, 60% {
    -webkit-transform: initial;
    transform: initial;
  }
  30% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes wave {
  0%, 100%, 60% {
    -webkit-transform: initial;
    transform: initial;
  }
  30% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.main-chat-blk .chat {
  flex: 1;
  display: flex;
  flex-direction: column;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  background: #ffffff;
}
.main-chat-blk .chat .chat-header {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 15px 24px;
  align-items: center;
  border-bottom: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
  background: var(--White, #FFF);
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  position: relative;
}
.main-chat-blk .chat .chat-header .user-details {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.main-chat-blk .chat .chat-header .user-details figure {
  margin-right: 1rem;
}
.main-chat-blk .chat .chat-header .user-details h5 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 1;
  color: #212B36;
}
.main-chat-blk .chat .chat-header .chat-options ul {
  margin-bottom: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.main-chat-blk .chat .chat-header .chat-options ul > li > a {
  font-size: 14px;
  color: #212B36;
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.main-chat-blk .chat .chat-header .chat-options ul > li > a i {
  font-size: 20px;
}
.main-chat-blk .chat .chat-header .chat-options ul > li > a:not(.no-bg):hover {
  background-color: #D3D5D7;
  border-color: #D3D5D7;
}
.main-chat-blk .chat .chat-body {
  flex: 1;
  padding: 24px;
  padding-bottom: 40px;
}
.main-chat-blk .chat .chat-body:not(.no-message) {
  overflow: hidden;
}
.main-chat-blk .chat .chat-body .messages {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.main-chat-blk .chat .chat-body .messages .chats {
  max-width: 75%;
  margin-bottom: 1.5rem;
  display: flex;
  display: -webkit-flex;
}
.main-chat-blk .chat .chat-body .messages .chats:last-child {
  margin-bottom: 0;
}
.main-chat-blk .chat .chat-body .messages .chats .chat-time {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-bottom: 0;
}
.main-chat-blk .chat .chat-body .messages .chats .chat-time .avatar {
  margin-right: 1rem;
}
.main-chat-blk .chat .chat-body .messages .chats .chat-time h5 {
  font-size: 15px;
  margin-bottom: 0;
}
.main-chat-blk .chat .chat-body .messages .chats .chat-time .time {
  color: #ffffff;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
}
.main-chat-blk .chat .chat-body .messages .chats .chat-time .time i {
  color: rgba(247, 247, 247, 0.5);
}
.main-chat-blk .chat .chat-body .messages .chats .chat-time .time i img {
  width: 14px;
  height: auto;
  margin-left: 2px;
  vertical-align: 0px;
}
.main-chat-blk .chat .chat-body .messages .chats .message-content {
  border-radius: 0px 15px 15px 15px;
  background: var(--light-color, #F6F7F8);
  padding: 14px 20px;
  color: #212B36;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.031372549);
}
.main-chat-blk .chat .chat-body .messages .chats .message-content a {
  color: #06AED4;
}
.main-chat-blk .chat .chat-body .messages .chats .message-content.award-link a {
  color: #212B36;
  margin-bottom: 2px;
  display: block;
}
.main-chat-blk .chat .chat-body .messages .chats .message-content.award-link img {
  border-radius: 10px;
}
.main-chat-blk .chat .chat-body .messages .chats .message-content.chat-award-link a {
  display: flex;
}
.main-chat-blk .chat .chat-body .messages .chats .message-content.fancy-msg-box .image-not-download span {
  position: absolute;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.main-chat-blk .chat .chat-body .messages .chat-profile-name h6 {
  margin-bottom: 0;
  color: #212B36;
  font-weight: 600;
  font-size: 15px;
}
.main-chat-blk .chat .chat-body .messages .chat-profile-name h6 span {
  font-size: 12px;
  color: #7A8086;
  font-weight: 400;
  padding-left: 10px;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right {
  margin-left: auto;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .chat-time {
  justify-content: flex-end;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .message-content {
  border-radius: 15px 0px 15px 15px;
  background: rgba(255, 159, 67, 0.12);
  color: #212B36;
  padding: 15px;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .message-content .chat-time {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .message-content .chat-time .time {
  color: #7A8086;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .message-content .chat-time .time i {
  color: #06AED4;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .chat-action-btns {
  order: 2;
  -webkit-order: 2;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .chat-action-btns .chat-action-col {
  width: 20px;
  text-align: center;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .chat-action-btns .chat-read-col {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  padding-bottom: 22px;
  color: #646B72;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .chat-content {
  order: 1;
  -webkit-order: 1;
}
.main-chat-blk .chat .chat-body .messages .chats.chats-right .chat-avatar {
  padding: 8px 0px 0 15px;
}
.main-chat-blk .chat .chat-body .messages .download-col {
  position: relative;
}
.main-chat-blk .chat .chat-body .messages .download-col ul {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0;
  display: flex;
  display: -webkit-flex;
}
.main-chat-blk .chat .chat-body .messages .download-col ul li + li {
  margin-left: 5px;
}
.main-chat-blk .chat .chat-body .messages .download-col .image-download-col {
  position: relative;
}
.main-chat-blk .chat .chat-body .messages .download-col .image-download-col a > img {
  border: 1px solid transparent;
  width: 80px;
  border-radius: 8px;
}
.main-chat-blk .chat .chat-body .messages .download-col .image-download-col.image-not-download a > img {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
.main-chat-blk .chat .chat-body .messages .download-col .download-action {
  position: absolute;
  right: 8px;
  bottom: 8px;
  line-height: 0;
}
.main-chat-blk .chat .chat-body .messages .download-col .download-action a {
  color: #ffffff;
  font-size: 10px;
}
.main-chat-blk .chat .chat-body .messages .download-col .download-action div + div {
  margin-left: 8px;
}
.main-chat-blk .chat .chat-body .messages .download-col .download-action div img {
  width: 13px;
}
.main-chat-blk .chat .chat-body .messages .file-download .download-action {
  position: absolute;
  right: 8px;
  bottom: 8px;
  line-height: 0;
  bottom: 14px;
}
.main-chat-blk .chat .chat-body .messages .file-download .download-action a {
  color: #ffffff;
  font-size: 10px;
  color: #37404A;
}
.main-chat-blk .chat .chat-body .messages .file-download .download-action div + div {
  margin-left: 8px;
}
.main-chat-blk .chat .chat-body .messages .file-download .download-action div img {
  width: 13px;
}
.main-chat-blk .chat .chat-body .messages .file-download {
  position: relative;
  background: #A6AAAF;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 7px;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-type {
  width: 54px;
  height: 54px;
  background-color: #ffffff;
  border-radius: 4px;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-type i {
  color: #7A8086;
  font-size: 24px;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-details span.file-name {
  color: #212B36;
  display: inline-block;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-details span.file-size {
  color: #7A8086;
  display: inline-block;
  width: 100%;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-details ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  margin-bottom: 0;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-details ul li {
  list-style: none;
  color: #212B36;
  font-size: 14px;
  position: relative;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-details ul li::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 13px;
  background: #C2C2C2;
  right: -8px;
  top: 5px;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-details ul li:last-child::before {
  display: none;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-details ul li a {
  color: #4F46E5;
}
.main-chat-blk .chat .chat-body .messages .file-download .file-details ul li + li {
  padding-left: 15px;
}
.main-chat-blk .chat .chat-body.no-message {
  -webkit-user-select: none;
  user-select: none;
}
.main-chat-blk .chat .chat-footer {
  position: relative;
}
.main-chat-blk .chat .chat-footer form {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px;
}
@media (max-width: 991.96px) {
  .main-chat-blk .chat .chat-footer form {
    padding-bottom: 15px;
  }
}
.main-chat-blk .chat .chat-footer form .form-buttons .btn {
  margin-left: 0px;
  color: #90959B;
  font-size: 20px;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.main-chat-blk .chat .chat-footer form .form-buttons .btn:last-child {
  margin-right: 0;
}
.main-chat-blk .chat .chat-footer form .form-buttons .btn.send-btn {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background: #4F46E5;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff !important;
  margin-left: 10px;
}
.main-chat-blk .chat .chat-footer form .form-buttons .btn.send-btn:hover {
  background-color: #ffffff;
  border-color: #37404A;
}
.main-chat-blk .chat .chat-footer form .form-buttons .btn.send-btn:hover i {
  color: #37404A;
}
.main-chat-blk .chat .chat-footer form .form-buttons .btn.send-btn:focus {
  box-shadow: none;
}
.main-chat-blk .chat .chat-footer form .specker-col span {
  color: #37404A;
  font-size: 25px;
}
.main-chat-blk .chat .chat-footer form .attach-col i {
  color: #37404A;
  font-size: 20px;
}
.main-chat-blk .chat .chat-footer form .attach-col {
  right: inherit;
  left: 60px;
}
.main-chat-blk .chat .chat-footer form .smile-col i {
  color: #37404A;
  font-size: 20px;
  font-size: 22px;
}
.main-chat-blk .chat .chat-footer form .smile-col {
  right: inherit;
  left: 15px;
}
.main-chat-blk .chat .chat-footer form .smile-foot {
  margin-right: 10px;
}
.main-chat-blk .chat .chat-footer form .smile-foot .action-circle {
  width: 38px;
  height: 38px;
  background: #ffffff;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.main-chat-blk .chat .chat-footer form .smile-foot .action-circle:hover {
  background-color: #D3D5D7;
  border-color: #D3D5D7;
}
.main-chat-blk .chat .chat-footer form .smile-foot .action-circle i {
  color: #212B36;
  font-size: 18px;
}
.main-chat-blk .chat .chat-footer form .form-control::-webkit-input-placeholder {
  color: #212B36;
  opacity: 1;
}
.main-chat-blk .chat .chat-footer form .form-control::-moz-placeholder {
  color: #212B36;
  opacity: 1;
}
.main-chat-blk .chat .chat-footer form .form-control:-ms-input-placeholder {
  color: #212B36;
  opacity: 1;
}
.main-chat-blk .chat .chat-footer form .form-control:-moz-placeholder {
  color: #212B36;
  opacity: 1;
}
.main-chat-blk .chat-options ul.list-inline .list-inline-item {
  margin-bottom: 0;
}
.main-chat-blk .last-seen {
  color: #212B36;
  font-size: 14px;
}
.main-chat-blk .user_callog {
  display: flex;
  margin-top: 0px;
}
.main-chat-blk .calllog_p {
  margin-left: 5px;
}
.main-chat-blk .chat-options.chat-option-profile .list-inline-item a {
  background: #4F46E5;
  width: 38px;
  height: 38px;
  border-radius: 50px;
  color: #212B36;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #ffffff;
}
.main-chat-blk .chat-options.chat-option-profile .list-inline-item a:hover {
  background: #1b2950;
  color: #ffffff;
}
.main-chat-blk .chat-options.chat-option-profile .list-inline {
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.main-chat-blk .last-seen-profile span {
  color: #212B36;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
  display: block;
}
.main-chat-blk .header_button {
  position: absolute;
  right: 5px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  background: #ffa977;
  bottom: 40px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.main-chat-blk .btn-warning:hover {
  color: #ffffff;
  background-color: #4338CA;
  border-color: #3730A3;
}
.main-chat-blk .right_sidebar_profile {
  margin-top: 0px;
}
.main-chat-blk .account_details {
  background-color: #A6AAAF;
  border-color: #90959B;
  border-radius: 5px !important;
  border-bottom: 0 !important;
}
.main-chat-blk .security_details {
  background-color: #A6AAAF;
  border-color: #90959B;
  border-radius: 5px !important;
  border-bottom: 0 !important;
}
.main-chat-blk .close_icon {
  font-size: 18px;
}
.main-chat-blk .button_plus {
  margin-left: 0px;
}
.main-chat-blk .chat-search {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  opacity: 0;
  visibility: hidden;
}
.main-chat-blk .chat-search input[type=text] {
  padding: 8px 8px 8px 35px;
  width: 100%;
  min-height: 47px;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #E5E7EB;
  font-size: 13px;
  background-color: #ffffff;
  color: #212B36;
  font-size: 15px;
  font-weight: 500;
}
.main-chat-blk .chat-search input[type=text]:hover {
  border-color: #BCBFC3;
}
.main-chat-blk .chat-search input[type=text]:focus {
  border-color: #BCBFC3;
}
.main-chat-blk .chat-search input[type=text]:focus-visible {
  border-color: #BCBFC3;
}
.main-chat-blk .chat-search.visible-chat {
  opacity: 1;
  visibility: visible;
  top: 100%;
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  z-index: 9;
}
.main-chat-blk .form-control-feedback {
  z-index: 2;
  display: block;
  text-align: center;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.main-chat-blk .form-control-feedback i {
  font-size: 16px;
  color: #212B36;
}
.main-chat-blk .user-chat-search {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  opacity: 0;
  visibility: hidden;
}
.main-chat-blk .user-chat-search input[type=text] {
  padding: 8px 8px 8px 35px;
  width: 100%;
  min-height: 47px;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #E5E7EB;
  font-size: 13px;
  background-color: #ffffff;
  color: #212B36;
  font-size: 15px;
  font-weight: 500;
}
.main-chat-blk .user-chat-search input[type=text]:hover {
  border-color: #BCBFC3;
}
.main-chat-blk .user-chat-search input[type=text]:focus {
  border-color: #BCBFC3;
}
.main-chat-blk .user-chat-search input[type=text]:focus-visible {
  border-color: #BCBFC3;
}
.main-chat-blk .user-chat-search.visible-chat {
  opacity: 1;
  visibility: visible;
  top: 100%;
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  z-index: 9;
}
.main-chat-blk .all-chats {
  position: relative;
}
.main-chat-blk .close-btn-chat {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  color: #212B36;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  position: absolute;
  right: 12px;
  top: 9px;
  cursor: pointer;
}
.main-chat-blk .user-close-btn-chat {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  color: #212B36;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  position: absolute;
  right: 12px;
  top: 9px;
  cursor: pointer;
}
.main-chat-blk .main_content {
  width: 100% !important;
}
.main-chat-blk .avatar-main {
  height: 50px;
  width: 50px;
}
.main-chat-blk .archive-btn {
  border: 1px solid #008024;
  color: #646B72;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 6px;
  margin-right: 1.5rem;
}
.main-chat-blk .archive-btn-grey {
  border: 1px solid #909090;
  color: #7A8086;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 500;
  padding: 2px 6px;
  margin-top: 0.25rem;
}
.main-chat-blk .right_sidebar_icon {
  list-style: none;
}
.main-chat-blk .btn.btn-outline-light:hover {
  background: #e6e6e6;
}
.main-chat-blk .chat-avatar {
  padding: 8px 15px 0 8px;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-shrink: 0;
}
.main-chat-blk .chat-profile-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}
.main-chat-blk .chat-profile-name .chat-action-col a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-chat-blk .delete-pop-btn .btn-primary {
  margin: 0 0 0 10px;
}
.main-chat-blk .delete-model-head {
  padding: 40px;
}
.main-chat-blk .delete-model-head .modal-header {
  padding: 0;
  margin-bottom: 32px;
}
.main-chat-blk .delete-model-head .modal-body {
  padding: 0;
}
.main-chat-blk .delete-chat-notify {
  margin-bottom: 32px;
}
.main-chat-blk .delete-chat-notify .form-check {
  margin-bottom: 14px;
}
.main-chat-blk .chats.chats-right {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.main-chat-blk .message-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .message-star .avatar {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.main-chat-blk .message-star .avatar img {
  width: 100%;
}
.main-chat-blk .message-star h6 {
  color: #212B36;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}
.main-chat-blk .message-star h6 span i {
  color: #FFDB7D;
}
.main-chat-blk .chat-voice-group ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  padding: 0;
  margin-bottom: 0;
}
.main-chat-blk .chat-voice-group ul li span {
  width: 28px;
  height: 28px;
  background: #4F46E5;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.main-chat-blk .chat-voice-group li {
  margin-bottom: 0;
  color: #212B36;
  font-size: 14px;
  font-weight: 400;
  list-style: none;
}
.main-chat-blk .chat-voice-group li + li {
  padding-left: 10px;
}
.main-chat-blk .file-download-col .download-action {
  position: absolute;
  right: 8px;
  bottom: 8px;
  line-height: 0;
}
.main-chat-blk .file-download-col .download-action a {
  color: #ffffff;
  font-size: 10px;
}
.main-chat-blk .file-download-col .download-action div + div {
  margin-left: 8px;
}
.main-chat-blk .file-download-col .download-action div img {
  width: 13px;
}
.main-chat-blk .file-download-col:after {
  content: "";
  display: table;
  clear: both;
}
.main-chat-blk .file-download-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-chat-blk .file-download-col ul li {
  float: left;
  width: 50%;
  padding: 5px;
}
.main-chat-blk .file-download-col ul li .image-download-col {
  position: relative;
}
.main-chat-blk .file-download-col ul li .image-download-col a > img {
  width: 100%;
}
.main-chat-blk .file-download-col ul li.full-width {
  width: 100%;
}
.main-chat-blk .chat-select .select2-container .select2-selection--single {
  border: 0;
  height: 24px;
}
.main-chat-blk .chat-select .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 40px;
  padding-left: 0px;
}
.main-chat-blk .chat-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #7A8086;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  font-weight: 600;
}
.main-chat-blk .chat-select .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 24px;
  right: 7px;
}
.main-chat-blk .chat-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #4D555E;
  border-style: solid;
  border-width: 0 2px 2px 0;
  padding: 3px;
  height: 0;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.main-chat-blk .chat-select .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #38526E;
}
.main-chat-blk .chat-select .select2-container--default .select2-selection--multiple {
  border: 1px solid #ddd;
  min-height: 40px;
}
.main-chat-blk .chat-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #4D555E;
  border-width: 2px 0 0 2px;
  padding: 3px;
  margin-top: -5px;
  border-color: #4D555E;
  border-style: solid;
  border-width: 0 2px 2px 0;
  padding: 3px;
}
.main-chat-blk .chat-select .select2-container--default.form-control-sm .select2-selection--single .select2-selection__arrow {
  top: 7px;
}
.main-chat-blk .chat-select .select2-container--open .select2-dropdown--below {
  margin-top: 10px;
}
.main-chat-blk .success-pass {
  margin-bottom: 40px;
  text-align: center;
}
.main-chat-blk .review-files p {
  margin-bottom: 5px;
  color: #212B36;
  font-size: 14px;
}
.main-chat-blk .like-chat-grp ul {
  padding: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-top: 10px;
}
.main-chat-blk .like-chat-grp ul li {
  list-style: none;
}
.main-chat-blk .like-chat-grp ul li a {
  border: 1px solid #E0E0E0;
  border-radius: 50px;
  padding: 3px 12px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #212B36;
  font-weight: 400;
  font-size: 14px;
}
.main-chat-blk .like-chat-grp ul li a img {
  margin-left: 5px;
}
.main-chat-blk .like-chat-grp ul li + li {
  margin-left: 10px;
}
.main-chat-blk .like-chat-grp ul li.like-chat a {
  background: #FEF6DC;
}
.main-chat-blk .like-chat-grp ul li.comment-chat a {
  background: #FFE8E9;
}
.main-chat-blk .chat-line {
  margin: 0px 0 20px;
  position: relative;
  text-align: center;
  width: 100%;
}
.main-chat-blk .chat-line:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: #A6AAAF;
  width: 100%;
  height: 1px;
}
.main-chat-blk .chat-date {
  border-radius: 100px;
  background: #A6AAAF;
  color: #212B36;
  font-size: 14px;
  padding: 4px 20px;
  display: inline-block;
  font-weight: 400;
  position: relative;
  border: 1px solid #E0E0E0;
}
.main-chat-blk .chat + .sidebar-group {
  margin-right: 0px;
}
.main-chat-blk .chat + .sidebar-group .sidebar {
  margin-right: 0px;
}
.main-chat-blk .group-comman-theme {
  padding: 0 24px;
}
.main-chat-blk .group-comman-theme h6 {
  margin-bottom: 15px;
}
.main-chat-blk .group-comman-theme ul {
  padding: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #EDEDED;
}
.main-chat-blk .group-comman-theme ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
}
.main-chat-blk .group-comman-theme ul li:last-child {
  margin-bottom: 0;
}
.main-chat-blk .group-comman-theme ul li .avatar {
  flex-shrink: 0;
  margin-right: 10px;
}
.main-chat-blk .theme-content h6 {
  margin-bottom: 6px;
  color: #212B36;
  font-size: 15px;
  font-weight: 500;
}
.main-chat-blk .theme-content p {
  margin-bottom: 0;
  text-align: start;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #212B36;
  font-size: 14px;
}
.main-chat-blk .chat-message-grp {
  padding: 24px;
  padding-top: 0;
}
.main-chat-blk .chat-message-grp ul {
  padding: 0;
}
.main-chat-blk .chat-message-grp ul li {
  list-style: none;
  margin-bottom: 15px;
}
.main-chat-blk .chat-message-grp ul li:last-child {
  margin-bottom: 0px;
}
.main-chat-blk .chat-message-grp ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-chat-blk .chat-message-grp ul li a:hover .stared-group h6 {
  color: #37404A;
}
.main-chat-blk .stared-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .stared-group span {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  margin-right: 10px;
  background: #F6F7F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.main-chat-blk .stared-group span i {
  font-size: 16px;
}
.main-chat-blk .stared-group h6 {
  font-size: 15px;
  font-weight: 500;
  color: #646B72;
  margin-bottom: 0;
}
.main-chat-blk .star-message {
  background: #FEF6DC;
}
.main-chat-blk .star-message i {
  color: #FFDB7D;
}
.main-chat-blk .mute-message {
  background: rgba(235, 253, 255, 0.9803921569);
}
.main-chat-blk .mute-message i {
  color: #06AED4;
}
.main-chat-blk .block-message {
  background: #FFE8E9;
}
.main-chat-blk .block-message i {
  color: #6938EF;
}
.main-chat-blk .report-message {
  background: #F8ECFF;
}
.main-chat-blk .report-message i {
  color: #092C4C;
}
.main-chat-blk .delete-message {
  background: #FFE8E9;
}
.main-chat-blk .delete-message i {
  color: #FF5E4D;
}
.main-chat-blk .count-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .count-group span {
  width: 16px;
  height: 16px;
  border-radius: 50px;
  color: #ffffff;
  font-size: 10px;
  background: #4F46E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-right: 5px;
}
.main-chat-blk .count-group i {
  color: #424242;
  font-size: 16px;
}
.main-chat-blk .nav.nav-tabs.chat-tabs .nav-item .nav-link {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background-color: transparent;
  border: 0;
}
.main-chat-blk .nav.nav-tabs.chat-tabs .nav-item .nav-link.active {
  font-size: 16px;
  font-weight: bold;
  color: #4338CA;
}
.main-chat-blk .header-top ul li a {
  color: #000000;
  font-size: 18px;
}
.main-chat-blk .set-search {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 50px;
  width: 28px;
  height: 28px;
}
.main-chat-blk .set-search:hover {
  background: #F5F5F5;
  border-color: #D3D5D7;
}
.main-chat-blk .header-action {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-chat-blk .header-action li {
  display: inline-block;
  margin-left: 10px;
}
.main-chat-blk .header-action li a {
  color: #212B36;
  font-size: 18px;
}
.main-chat-blk .user-list {
  border-radius: 0.25rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.main-chat-blk .user-list li a {
  padding: 17px 20px;
  display: flex;
  display: -webkit-flex;
  cursor: pointer;
  border-radius: 6px;
  margin-bottom: 10px;
  border: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.main-chat-blk .user-list li .avatar {
  margin-right: 0.8rem;
  display: inline-block;
  margin-bottom: 0;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  position: relative;
  z-index: 0;
}
.main-chat-blk .user-list li .avatar .letter-avatar {
  width: 45px;
  height: 45px;
  border-radius: 45px;
  margin-right: 0.8rem;
  margin-bottom: 0;
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-color: #90959B;
  font-size: 16px;
  font-weight: 600;
  color: #423B93;
}
.main-chat-blk .user-list li a.admin-shade {
  box-shadow: none;
}
.main-chat-blk .user-list .avatar > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-chat-blk .user-list .avatar > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-chat-blk .avatar-away::before {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 0px;
  right: 2px;
  border: 2px solid #ffffff;
  z-index: 9;
  background-color: #ffff00;
}
.main-chat-blk .avatar-offline::before {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 0px;
  right: 2px;
  border: 2px solid #ffffff;
  z-index: 9;
}
.main-chat-blk .avatar-online::before {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 0px;
  right: 2px;
  border: 2px solid #ffffff;
  z-index: 9;
  background-color: #1dd871;
}
.main-chat-blk .animate-typing-col {
  color: #3EB780;
}
.main-chat-blk .animate-typing-col .dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: -1px;
  background: #0D9B35;
  -webkit-animation: wave 1.3s linear infinite;
  animation: wave 1.3s linear infinite;
  opacity: 0.6;
}
.main-chat-blk .animate-typing-col .dot:nth-child(2) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.main-chat-blk .animate-typing-col .dot:nth-child(3) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.main-chat-blk .chat_form {
  border-radius: 20px;
  margin-right: 0px;
  background: #ffffff;
  border: 1px solid #C2C2C2;
  box-shadow: 0px 4px 4px #F5F8FF;
  border-radius: 6px;
  height: 40px;
  padding: 10px 10px;
}
.main-chat-blk .contact-close a {
  color: #212B36;
  opacity: 0.5;
  border-color: #A6AAAF;
}
.main-chat-blk .main-wrapper .content .sidebar-group.right-sidebar .sidebar {
  width: 310px;
}
.main-chat-blk .primary-title {
  color: #4338CA;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
.main-chat-blk .primary-title i {
  font-size: 14px;
}
.main-chat-blk .contact-action {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-chat-blk .contact-action li {
  padding: 11px 0;
  border-bottom: 1px solid #f1f1f1;
}
.main-chat-blk .contact-action li a {
  color: #212B36;
  color: #212B36;
  font-size: 14px;
  font-weight: bold;
}
.main-chat-blk .contact-action li.report-contact a {
  color: #FF0000;
}
.main-chat-blk .contact-action li.delete-chat a {
  color: #FF0000;
}
.main-chat-blk .contact-action li.sign-out a {
  color: #FF0000;
}
.main-chat-blk .left-sidebar {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.main-chat-blk .left-sidebar-wrap {
  background: #FBFBFB;
  overflow: hidden;
  width: 448px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 1;
}
.main-chat-blk .right-sidebar {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  background-color: #F9FAFB;
  opacity: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  position: relative;
  width: 320px;
}
.main-chat-blk .right-sidebar .right-sidebar-wrap {
  background-color: #ffffff;
  border-left: 1px solid #E0E0E0;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: calc(100vh - 0px);
}
.main-chat-blk .right-sidebar .right-sidebar-wrap .sidebar-body {
  padding: 0;
}
.main-chat-blk .right-sidebar .right-sidebar-wrap .right-sidebar-profile {
  padding: 24px;
  padding-bottom: 0;
  margin-bottom: 15px;
}
.main-chat-blk .right-sidebar .contact-close_call .close_profile {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  color: #212B36;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.main-chat-blk .right-sidebar .contact-close_call .close_profile.close-star {
  color: #FFCA18;
}
.main-chat-blk .right-sidebar .contact-close_call .close_profile.close-trash {
  color: #FF0000;
}
.main-chat-blk .right-sidebar.video-right-sidebar {
  width: 371px;
}
.main-chat-blk .right-sidebar.video-right-sidebar .chat .chat-body {
  padding-bottom: 110px;
}
.main-chat-blk .right-sidebar.video-right-sidebar .chat {
  margin-left: 0 !important;
  display: block;
}
.main-chat-blk .video-call-chat .left-chat-title.with-bg {
  background: transparent;
}
.main-chat-blk .video-call-chat .left-chat-title {
  border: 0;
}
.main-chat-blk .video-call-chat .chat-title h4 {
  font-size: 18px;
  font-weight: 600;
  color: #212B36;
}
.main-chat-blk .video-call-chat .chat-title span {
  font-size: 12px;
  font-weight: 400;
  color: #212B36;
}
.main-chat-blk .chat.video-call-chat .chat-body {
  background-image: none;
}
.main-chat-blk .chat.video-call-chat .chat-body .messages .chats .message-content {
  background: #F5F5F5;
}
.main-chat-blk .chat.video-call-chat .chat-body .messages .chats.chats-right .message-content {
  background: #F8ECFF;
}
.main-chat-blk .member-details {
  margin-bottom: 10px;
}
.main-chat-blk .chat-member-details {
  padding: 0 24px;
}
.main-chat-blk .chat-member-details .member-details ul {
  padding: 0;
  border-bottom: 1px solid #EDEDED;
}
.main-chat-blk .chat-member-details .member-details ul li {
  list-style: none;
  margin-bottom: 15px;
}
.main-chat-blk .chat-member-details .member-details ul li h6 {
  font-size: 15px;
  font-weight: 400;
  color: #212B36;
  margin-bottom: 5px;
}
.main-chat-blk .chat-member-details .member-details ul li h5 {
  font-size: 15px;
  font-weight: 500;
  color: #212B36;
  margin-bottom: 0px;
}
.main-chat-blk .chat-member-details .member-details ul li span {
  font-size: 16px;
  font-weight: 400;
  color: #212B36;
}
.main-chat-blk .chat-member-details .member-details ul li a {
  font-size: 15px;
  font-weight: 500;
  color: #37404A;
  border-radius: 100px;
  padding: 5px;
  background: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-chat-blk .chat-member-details .member-details ul li a:hover {
  color: #212B36;
}
.main-chat-blk .chat-member-details .member-details ul li a + a {
  margin-left: 10px;
}
.main-chat-blk .right-sidebar.show-right-sidebar {
  margin-right: 0;
}
.main-chat-blk .right-sidebar.video-right-sidebar.show-right-sidebar {
  margin-right: 0;
}
.main-chat-blk .right-sidebar.hide-right-sidebar {
  margin-right: -320px;
}
.main-chat-blk .right-sidebar.video-right-sidebar.hide-right-sidebar {
  margin-right: -371px;
}
.main-chat-blk .status-modal .custom-status-close {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  color: #212B36;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  background-color: #D3D5D7;
  border-color: #D3D5D7;
}
.main-chat-blk .group-description .description-sub h5 span a {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  color: #212B36;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  border-color: #D3D5D7;
}
.main-chat-blk .list_group_notread {
  color: #4338CA !important;
}
.main-chat-blk .chat-cont-type {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-chat-blk .chat-cont-type .chat-type-wrapper {
  margin-bottom: 0;
}
.main-chat-blk .chat-cont-type .chat-type-wrapper p {
  color: #7A8086;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}
.main-chat-blk .group-type-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  font-weight: 400;
  color: #212B36;
  margin-right: 24px;
}
.main-chat-blk .group-type-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.main-chat-blk .group-type-radio input:checked ~ .checkmark {
  background-color: #37404A;
}
.main-chat-blk .group-type-radio input:checked ~ .checkmark:after {
  display: block;
}
.main-chat-blk .group-type-radio .checkmark:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
}
.main-chat-blk .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #ffffff;
  border: 1px solid #E4E4E4;
  border-radius: 50%;
}
.main-chat-blk .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.main-chat-blk .pass-login label {
  color: #212B36;
  font-size: 14px;
  font-weight: 500;
}
.main-chat-blk .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #37404A !important;
}
.main-chat-blk .right-sidebar-profile > .avatar {
  background: rgba(66, 11, 161, 0.1);
}
.main-chat-blk .group_img {
  position: relative;
  display: inline-block;
}
.main-chat-blk .group-name-search {
  margin-bottom: 14px;
}
.main-chat-blk .parti-wrapper {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}
.main-chat-blk .group_header {
  width: 38px !important;
  height: 38px !important;
  border: 2px solid #ffffff;
}
.main-chat-blk .last-chat-time i.missed-col {
  width: 17px;
  display: inline-block;
  margin-top: 10px;
}
.main-chat-blk .last-chat-time i.missed-col img {
  max-width: 100%;
  height: auto;
}
.main-chat-blk .right-sidebar-head {
  padding: 0px 24px;
}
.main-chat-blk .right-sidebar-head h5 {
  font-size: 15px;
  font-weight: 600;
  color: #212B36;
  margin-bottom: 0px;
}
.main-chat-blk .right-sidebar-head.share-media .share-media-blk {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .nav-tabs {
  margin-bottom: 15px;
  padding: 5px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs {
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .nav .nav-item.active {
  background: #4F46E5;
  border-radius: 6px;
  color: #212B36;
  color: #ffffff;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .nav .nav-item {
  padding: 2px 10px;
  font-size: 14px;
  color: #212B36;
  font-weight: 500;
  border: 0;
  margin-right: 10px;
  background: #FAFBFE;
  color: #092C4C;
  border-radius: 6px;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .nav .nav-item:last-child {
  margin-right: 0px;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .share-media-img li {
  margin: 0px 6px 6px 0px;
  position: relative;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .share-media-img li img {
  border-radius: 8px;
  width: 84px;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .share-media-img li span i {
  font-size: 20px;
  color: #ffffff;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .share-media-img li span {
  position: absolute;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .share-media-img li:hover span i {
  color: #A6AAAF;
}
.main-chat-blk .right-sidebar-head.share-media .about-media-tabs .share-media-img li.blur-media img {
  filter: blur(2px);
}
.main-chat-blk .media-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 15px;
}
.main-chat-blk .media-file:last-child {
  margin-bottom: 0;
}
.main-chat-blk .media-doc-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .media-doc-blk span {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-right: 10px;
}
.main-chat-blk .media-doc-blk span i {
  font-size: 24px;
}
.main-chat-blk .document-detail ul {
  padding: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .document-detail ul li {
  list-style: none;
  color: #212B36;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.main-chat-blk .document-detail ul li::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 13px;
  background: #C2C2C2;
  right: -8px;
  top: 5px;
}
.main-chat-blk .document-detail ul li:last-child::before {
  display: none;
}
.main-chat-blk .document-detail ul li + li {
  padding-left: 15px;
}
.main-chat-blk .document-detail h6 {
  color: #212B36;
  font-size: 15px;
  font-weight: 500;
}
.main-chat-blk .media-download a {
  color: #212B36;
}
.main-chat-blk .social-media-col {
  margin-top: 35px;
}
.main-chat-blk .social-media-col:after {
  content: "";
  display: table;
  clear: both;
}
.main-chat-blk .social-media-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-chat-blk .social-media-col ul li {
  float: left;
}
.main-chat-blk .social-media-col ul li a {
  color: #423B93;
  font-size: 18px;
}
.main-chat-blk .social-media-col ul li + li {
  margin-left: 10px;
}
.main-chat-blk .social-media-col h6 {
  font-weight: 600;
  color: #000000;
  font-size: 15px;
  margin-bottom: 20px;
}
.main-chat-blk .media-link-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}
.main-chat-blk .media-link-detail h6 a {
  color: #212B36;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}
.main-chat-blk .media-link-detail span a {
  color: #212B36;
  font-size: 14px;
  font-weight: 400;
  word-break: break-all;
}
.main-chat-blk .media-link-detail a:hover {
  color: #37404A;
}
.main-chat-blk .share-media-blk a {
  color: #37404A;
  font-weight: 500;
}
.main-chat-blk .link-img {
  flex-shrink: 0;
}
.main-chat-blk .link-img img {
  border-radius: 4px;
  margin-right: 10px;
}
.main-chat-blk .settings-col h6 {
  font-weight: 600;
  color: #000000;
  font-size: 15px;
  margin-bottom: 20px;
}
.main-chat-blk .settings-col {
  margin-top: 35px;
}
.main-chat-blk .settings-col:after {
  content: "";
  display: table;
  clear: both;
}
.main-chat-blk .settings-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-chat-blk .settings-col ul li {
  color: #646B72;
  font-weight: 500;
}
.main-chat-blk .settings-col ul li + li {
  margin-top: 15px;
}
.main-chat-blk .settings-col .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 23px;
  margin-bottom: 0;
  margin-right: 10px;
}
.main-chat-blk .settings-col .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.main-chat-blk .settings-col .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #7A8086;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-chat-blk .settings-col .slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.main-chat-blk .settings-col input:checked + .slider {
  background-color: #3577f1;
}
.main-chat-blk .settings-col input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.main-chat-blk .settings-col input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.main-chat-blk .settings-col .slider.round {
  border-radius: 34px;
}
.main-chat-blk .settings-col .slider.round:before {
  border-radius: 50%;
}
.main-chat-blk .report-col {
  margin-top: 35px;
  padding: 12px;
  padding-bottom: 50px;
}
.main-chat-blk .report-col:after {
  content: "";
  display: table;
  clear: both;
}
.main-chat-blk .report-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-chat-blk .report-col ul:after {
  content: "";
  display: table;
  clear: both;
}
.main-chat-blk .report-col ul li {
  display: block;
  width: 100%;
  font-weight: 500;
  position: relative;
}
.main-chat-blk .report-col ul li a {
  color: #FF0000;
  padding-left: 25px;
}
.main-chat-blk .report-col ul li a span {
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 16px;
}
.main-chat-blk .report-col ul li + li {
  margin-top: 19px;
}
.main-chat-blk .load-more-btn {
  font-weight: 600;
  margin-top: 10px;
}
.main-chat-blk .load-more-btn i {
  background: #0057FF;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  color: #ffffff;
  line-height: 8px;
  font-size: 12px;
  vertical-align: top;
}
.main-chat-blk .chat-message-grp.chat-encrypt {
  padding-bottom: 0;
}
.main-chat-blk .chat-message-grp.chat-encrypt ul {
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.main-chat-blk .participants-list {
  padding: 0px 24px;
}
.main-chat-blk .participants-list .participants-list-group h6.parti-search {
  font-size: 20px !important;
  display: flex;
  align-items: center;
}
.main-chat-blk .participants-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-chat-blk .participants-list ul li {
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 10px;
}
.main-chat-blk .participants-list ul li + li {
  margin-top: 10px;
}
.main-chat-blk .participants-list .users-list-body h5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #212B36;
}
.main-chat-blk .participants-list .users-list-body p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  color: #212B36;
  font-size: 14px;
  font-weight: 400;
}
.main-chat-blk .participants-list .users-list-body {
  flex: 1;
  position: relative;
  min-width: 0px;
  display: flex;
  display: -webkit-flex;
  width: 100%;
}
.main-chat-blk .participants-list .admin-profiles {
  display: inline-block;
  color: #37404A;
  border-radius: 6px;
  font-size: 12px;
  padding: 2px 10px;
  font-weight: 500;
  background: #F8ECFF;
}
.main-chat-blk .participants-list .admin-profiles:hover {
  background: #680A83;
  color: #ffffff;
}
.main-chat-blk .participants-list-group {
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.main-chat-blk .participants-list-group h6 {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
  color: #212B36;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-chat-blk .chat-message-grp.group-exits {
  padding: 0px 24px;
  padding-bottom: 30px;
}
.main-chat-blk .grp-delete .chat-action-col {
  display: flex;
  align-items: center;
  height: 100%;
}
.main-chat-blk .grp-delete .chat-action-col > a {
  color: #7A8086;
}
.main-chat-blk .chat-action-col > a {
  color: #212B36;
}
.main-chat-blk .darkmode-btn {
  width: 35px;
  height: 32px;
  background-color: #3577f1;
  border: 1px solid #FBFBFB;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0 auto;
}
.main-chat-blk .darkmode-btn:hover {
  color: #ffffff;
}
.main-chat-blk .darkmode-btn:focus {
  color: #ffffff;
}
.main-chat-blk .add-contacts-btn:hover {
  color: #ffffff;
}
.main-chat-blk .add-contacts-btn:focus {
  color: #ffffff;
}
.main-chat-blk .add-contacts-btn {
  width: 25px;
  height: 25px;
  border-radius: 30px;
  background-color: #37404A;
  color: #ffffff;
  font-size: 10px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0 auto;
}
.main-chat-blk .group-call-tab .nav-tabs .nav-link {
  color: #37404A;
  border: 0;
  border-radius: 10px;
  font-weight: 500;
  padding: 6px 25px;
}
.main-chat-blk .group-call-tab .nav-tabs .nav-link:hover {
  color: #37404A;
}
.main-chat-blk .group-call-tab .nav-tabs .nav-link + .nav-link {
  margin-left: 10px;
}
.main-chat-blk .group-call-tab .nav-tabs .nav-link.active {
  background-color: rgba(90, 7, 139, 0.1);
  color: #37404A;
}
.main-chat-blk .group-call-tab nav {
  padding: 0 15px 20px;
  position: relative;
}
.main-chat-blk .group-call-tab nav:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #90959B;
  height: 1px;
}
.main-chat-blk .header_image {
  width: 195px;
}
.main-chat-blk .chat_avator_img {
  position: relative;
}
.main-chat-blk .group_img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.main-chat-blk .dreams_chat {
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.main-chat-blk .voice_pop {
  padding-right: 17px;
}
.main-chat-blk .status_carousel {
  margin-top: 50px;
}
.main-chat-blk .carousel_img {
  width: 650px;
  height: 434px;
}
.main-chat-blk .video_content {
  min-height: 200px;
  margin-top: 70px;
}
.main-chat-blk .voice-call-content {
  min-height: 200px;
}
.main-chat-blk .chatimage img {
  width: 120px;
  height: 120px;
}
.main-chat-blk .send-btn_status {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff !important;
  background-color: #FFA977 !important;
  margin-left: 15px;
  font-size: 22px;
}
.main-chat-blk .status_telegram {
  color: #ffffff;
}
.main-chat-blk .media-lists {
  display: flex;
  justify-content: flex-start;
  margin: 0 -5px 0px;
  flex-wrap: wrap;
}
.main-chat-blk .media-lists .media-image {
  margin: 5px;
  flex-basis: 74px;
  min-width: 74px;
}
.main-chat-blk .media-lists .media-image img {
  max-width: 100%;
}
.main-chat-blk .avatar-group .avatar + .avatar {
  margin-left: -0.75rem;
}
.main-chat-blk .list-group-item {
  background-color: inherit;
  border-color: #ebebeb;
}
.main-chat-blk ul.list-inline .list-inline-item {
  margin-bottom: 0.5rem;
}
.main-chat-blk .form-control {
  border-radius: 5px;
}
.main-chat-blk .form-control:focus {
  box-shadow: none;
  border-color: #e6e6e6;
}
.main-chat-blk .custom-control-label {
  line-height: 25px;
}
.main-chat-blk .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0a80ff;
}
.main-chat-blk .open_drop {
  color: #ffffff !important;
}
.main-chat-blk .send-btn_status:focus {
  box-shadow: none !important;
  border-color: #ffa977 !important;
}
.main-chat-blk .avatar {
  display: inline-block;
  margin-bottom: 0;
  height: 48px;
  width: 48px;
  border-radius: 50%;
}
.main-chat-blk .avatar .avatar-title {
  color: #ffffff;
  background: #680A83;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 600;
}
.main-chat-blk .avatar > a {
  width: 100%;
  height: 100%;
  display: block;
  transition: color 0.3s;
  color: #0a80ff;
}
.main-chat-blk .avatar > a > img,
.main-chat-blk .avatar > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-chat-blk .avatar.avatar-sm {
  height: 1.3rem;
  width: 1.3rem;
}
.main-chat-blk .avatar.avatar-sm .avatar-title {
  font-size: 14px;
}
.main-chat-blk .avatar.avatar-lg {
  height: 3.8rem;
  width: 3.8rem;
}
.main-chat-blk .avatar.avatar-lg .avatar-title {
  font-size: 29px;
}
.main-chat-blk .avatar.avatar-xl {
  height: 100px;
  width: 100px;
}
.main-chat-blk .header_drop_icon {
  border-radius: 6px;
}
.main-chat-blk .accordion-col .accordion-title {
  cursor: pointer;
  padding: 15px 0 8px;
}
.main-chat-blk .accordion-col .accordion-title .primary-title i {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.main-chat-blk .accordion-col .accordion-title.active .primary-title i {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
}
.main-chat-blk .accordion-col .accordion-content {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
}
.main-chat-blk .accordion-col .accordion-content:last-child {
  border-bottom: 0;
}
.main-chat-blk .accordion-col .accordion-content h6 {
  font-size: 14px;
}
.main-chat-blk .status-right {
  font-weight: 500;
  color: #444444;
  font-size: 16px;
  text-align: center;
}
.main-chat-blk .status-right p {
  margin-top: 20px;
  margin-bottom: 0;
}
.main-chat-blk .star-drop .btn-outline-light {
  color: #424242;
  border: 0;
  padding: 0;
}
.main-chat-blk .star-drop .btn-outline-light i {
  font-size: 20px;
}
.main-chat-blk .star-drop .btn.btn-outline-light:hover {
  background: transparent;
  border: 0;
}
.main-chat-blk .chat.star-chat-group {
  background-image: none;
}
.main-chat-blk .chat.star-chat-group .chat-body {
  background-image: none;
}
.main-chat-blk .chat.star-chat-group .chat-body .messages .chats {
  max-width: 100%;
}
.main-chat-blk .chat.star-chat-group .chat-body .messages .chats .message-content {
  background: #F5F5F5;
}
.main-chat-blk .chat.star-chat-group .chat-body .messages .chats .message-content.award-link a {
  word-break: break-all;
}
.main-chat-blk .chat.star-chat-group .chat-body .messages .chats .message-content.award-link img {
  max-width: 100%;
}
.main-chat-blk .chat .chat-body .messages .chats.forward-chat-msg {
  display: none;
}
.main-chat-blk .chats.forward-chat-msg {
  background: #EDEDED;
  border-radius: 15px;
  padding: 20px;
  border-left: 2px solid #680A83;
}
.main-chat-blk .chats.forward-chat-msg .chat-avatar {
  padding: 0;
  padding-right: 15px;
}
.main-chat-blk .chat-title h4 a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #4B0973;
  margin-bottom: 0;
}
.main-chat-blk .left-chat-title .add-section > a {
  width: 30px;
  height: 30px;
  background-color: #680A83;
  border-radius: 30px;
  color: #ffffff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 13px;
}
.main-chat-blk .add-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-chat-blk .add-section ul li {
  float: left;
  border-radius: 50px;
  width: 28px;
  height: 28px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.main-chat-blk .add-section ul li + li {
  margin-left: 10px;
}
.main-chat-blk .add-section ul li a {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 20px;
}
.main-chat-blk .all-chats .add-section ul li:hover {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}
.main-chat-blk .online {
  color: #008024;
  font-weight: 500;
}
.main-chat-blk .top-online-contacts {
  padding: 24px 24px 0px;
}
.main-chat-blk .fav-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 15px;
}
.main-chat-blk .fav-title h6 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .fav-title h6 i {
  font-size: 22px;
}
.main-chat-blk .fav-title a {
  margin-bottom: 0;
  color: #4F46E5;
  font-weight: 500;
}
.main-chat-blk .fav-title a:hover {
  color: #0A0A0A;
}
.main-chat-blk .top-contacts-box .profile-img {
  position: relative;
  width: 46px;
  height: 46px;
}
.main-chat-blk .top-contacts-box .profile-img img {
  max-width: 100%;
  height: auto;
  border-radius: 50px;
}
.main-chat-blk .profile-name span {
  color: #585858;
  font-size: 12px;
  display: inline-block;
  margin-top: 9px;
}
.main-chat-blk .top-contacts-box .profile-img.online:before {
  content: "";
  position: absolute;
  right: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: 0px;
  background-color: #49E073;
  width: 10px;
  height: 10px;
  border: 2px solid #ffffff;
  border-radius: 50px;
}
.main-chat-blk .dropdown-menu .dropdown-item span.edit-profile-icon,
.main-chat-blk .dropdown-menu .dropdown-item span.profile-icon-col {
  font-size: 15px;
}
.main-chat-blk .avatar {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
}
.main-chat-blk .avatar > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-chat-blk .avatar-title {
  width: 100%;
  height: 100%;
  background-color: #650681;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-chat-blk .avatar-away::before,
.main-chat-blk .avatar-offline::before,
.main-chat-blk .avatar-online::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25%;
  height: 25%;
  border-radius: 50%;
  content: "";
  border: 2px solid #ffffff;
}
.main-chat-blk .avatar-online::before {
  background-color: #00e65b;
}
.main-chat-blk .avatar-offline::before {
  background-color: #ff0100;
}
.main-chat-blk .avatar-away::before {
  background-color: #ffbc34;
}
.main-chat-blk .avatar .border {
  border-width: 3px !important;
}
.main-chat-blk .avatar .rounded {
  border-radius: 6px !important;
}
.main-chat-blk .avatar .avatar-title {
  font-size: 18px;
}
.main-chat-blk .avatar-xs {
  width: 1.65rem;
  height: 1.65rem;
}
.main-chat-blk .avatar-xs .border {
  border-width: 2px !important;
}
.main-chat-blk .avatar-xs .rounded {
  border-radius: 4px !important;
}
.main-chat-blk .avatar-xs .avatar-title {
  font-size: 10px;
}
.main-chat-blk .avatar-xs.avatar-away::before,
.main-chat-blk .avatar-xs.avatar-offline::before,
.main-chat-blk .avatar-xs.avatar-online::before {
  border-width: 1px;
}
.main-chat-blk .avatar-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.main-chat-blk .avatar-sm .border {
  border-width: 3px !important;
}
.main-chat-blk .avatar-sm .rounded {
  border-radius: 4px !important;
}
.main-chat-blk .avatar-sm .avatar-title {
  font-size: 15px;
}
.main-chat-blk .avatar-sm.avatar-away::before,
.main-chat-blk .avatar-sm.avatar-offline::before,
.main-chat-blk .avatar-sm.avatar-online::before {
  border-width: 2px;
}
.main-chat-blk .avatar-lg {
  width: 3.75rem;
  height: 3.75rem;
}
.main-chat-blk .avatar-lg .border {
  border-width: 3px !important;
}
.main-chat-blk .avatar-lg .rounded {
  border-radius: 8px !important;
}
.main-chat-blk .avatar-lg .avatar-title {
  font-size: 24px;
}
.main-chat-blk .avatar-lg.avatar-away::before,
.main-chat-blk .avatar-lg.avatar-offline::before,
.main-chat-blk .avatar-lg.avatar-online::before {
  border-width: 3px;
}
.main-chat-blk .avatar-xl {
  width: 5rem;
  height: 5rem;
}
.main-chat-blk .avatar-xl .border {
  border-width: 4px !important;
}
.main-chat-blk .avatar-xl .rounded {
  border-radius: 8px !important;
}
.main-chat-blk .avatar-xl .avatar-title {
  font-size: 28px;
}
.main-chat-blk .avatar-xl.avatar-away::before,
.main-chat-blk .avatar-xl.avatar-offline::before,
.main-chat-blk .avatar-xl.avatar-online::before {
  border-width: 4px;
}
.main-chat-blk .avatar-xxl {
  width: 5.125rem;
  height: 5.125rem;
}
.main-chat-blk .avatar-xxl .border {
  border-width: 6px !important;
}
.main-chat-blk .avatar-xxl .rounded {
  border-radius: 8px !important;
}
.main-chat-blk .avatar-xxl .avatar-title {
  font-size: 30px;
}
.main-chat-blk .avatar-xxl.avatar-away::before,
.main-chat-blk .avatar-xxl.avatar-offline::before,
.main-chat-blk .avatar-xxl.avatar-online::before {
  border-width: 4px;
}
.main-chat-blk .avatar-group {
  display: flex;
  display: -webkit-flex;
  padding-left: 15px;
  margin-left: auto;
  margin-right: 15px;
  cursor: pointer;
}
.main-chat-blk .avatar-group .avatar + .avatar {
  margin-left: -0.75rem;
}
.main-chat-blk .avatar-group .avatar-xs + .avatar-xs {
  margin-left: -15px;
}
.main-chat-blk .avatar-group .avatar-sm + .avatar-sm {
  margin-left: -0.625rem;
}
.main-chat-blk .avatar-group .avatar-lg + .avatar-lg {
  margin-left: -1rem;
}
.main-chat-blk .avatar-group .avatar-xl + .avatar-xl {
  margin-left: -1.28125rem;
}
.main-chat-blk .avatar-group .avatar:hover {
  z-index: 1;
}
.main-chat-blk .avatar-group.group-col {
  display: block;
}
.main-chat-blk .avatar-group.group-col > div {
  display: flex;
  display: -webkit-flex;
  padding-bottom: 5px;
}
.main-chat-blk .avatar-group.group-col .avatar {
  margin-right: 0;
}
.main-chat-blk .contact-close {
  float: right;
  left: 95%;
  right: 0px;
  position: relative;
  top: 5%;
}
.main-chat-blk .status_contactclose {
  float: right;
  left: 95%;
  right: 0px;
  position: relative;
  top: 1%;
}
.main-chat-blk .status-active {
  border: 4px solid #650681;
}
.main-chat-blk .avatar.avatar-xl .avatar-title {
  font-size: 39px;
}
.main-chat-blk .nav.nav-tabs {
  border: none;
  line-height: 2;
}
.main-chat-blk .badge {
  padding: 5px 10px;
  font-size: 11px;
}
.main-chat-blk .badge.badge-success {
  background: #0abb87;
}
.main-chat-blk .badge.badge-danger {
  background: #fd397a;
}
.main-chat-blk .badge.badge-secondary {
  background: dimgray;
}
.main-chat-blk .badge.badge-info {
  background: #00bcd4;
}
.main-chat-blk .badge.badge-warning {
  background: #ffb822;
}
.main-chat-blk .badge.badge-dark {
  background: #3a3f51;
}
.main-chat-blk .badge.badge-primary {
  background: #0a80ff;
}
.main-chat-blk .badge.badge-light {
  background: #e6e6e6;
}
.main-chat-blk .btn {
  position: relative;
}
.main-chat-blk .btn .badge {
  padding: 2px 6px;
  right: 7px;
  top: -7px;
  position: absolute;
}
.main-chat-blk .input-group .input-group-text {
  font-size: 14px;
}
.main-chat-blk .tooltip > .tooltip-inner {
  text-align: left;
  max-width: 500px;
  --bs-tooltip-bg: $primary;
}
.main-chat-blk .tooltip {
  --bs-tooltip-bg: $primary;
}
.main-chat-blk .tooltip .arrow {
  display: none;
  background-color: #4F46E5;
}
.main-chat-blk .tooltip .tooltip-inner {
  background-color: #4F46E5;
}
.main-chat-blk .sticky-top {
  z-index: auto;
}
.main-chat-blk .tab-content {
  padding-top: 30px;
}
.main-chat-blk .tab-content .form-item {
  margin-bottom: 0.8rem;
}
.main-chat-blk .main-wrapper {
  height: 100vh;
  overflow: hidden;
}
.main-chat-blk .main-wrapper .content {
  display: flex;
  display: -webkit-flex;
}
.main-chat-blk .main-wrapper .content .sidebar-group {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  position: relative;
  z-index: 99;
  width: 340px;
}
@media (max-width: 766.98px) {
  .main-chat-blk .main-wrapper .content .sidebar-group {
    width: 100%;
  }
}
.main-chat-blk .main-wrapper .content .sidebar-group .sidebar {
  background: #ffffff;
  overflow: hidden;
  width: 340px !important;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-right: 1px solid rgb(224, 224, 224);
}
@media (max-width: 766.98px) {
  .main-chat-blk .main-wrapper .content .sidebar-group .sidebar {
    width: 100% !important;
  }
}
.main-chat-blk .main-wrapper .content .sidebar-group .sidebar:not(.active) {
  display: none;
}
.main-chat-blk .header-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  font-weight: 600;
  background-color: #680A83;
}
.main-chat-blk .header-top .logo {
  margin-top: 0 !important;
}
.main-chat-blk .header-top > span {
  font-size: 22px;
}
.main-chat-blk .header-top ul {
  margin-bottom: 0;
  display: flex;
}
.main-chat-blk .header-top ul.header-action {
  margin-top: 14px !important;
}
.main-chat-blk .chat-header ul {
  margin-bottom: 0;
}
.main-chat-blk .chat-header ul li:not(.list-inline-item) {
  margin-bottom: 0;
  width: 48px;
  margin-right: 15px !important;
}
.main-chat-blk .chat-header ul li:last-child {
  margin-right: 0 !important;
}
.main-chat-blk .sidebar-body {
  flex: 1;
  overflow: auto;
  padding: 24px 24px 10px;
  width: 100%;
}
.main-chat-blk .pin-chat img {
  margin-right: 6px;
}
.main-chat-blk .sidebar-body .profile-name {
  font-weight: 600;
  color: #0A0A0A;
  font-size: 18px;
  margin-bottom: 0;
}
.main-chat-blk .online-profile {
  position: relative;
}
.main-chat-blk .online-profile span {
  position: relative;
  color: #565656;
  font-size: 13px;
  padding-left: 10px;
}
.main-chat-blk .online-profile span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  background-color: #49E073;
  width: 8px;
  height: 8px;
  border-radius: 50px;
}
.main-chat-blk .close_profile4 {
  color: #000000;
  border-color: #e6e6e6;
}
.main-chat-blk .sidebar .user-list li a {
  padding: 10px;
  display: flex;
  display: -webkit-flex;
  cursor: pointer;
  margin-bottom: 15px;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 5px;
  position: relative;
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
}
.main-chat-blk .sidebar .user-list li a:hover {
  background-color: rgba(79, 70, 229, 0.08);
  border: 1px solid rgba(79, 70, 229, 0.08);
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
}
.main-chat-blk .sidebar .user-list li.item-typing {
  background-color: #F1F6FF;
}
.main-chat-blk .sidebar .user-list li figure {
  margin-right: 1rem;
}
.main-chat-blk .sidebar .user-list li .users-list-body {
  flex: 1;
  position: relative;
  min-width: 0px;
  display: flex;
}
.main-chat-blk .lock-icon {
  color: #000000;
}
.main-chat-blk .sidebar .user-list li .users-list-body > div:first-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.main-chat-blk .parti-notify-check {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
}
.main-chat-blk .sidebar .user-list li .users-list-body h5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
  color: #0A0A0A;
}
.main-chat-blk .sidebar .user-list li .users-list-body p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  color: #232323;
  font-size: 14px;
}
.main-chat-blk .sidebar .user-list li .users-list-body p.missed-call-col {
  color: #DE3E44;
}
.main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time {
  padding-left: 15px;
  position: relative;
}
.main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time .text-muted {
  color: #424242 !important;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
  text-align: right;
}
.main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time .contact-toggle {
  color: #680A83;
}
.main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time .new-message-count {
  width: 20px;
  height: 20px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  line-height: 0;
  font-size: 11px;
  background-color: #4F46E5;
  color: #ffffff;
  border-radius: 50%;
  margin-left: auto;
  margin-top: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time .chat-toggle {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  text-align: right;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  width: 18px;
  height: 24px;
}
.main-chat-blk .sidebar .user-list li.unread h5 {
  color: #ffffff;
}
.main-chat-blk .sidebar .user-list li.unread p {
  color: #ffffff;
}
.main-chat-blk .sidebar .user-list li.unread .text-muted {
  color: rgba(255, 255, 255, 0.4) !important;
}
.main-chat-blk .sidebar .user-list li.user-list-item.item-typing .users-list-body p {
  color: #0D9B35;
}
.main-chat-blk .rightside_tab {
  padding-top: 5px !important;
}
.main-chat-blk .chat-pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
}
.main-chat-blk .chat-pin .green-check {
  color: #0D9B35;
}
.main-chat-blk .chat-pin img {
  width: 10px;
}
.main-chat-blk .chat-pin .check {
  color: #53BDEB;
}
.main-chat-blk .select-message-box {
  margin-top: 50px;
}
.main-chat-blk .select-message-box h4 {
  margin-bottom: 5px;
}
.main-chat-blk .select-message-box p {
  margin-top: 0;
  margin-bottom: 24px;
  color: #424242;
  font-size: 16px;
  font-weight: 400;
}
.main-chat-blk .select-message-box .btn i {
  font-size: 15px;
}
.main-chat-blk .group-description {
  padding: 0px 24px;
}
.main-chat-blk .group-description .description-sub {
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.main-chat-blk .group-description h5 {
  font-size: 15px;
  font-weight: 500;
  color: #0A0A0A;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.main-chat-blk .group-description h5 a:hover {
  color: #650681 !important;
}
.main-chat-blk .group-description p {
  color: #424242;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
.main-chat-blk .group-description p.description-date {
  color: #424242;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0px;
}
.main-chat-blk .encrypted-message p {
  font-size: 12px;
  color: #424242;
  font-weight: 400;
  margin-bottom: 0;
}
.main-chat-blk .group-view-all {
  margin-top: 10px;
}
.main-chat-blk .group-view-all a {
  color: #680A83;
  font-size: 14px;
  font-weight: 500;
}
.main-chat-blk .group-view-all a:hover {
  color: #0A0A0A;
}
.main-chat-blk .exit-bg-message {
  background: #FFE8E9;
}
.main-chat-blk .exit-bg-message i {
  color: #DE3E44;
}
.main-chat-blk .disapper-message {
  background: #E7FAF2;
}
.main-chat-blk .disapper-message i {
  color: #1BA345;
}
.main-chat-blk .group-setting-msg {
  background: #F8ECFF;
}
.main-chat-blk .group-setting-msg i {
  color: #680A83;
}
.main-chat-blk .group-setting .stared-group span {
  width: 50px;
  height: 50px;
}
.main-chat-blk .edit-set-details p {
  font-size: 14px;
  font-weight: 400;
  color: #424242;
  margin-bottom: 0;
}
.main-chat-blk .group-send-msg {
  background: #FEF6DC;
}
.main-chat-blk .parcipant-check p a {
  color: #680A83;
}
.main-chat-blk .select-group-chat .dropdown-toggle::after {
  display: none;
}
.main-chat-blk .select-group-chat .dropdown-toggle i {
  margin-left: 15px;
}
.main-chat-blk .select-group-chat .dropdown-toggle:hover {
  color: #0A0A0A;
}
.main-chat-blk .select-group-chat .dropdown-toggle {
  font-weight: 600;
  color: #0A0A0A;
  font-size: 18px;
}
.main-chat-blk .select-group-chat .dropdown-menu .dropdown-item {
  font-size: 14px;
  font-weight: 400;
  color: #0A0A0A;
}
.main-chat-blk .select-group-chat .dropdown-menu li:first-child .dropdown-item:hover {
  border-radius: 5px 5px 0 0;
}
.main-chat-blk .select-group-chat .dropdown-menu li:last-child .dropdown-item:hover {
  border-radius: 0 0 5px 5px;
}
.main-chat-blk .dropzone {
  background: #ffffff;
  border: 1px dashed #C2C2C2;
  border-radius: 5px;
  padding: 10px;
  min-height: 70px;
  text-align: center;
}
.main-chat-blk .dropzone.dz-clickable .dz-message {
  display: none;
}
.main-chat-blk .dropzone p {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #0A0A0A;
}
.main-chat-blk .dropzone span {
  color: #424242;
  font-size: 14px;
  font-weight: 400;
}
.main-chat-blk .uplaod-image img {
  border-radius: 20px;
}
.main-chat-blk .upload-img-file .modal-body {
  padding: 0;
}
.main-chat-blk .upload-img-file .modal-content {
  position: relative;
}
.main-chat-blk .upload-img-file .modal-header {
  position: absolute;
  top: 0;
  z-index: 9;
  left: 0;
  right: 0;
}
.main-chat-blk .upload-image-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-chat-blk .upload-image-list li + li {
  margin-left: 10px;
}
.main-chat-blk .upload-img-file .modal-header .close {
  background-color: transparent;
  color: #ffffff;
}
.main-chat-blk .check-star i {
  color: #FEC001;
}
.main-chat-blk .emoj-group-list {
  display: none;
  position: absolute;
  top: -50px;
  left: -90px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.main-chat-blk .emoj-group-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f6f7f8;
  border-radius: 50px;
  padding: 5px;
}
.main-chat-blk .emoj-group-list ul li a {
  padding: 0;
}
.main-chat-blk .emoj-group-list ul li.add-emoj a {
  background: #EDEDED;
}
.main-chat-blk .emoj-group-list ul li.add-emoj a i {
  font-size: 20px;
  color: #424242;
}
.main-chat-blk .chat .slimscroll {
  height: calc(100vh - 60px) !important;
}
.main-chat-blk .settings-option {
  display: none;
  text-align: right;
}
.main-chat-blk .settings-option a {
  font-size: 15px;
  font-weight: 500;
  color: #680A83;
}
.main-chat-blk .empty-dark-img {
  display: none;
}
.main-chat-blk .bootstrap-datetimepicker-widget span {
  position: relative;
}
.chat-window .card .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #A6AAAF;
}
.chat-window .badge-success {
  background-color: #3EB780 !important;
}
.chat-page .footer {
  display: none;
}
.chat-search .input-group .form-control {
  margin: 0;
  padding: 0 0 0 36px;
  height: 46px;
}
.chat-search .input-group .input-group-prepend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  color: #4D555E;
  pointer-events: none;
  z-index: 4;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
}
.chat-cont-left .chat-scroll {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  padding: 0;
}
.chat-cont-left .chat-scroll .media {
  border-bottom: 1px solid #A6AAAF;
  margin: 0;
  padding: 10px;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.chat-cont-left .chat-scroll .media.active {
  background-color: #D3D5D7;
}
.chat-cont-left .chat-scroll .media:hover {
  background-color: #D3D5D7;
}
.chat-cont-left .chat-scroll .media .media-img-wrap {
  margin: 0 15px 0 0;
  position: relative;
}
.chat-cont-left .chat-scroll .media .media-img-wrap .avatar > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-cont-left .chat-scroll .media .media-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.chat-cont-left .chat-scroll .media .media-body .user-name {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #092C4C;
  font-size: 16px;
  font-weight: 700;
}
.chat-cont-left .chat-scroll .media .media-body .user-last-chat {
  color: #37404A;
  font-size: 14px;
  line-height: 24px;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-cont-left .chat-scroll .media .media-body .last-chat-time {
  color: #646B72;
  font-size: 13px;
}
.chat-cont-left .chat-scroll .media .media-body div:last-child {
  text-align: right;
}
.chat-cont-right {
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.chat-cont-right .chat-scroll {
  max-height: calc(100vh - 293px);
  overflow-y: auto;
}
.chat-cont-right .msg_head .back-user-list {
  display: none;
  margin: 0 0 0 -10px;
  padding: 0 10px;
}
.chat-cont-right .img_cont {
  position: relative;
  height: 45px;
  width: 45px;
}
.chat-cont-right .img_cont .user_img {
  height: 45px;
  min-width: 45px;
  width: 45px;
  border: 1.5px solid #4F46E5;
}
.chat-cont-right .user_info {
  margin: 0 auto 0 15px;
  padding: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-cont-right ul.list-unstyled {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.chat-cont-right ul.list-unstyled .media.sent {
  margin-bottom: 20px;
}
.chat-cont-right ul.list-unstyled .media.sent .avatar {
  order: 3;
  height: 30px;
  width: 30px;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 20px 0 0;
  padding: 0;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .msg-box {
  margin: 0;
  padding: 0 0 0 50px;
  position: relative;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .msg-box + .msg-box {
  margin: 5px 0 0;
  padding: 0;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .msg-box p {
  margin: 0;
  padding: 0;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .msg-box:first-child::before {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #e3e3e3;
  border-top: 6px solid #e3e3e3;
  border-right: 6px solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  right: -12px;
  left: auto;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .msg-box > div {
  margin: 0;
  padding: 10px 15px;
  border-radius: 10px;
  background-color: #e3e3e3;
  display: inline-block;
  position: relative;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .msg-box:first-child > div {
  border-radius: 10px 0 10px 10px;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-attachments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1px;
  padding: 4px 0;
  width: 100%;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-attachments .chat-attachment {
  position: relative;
  max-width: 130px;
  overflow: hidden;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-attachments .chat-attachment:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000;
  content: "";
  opacity: 0.4;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-attachments .chat-attachment:hover .chat-attach-download {
  opacity: 1;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-attachments > div {
  margin: 0 1px;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-attachments img {
  max-width: 100%;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-attachments .chat-attach-download {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  color: #ffffff;
  width: 32px;
  line-height: 32px;
  background: rgba(255, 255, 255, 0.2);
  text-align: center;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin: 5px 0 0;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  clear: both;
  flex-direction: row-reverse;
  list-style: none;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-info li {
  margin: 0;
  padding: 0 0 0 16px;
  position: relative;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-info li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: auto;
  left: 8px;
  transform: translate(-50%, -50%);
  background: #4F46E5;
  content: "";
  height: 4px;
  width: 4px;
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-info .chat-time {
  color: rgba(50, 65, 72, 0.4);
}
.chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-info a {
  color: #37404A;
}
.chat-cont-right ul.list-unstyled .media.received {
  position: relative;
  margin-bottom: 20px;
}
.chat-cont-right ul.list-unstyled .media.received .media-body {
  position: relative;
  margin: 0 0 0 20px;
  padding: 0;
}
.chat-cont-right ul.list-unstyled .media.received .media-body::before {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #4F46E5;
  border-top: 6px solid #4F46E5;
  border-left: 6px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 0px;
  right: auto;
  left: -6px;
  width: 0;
}
.chat-cont-right ul.list-unstyled .media.received .media-body > div {
  margin: 0;
  padding: 10px 15px;
  border-radius: 10px;
  background-color: #4F46E5;
  display: table;
  position: relative;
}
.chat-cont-right ul.list-unstyled .media.received .media-body > div p {
  color: #ffffff;
  margin: 0;
  padding: 0;
}
.chat-cont-right ul.list-unstyled .media.received .msg-box {
  display: block;
}
.chat-cont-right ul.list-unstyled .media.received .msg-box + .msg-box {
  margin-top: 5px;
}
.chat-cont-right ul.list-unstyled .media.received .chat-msg-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 5px 0 0;
  padding: 0;
  clear: both;
  list-style: none;
}
.chat-cont-right ul.list-unstyled .media.received .chat-msg-info .chat-time {
  color: rgba(255, 255, 255, 0.8);
}
.chat-cont-right ul.list-unstyled .media.received .chat-msg-attachments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1px;
  padding: 4px 0;
  width: 100%;
}
.chat-cont-right ul.list-unstyled .media.received .chat-msg-attachments .chat-attachment {
  position: relative;
  max-width: 130px;
  overflow: hidden;
}
.chat-cont-right ul.list-unstyled .media.received .chat-msg-attachments .chat-attachment:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000;
  content: "";
  opacity: 0.4;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.chat-cont-right ul.list-unstyled .media.received .chat-msg-attachments .chat-attachment:hover .chat-attach-download {
  opacity: 1;
}
.chat-cont-right ul.list-unstyled .media.received .chat-msg-attachments > div {
  margin: 0 1px;
}
.chat-cont-right ul.list-unstyled .media.received .chat-msg-attachments img {
  max-width: 100%;
}
.chat-cont-right ul.list-unstyled .media.received .chat-msg-attachments .chat-attach-download {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  color: #ffffff;
  width: 32px;
  line-height: 32px;
  background: rgba(255, 255, 255, 0.2);
  text-align: center;
}
.chat-cont-right ul.list-unstyled .chat-date {
  font-size: 14px;
  margin: 1.875rem 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-transform: capitalize;
}
.chat-cont-right ul.list-unstyled .chat-date:before {
  background-color: #e0e3e4;
  content: "";
  height: 1px;
  margin-right: 28px;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 100%;
}
.chat-cont-right ul.list-unstyled .chat-date:after {
  background-color: #e0e3e4;
  content: "";
  height: 1px;
  margin: 0 0 0 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
}
.card-footer {
  background-color: #ffffff;
  border-top: 1px solid #A6AAAF;
  margin: 0;
  padding: 1rem 1.5rem;
}
.card-footer .type_msg {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: 0 !important;
  overflow-y: auto;
}
@media (max-width: 991.98px) {
  .chat-window.chat-slide .chat-cont-right {
    right: 0;
    opacity: 1;
    visibility: visible;
  }
  .chat-cont-right {
    position: absolute;
    right: -100px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
  }
  .chat-cont-right .msg_head .back-user-list {
    display: flex;
    align-items: center;
  }
}
.msg-typing {
  width: auto;
  height: 24px;
  padding-top: 8px;
}
.msg-typing span {
  height: 8px;
  width: 8px;
  float: left;
  background-color: #ffffff;
  display: block;
  opacity: 0.4;
  margin: 0 1px;
  border-radius: 50%;
}
.msg-typing span:nth-of-type(1) {
  animation: 1s blink infinite 0.33333s;
}
.msg-typing span:nth-of-type(2) {
  animation: 1s blink infinite 0.66666s;
}
.msg-typing span :nth-of-type(3) {
  animation: 1s blink infinite 0.99999s;
}
@keyframes blink {
  50% {
    opacity: 1;
  }
}
.phone-call-icon svg {
  width: 18px;
}
.phone-call-icon .income-success {
  color: #3EB780;
}
.phone-call-icon .income-success-missed {
  color: #FF0000;
}
.history-modal-profile .content {
  padding: 24px;
}
.history-modal-profile .right-sidebar-profile {
  background: #FAFBFE;
  border-radius: 8px;
  padding: 24px;
}
.history-modal-profile .right-sidebar-profile .list-inline-item a {
  background: #4F46E5;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.history-modal-profile .right-sidebar-profile .list-inline-item a:hover {
  background: #1b2950;
  color: #ffffff !important;
}
.history-modal-profile .right-sidebar-profile .avatar {
  margin-bottom: 24px;
  width: 150px;
  height: 150px;
}
.history-modal-profile .right-sidebar-profile .avatar img {
  border-radius: 8px;
}
.modal-profile-detail .modal-userlist li {
  font-size: 14px;
  color: #000000;
  margin-bottom: 10px;
}
.modal-profile-detail .modal-userlist li span {
  display: block;
  color: #646B72;
}
.modal-profile-detail .modal-userlist li:last-child {
  margin-bottom: 0;
}
.chat-options.chat-option-profile a svg {
  width: 20px;
  height: 20px;
}
.chat-wrapper {
  display: flex;
  display: -webkit-flex;
  width: 100% !important;
  margin-bottom: 24px;
}
.chat-wrapper .chat-users-wrap .chat-list {
  position: relative;
}
.chat-wrapper .chat-users-wrap .chat-list .avatar img {
  object-fit: cover;
  object-position: center;
}
.chat-wrapper .chat-users-wrap .chat-list .chat-dropdown {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: none;
}
.chat-wrapper .chat-users-wrap .chat-list .chat-dropdown > a {
  color: #7A8086;
}
.chat-wrapper .chat-users-wrap .chat-list .chat-dropdown:hover .chat-pin {
  margin-right: 15px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chat-wrapper .chat-users-wrap .chat-list .chat-dropdown:hover .chat-user-list {
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.chat-wrapper .chat-users-wrap .chat-user-list {
  padding: 20px;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  margin-bottom: 8px;
  background-color: #ffffff;
  box-shadow: 0px 1px 5px 1px rgb(243, 243, 243);
  border-radius: 8px;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #7A8086;
}
@media (max-width: 991.98px) {
  .chat-wrapper .chat-users-wrap .chat-user-list {
    padding: 16px;
  }
}
.chat-wrapper .chat-users-wrap .chat-user-list .chat-user-info {
  flex: 1;
  position: relative;
  min-width: 0px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-wrapper .chat-users-wrap .chat-user-list .chat-user-info .chat-user-msg {
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.chat-wrapper .chat-users-wrap .chat-user-list .chat-user-info .chat-user-msg h6 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat-wrapper .chat-users-wrap .chat-user-list .chat-user-info .chat-user-msg p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-wrapper .chat-users-wrap .chat-user-list .chat-user-info .chat-user-time {
  text-align: end;
}
.chat-wrapper .chat-users-wrap .chat-user-list .chat-user-info .chat-user-time .time {
  display: inline-block;
  margin: 0 0 2px 4px;
}
.chat-wrapper .chat-users-wrap .chat-user-list .chat-user-info .chat-user-time .count-message {
  background-color: #4F46E5;
  color: #ffffff;
  padding: 1px 8px;
  border-radius: 15px;
}
.chat-wrapper .chat-users-wrap .chat-user-list .chat-user-info .chat-user-time .chat-pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chat-wrapper .chat-users-wrap .chat-user-list:hover {
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.chat-wrapper .chat-users-wrap .chat-list:hover .chat-dropdown {
  display: block;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chat-wrapper .chat-users-wrap .chat-list:hover .chat-pin {
  margin-right: 15px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chat-wrapper .search-wrap .form-control {
  border-color: #ffffff;
  min-height: 48px;
  border-color: #E6EAED;
  border-right: 0;
  color: #646B72;
}
.chat-wrapper .search-wrap .form-control::placeholder {
  color: #646B72;
  opacity: 1;
}
@media (max-width: 991.98px) {
  .chat-wrapper .search-wrap .form-control {
    min-height: 38px;
  }
}
.chat-wrapper .search-wrap .input-group-text {
  border-color: #E6EAED;
  background-color: #ffffff;
  color: #7A8086;
  border-left: 0;
}
.chat-wrapper .search-wrap.contact-search .form-control {
  border-color: #E6EAED;
  border-right: 0;
}
.chat-wrapper .search-wrap.contact-search .input-group-text {
  border-color: #E6EAED;
}
.chat-wrapper .sidebar-content {
  display: flex;
  flex-direction: column;
  border: 1px solid #E6EAED;
  border-radius: 10px;
}
.chat-wrapper .chat-search-header {
  padding: 20px 20px 0;
}
@media (max-width: 991.98px) {
  .chat-wrapper .chat-search-header {
    padding: 16px 16px 0;
  }
}
.chat-wrapper .top-online-contacts {
  padding: 24px 24px 0;
}
@media (max-width: 991.98px) {
  .chat-wrapper .top-online-contacts {
    padding: 16px 16px 0;
  }
}
.chat-wrapper .sidebar-body {
  flex: 1;
  overflow: auto;
  width: 100%;
  padding: 20px 20px 16px;
}
@media (max-width: 991.98px) {
  .chat-wrapper .sidebar-body {
    padding: 16px 16px 8px;
  }
}
@media (max-width: 767.98px) {
  .chat-wrapper .sidebar-body {
    padding: 16px 16px 8px;
  }
}
.chat-wrapper .chat-status {
  display: block;
  color: #7A8086;
}
.chat-wrapper .chat-status .avatar {
  margin: 0 auto 4px;
}
.chat-wrapper .chat-search {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  transition: ease all 0.5s;
  opacity: 0;
  visibility: hidden;
  padding: 16px;
}
.chat-wrapper .chat-search.visible-chat {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  transition: ease all 0.5s;
  z-index: 9;
}
.chat-wrapper .sidebar-group {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  position: relative;
  z-index: 99;
  width: 400px;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1399.98px) {
  .chat-wrapper .sidebar-group {
    width: 330px;
  }
}
@media (max-width: 1199.98px) {
  .chat-wrapper .sidebar-group {
    width: 300px;
  }
}
@media (max-width: 991.98px) {
  .chat-wrapper .sidebar-group {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .chat-wrapper .sidebar-group {
    width: 100%;
    margin-left: 0;
  }
}
.chat-wrapper .sidebar-group .slimScrollDiv {
  height: calc(100vh - 170px) !important;
}
@media (max-width: 991.98px) {
  .chat-wrapper .sidebar-group .slimScrollDiv {
    height: calc(100vh - 150px) !important;
  }
}
.chat-wrapper .sidebar-group .slimscroll {
  height: calc(100vh - 170px) !important;
}
@media (max-width: 991.98px) {
  .chat-wrapper .sidebar-group .slimscroll {
    height: calc(100vh - 150px) !important;
  }
}
.chat-wrapper .animate-typing .dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: -1px;
  background: #7A8086;
  -webkit-animation: wave 1.3s linear infinite;
  animation: wave 1.3s linear infinite;
  opacity: 0.6;
}
.chat-wrapper .animate-typing .dot:nth-child(2) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.chat-wrapper .animate-typing .dot:nth-child(3) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes wave {
  0%, 100%, 60% {
    -webkit-transform: initial;
    transform: initial;
  }
  30% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes wave {
  0%, 100%, 60% {
    -webkit-transform: initial;
    transform: initial;
  }
  30% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.chat-wrapper .chat {
  flex: 1;
  display: flex;
  flex-direction: column;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
@media (max-width: 991.98px) {
  .chat-wrapper .chat {
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    visibility: hidden;
    transform: translateX(100%);
    transition: visibility 0.4s ease, transform 0.4s ease;
    order: 3;
    z-index: 999;
    background-color: #ffffff;
    margin: 0 15px 15px;
  }
}
.chat-wrapper .chat.show {
  visibility: visible;
  transform: translateX(0);
}
.chat-wrapper .chat.chat-messages {
  border-radius: 10px;
  margin-left: 20px;
  border: 1px solid #E6EAED;
}
@media (max-width: 991.98px) {
  .chat-wrapper .chat.chat-messages {
    margin-left: 0;
  }
}
.chat-wrapper .chat.chat-messages .slimScrollDiv {
  height: calc(100vh - 235px) !important;
}
@media (max-width: 991.98px) {
  .chat-wrapper .chat.chat-messages .slimScrollDiv {
    height: calc(100vh - 140px) !important;
  }
}
.chat-wrapper .chat.chat-messages .slimscroll {
  height: calc(100vh - 320px) !important;
}
@media (max-width: 991.98px) {
  .chat-wrapper .chat.chat-messages .slimscroll {
    height: calc(100vh - 216px) !important;
  }
}
.chat-wrapper .chat .slimscroll {
  height: calc(100vh - 65px) !important;
}
@media (max-width: 575.98px) {
  .chat-wrapper .chat .slimscroll {
    height: calc(100vh - 90px) !important;
  }
}
.chat-wrapper .chat .chat-header {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 8px 16px;
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid #E6EAED;
  position: relative;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 575.98px) {
  .chat-wrapper .chat .chat-header {
    flex-wrap: wrap;
    border-bottom: 1px solid #E6EAED;
  }
}
.chat-wrapper .chat .chat-header .user-details {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  overflow: hidden;
}
.chat-wrapper .chat .chat-header .user-details h6 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
}
.chat-wrapper .chat .chat-header .chat-options > ul {
  margin-bottom: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.chat-wrapper .chat .chat-header .chat-options > ul > li {
  margin-right: 4px;
}
.chat-wrapper .chat .chat-header .chat-options > ul > li > a {
  font-size: 14px;
  color: #7A8086;
  cursor: pointer;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 27px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #ffffff;
}
.chat-wrapper .chat .chat-header .chat-options > ul > li > a:hover {
  background: #F9FAFB;
}
.chat-wrapper .chat .chat-header .chat-options > ul > li .avatar-group-md .avatar {
  width: 36px;
  height: 36px;
}
@media (max-width: 991.98px) {
  .chat-wrapper .chat .chat-header .chat-options > ul > li .avatar-group-md .avatar {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 575.98px) {
  .chat-wrapper .chat .slimScrollDiv {
    height: calc(100vh - 95px) !important;
  }
}
.chat-wrapper .chat .chat-body {
  flex: 1;
  padding: 16px 16px 0;
}
.chat-wrapper .chat .chat-body .messages {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.chat-wrapper .chat .chat-body .messages .chat-profile-name h6 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #212B36;
}
.chat-wrapper .chat .chat-body .messages .chat-profile-name h6 .chat-time {
  color: #7A8086;
}
.chat-wrapper .chat .chat-body .messages .chat-profile-name h6 i {
  color: #E8E9EA;
}
.chat-wrapper .chat .chat-body .messages .chat-profile-name h6 span {
  font-weight: 400;
}
.chat-wrapper .chat .chat-body .messages .chat-profile-name h6 .msg-read {
  margin-left: 8px;
}
.chat-wrapper .chat .chat-body .messages .chat-profile-name h6 .msg-read i {
  color: #7A8086;
}
.chat-wrapper .chat .chat-body .messages .chat-profile-name h6 .msg-read.success i {
  color: #3EB780;
}
.chat-wrapper .chat .chat-body .messages .chats {
  max-width: 75%;
  margin-bottom: 26px;
  display: flex;
  display: -webkit-flex;
  align-items: end;
}
.chat-wrapper .chat .chat-body .messages .chats:last-child {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .chat-wrapper .chat .chat-body .messages .chats {
    max-width: 95%;
  }
}
.chat-wrapper .chat .chat-body .messages .chats .chat-avatar {
  padding-right: 8px;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-shrink: 0;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-avatar img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-info .chat-actions {
  margin-left: 8px;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content {
  width: 80%;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content {
  background-color: #F9FAFB;
  border-radius: 16px 16px 16px 0;
  padding: 16px;
  font-size: 14px;
  margin-bottom: 4px;
  width: 100%;
  color: #212B36;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content .chat-actions {
  position: absolute;
  right: 10px;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content .chat-img {
  max-width: 450px;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content .file-attach {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  overflow: hidden;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content .file-attach .file-icon {
  width: 44px;
  height: 44px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 50%;
  background: #ffffff;
  font-size: 22px;
  color: #212B36;
  flex-shrink: 0;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content .file-attach h6 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content .file-attach p {
  font-size: 14px;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content .file-attach .download-icon {
  width: 24px;
  height: 24px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 9px;
  background: #ffffff;
  color: #7A8086;
  margin-left: 40px;
  flex-shrink: 0;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .message-content .view-all {
  font-size: 13px;
  font-weight: 500;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .emonji-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4px;
}
.chat-wrapper .chat .chat-body .messages .chats .chat-content .emonji-wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  color: #7A8086;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right {
  margin-left: auto;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .chat-avatar {
  padding: 0 0 0 8px;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .chat-profile-name {
  justify-content: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .chat-info {
  justify-content: end;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .chat-actions {
  margin-right: 8px;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .chat-content {
  order: 1;
  -webkit-order: 1;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .chat-profile-name h6 {
  flex-direction: row-reverse;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .chat-profile-name h6 .msg-read {
  margin: 0 8px 0 0;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .message-content {
  background-color: #F9FAFB;
  color: #212B36;
  border-radius: 16px 16px 0px 16px;
  padding: 16px;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .message-content .file-attach .file-icon {
  color: #4F46E5;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .message-content .file-attach h6 {
  color: #ffffff;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .message-content .emoj-group {
  left: -110px;
  width: max-content;
}
.chat-wrapper .chat .chat-body .messages .chats.chats-right .emonji-wrap {
  justify-content: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
}
.chat-wrapper .chats {
  max-width: 75%;
  margin-bottom: 30px;
  display: flex;
  display: -webkit-flex;
  align-items: end;
}
.chat-wrapper .chats .chat-avatar {
  padding-right: 8px;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-shrink: 0;
}
.chat-wrapper .chats .chat-avatar img {
  width: 48px;
  height: 48px;
}
.chat-wrapper .chats .chat-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.chat-wrapper .chats .chat-info .chat-actions {
  margin-left: 8px;
}
.chat-wrapper .chats .chat-profile-name h6 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  font-size: 14px;
}
.chat-wrapper .chats .chat-profile-name h6 .chat-time {
  color: #7A8086;
}
.chat-wrapper .chats .chat-profile-name h6 i {
  color: #E8E9EA;
}
.chat-wrapper .chats .chat-profile-name h6 span {
  font-weight: 400;
}
.chat-wrapper .chats .chat-profile-name h6 .msg-read {
  margin-left: 8px;
}
.chat-wrapper .chats .chat-profile-name h6 .msg-read i {
  color: #7A8086;
}
.chat-wrapper .chats .chat-profile-name h6 .msg-read.success i {
  color: #3EB780;
}
.chat-wrapper .chats .chat-content .message-content {
  background-color: #F9FAFB;
  border-radius: 16px 16px 16px 0;
  padding: 16px;
  font-size: 16px;
  margin-bottom: 8px;
}
.chat-wrapper .chats .chat-content .message-content:last-child {
  margin-bottom: 0;
}
.chat-wrapper .chats .chat-content .message-content .chat-actions {
  position: absolute;
  right: 10px;
}
.chat-wrapper .chats .chat-content .message-content .chat-img {
  max-width: 450px;
}
.chat-wrapper .chats .chat-content .message-content .file-attach {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.chat-wrapper .chats .chat-content .message-content .file-attach .file-icon {
  width: 44px;
  height: 44px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 50%;
  background: #ffffff;
  font-size: 22px;
  color: #212B36;
}
.chat-wrapper .chats .chat-content .message-content .file-attach p {
  font-size: 14px;
}
.chat-wrapper .chats .chat-content .message-content .file-attach .download-icon {
  width: 24px;
  height: 24px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 9px;
  background: #ffffff;
  color: #7A8086;
  margin-left: 40px;
}
.chat-wrapper .chats .chat-content .message-content .view-all {
  font-size: 13px;
  font-weight: 500;
}
.chat-wrapper .chats.chats-right .message-content {
  background-color: #4F46E5;
  color: #ffffff;
  border-radius: 16px 16px 0px 16px;
  padding: 16px;
}
.chat-wrapper .chat-line {
  margin: 0px 0 20px;
  position: relative;
  text-align: center;
  width: 100%;
}
.chat-wrapper .chat-line:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: #E6EAED;
  width: 100%;
  height: 1px;
}
.chat-wrapper .chat-date {
  background-color: #1B2850;
  color: #ffffff;
  font-weight: 600;
  padding: 2px 16px;
  border-radius: 15px;
  display: inline-block;
  position: relative;
}
.chat-wrapper .chat-profile-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px;
}
@media (max-width: 1399.98px) {
  .chat-wrapper .favourite-chats .message-audio audio {
    max-width: 180px;
  }
}
.chat-wrapper .info-chats .chats {
  max-width: 100%;
}
.chat-wrapper .info-chats .chats.chats-right .chat-avatar {
  padding: 0 0 0 8px;
}
.chat-wrapper .emoj-group > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-wrapper .emoj-group > ul > li > a {
  width: 34px;
  height: 34px;
  background: #ffffff;
  box-shadow: 0px 1px 1px 1px rgba(198, 198, 198, 0.2);
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #7A8086;
  font-size: 16px;
}
.chat-wrapper .emoj-group > ul > li > a:hover {
  background-color: #4F46E5;
  color: #ffffff;
}
.chat-wrapper .emoj-group ul li + li {
  margin-left: 10px;
}
.chat-wrapper .message-content {
  position: relative;
}
.chat-wrapper .message-content:hover .emoj-group {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chat-wrapper .emoj-group {
  position: absolute;
  top: 50%;
  right: -100px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.chat-wrapper .rig-emoji-group {
  position: absolute;
  right: 210px;
}
.chat-wrapper .wrap-emoji-group {
  position: absolute;
  right: 290px;
  z-index: 9;
}
.chat-wrapper .emoj-group-list-foot {
  left: 0;
}
.chat-wrapper .emoj-group-list-foot ul li + li {
  margin-left: 8px;
}
.chat-wrapper .emoj-group-list,
.chat-wrapper .emoj-group-list-foot {
  display: none;
  position: absolute;
  top: -50px;
  left: -90px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chat-wrapper .emoj-group-list ul,
.chat-wrapper .emoj-group-list-foot ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid #E6EAED;
  border-radius: 8px;
  padding: 8px;
}
.chat-wrapper .emoj-group-list ul li a,
.chat-wrapper .emoj-group-list-foot ul li a {
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
}
.chat-wrapper .emoj-group-list ul li a:last-child,
.chat-wrapper .emoj-group-list-foot ul li a:last-child {
  padding-right: 0;
}
.chat-wrapper .emoj-group-list ul li.add-emoj a,
.chat-wrapper .emoj-group-list-foot ul li.add-emoj a {
  width: 24px;
  height: 24px;
  background: #ffffff;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background-color: #4F46E5;
  color: #ffffff;
  font-size: 14px;
}
.chat-wrapper .emoj-group-list ul li.add-emoj a:hover,
.chat-wrapper .emoj-group-list-foot ul li.add-emoj a:hover {
  background-color: rgb(41.1374407583, 30.5592417062, 217.4407582938);
  color: #ffffff;
}
.chat-wrapper .chat-img {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.chat-wrapper .chat-img .img-wrap {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  flex: 1 1 120px;
  height: 120px;
}
.chat-wrapper .chat-img .img-wrap img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.chat-wrapper .chat-img .img-wrap .img-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.2);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chat-wrapper .chat-img .img-wrap .img-overlay a {
  font-size: 14px;
  color: #ffffff;
}
.chat-wrapper .chat-img .img-wrap:hover .img-overlay {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
}
.chat-wrapper .message-link {
  overflow: hidden;
}
.chat-wrapper .message-link .link-img {
  background: #ffffff;
  padding: 8px;
  border-radius: 8px;
  text-align: center;
}
.chat-wrapper .message-link a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-wrapper .chat-forward .forward-text {
  border-bottom: 1px solid #E6EAED;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.chat-wrapper .message-reply {
  background: #ffffff;
  border-radius: 8px;
  border-left: 3px solid #092C4C;
  padding: 16px;
  color: #212B36;
  margin-bottom: 8px;
}
.chat-wrapper .emoj-group {
  position: absolute;
  top: 50%;
  right: -100px;
  opacity: 0;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.chat-wrapper .chat .chat-footer {
  position: relative;
}
.chat-wrapper .chat .chat-footer .footer-form {
  display: flex;
  display: -webkit-flex;
  align-items: end;
  -webkit-align-items: end;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  padding: 24px;
  background-color: #ffffff;
  border-top: 1px solid #E6EAED;
  padding: 10px 16px;
  border-radius: 0 0 10px 10px;
}
.chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap {
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #F9FAFB;
  border-radius: 8px;
  padding: 8px;
  width: 100%;
  border: 1px solid #E6EAED;
}
.chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap .form-wrap {
  flex: 1;
}
.chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap .form-wrap .form-control {
  background: transparent;
  min-height: 32px;
  height: 32px;
  padding-left: 0;
  border: none;
}
.chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap .form-wrap .form-control::placeholder {
  color: #7A8086;
}
.chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap .form-wrap .chats {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  background: #F9FAFB;
  max-width: 100%;
  padding: 16px;
  margin-bottom: 0;
  display: none;
}
.chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap .form-wrap .chats .message-content {
  padding: 0;
}
.chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap .form-item {
  margin-right: 2px;
  position: relative;
}
.chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap .form-item > a {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  color: #7A8086;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}
.chat-wrapper .chat .chat-footer .footer-form .chat-footer-wrap .form-btn .btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.chat-wrapper .close-replay {
  position: absolute;
  top: 16px;
  right: 16px;
}
.chat-wrapper .close-replay:hover {
  color: #FF0000;
}
.chat-wrapper .favourite-chats .chats {
  max-width: 100%;
  border: 1px solid #E6EAED;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
}
.chat-wrapper .action-wrap {
  background: #ffffff;
  border-radius: 8px;
  padding: 8px;
  box-shadow: 0px 1px 1px 1px rgba(198, 198, 198, 0.2);
  text-align: center;
  display: block;
  margin-bottom: 24px;
}
.chat-wrapper .action-wrap i {
  color: #4F46E5;
  font-size: 14px;
}
.chat-wrapper .action-wrap p {
  color: #212B36;
  margin-top: 4px;
}
.chat-wrapper .link-icon {
  color: #7A8086;
}
.chat-wrapper .link-icon:hover {
  color: #4F46E5;
}
.chat-wrapper .contact-user {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 1px 1px rgba(198, 198, 198, 0.2);
  padding: 20px;
  margin-bottom: 8px;
}
.chat-wrapper .contact-user:last-child {
  margin-bottom: 0;
}
.chat-wrapper .contact-scroll {
  max-height: 400px;
  overflow-y: auto;
}
.chat-wrapper .contact-actions a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #F9FAFB;
  border: 1px solid #E6EAED;
  color: #7A8086;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.chat-wrapper .contact-actions a:hover {
  background: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
}
.chat-wrapper .open-file {
  width: 28px;
  opacity: 0;
}
.chat-wrapper .chat-body .dropdown-item.active {
  background-color: #4F46E5;
}
.chat-wrapper .file-action {
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 991.98px) {
  .left-sidebar.hide-left-sidebar {
    margin-left: -991px;
  }
  .chat.show-chatbar {
    display: block;
    margin-left: 0;
    visibility: visible;
    transform: none;
    position: unset;
    height: auto;
  }
  .main-wrapper .content {
    flex-flow: column wrap;
  }
}
.pages-editor {
  height: 90px;
}
.dash-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  margin-bottom: 24px;
}
.dash-widget.dash1 .dash-widgetimg span {
  background: rgba(40, 199, 111, 0.12);
}
.dash-widget.dash2 .dash-widgetimg span {
  background: rgba(0, 207, 232, 0.12);
}
.dash-widget.dash3 .dash-widgetimg span {
  background: rgba(234, 84, 85, 0.12);
}
.dash-widget .dash-widgetcontent {
  margin-left: 15px;
}
.dash-widget .dash-widgetcontent h5 {
  font-size: 18px;
}
.dash-widget .dash-widgetcontent h6 {
  font-weight: 400;
  font-size: 14px;
  color: #646B72;
  width: 100%;
  margin-bottom: 0;
}
.dash-widget .dash-widgetimg span {
  width: 48px;
  height: 48px;
  background: rgba(249, 110, 111, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50px;
}
.dash-count {
  background: #4F46E5;
  color: #ffffff;
  min-height: 98px;
  width: 100%;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 0 25px;
  padding: 20px;
}
.dash-count.das1 {
  background: #3FB6D9;
}
.dash-count.das2 {
  background: #212B36;
}
.dash-count.das3 {
  background: #3EB780;
}
.dash-count h4 {
  color: #ffffff;
  font-size: 24px;
}
.dash-count h5 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
}
.dash-count .dash-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.dash-count .dash-imgs img {
  width: 50px;
  height: 50px;
}
.dash-count .dash-imgs i {
  font-size: 36px;
  color: #ffffff;
}
.dash-count .dash-imgs svg {
  width: 50px;
  height: 50px;
}
.dash-count:hover .dash-imgs {
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
}
.graph-sets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.graph-sets > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media (max-width: 991.96px) {
  .graph-sets > ul {
    display: none;
  }
}
.graph-sets > ul li {
  margin-right: 35px;
}
.graph-sets > ul li span {
  color: #646B72;
  font-weight: 400;
  position: relative;
}
.graph-sets > ul li span:after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #3EB780;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  left: -20px;
}
.graph-sets > ul li:last-child {
  margin-right: 16px;
}
.graph-sets > ul li:last-child span:after {
  background-color: #FF7765;
}
.dashboard-expired-products.table tbody td.action-table-data a {
  border-radius: 8px;
  color: #3577f1;
}
.dashboard-expired-products.table tbody td.action-table-data a svg,
.dashboard-expired-products.table tbody td.action-table-data a .feather-edit {
  color: #3577f1;
}
.dashboard-expired-products.table tbody td.action-table-data a .feather-trash-2 {
  color: #FF0000;
}
.dashboard-expired-products.table tbody td.action-table-data a:hover {
  background: #F9FAFB;
}
.dashboard-expired-products.table tbody td.action-table-data a.confirm-text {
  color: #FF0000;
}
.text-success {
  color: #3EB780 !important;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background: #4F46E5;
}
.font-14 {
  font-size: 14px;
}
.text-blue {
  color: #3577f1;
}
.welcome {
  margin-bottom: 24px;
  padding: 15px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
  color: #212B36;
}
@media (max-width: 1199.96px) {
  .welcome .welcome-text {
    flex-wrap: wrap;
  }
}
@media (max-width: 991.96px) {
  .welcome .welcome-text {
    margin-bottom: 15px;
  }
}
@media (max-width: 766.98px) {
  .welcome .welcome-text {
    flex-wrap: wrap;
  }
}
.welcome .welcome-text h3 {
  font-weight: 700;
}
@media (max-width: 766.98px) {
  .welcome .welcome-text h3 {
    margin-bottom: 10px;
  }
}
.welcome .welcome-text h6 {
  font-weight: 600;
  font-size: 16px;
  color: #646B72;
}
.sales-cards .card {
  padding: 20px;
  border-radius: 8px;
  flex-direction: initial;
}
.sales-cards .card h6 {
  color: #4F46E5;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.sales-cards .card h3 {
  font-weight: 700;
  margin-bottom: 8px;
}
.sales-cards .card p {
  color: #646B72;
}
.sales-cards .card.color-info {
  display: block;
  position: relative;
  color: #ffffff;
  border: none;
}
.sales-cards .card.color-info svg {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.sales-cards .card.color-info h3 {
  margin-bottom: 0;
}
.sales-cards .card.color-info h3,
.sales-cards .card.color-info p {
  color: #ffffff;
}
.sales-cards .card.color-info p {
  font-size: 15px;
  margin-bottom: 0;
}
.table tbody tr td .product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.table tbody tr td .product-info .product-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 0 8px 0 0;
}
.table tbody tr td .product-info .product-img img {
  width: 50px;
  height: 50px;
}
.table tbody tr td.productimgname .product-img img {
  width: 50px;
  height: 50px;
}
.table.table-borderless tr td {
  font-size: 15px;
  border-bottom: none;
}
.table.table-borderless tr td .head-text {
  color: #092C4C;
}
.table.table-borderless tr td .dull-text {
  color: #646B72;
}
.table.best-seller tr td {
  padding-bottom: 17px;
}
.table.recent-transactions thead {
  border-bottom: none;
}
.table.recent-transactions tr td span {
  font-size: 14px;
}
.table.recent-transactions tr td span svg {
  margin-right: 5px;
  color: #212B36;
}
.table.recent-transactions tr td span.badge-xs {
  font-size: 10px;
}
.table.recent-transactions tr td span.badge-xs i {
  line-height: initial;
}
.dropdown-wraper .btn-white {
  min-width: auto;
}
.dropdown-wraper .btn-white svg {
  margin-right: 4px;
}
.dropdown-wraper .btn-white:hover,
.dropdown-wraper .btn-white:active,
.dropdown-wraper .btn-white.show {
  background: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
}
.dropdown-wraper .btn-light {
  border-color: #E6EAED;
}
#sales_db_world_map .jvectormap-zoomin,
#sales_db_world_map .jvectormap-zoomout {
  display: none;
}
#sales_db_world_map .jvectormap-tip {
  background: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: none;
  text-align: center;
}
.sales-range .text-success {
  font-weight: 700;
}
.sale-widget .sale-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sale-widget .badge {
  font-size: 10px;
}
.revenue-widget .revenue-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sell-product > div {
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.sell-product > div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.title-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.item-list p {
  padding-right: 12px;
  margin: 0 8px 0 0;
  position: relative;
  font-size: 13px;
}
.item-list p::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
  background: #E04F16;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.item-list p:last-child {
  padding: 0;
  margin: 0;
}
.item-list p:last-child::before {
  content: none;
}
.info-item {
  border-radius: 8px;
}
#customer-chart {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
  width: 100%;
}
#customer-chart .apexcharts-canvas {
  margin: 0 !important;
  padding: 0 !important;
}
.category-item {
  margin-bottom: 12px;
}
.category-item p {
  position: relative;
  padding-left: 12px;
}
.category-item p::before {
  content: "";
  width: 4px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-radius: 4px;
}
.category-item.category-primary p::before {
  background: #4F46E5;
}
.category-item.category-orange p::before {
  background: #E04F16;
}
.category-item.category-secondary p::before {
  background: #092C4C;
}
.category-item:last-child {
  margin-bottom: 0;
}
.transaction-tab.nav-tabs {
  padding: 0 16px;
}
.transaction-tab.nav-tabs li a {
  font-size: 14px;
  font-weight: 600;
  color: #212B36;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #ffffff;
}
.transaction-tab.nav-tabs li a.active,
.transaction-tab.nav-tabs li a:hover {
  color: #E04F16 !important;
  border-color: #4F46E5;
}
.days-tab.nav-tabs li {
  margin: 0;
}
.days-tab.nav-tabs li .nav-link {
  font-size: 12px;
  font-weight: 500;
  color: #212B36;
  width: 41px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-width: 0 1px 0 0;
  border-right: 1px solid #E6EAED;
  background: #F9FAFB;
}
.days-tab.nav-tabs li .nav-link.active {
  background: #E04F16;
  color: #ffffff;
}
.days-tab.nav-tabs li:first-child a {
  border-radius: 4px 0 0 4px;
}
.days-tab.nav-tabs li:last-child a {
  border-radius: 0 4px 4px 0;
  border-right: 0;
}
.btn-group.custom-btn-group .btn {
  background: #F9FAFB;
  padding: 0.35rem 0.75rem;
}
.btn-group.custom-btn-group .btn.active {
  border-color: #4F46E5;
  background: #4F46E5;
  color: #ffffff !important;
}
.inbox-menu {
  display: inline-block;
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
}
.inbox-menu li {
  display: inline-block;
  width: 100%;
}
.inbox-menu li a {
  color: #333;
  display: inline-block;
  padding: 10px 15px;
  width: 100%;
  font-weight: 600;
  text-transform: capitalize;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
}
.inbox-menu li a:hover {
  background: rgba(33, 33, 33, 0.05);
}
.inbox-menu li a i {
  font-size: 16px;
  padding-right: 10px;
  color: #878787;
}
.compose-btn {
  margin-bottom: 25px;
}
.top-action-left .btn-group {
  margin-bottom: 5px;
}
.top-action-left .dropdown-toggle {
  height: 40px;
}
.top-action-left .dropdown-toggle::after {
  display: none;
}
.table-inbox .starred.fas.fa-star {
  color: #FFCA18;
}
.table-inbox .checked {
  background-color: #A6AAAF;
}
.table-inbox tbody tr td {
  font-size: 14px;
  color: #092C4C;
}
.unread .name,
.unread .subject,
.unread .mail-date {
  color: #000000;
  font-weight: 700;
}
.email-header .btn-white {
  min-width: auto;
  height: 38px;
}
.email-header .btn-white i {
  margin-left: 5px;
}
.box-bg .bg-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.box-bg .bg-left {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
  border: 1px solid #ffffff;
}
.list-item-hover:hover {
  border-color: #F26522 !important;
  transition: 0.5s all;
}
.todo-grid-view.active,
.todo-list-view.active {
  background: #4F46E5;
}
.todo-grid-view.active svg,
.todo-list-view.active svg {
  color: #ffffff;
}
.rating-select i.filled {
  color: #FFC107;
}
.todo-strike-content .strike-info h4 {
  text-decoration: line-through;
}
.input-icon-start .icon-addon {
  position: absolute;
  top: 10px;
  left: 10px;
}
.email-sidebar {
  max-width: 288px !important;
}
#compose-view {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  z-index: 9999;
  display: none;
  transform: scale(0.9);
  transition: opacity 0.3s ease, transform 0.3s ease;
  align-items: end;
  justify-content: end;
}
#compose-view.show {
  display: flex;
  transform: scale(1);
}
.compose-view {
  position: relative;
  top: auto;
  bottom: 0;
  right: 20px;
  max-width: 500px;
  width: 100%;
  left: auto;
  margin: 20px 0 20px auto;
  transform: scale(0.9);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.tag-with-img .bootstrap-tagsinput .label-info {
  padding: 5px 10px 5px 30px;
  position: relative;
  background: #E8E9EA;
  border-radius: 20px;
}
.bootstrap-tagsinput .tag {
  background: #E8E9EA;
  border-radius: 5px;
  padding: 0 5px;
  font-size: 10px;
  color: #212529;
  display: inline-flex;
  align-items: center;
}
.bootstrap-tagsinput {
  border-color: #E5E7EB;
  color: #6B7280;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  border-radius: 5px;
  padding: 0.45rem 0.625rem;
  box-shadow: none;
  overflow-y: auto;
  width: 100%;
}
.email-sidebar {
  max-width: 288px;
}
.email-sidebar .slimScrollDiv {
  height: calc(100vh - 105px) !important;
}
@media (max-width: 767.98px) {
  .email-sidebar {
    max-width: 100%;
    margin-bottom: 24px;
  }
}
.mail-notifications .slimScrollDiv {
  height: calc(100vh - 105px) !important;
}
.mail-detail .slimScrollDiv {
  height: calc(100vh - 137px) !important;
}
.email-tags a.active {
  background: #E8E9EA;
  color: #212B36;
}
.email-tags a:hover {
  background: #E8E9EA;
  color: #212B36;
}
.email-tags a.viewall-button:hover {
  background: transparent;
  color: #4F46E5;
}
.more-menu {
  display: none;
}
.custom-nav {
  display: flex;
  align-items: center;
}
.custom-nav button {
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-nav button:hover {
  background: #1B2850;
  color: #ffffff;
}
.mails-list .list-group-item {
  cursor: pointer;
}
.mails-list .list-group-item.activate {
  background: #E8E9EA;
}
.mail-notifications {
  width: 50%;
  transition: 0.5s all;
}
.mail-notifications.compress-width {
  max-width: 400px;
  transition: 0.5s all;
}
@media (max-width: 767.98px) {
  .mail-notifications.compress-width {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .mail-notifications {
    width: 100%;
    max-width: 100%;
  }
}
.input-icon .form-control {
  padding-left: 30px;
}
.tag-with-img .bootstrap-tagsinput {
  border: 0;
  padding: 0;
}
.tag-with-img .bootstrap-tagsinput .label-info {
  padding: 5px 10px 5px 30px;
  position: relative;
  background: #E8E9EA;
  border-radius: 20px;
}
.tag-with-img .bootstrap-tagsinput .label-info::before {
  content: "";
  background-image: url("./media/mail-user-SHKYRY2Y.jpg");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.email-cc {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.todo-tabs .nav-link.active {
  background: #ffffff;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1019607843);
  color: #1B2850;
}
.list-item-hover {
  border: 1px solid #ffffff !important;
  transition: 0.5s all;
}
.list-item-hover:hover {
  border-color: #4F46E5 !important;
  transition: 0.5s all;
}
.w-120 {
  width: 125px;
}
.project-status {
  min-width: 265px;
}
.kanban-drag-wrap {
  min-width: 230px;
  min-height: 50px;
}
.files-list a.active {
  background: #E8E9EA;
}
.social-gallery-slider a,
.email-attach a {
  position: relative;
  transition: 0.5s all;
}
.social-gallery-slider a span,
.email-attach a span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  transition: 0.5s all;
  background: #ffffff;
  opacity: 0;
}
.social-gallery-slider a span i,
.email-attach a span i {
  color: #1B2850;
  opacity: 1;
}
.social-gallery-slider a:hover,
.email-attach a:hover {
  transition: 0.5s all;
}
.social-gallery-slider a:hover span,
.email-attach a:hover span {
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s all;
  opacity: 0.5;
}
.social-gallery-slider a:hover::before,
.email-attach a:hover::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: #212B36;
  opacity: 0.8;
  position: absolute;
  transition: 0.5s all;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.social-gallery-slider a img,
.email-attach a img {
  transition: 0.5s all;
}
.card-img-hover {
  position: relative;
  overflow: hidden;
  transition: 0.5s all;
}
.card-img-hover img {
  transition: 0.5s all;
}
.card-img-hover:hover {
  transition: 0.5s all;
}
.card-img-hover:hover img {
  transform: scale(1.14);
  transition: 0.5s all;
}
.template-more-links a {
  position: relative;
}
.template-more-links a + a {
  margin-left: 10px;
  padding-left: 10px;
}
.template-more-links a + a::before {
  content: "/";
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.post-textarea {
  padding-top: 60px;
  padding-left: 68px;
}
.text-area-avatar {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
a.link-hover:hover {
  color: #4F46E5 !important;
}
.note-editable {
  height: 100px;
}
.list-group a:hover {
  background: transparent;
}
.drag-upload-btn {
  font-size: 12px;
  font-weight: 600;
  background: #ffffff;
  border: 1px dashed #F2F2F2;
  border-radius: 5px;
  padding: 6px 16px;
  position: relative;
  transition: all 0.5s;
}
.drag-upload-btn input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.drag-upload-btn:hover {
  background: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
  transition: all 0.5s;
}
#compose-view {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  z-index: 9999;
  display: none;
  transform: scale(0.9);
  transition: opacity 0.3s ease, transform 0.3s ease;
  align-items: end;
  justify-content: end;
}
#compose-view.show {
  display: flex;
  transform: scale(1);
}
.compose-view {
  position: relative;
  top: auto;
  bottom: 0;
  right: 20px;
  max-width: 500px;
  width: 100%;
  left: auto;
  margin: 20px 0 20px auto;
  transform: scale(0.9);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.compose-header {
  border-radius: 4px 4px 0 0;
}
.compose-footer {
  border-radius: 0 0 4px 4px;
}
.otp-input input {
  border: 2px solid #BCBFC3;
}
.otp-input input.active {
  border: 2px solid #4F46E5;
}
.todo-tabs .nav-link:active {
  color: #ffffff;
}
.error-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
.comming-soon-pg {
  background-image: url("./media/coming-soon-7IDWZBI4.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
@media (max-width: 991.96px) {
  .comming-soon-pg {
    height: 100%;
  }
}
.comming-soon-pg .coming-soon-box {
  width: 800px;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  padding: 40px;
  text-align: center;
}
@media (max-width: 1199.96px) {
  .comming-soon-pg .coming-soon-box {
    padding: 20px 40px;
    max-width: 800px;
  }
}
@media (max-width: 991.96px) {
  .comming-soon-pg .coming-soon-box {
    width: auto;
    padding: 30px;
    margin: 20px;
  }
}
@media (max-width: 574.98px) {
  .comming-soon-pg .coming-soon-box {
    padding: 15px;
    margin: 10px;
  }
}
.comming-soon-pg .coming-soon-box .pos-logo {
  width: 100px;
  margin: 0 auto 30px;
}
@media (max-width: 1199.96px) {
  .comming-soon-pg .coming-soon-box .pos-logo {
    margin-bottom: 20px;
  }
}
.comming-soon-pg .coming-soon-box span {
  font-size: 24px;
  color: #646B72;
  font-weight: 700;
}
.comming-soon-pg .coming-soon-box h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 1199.96px) {
  .comming-soon-pg .coming-soon-box h1 {
    font-size: 50px;
  }
}
@media (max-width: 991.96px) {
  .comming-soon-pg .coming-soon-box h1 {
    font-size: 40px;
  }
}
@media (max-width: 574.98px) {
  .comming-soon-pg .coming-soon-box h1 {
    font-size: 28px;
  }
}
.comming-soon-pg .coming-soon-box h1 span {
  font-size: 60px;
  color: #4F46E5;
}
@media (max-width: 1199.96px) {
  .comming-soon-pg .coming-soon-box h1 span {
    font-size: 50px;
  }
}
@media (max-width: 991.96px) {
  .comming-soon-pg .coming-soon-box h1 span {
    font-size: 40px;
  }
}
@media (max-width: 574.98px) {
  .comming-soon-pg .coming-soon-box h1 span {
    font-size: 28px;
  }
}
.comming-soon-pg .coming-soon-box p {
  font-size: 15px;
  max-width: 400px;
  text-align: center;
  margin: auto;
}
.comming-soon-pg .coming-soon-box .coming-soon-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 30px 0;
}
@media (max-width: 1199.96px) {
  .comming-soon-pg .coming-soon-box .coming-soon-timer {
    margin: 20px 0;
  }
}
.comming-soon-pg .coming-soon-box .coming-soon-timer li {
  border: 1px solid #BCBFC3;
  background-color: #ffffff;
  font-size: 16px;
  width: 85px;
  height: 85px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 16px;
  font-weight: 500;
  flex-direction: column;
  margin-right: 14px;
  color: #646B72;
}
@media (max-width: 574.98px) {
  .comming-soon-pg .coming-soon-box .coming-soon-timer li {
    width: 50px;
    height: 50px;
    margin-right: 5px;
  }
}
.comming-soon-pg .coming-soon-box .coming-soon-timer li span {
  color: #092C4C;
  font-size: 32px;
  line-height: normal;
}
@media (max-width: 574.98px) {
  .comming-soon-pg .coming-soon-box .coming-soon-timer li span {
    font-size: 20px;
  }
}
.comming-soon-pg .coming-soon-box .coming-soon-timer li.seperate-dot {
  color: #092C4C;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.comming-soon-pg .coming-soon-box .coming-soon-timer li:last-child {
  margin-right: 0;
}
.comming-soon-pg .coming-soon-box .subscribe-form {
  position: relative;
}
.comming-soon-pg .coming-soon-box .subscribe-form .subscribe-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.comming-soon-pg .coming-soon-box .subscribe-form input {
  height: 58px;
  padding-right: 130px;
}
.comming-soon-pg .coming-soon-box .subscribe-form label {
  color: #092C4C;
  font-weight: 600;
}
.comming-soon-pg .coming-soon-box .social-media-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-top: 30px;
}
@media (max-width: 1199.96px) {
  .comming-soon-pg .coming-soon-box .social-media-icons {
    margin-top: 20px;
  }
}
.comming-soon-pg .coming-soon-box .social-media-icons li {
  margin-right: 5px;
}
.comming-soon-pg .coming-soon-box .social-media-icons li:last-child {
  margin-right: 0;
}
.comming-soon-pg .coming-soon-box .social-media-icons li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  width: 32px;
  height: 32px;
  background-color: #092C4C;
  border-radius: 5px;
}
.comming-soon-pg .coming-soon-box .social-media-icons li a:hover {
  background-color: #4F46E5;
}
.comming-soon-pg .coming-soon-box .social-media-icons li a i {
  color: #ffffff;
}
.login-wrapper {
  width: 100%;
  overflow: hidden;
  height: 100vh;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login-wrapper.bg-img {
  background-image: url("./media/login-img-GQ23ZPAS.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.login-wrapper.bg-img .login-content {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
}
.login-wrapper.bg-img.register-wrap {
  background-image: url("./media/register-img-GQ23ZPAS.jpg");
}
.login-wrapper.bg-img.forgot-pass-wrap {
  background-image: url("./media/forgot-password-img-LFFEZI3G.jpg");
}
.login-wrapper.bg-img.reset-pass-wrap {
  background-image: url("./media/reset-password-img-GQ23ZPAS.jpg");
}
.login-wrapper.bg-img.email-veri-wrap {
  background-image: url("./media/email-verification-img-GQ23ZPAS.jpg");
}
@media (max-width: 991.96px) {
  .login-wrapper.bg-img {
    background-image: none;
  }
}
.login-wrapper .login-content {
  height: 100vh;
  padding: 24px;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
}
.login-wrapper .login-content form {
  width: 70%;
}
@media (max-width: 991.96px) {
  .login-wrapper .login-content form {
    width: 100%;
  }
}
.login-wrapper .login-content.authent-content {
  width: 50%;
}
@media (max-width: 991.96px) {
  .login-wrapper .login-content.authent-content {
    width: 100%;
  }
}
.login-wrapper .login-content .login-logo {
  display: block;
  max-width: 150px;
  margin: auto;
}
.login-wrapper .login-content .login-logo img {
  margin-bottom: 25px;
}
@media (max-width: 991.96px) {
  .login-wrapper .login-content .login-userset {
    margin-top: 30px;
  }
}
.login-wrapper .login-content .login-userset .my-4 {
  margin-top: 50px !important;
}
.login-wrapper .login-content .login-userset .my-4 p {
  font-size: 14px;
  color: #092C4C;
  margin-bottom: 0;
  font-weight: 400;
}
.login-wrapper .login-content .login-userset form .otp-box {
  margin-bottom: 34px;
}
.login-wrapper .login-content .login-userset form .otp-box input {
  width: 74px;
  height: 74px;
  background: #ffffff;
  border: 1px solid #E1E1E1;
  border-radius: 8px;
  text-align: center;
  margin-right: 15px;
  font-weight: 700;
  font-size: 26px;
  color: #000000;
  outline: none;
}
@media (max-width: 574.98px) {
  .login-wrapper .login-content .login-userset form .otp-box input {
    width: 50px;
    height: 50px;
  }
}
.login-wrapper .login-content .login-userset form .otp-box input::placeholder {
  color: #74788d;
}
.login-wrapper .login-content .login-userset form .otp-box input:last-child {
  margin-right: 0px;
}
.login-wrapper .login-content .login-userset .Otp-expire {
  border-radius: 8px;
  background: rgba(255, 0, 0, 0.05);
  padding: 10px 12px;
  max-width: 200px;
  margin: auto;
}
.login-wrapper .login-content .login-userset .Otp-expire p {
  color: #FF0000;
  font-size: 14px;
  font-weight: 400;
}
.login-wrapper .login-content .login-userheading {
  margin: 0 0 24px;
}
.login-wrapper .login-content .login-userheading h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #000000;
}
.login-wrapper .login-content .login-userheading h4 {
  font-size: 15px;
  font-weight: 400;
  color: #092C4C;
  line-height: 1.4;
}
.login-wrapper .login-content .login-userheading .verfy-mail-content {
  max-width: 400px;
  margin-bottom: 40px;
}
.login-wrapper .login-content .form-login {
  margin-bottom: 15px;
}
.login-wrapper .login-content .form-login label {
  width: 100%;
  color: #092C4C;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 400;
}
.login-wrapper .login-content .form-login .form-addons {
  position: relative;
}
.login-wrapper .login-content .form-login .form-addons img {
  position: absolute;
  top: 16px;
  right: 20px;
}
.login-wrapper .login-content .form-login input {
  width: 100%;
  height: 40px;
  border: 1px solid rgba(145, 158, 171, 0.32);
  border-radius: 5px;
  padding: 0 15px;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.login-wrapper .login-content .form-login input:focus {
  border: 1px solid #4F46E5;
}
.login-wrapper .login-content .form-login .btn-login {
  width: 100%;
  font-weight: 700;
  font-size: 14px;
  background: #4F46E5;
  border-color: #4F46E5;
  padding: 10px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 5px;
  color: #ffffff;
}
.login-wrapper .login-content .form-login .btn-login:hover {
  box-shadow: 0 50px #ffffff inset !important;
  color: #4F46E5;
}
.login-wrapper .login-content .form-login .alreadyuser {
  margin-bottom: 15px;
}
.login-wrapper .login-content .form-login .alreadyuser h4 {
  font-size: 14px;
  font-weight: 400;
  color: #B8BCC9;
}
.login-wrapper .login-content .form-login .alreadyuser h4 a {
  color: #4F46E5;
  font-weight: 600;
}
.login-wrapper .login-content .form-login .custom-control.custom-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 574.98px) {
  .login-wrapper .login-content .form-login .custom-control.custom-checkbox {
    justify-content: start;
  }
}
.login-wrapper .login-content .form-login .custom-control.custom-checkbox .custom-control-input {
  width: auto;
  height: auto;
}
.login-wrapper .login-content .form-login .custom-control.custom-checkbox .custom-control-label {
  margin-bottom: 0;
  margin-left: 8px;
}
.login-wrapper .login-content .form-login .forgot-link {
  color: #FF0000;
  font-size: 15px;
  font-weight: 600;
}
.login-wrapper .login-content .signinform {
  margin-bottom: 23px;
}
.login-wrapper .login-content .signinform h4 {
  font-size: 15px;
  font-weight: 400;
  color: #092C4C;
}
@media (max-width: 574.98px) {
  .login-wrapper .login-content .signinform h4 {
    font-size: 14px;
  }
}
.login-wrapper .login-content .signinform h4 a {
  color: #092C4C;
  font-weight: 700;
  font-size: 14px;
}
.login-wrapper .login-content .signinform .hover-a.resend {
  color: #FF0000;
}
.login-wrapper .login-content .form-setlogin {
  text-align: center;
  position: relative;
  color: #B8BCC9;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 23px;
}
.login-wrapper .login-content .form-setlogin h4 {
  position: relative;
  font-size: 14px;
  color: #646B72;
  font-weight: 700;
}
.login-wrapper .login-content .form-setlogin h4:after {
  content: "";
  background: #B8BCC9;
  width: 21px;
  height: 1px;
  position: absolute;
  top: 10px;
  left: 200px;
}
@media (max-width: 991.96px) {
  .login-wrapper .login-content .form-setlogin h4:after {
    height: 0px;
  }
}
.login-wrapper .login-content .form-setlogin h4:before {
  content: "";
  background: #B8BCC9;
  width: 21px;
  height: 1px;
  position: absolute;
  top: 10px;
  right: 200px;
}
@media (max-width: 991.96px) {
  .login-wrapper .login-content .form-setlogin h4:before {
    height: 0px;
  }
}
.login-wrapper .login-content .form-setlogin.or-text {
  max-width: 365px;
  margin: auto;
}
.login-wrapper .login-content .toggle-password {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: #B8BCC9;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 10px;
}
.login-wrapper .login-content .toggle-password:hover {
  color: #4F46E5;
}
.login-wrapper .login-content .toggle-passwords {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: #B8BCC9;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 10px;
}
.login-wrapper .login-content .toggle-passwords:hover {
  color: #4F46E5;
}
.login-wrapper .login-content .pass-group {
  position: relative;
  font-size: 14px;
}
.login-wrapper .login-content .pass-group .fas {
  font-size: 13px;
  color: #939ea8;
}
.login-wrapper .login-content .form-sociallink {
  margin-top: 25px;
}
.login-wrapper .login-content .form-sociallink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.login-wrapper .login-content .form-sociallink ul li {
  text-align: center;
  margin-right: 10px;
}
@media (max-width: 574.98px) {
  .login-wrapper .login-content .form-sociallink ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}
.login-wrapper .login-content .form-sociallink ul li:last-child {
  padding-right: 0;
}
@media (max-width: 574.98px) {
  .login-wrapper .login-content .form-sociallink ul li:last-child {
    padding-right: 0;
  }
}
.login-wrapper .login-content .form-sociallink ul li a {
  color: #092C4C;
  width: 100%;
  border: 1px solid rgba(145, 158, 171, 0.23);
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 10px;
  margin: 0 10px 0 0;
  padding: 15px 53px;
  font-weight: 500;
}
.login-wrapper .login-content .form-sociallink ul li a:hover {
  background: #4F46E5;
  color: #ffffff;
}
.login-wrapper .login-content .form-sociallink ul li a img {
  width: 24px;
  height: 24px;
}
.login-wrapper .login-content .form-sociallink ul li .facebook-logo {
  border-radius: 10px;
  background: #1877F2;
}
.login-wrapper .login-content .form-sociallink ul li .apple-logo {
  border-radius: 10px;
  background: #000000;
}
.login-wrapper .login-content.user-login {
  width: 100%;
  padding: 0;
  overflow: hidden;
  flex-wrap: nowrap;
  flex-direction: column;
  height: auto;
  margin: 50px 0;
}
.login-wrapper .login-content.user-login form {
  width: 100%;
}
.login-wrapper .login-content.user-login .login-userset {
  background: #ffffff;
  box-shadow: 0px 4px 60px 0px rgba(190, 190, 190, 0.27);
  margin: 0;
  padding: 40px;
  border: 1px solid #A6AAAF;
}
.login-wrapper .login-img {
  background: #A5B4FC;
}
@media (max-width: 991.96px) {
  .login-wrapper .login-img {
    display: none;
  }
}
.login-wrapper .login-img img {
  width: 100%;
  height: 100vh;
}
.login-wrapper .login-userset .login-logo.login-info {
  display: block;
  max-width: 150px;
  margin: auto;
}
.login-wrapper .login-logo {
  max-width: 150px;
  margin: auto;
}
.login-wrapper.login-new {
  overflow: auto;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background-image: url("./media/fundo-login-FJYXKN6P.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.login-wrapper.login-new .login-content.user-login .login-userset form .otp-box {
  margin-bottom: 34px;
}
.login-wrapper.login-new .login-content.user-login .login-userset form .otp-box input {
  width: 74px;
  height: 74px;
  background: #ffffff;
  border: 1px solid #E1E1E1;
  border-radius: 8px;
  text-align: center;
  margin-right: 15px;
  font-weight: 700;
  font-size: 26px;
  color: #000000;
  outline: none;
}
@media (max-width: 574.98px) {
  .login-wrapper.login-new .login-content.user-login .login-userset form .otp-box input {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 574.98px) {
  .copyright-text p {
    text-align: center;
    max-width: 215px;
  }
}
.authentication-check .custom-checkbox .checkboxs span {
  top: 0;
}
.hover-a {
  position: relative;
}
.hover-a:after {
  content: "";
  height: 2px;
  width: 100%;
  background: #4F46E5;
  transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  bottom: -3px;
  left: 0;
}
.hover-a:hover:after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
}
.hover-a:hover {
  color: #4F46E5 !important;
}
.login-body {
  display: table;
  height: 100vh;
  min-height: 100vh;
  margin: auto;
  position: relative;
}
.login-body::after {
  content: "";
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.login-body .login-wrapper {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
  padding-top: 1.875rem;
}
.login-body .login-wrapper .logo-dark {
  max-width: 180px;
  margin: auto;
  margin-bottom: auto;
  display: block;
}
.login-body .login-wrapper .loginbox {
  background: var(--White, #ffffff);
  box-shadow: 0px 4px 60px 0px rgba(190, 190, 190, 0.27);
  display: flex;
  margin: 1.875rem auto;
  max-width: 450px;
  width: 100%;
}
.login-body .login-wrapper .loginbox .login-right {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 2rem;
  width: auto;
}
.login-body .login-wrapper .loginbox .login-right .login-right-wrap {
  max-width: 100%;
  flex: auto;
}
.login-body .login-wrapper .loginbox .login-right .login-right-wrap .login-info {
  text-align: center;
  margin-bottom: 24px;
}
.login-body .login-wrapper .loginbox .login-right .login-right-wrap .login-info img {
  border-radius: 100px;
  border: 2px solid var(--Stroke, rgba(145, 158, 171, 0.3));
}
.login-body .login-wrapper .loginbox .login-right .login-right-wrap .login-info p {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
}
.login-body .login-wrapper .loginbox .login-right .login-right-wrap .login-info h5 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
}
.login-body .login-wrapper .loginbox .login-right .login-right-wrap form .btn-primary {
  border-radius: 5px;
  padding: 5px 163px;
  background: #4F46E5;
  font-weight: 700;
  transition: all 0.5s ease;
}
.login-body .login-wrapper .loginbox .login-right .login-right-wrap form .btn-primary:hover {
  color: #4F46E5;
  border-color: unset;
}
.login-body .login-wrapper .loginbox .login-right .login-right-wrap form .input-blocks {
  margin: 0 0 24px 0;
}
.login-body .login-wrapper .loginbox .login-right .login-right-wrap form .input-blocks input[type=password] {
  padding: 10px 10px;
}
.login-body .login-wrapper .terms {
  justify-content: center;
}
.login-body .login-wrapper .terms li {
  margin-right: 20px;
}
.login-body .login-wrapper .terms li:last-child {
  margin-right: 0;
}
.lock-screen-bg {
  width: 100%;
  top: 160px;
  z-index: 0;
  bottom: 0;
}
.product-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-bottom: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-list ul.pagination li {
  width: auto;
  padding: 0;
}
.product-list ul li {
  width: 25%;
  padding: 0 15px;
}
@media (max-width: 991.96px) {
  .product-list ul li {
    width: 50%;
    padding: 0 5px;
  }
}
@media (max-width: 574.98px) {
  .product-list ul li {
    width: 100%;
    padding: 0;
  }
}
.product-list ul li .productviews {
  border: 1px solid rgba(145, 158, 171, 0.32);
  margin: 0 0 10px;
  padding: 15px 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  border-radius: 5px;
}
.product-list ul li .productviews .productviewsimg img {
  max-width: 48px;
  max-height: 48px;
}
.product-list ul li .productviews .productviewscontent {
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: calc(100% - 48px);
}
.product-list ul li .productviews .productviewscontent .productviewsname h2 {
  font-weight: 500;
  font-size: 14px;
  color: #000000;
}
.product-list ul li .productviews .productviewscontent .productviewsname h3 {
  color: #092C4C;
  font-size: 13px;
  font-weight: 400;
}
.product-list ul li .productviews .productviewscontent a {
  color: #FF7765;
  font-weight: 700;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 20px;
  width: 22px;
  height: 22px;
}
.product-list ul li .productviews .productviewscontent a:hover {
  background: #FF7765;
  color: #ffffff;
}
.bar-code-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 282px;
  border: 1px solid #90959B;
  padding: 15px;
  margin-bottom: 20px;
  max-width: 100%;
}
.input-checkset ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.input-checkset ul li {
  margin-right: 30px;
}
@media (max-width: 991.96px) {
  .input-checkset ul li {
    margin-right: 10px;
  }
}
@media (max-width: 991.96px) {
  .productdetails .product-bar li {
    border: 1px solid #90959B;
  }
  .productdetails .product-bar li:first-child {
    border: 1px solid #90959B;
  }
  .productdetails .product-bar h4 {
    width: 50%;
    border-right: 1px solid #90959B;
  }
  .productdetails .product-bar h6 {
    width: 50%;
  }
}
.productdetails.productdetailnew {
  margin-bottom: 25px;
}
.productdetails.productdetailnew ul li h4 {
  width: 50%;
}
.productdetails.productdetailnew ul li h6 {
  width: 50%;
}
.productdetails.productdetailnew ul li h6.manitorygreen {
  color: #0F9D58;
}
.productdetails.productdetailnew ul li h6.manitoryblue {
  color: #2AA4F4;
}
.productdetails > ul > li {
  border: 1px solid #90959B;
  border-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 991.96px) {
  .productdetails > ul > li {
    border: 0;
  }
}
.productdetails > ul > li h4 {
  color: #092C4C;
  font-size: 14px;
  font-weight: 500;
  width: 30%;
  border-right: 1px solid #90959B;
  padding: 10px;
}
@media (max-width: 991.96px) {
  .productdetails > ul > li h4 {
    width: 100%;
    border-right: 0;
  }
}
.productdetails > ul > li h6 {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  width: 70%;
  padding: 10px;
}
@media (max-width: 991.96px) {
  .productdetails > ul > li h6 {
    width: 100%;
  }
}
.productdetails > ul > li .input-checkset {
  padding: 10px;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  width: 70%;
}
.productdetails > ul > li:first-child {
  border-top: 1px solid #90959B;
}
@media (max-width: 991.96px) {
  .productdetails > ul > li:first-child {
    border: 0;
  }
}
@media (max-width: 991.96px) {
  .productdetails.product-respon {
    overflow: hidden;
  }
  .productdetails.product-respon ul {
    overflow: auto;
  }
  .productdetails.product-respon ul .input-checkset li {
    margin-bottom: 15px;
  }
}
.slider-product {
  text-align: center;
  width: 100%;
}
.slider-product img {
  width: auto !important;
  margin: 0 0 10px;
}
@media (max-width: 991.96px) {
  .slider-product img {
    height: auto;
  }
}
.slider-product h4 {
  font-size: 14px;
  color: #092C4C;
  font-weight: 500;
}
.slider-product h6 {
  font-size: 13px;
  font-weight: 400;
  color: #092C4C;
}
.slider-product-details .owl-carousel .owl-nav {
  position: relative;
}
.slider-product-details .owl-carousel .owl-nav button {
  width: 21px;
  height: 21px;
  color: #212B36;
  border: 1px solid #212B36;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  top: -30px;
  border-radius: 50px;
}
.slider-product-details .owl-carousel .owl-nav button:hover {
  background: #212B36;
  color: #ffffff;
}
.slider-product-details .owl-carousel .owl-nav button span {
  font-size: 16px;
}
.slider-product-details .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: -30px;
  right: 0;
}
.requiredfield {
  margin-bottom: 15px;
}
@media (max-width: 991.96px) {
  .requiredfield {
    margin-bottom: 10px;
  }
}
.requiredfield h4 {
  font-size: 14px;
  color: #646B72;
}
.action-set {
  width: 18px;
  height: 18px;
  display: inline-block;
  font-size: 11px;
  border-radius: 50px;
}
.badges {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 8px;
  color: #ffffff;
  text-align: center;
  min-width: 80px;
}
.badges.bg-lightgreen {
  background: #3EB780;
}
.badges.bg-lightred {
  background: #FF7765;
}
.badges.bg-lightyellow {
  background: #FFCA18;
}
.badges.bg-lightpurple {
  background: rgb(115, 103, 240);
}
.badges.bg-lightgrey {
  background: #646B72;
}
.badges.unstatus-badge {
  background-color: #FF0000;
}
.badges.status-badge {
  background-color: #3EB780;
}
span.badge.badges-warning {
  padding: 5px 10px;
}
.add-icon span,
.add-icon a {
  width: 40px;
  height: 40px;
  background: #4F46E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 5px;
}
@media (max-width: 574.98px) {
  .add-icon span,
  .add-icon a {
    position: relative;
    left: -5px;
    z-index: 10000;
  }
}
.add-icon .choose-add {
  width: 40px;
  height: 40px;
  border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
  background: #092C4C;
  border-radius: 8px;
}
@media (max-width: 574.98px) {
  .add-icon .choose-add {
    position: relative;
    left: -5px;
    z-index: 10000;
  }
}
.add-icon .choose-add .plus {
  color: #ffffff;
  width: 16px;
  height: 16px;
}
.add-icon a:hover {
  background: #212B36;
}
.cal-icon {
  background-image: url("./media/calendars-IOZZECNK.svg");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
.calc-no {
  background: #F9FAFB;
  border: 0 !important;
}
.total-order {
  max-width: 430px;
  width: 100%;
  margin: 30px 30px 30px auto;
}
.total-order ul {
  margin: 0;
  padding: 0;
}
.total-order ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  border: 1px solid #F9FAFB;
  border-top: 0;
}
.total-order ul li h4 {
  width: 50%;
  color: #646B72;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  border-right: 1px solid #F9FAFB;
  background: #FAFBFE;
}
.total-order ul li h5 {
  color: #646B72;
  font-size: 14px;
  padding: 10px;
  font-weight: 400;
  text-align: right;
  width: 50%;
}
.total-order ul li:first-child {
  border-top: 1px solid #F9FAFB;
}
.total-order ul li.total h5 {
  color: #092C4C;
  font-weight: 700;
}
.total-order ul li.total h4 {
  color: #4D555E;
  font-weight: 700;
}
.card-sales-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding-bottom: 25px;
  border-bottom: 1px solid #A6AAAF;
}
@media (max-width: 991.96px) {
  .card-sales-split {
    padding-bottom: 10px;
  }
}
@media (max-width: 574.98px) {
  .card-sales-split {
    flex-direction: column;
  }
  .card-sales-split ul {
    margin-top: 15px;
  }
}
.card-sales-split h2 {
  font-size: 14px;
  font-weight: 600;
}
.card-sales-split ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-sales-split li {
  margin: 0 15px;
}
.image-upload-new {
  min-height: 258px;
}
.image-upload-new .productviewscontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  text-align: left;
  margin-top: 15px;
}
.image-upload-new .productviewscontent .productviewsname h2 {
  font-weight: 500;
  font-size: 14px;
  color: #000000;
}
.image-upload-new .productviewscontent .productviewsname h3 {
  color: #092C4C;
  font-size: 13px;
  font-weight: 400;
}
.image-upload-new .productviewscontent a {
  width: 22px;
  height: 22px;
  color: #FF7765;
  font-weight: 700;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 18px;
}
.image-upload-new .productviewscontent a:hover {
  background: #FF7765;
  color: #ffffff;
}
.image-upload-new .productviews {
  width: 100%;
  padding: 0 10px;
}
.uploadedimage .image-uploads {
  max-width: 100%;
}
.productviewset {
  padding-left: 18px;
  position: relative;
}
.productviewset .productviewsimg {
  max-width: 94px;
}
.productviewset .productviewscontent a {
  background: #ffffff;
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 5px;
  position: absolute;
  top: 4px;
  left: 82px;
}
.main-wrappers {
  background-color: #FAFBFE;
}
.main-wrappers.pos-page .sidebar {
  display: none;
}
@media (max-width: 991.96px) {
  .main-wrappers.pos-page .sidebar {
    display: block;
  }
}
.main-wrappers.pos-page #toggle_btn {
  display: none;
}
.menu-opened .pos-page.slide-nav .sidebar {
  margin-left: 0;
}
.menu-opened .pos-page .sidebar {
  margin-left: -100%;
}
.pos-button {
  border-radius: 10px;
  padding: 10px 10px 0;
}
.pos-button .btn {
  margin: 0 10px 10px 0;
}
.main-set {
  padding: 0 30px;
}
@media (max-width: 991.96px) {
  .main-set {
    padding: 0 10px;
  }
}
.table tr:hover .productimg .productcontet h4 img {
  opacity: 1;
}
.table-product tr th {
  font-weight: 600;
  color: #646B72;
  font-size: 14px;
}
.table-product tr td {
  font-weight: 600;
  color: #646B72;
  font-size: 14px;
}
.setvalue {
  padding: 15px 0;
}
.setvalue ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 10px;
}
.setvalue ul li h5 {
  font-size: 13px;
  font-weight: 500;
}
.setvalue ul li h6 {
  font-size: 13px;
  font-weight: 500;
}
.setvalue ul li.total-value h5 {
  font-size: 16px;
  font-weight: 600;
  color: #6938EF;
}
.setvalue ul li.total-value h6 {
  font-size: 16px;
  font-weight: 600;
  color: #6938EF;
}
.product-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  border: 1px solid #FAFBFE;
  box-shadow: 0px 4px 4px 0px rgba(237, 237, 237, 0.2509803922);
  margin: 0 0 15px;
  padding: 15px;
}
@media (max-width: 575.98px) {
  .product-lists {
    flex-direction: column;
  }
  .product-lists li {
    margin: 10px 0;
  }
}
.increment-decrement .input-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-top: 10px;
}
.increment-decrement .input-groups input[type=button] {
  background-color: transparent;
  font-size: 20px;
  border: 1px solid #7A8086;
  border-radius: 4px;
  height: 20px;
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-top: 0px;
  line-height: 0;
  padding: 0;
  color: #7A8086;
}
.increment-decrement .quantity-field {
  width: 30px;
  text-align: center;
  background-color: transparent;
  float: left;
  border: 0;
}
.productimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.productimg .productimgs {
  width: 82px;
  margin-right: 13px;
}
.productimg .productimgs img {
  width: 82px;
  height: 82px;
  object-fit: cover;
}
.productimg .productcontet h4 {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: 5px;
}
.productimg .productcontet h4 img {
  opacity: 0;
  margin-top: 5px;
  display: block;
}
.productimg .productlinkset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.productimg .productlinkset h5 {
  background: #4F46E5;
  color: #ffffff;
  font-size: 12px;
  border-radius: 5px;
  margin-right: 10px;
  padding: 2px 10px;
}
.productimg .productlinkset a {
  position: relative;
  top: 2px;
}
.product-table {
  height: 34vh;
  overflow: auto;
}
@media (max-width: 991.96px) {
  .product-table {
    height: auto;
  }
}
.btn-set {
  margin: 15px 0 25px;
}
.btn-set h4 {
  font-weight: 700;
}
.product-detils {
  height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 991.96px) {
  .product-detils {
    height: auto;
  }
}
.tab-set {
  margin-bottom: 20px;
}
.tab-set ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tab-set ul li {
  width: 48%;
  text-align: center;
  margin-right: 5px;
}
@media (max-width: 574.98px) {
  .tab-set ul li {
    width: 100%;
    margin-right: 0;
  }
}
.tab-set ul li:last-child {
  margin: 0;
  width: 50%;
}
@media (max-width: 574.98px) {
  .tab-set ul li:last-child {
    width: 100%;
  }
}
.tab-set ul li a {
  background: #4D555E;
  width: 100%;
  display: block;
  color: #ffffff;
  font-weight: 600;
  border-radius: 5px;
  padding: 10px;
}
@media (max-width: 574.98px) {
  .tab-set ul li a {
    border-radius: 0;
  }
}
.tab-set ul li.active a {
  background: #4F46E5;
}
#delete .modal-body .btn {
  min-width: 100px;
  padding: 10px;
}
.owl-product {
  padding-top: 35px;
}
.owl-product .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: -10px;
  right: 0;
}
.owl-product .owl-nav button {
  border-radius: 50px !important;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  width: 19px;
  position: relative;
  height: 19px;
  background: #ffffff !important;
  color: #6938EF !important;
}
.owl-product .owl-nav button span {
  font-size: 0;
}
.owl-product .owl-nav button.owl-next span:before {
  position: absolute;
  top: 2px;
  right: 5px;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-size: 10px;
  color: #1A54C7;
}
.owl-product .owl-nav button.owl-prev span:before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-size: 10px;
  color: #1A54C7;
  position: absolute;
  top: 2px;
  right: 7px;
}
.owl-product .owl-nav button:hover {
  background: #1A54C7 !important;
}
.owl-product .owl-nav button:hover span:before {
  color: #ffffff;
}
.actionproduct {
  text-align: right;
  margin-bottom: 15px;
}
.actionproduct ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
}
.actionproduct ul li {
  margin-left: 10px;
}
.btn-pos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.btn-pos ul li {
  margin-right: 1px;
  margin-bottom: 10px;
}
@media (max-width: 991.96px) {
  .btn-pos ul li {
    width: 48%;
  }
}
@media (max-width: 574.98px) {
  .btn-pos ul li {
    width: 100%;
    margin-right: 10px;
  }
}
.btn-pos ul li a.btn {
  color: #888B94;
  font-size: 10px;
  width: 100%;
  padding: 5px 12px;
  background: #A6AAAF;
  border-radius: 50px;
  border: 1px solid #A6AAAF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 12px;
}
@media (max-width: 991.96px) {
  .btn-pos ul li a.btn {
    min-width: auto;
    padding: 6px 15px;
  }
}
.btn-pos ul li a.btn:hover {
  border: 1px solid #EA5455;
  color: #EA5455;
  background: rgba(234, 84, 85, 0.06);
}
.btn-pos ul li a.btn-hold {
  background: #FFCA18;
}
.btn-pos ul li a.btn-quation {
  background: #646B72;
}
.btn-pos ul li a.btn-void {
  background: #D0512E;
}
.btn-pos ul li a.btn-payment {
  background: #3EB780;
}
.btn-pos ul li a.btn-recent {
  background: #4F46E5;
}
.calculator-set .calculatortotal {
  margin-bottom: 15px;
}
.calculator-set .calculatortotal h4 {
  width: 100%;
  background: #4F46E5;
  text-align: center;
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  border-radius: 5px;
}
.calculator-set ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.calculator-set ul li {
  width: 33.3%;
  text-align: center;
}
.calculator-set ul li a {
  width: 100%;
  border: 1px solid #7A8086;
  font-size: 24px;
  font-weight: 500;
  display: block;
  color: #000000;
  border-radius: 0;
  padding: 10px;
}
.calculator-set ul li a.btn-closes {
  background: #FF7765;
}
.calculator-set ul li a.btn-reverse {
  background: #2E7D32;
}
.calculator-set ul li a:hover {
  background: #D3D5D7;
}
.hold-order {
  text-align: center;
  margin: 15px 0;
}
.hold-order h2 {
  padding: 0 0 30px;
  color: #4F46E5;
  font-size: 36px;
  font-weight: 700;
}
.para-set {
  margin-bottom: 30px;
}
.para-set p {
  color: #4D555E;
  font-size: 13px;
  font-weight: 500;
}
.delete-order {
  text-align: center;
}
.btn-set h4 {
  background: #4F46E5;
  text-align: center;
  color: #ffffff;
  border-radius: 5px;
  padding: 10px;
}
.header-menuset {
  padding: 15px;
}
.header-menuset ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.header-menuset ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 50%;
  margin-bottom: 10px;
}
@media (max-width: 991.96px) {
  .header-menuset ul li {
    width: 100%;
  }
}
.header-menuset ul li .win-maximize {
  display: none;
}
.header-menuset ul li a {
  border: 1px solid #4F46E5;
  width: 95%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: #4F46E5;
  color: #ffffff;
  padding: 10px;
}
.header-menuset ul li a img {
  filter: brightness(0) invert(1);
}
.invoice-load-btn {
  text-align: center;
  margin-top: 20px;
}
.invoice-load-btn .btn {
  font-weight: 700;
  font-size: 16px;
  color: #4F46E5;
  min-width: 150px;
  background: #ffffff;
  border: 2px solid #4F46E5;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  border-radius: 6px;
  padding: 12px 15px;
}
.invoice-load-btn .btn span {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  vertical-align: 0;
  border: 3px solid rgba(252, 136, 3, 0.4901960784);
  border-right-color: #4F46E5;
  animation: 0.75s linear infinite spinner-border;
  border-radius: 50%;
}
.invoice-load-btn .btn:hover {
  background: #4F46E5;
  color: #ffffff;
}
.invoice-load-btn .btn:hover span {
  border: 3px solid #ffffff;
  border-right-color: #ffffff;
}
.form-new .input-blocks input {
  height: 50px;
  background: #F9FAFB;
}
.form-new .input-blocks .scanner-set {
  min-width: 50px;
  position: relative;
  left: -2px;
}
.product-details {
  background: #ffffff;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 4px 4px 0px rgba(237, 237, 237, 0.2509803922);
  border: 1px solid #F8F8F8 !important;
  height: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-direction: column;
}
.product-details:hover {
  background: #6938EF;
}
.product-details:hover h6 {
  color: #ffffff;
}
.product-details.active {
  background-color: #6938EF !important;
}
.product-details.active h6 {
  color: #ffffff;
}
.product-details img {
  width: auto !important;
}
.product-details h6 {
  font-size: 13px;
  color: #000000;
  margin-top: 10px;
}
.btn-scanner-set {
  background: #6938EF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  max-width: 160px;
  margin-left: auto;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}
.btn-scanner-set:hover {
  background: #4F46E5;
  color: #ffffff;
}
.split-card {
  margin: 0 0 15px;
  border: 1px dashed #FAFBFE;
  position: relative;
}
.split-card::before {
  position: absolute;
  content: "";
  background: #FAFBFE;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  top: -10px;
  left: -10px;
}
.split-card::after {
  position: absolute;
  content: "";
  background: #FAFBFE;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  top: -10px;
  right: -10px;
}
.totalitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 15px;
}
.totalitem h4 {
  padding: 7px 13px;
  background: #F8F8F8;
  color: #6938EF;
  font-size: 12px;
  font-weight: 700;
  border-radius: 50px;
}
.totalitem a {
  font-size: 14px;
  color: #EA5455;
  font-weight: 700;
}
.card.card-order {
  border: 0;
}
.btn-adds {
  border: 2px solid #3EB780;
  color: #3EB780;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  font-weight: 600;
  margin-bottom: 20px;
}
.btn-adds:hover {
  background: #3EB780;
  color: #ffffff;
}
.order-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 25px;
}
.order-list .orderid h4 {
  font-size: 18px;
  font-weight: 700;
  color: #5E5873;
  margin-bottom: 0;
}
.order-list .orderid h5 {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.order-list .actionproducts > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.order-list .actionproducts > ul > li {
  margin-left: 15px;
}
.order-list .actionproducts > ul > li .deletebg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: #ffffff;
  box-shadow: 0px 4px 14px 0px rgba(199, 199, 199, 0.2509803922);
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
.tabs_wrapper .owl-product {
  margin-bottom: 25px;
}
.productset {
  border: 1px solid #F8F8F8;
  box-shadow: 0px 4px 4px 0px rgba(237, 237, 237, 0.2509803922);
  background: #ffffff;
  margin: 0 0 25px;
  border-radius: 5px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.productset:hover {
  border: 1px solid #6938EF;
}
.productset .check-product {
  display: none;
  width: 34px;
  height: 23px;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  background: #6938EF;
  border-radius: 4px 0;
}
.productset.active {
  border: 1px solid #6938EF;
}
.productset.active .check-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.productset:hover .productsetimg img {
  transform: scale(1.2);
}
.productset:hover .productsetimg h6 {
  transform: translatey(0);
}
.productset .productsetimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  overflow: hidden;
}
.productset .productsetimg img {
  transition: all 0.5s;
  border-radius: 5px 5px 0px 0px;
}
@media (max-width: 991.96px) {
  .productset .productsetimg img {
    max-height: 150px;
  }
}
.productset .productsetimg h6 {
  position: absolute;
  background: #4F46E5;
  color: #ffffff;
  font-size: 10px;
  padding: 5px;
  border-radius: 5px;
  top: 20px;
  right: 20px;
  transform: translatey(-60px);
  transition: all 0.5s;
}
.productset .productsetcontent {
  padding: 13px;
  text-align: center;
}
.productset .productsetcontent h4 {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 13px;
}
.productset .productsetcontent h5 {
  color: #6E6B7B;
  font-size: 12px;
}
.productset .productsetcontent h6 {
  color: #EA5455;
  margin: 0 0 0 auto;
  font-weight: 600;
  font-size: 14px;
}
.tabs_wrapper ul.tabs {
  display: inline-block;
  width: 100%;
  padding-left: 0;
}
.tabs_wrapper ul.tabs li {
  list-style: none;
  cursor: pointer;
  width: 100%;
}
.tabs_wrapper ul.tabs li.active {
  border-color: #4F46E5;
}
.tabs_wrapper ul.tabs li.active .product-details {
  background: transparent;
  border: 0 !important;
}
.tabs_wrapper ul.tabs li.active .product-details h6 {
  color: #ffffff;
}
.tabs_wrapper .tabs_container {
  padding-top: 0px;
  display: inline-block;
  width: 100%;
}
.tabs_wrapper .tabs_container .tab_content {
  display: none;
  width: 100%;
}
.tabs_wrapper .tabs_container .tab_content.active {
  display: inline-block;
}
.profile-set {
  margin-bottom: 30px;
}
.profile-set .profile-head {
  height: 109px;
  background:
    linear-gradient(
      90deg,
      #FF7765 0%,
      #4F46E5 100%);
  border-radius: 0 10px 0 0;
}
@media (max-width: 991.96px) {
  .profile-set .profile-head {
    border-radius: 10px;
  }
}
.profile-set .profile-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media (max-width: 766.98px) {
  .profile-set .profile-top {
    flex-direction: column;
  }
}
.profile-set .profile-top .profile-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media (max-width: 766.98px) {
  .profile-set .profile-top .profile-content {
    flex-direction: column;
  }
}
.profile-set .profile-top .profile-contentimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-top: -40px;
  width: 130px;
  position: relative;
  border: 10px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.profile-set .profile-top .profile-contentimg img {
  border-radius: 50px;
}
.profile-set .profile-top .profileupload input[type=file] {
  opacity: 0;
  width: 34px;
  height: 34px;
  display: block;
  z-index: 9;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  left: 42px;
}
.profile-set .profile-top .profileupload a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: #4F46E5;
  width: 34px;
  height: 34px;
  z-index: 1;
  border-radius: 50px;
  position: absolute;
  bottom: 10px;
  left: 41px;
}
.profile-set .profile-top .profile-contentname {
  padding-left: 20px;
}
@media (max-width: 766.98px) {
  .profile-set .profile-top .profile-contentname {
    text-align: center;
    padding: 20px 0 20px 0;
  }
}
.profile-set .profile-top .profile-contentname h2 {
  font-size: 18px;
  color: #092C4C;
  font-weight: 700;
}
.profile-set .profile-top .profile-contentname h4 {
  color: #777;
  font-size: 14px;
}
.pass-group {
  position: relative;
}
.pass-group .toggle-password,
.pass-group .toggle-passwords,
.pass-group .toggle-passworda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  transform: translateY(-50%);
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: #212B36;
  font-size: 14px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 10px;
}
.status-label {
  color: #212B36;
}
.modal-footer-btn {
  margin-top: 40px;
  text-align: right;
}
.modal-footer-btn a {
  min-width: auto;
}
@media (max-width: 574.98px) {
  .modal-footer-btn a {
    padding: 10px 10px;
  }
}
.status-toggle.modal-status label {
  height: 15px;
  width: 32px;
  background-color: #B9B9C3;
  margin-bottom: 0;
}
.status-toggle.modal-status label::after {
  top: 7px;
}
td p.description-para {
  max-width: 400px;
  white-space: break-spaces;
}
.form-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 35px;
}
.form-sort span.select2-container.select2-container--default.select2-container--open {
  z-index: 99;
}
.summer-description-box .card .card-header {
  padding: 8px;
  border-bottom: 1px solid rgba(145, 158, 171, 0.32);
}
.summer-description-box .note-editor {
  border: 1px solid rgba(145, 158, 171, 0.32) !important;
}
.summer-description-box .note-editable {
  height: 150px !important;
  color: #212B36;
  font-size: 14px;
}
.summer-description-box .note-resizebar {
  display: none;
}
.table tbody td a.view-note {
  color: #3577f1;
  font-weight: 700;
}
.userimgname .product-img {
  display: inherit;
}
.modal-body-table {
  background-color: #F6F7F8;
  padding: 24px;
  margin-bottom: 20px;
  border-radius: 8px;
}
.product-quantity {
  border: 1px solid #E6EAED;
  background-color: #FAFBFE;
  width: 105px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 8px;
}
.product-quantity input {
  width: 35px;
  border: 0;
  background-color: #FAFBFE;
  text-align: center;
  height: 35px !important;
}
.product-quantity span {
  color: #092C4C;
  font-size: 0;
  cursor: pointer;
}
.product-quantity span .plus-circle-qty {
  width: 20px;
  height: 20px;
}
.product-quantity span .feather-search-qty {
  width: 20px;
  height: 20px;
}
.modal-dialog.stock-adjust-modal {
  max-width: 500px;
}
.modal-dialog.stock-adjust-modal .dataTables_length,
.modal-dialog.stock-adjust-modal .dataTables_info,
.modal-dialog.stock-adjust-modal .dataTables_paginate {
  display: none;
}
.search-form {
  position: relative;
}
.search-form input {
  padding-left: 30px;
}
.search-form svg {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.badge .badge-linedanger {
  background-color: rgba(255, 0, 0, 0.06);
  color: #FF0000;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 14px;
}
span.customer-toggle {
  color: #092C4C;
}
span.unlimited-text {
  color: #646B72;
  margin-top: 5px;
  display: inline-block;
}
.modal-title-head h6 {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.modal-title-head h6 svg {
  width: 15px;
  color: #4F46E5;
  margin-right: 5px;
}
#phone,
#phone2,
#phone3 {
  padding-left: 50px;
}
.total-employees {
  background-color: #FAFBFE;
  padding: 10px 8px;
  margin-right: 24px;
  border-radius: 8px;
}
.total-employees h6 {
  font-size: 14px;
  color: #092C4C;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.total-employees h6 svg {
  width: 15px;
  margin-right: 5px;
}
.total-employees h6 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 10px;
  width: 18px;
  height: 18px;
  background-color: #FF0000;
  color: #ffffff;
  border-radius: 50%;
  margin-left: 5px;
}
.search-path.search-path-new .btn-list,
.search-path.search-path-new .btn-grid {
  width: 36px;
  height: 36px;
  background-color: #FAFBFE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #092C4C;
  margin-right: 15px;
  border-radius: 8px;
}
.search-path.search-path-new .btn-list.active,
.search-path.search-path-new .btn-grid.active {
  background-color: #4F46E5;
  color: #ffffff;
}
.search-path.search-path-new .btn-list.active:hover,
.search-path.search-path-new .btn-grid.active:hover {
  background-color: #092C4C;
  color: #ffffff;
}
.search-path.search-path-new .btn-list svg,
.search-path.search-path-new .btn-grid svg {
  width: 18px;
  height: 18px;
}
.search-path.search-path-new .btn-list:hover,
.search-path.search-path-new .btn-grid:hover {
  background-color: #4F46E5;
  color: #ffffff;
}
@media (max-width: 574.98px) {
  .search-path.search-path-new .form-sort {
    margin-top: 0;
  }
}
.layout-box {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: #4F46E5;
  color: #ffffff;
  border-radius: 8px;
}
.layout-box:hover {
  background-color: #092C4C;
  color: #ffffff;
}
td span.emp-team {
  display: block;
  line-height: normal;
}
.badges-inactive {
  border: 1px solid #FF0000;
  color: #FF0000;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
}
.success-email-send.modal-body {
  padding: 24px;
}
.success-email-send.modal-body span svg {
  width: 40px;
  height: 40px;
  color: #3EB780;
  margin-bottom: 20px;
}
.success-email-send.modal-body h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
.success-email-send.modal-body p {
  font-size: 15px;
}
.success-email-send.modal-body a.btn {
  padding: 10px 20px;
}
.layout-drop-item {
  width: 350px;
  max-height: 400px;
  overflow-y: scroll;
  padding: 20px;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  background: #ffffff;
  border-radius: 8px;
  position: absolute;
  right: 0;
  margin-top: 10px;
  z-index: 101;
  display: none;
}
.layout-drop-item .drop-item-head {
  border-bottom: 1px solid rgba(145, 158, 171, 0.3);
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.layout-drop-item .drop-item-head h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.layout-drop-item .drop-item-head p {
  font-size: 14px;
}
.layout-drop-item ul li {
  margin-bottom: 20px;
}
.layout-drop-item ul li span {
  display: flex;
  align-items: center;
}
.layout-drop-item ul li span svg {
  width: 16px;
  margin-right: 5px;
}
.layout-drop-item ul li:last-child {
  margin-bottom: 0;
}
.layout-hide-box {
  position: relative;
}
.layout-show-box .layout-drop-item {
  display: block;
}
@media (max-width: 766.98px) {
  .table-top.table-top-new {
    flex-direction: column;
    align-items: self-start;
  }
}
.table-top.table-top-new .search-path {
  margin-left: 0;
}
@media (max-width: 766.98px) {
  .table-top.table-top-new .search-path {
    margin-top: 24px;
  }
}
@media (max-width: 574.98px) {
  .table-top.table-top-new .search-path {
    flex-direction: column;
    align-items: self-start;
  }
}
@media (max-width: 574.98px) {
  .table-top.table-top-new .search-path .form-sort {
    margin-top: 20px;
  }
}
@media (max-width: 766.98px) {
  .table-top.table-top-new .search-set {
    flex-direction: column;
    align-items: flex-start;
  }
  .table-top.table-top-new .search-set .total-employees {
    margin: 0 0 20px 0;
  }
}
.badge-applied {
  background-color: #6938EF;
  padding: 2px 10px;
  color: #ffffff;
  border-radius: 5px;
}
.badge-approved {
  background-color: #3EB780;
  padding: 2px 10px;
  color: #ffffff;
  border-radius: 5px;
}
.badge-reject {
  background-color: #FF0000;
  padding: 2px 10px;
  color: #ffffff;
  border-radius: 5px;
}
.table tbody tr td a.reason-for-reject {
  color: #3577f1;
  font-weight: 600;
}
.note-editor.note-frame.card {
  margin-bottom: 0;
}
table tbody td.action-table-data a.cancel-circle {
  border: 0;
  padding: 0;
}
table tbody td.action-table-data a.cancel-circle svg {
  color: #4F46E5;
}
table tbody td.action-table-data a.cancel-circle:hover {
  background-color: transparent;
}
table tbody td.action-table-data a.cancel-circle:hover svg {
  color: #FF0000 !important;
}
.apply-leave {
  background-color: #FAFBFE;
  border-radius: 8px;
}
.apply-leave .leave-apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 10px;
}
@media (max-width: 574.98px) {
  .apply-leave .leave-apply {
    flex-direction: column;
    align-items: flex-start;
  }
}
.apply-leave .leave-apply .leave-date {
  margin-right: 70px;
}
.apply-leave .leave-apply .leave-date span {
  color: #646B72;
}
.apply-leave .leave-apply .leave-date p {
  color: #092C4C;
}
@media (max-width: 574.98px) {
  .apply-leave .leave-apply .leave-date {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.apply-leave .leave-apply .leave-time {
  width: 175px;
}
.input-blocks .bootstrap-tagsinput {
  width: 100%;
  padding: 0 0.75rem;
  box-shadow: none;
}
.input-blocks .bootstrap-tagsinput .tag {
  background-color: #E6EAED;
  color: #092C4C;
  padding: 3px 10px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}
.input-blocks .bootstrap-tagsinput .tag .remove::after {
  color: #646B72;
}
.input-blocks .bootstrap-tagsinput input {
  position: static;
  width: auto;
  border: none;
}
.input-blocks span.tag-text {
  color: #646B72;
  font-size: 13px;
}
.table tbody tr td .sales-dropdown-list a {
  padding: 10px 20px;
}
.no-pagination .pagination {
  display: none;
}
#collapse-header.active {
  background-color: #4F46E5;
  border-color: #4F46E5;
}
#collapse-header.active i {
  color: #ffffff;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
#collapse-header.active svg {
  color: #ffffff;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
#collapse-header.active:hover svg {
  color: #ffffff;
}
.edit-delete-action a:hover {
  background-color: #E6EAED;
}
.edit-delete-action a.confirm-text:hover {
  background-color: #E6EAED;
}
.edit-delete-action a.edit-icon:hover {
  background-color: #E6EAED;
  color: #212B36 !important;
}
.modal table.table thead > tr > th.sorting:before {
  display: none !important;
}
.modal table.table thead > tr > th.sorting:after {
  display: none !important;
}
.profit-head .input-blocks .info-img {
  color: #092C4C;
}
.profit-head .input-blocks input {
  padding-left: 35px;
}
.profile-pic-upload .profile-pic.brand-pic {
  width: 110px;
  height: 105px;
  position: relative;
}
.profile-pic-upload .profile-pic.brand-pic .remove-photo {
  position: absolute;
  right: 8px;
  top: 10px;
  background: #FF0000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
}
.profile-pic-upload .profile-pic.brand-pic .remove-photo svg {
  color: #ffffff;
  width: 14px;
  height: 14px;
}
.sales-details-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 20px;
}
@media (max-width: 766.98px) {
  .sales-details-items {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 766.98px) {
  .sales-details-items .details-item {
    margin-bottom: 20px;
  }
}
.sales-details-items .details-item h6 {
  margin-bottom: 15px;
  font-size: 15px;
  color: #092C4C;
}
.sales-details-items .details-item p {
  font-size: 14px;
  color: #646B72;
}
.sales-details-items .details-item h5 {
  color: #3EB780;
  font-size: 15px;
}
.sales-details-items .details-item h5 span {
  display: block;
  color: #646B72;
}
.order-text {
  color: #092C4C;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 15px;
}
.profile-head-action .badge-linesuccess {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 3px 10px;
  height: 24px;
}
.profile-head-action .badge-linedanger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 3px 10px;
  height: 24px;
}
.low-stock-tab li button.nav-link {
  font-size: 13px;
  font-weight: 500;
  padding: 6px 12px;
  color: #212B36;
  background-color: #F9FAFB;
}
@media (max-width: 574.98px) {
  .low-stock-tab li button.nav-link {
    padding: 6px 9px;
  }
}
#edit-stock label {
  font-size: 14px;
  color: #212B36;
}
#edit-stock .form-control {
  font-size: 14px;
  color: #212B36;
}
.input-groupicon.select-code .addonset {
  position: relative;
}
.input-groupicon.select-code .addonset img {
  position: absolute;
  bottom: 12px;
  right: 12px;
}
.input-groupicon.calender-input {
  position: relative;
}
.input-groupicon.calender-input svg {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 14px;
  height: 14px;
}
.input-groupicon.doller-input {
  position: relative;
}
.input-groupicon.doller-input svg {
  position: absolute;
  top: 13px;
  left: 8px;
  width: 14px;
  height: 14px;
}
.add-icon svg {
  width: 14px;
  height: 14px;
}
.checkout-edit a svg {
  width: 14px;
  height: 14px;
}
.checkout-edit a:hover {
  color: #3577f1 !important;
}
.checkout-delete a:hover {
  color: #FF0000 !important;
  background: #ffffff !important;
}
.checkout.product-quantity {
  border: 1px solid #90959B;
  background-color: #FAFBFE;
  width: 71px;
  height: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 8px;
}
.checkout.product-quantity input {
  width: 30px;
  height: 31px;
}
.checkout.payment-item {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: 0px 4px 60px 0px rgba(190, 190, 190, 0.27);
  padding: 10px 15px !important;
  text-align: center !important;
  display: block !important;
  font-size: 15px;
  color: #092C4C;
  border-radius: 10px;
  border: 1px solid #E6EAED;
}
.checkout.payment-item:hover {
  background-color: #EEF2FF;
  border-color: #4F46E5;
  color: #4F46E5;
}
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: -3px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #3EB780;
}
input:focus + .slider {
  box-shadow: 0 0 1px #3EB780;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.user.product-list {
  align-items: center;
}
.user.product-list .emping.d-flex {
  align-items: center;
}
.user.product-list .emping.d-flex a img {
  border-radius: 6px;
  margin-right: 8px;
}
.war-add #phone {
  height: 38px;
}
.war-edit-phone #phone2,
.war-edit-phone #phone3 {
  height: 38px;
}
.user.product-list a img {
  border-radius: 6px;
  margin-right: 8px;
}
.user.user.product-list .emping a {
  align-items: center;
}
.modal.show .modal-dialog.purchase {
  max-width: 1140px;
}
.page-header .btn-added.color {
  background-color: #092C4C;
}
.page-header .btn-added.color:hover {
  background-color: #4F46E5;
  color: #ffffff;
}
.input-blocks.download {
  float: right;
}
.feather-plus-circles {
  color: #ffffff;
}
.add-icon.plus a {
  color: #092C4C;
}
.import-btn {
  float: right;
  margin-bottom: 20px;
}
.image-upload.download input[type=file] {
  height: 150px;
}
.image-upload.download {
  border-radius: 5px;
  border: 1px dashed var(--Subtitle, #B8BCC9);
  margin-bottom: 0;
}
.modal-footer-btn.download-file {
  margin-top: 0;
  margin-bottom: 15px;
}
#view-notes .custom-modal-body p {
  font-size: 14px;
}
#view-notes .custom-modal-body label {
  color: #212B36;
}
#view-notes .modal-top {
  padding: 20px;
}
#view-notes .modal-btns {
  border-top: 1px solid #E6EAED;
  padding: 20px;
}
#view-notes .modal-btns .row {
  justify-content: flex-end;
}
#view-notes .modal-btns .btn {
  font-size: 13px;
  padding: 5px 12px;
  font-weight: 500;
}
#view-notes .modal-btns .btn-cancel {
  background-color: #092C4C;
}
#view-notes .modal-btns .modal-footer-btn {
  margin-top: 0;
}
#view-notes .close {
  width: 16px;
  height: 16px;
  background-color: #FF0000;
  color: #ffffff;
  font-size: 13px;
}
#view-notes .download-file .btn {
  padding: 5px 12px;
}
.add-newplus {
  display: flex;
  justify-content: space-between;
}
.add-newplus .plus-down-add {
  color: #4F46E5;
}
.add-newplus span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  color: #4F46E5;
}
.plus-down-add {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  position: relative;
  top: -2px;
  color: #A6AAAF;
}
.add-choosen {
  display: flex;
}
@media (max-width: 766.98px) {
  .add-choosen {
    flex-wrap: wrap;
  }
}
.add-choosen .phone-img {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 10px;
  border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
  text-align: center;
  margin-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 766.98px) {
  .add-choosen .phone-img {
    margin-bottom: 10px;
    margin-left: 10px;
  }
}
.add-choosen .phone-img a {
  position: absolute;
  right: 3px;
  top: 3px;
  background: #FF0000;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.add-choosen .phone-img a:hover {
  color: #ffffff;
  background: #e61414;
}
.add-icon.tab a {
  background-color: #092C4C;
  color: #ffffff;
}
.add-icon.tab-icon .feather-trashs {
  background-color: #ffffff;
  color: #FF0000;
}
.add-icon.tab-icon a {
  background-color: #ffffff;
  font-size: 11px;
  width: 34px;
  padding: 0;
}
.input-blocks.filter-add {
  margin-right: 0px;
  margin-bottom: 0px;
}
.input-blocks.filter-add .input-blocks.add-product {
  margin-bottom: 20px;
  margin-right: 7px;
}
.feather-pluses {
  color: #092C4C;
  width: 14px;
  height: 14px;
}
.checkboxs.add-listcheck {
  padding-left: 24px;
}
.searchinputs.list input {
  width: 357px;
  position: relative;
  padding: 10px 31px 10px 10px;
  border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
  background: #ffffff;
}
.feather-16.icon {
  position: absolute;
  top: 10px;
  right: 10px;
}
.search-dropdown.idea {
  height: auto;
}
.add-product .add-icon a {
  background-color: #092C4C;
  color: #ffffff;
  font-size: 15px;
}
@media (max-width: 766.98px) {
  .add-product .add-icon a {
    z-index: 1;
  }
}
.add-product .add-icon a:hover {
  background-color: #4F46E5;
}
.new-employee-field.product .card-title-head h6 {
  font-weight: 600;
  font-size: 16px;
  align-items: center;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.new-employee-field.product .card-title-head {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid rgba(145, 158, 171, 0.3);
  display: flex;
  justify-content: space-between;
}
.new-employee-field.product .card-title-head a {
  color: #878A99;
  border: 1px solid;
  padding: 3px;
  border-radius: 25px;
}
.selected-hide-color {
  display: none;
}
.selected-color-add .selected-hide-color {
  display: flex;
  align-items: center;
}
.variant-table {
  display: none;
}
.variant-select {
  height: 40px;
}
.add-product .text-editor.add-list {
  width: 100%;
}
.add-product .text-editor.add-list h5 {
  padding-left: 0;
}
.add-product .text-editor.add-list.add .addproduct-icon {
  padding-left: 0;
}
.add-product .text-editor.add-list.add .custom-filed {
  display: flex;
  padding: 15px;
  background-color: #F2F2F2;
  margin-bottom: 20px;
}
.add-product .text-editor.add-list.add .custom-filed .input-block.add-lists {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 16px;
  color: #646B72;
}
@media (max-width: 766.98px) {
  .add-product .text-editor.add-list.add .custom-filed .input-block.add-lists {
    flex-wrap: wrap;
  }
}
.add-product .text-editor.add-list.add .custom-filed .input-block.add-lists .checkboxs {
  margin-bottom: 0;
  padding-left: 23px;
}
.add-product .text-editor.add-list.add .custom-filed .input-block.add-lists .checkboxs .checkmarks {
  top: 3px;
  width: 16px;
  height: 16px;
}
.add-product .note-statusbar {
  display: none !important;
}
.add-product-form .input-blocks input[type=text].datetimepicker {
  padding-left: 10px;
}
.add-product-form .table tbody tr td {
  padding: 15px;
}
.add-product-form .tag {
  background-color: #E6EAED !important;
}
.add-product-form .selected-hide-color .bootstrap-tagsinput {
  border-color: #E6EAED;
}
.add-product-form .selected-hide-color .remove-color {
  border: 1px solid #E6EAED;
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 5px;
  color: #646B72;
  font-size: 16px;
  align-items: center;
  justify-content: center;
}
.add-product-form .selected-hide-color .remove-color:hover {
  background-color: #E6EAED;
}
.add-product-form .product-quantity {
  border: 1px solid #E6EAED;
}
.edit-product .form-label {
  color: #212B36;
  margin-bottom: 6px;
}
.edit-product .bootstrap-tagsinput .tag {
  background-color: #E6EAED;
}
.edit-product .remove-color {
  border: 1px solid #E6EAED;
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 5px;
  color: #646B72;
  font-size: 16px;
  align-items: center;
  justify-content: center;
}
.edit-product .table tr th {
  padding: 15px;
  background-color: #E6EAED;
  color: #212B36;
}
.edit-product .table tbody tr {
  border: 1px solid #E6EAED;
}
.edit-product .table tbody tr:last-child {
  border-radius: 0 0 10px 10px;
  opacity: 0.4;
}
.edit-product .table tbody tr td {
  padding: 15px;
  border: none;
  min-width: 120px;
}
@media (max-width: 574.98px) {
  .edit-product .table tbody tr td {
    padding: 10px;
    padding: 10px;
  }
}
.edit-product .product-quantity {
  border: 1px solid #E6EAED;
}
.edit-product input[type=text].datetimepicker {
  padding-left: 10px;
}
.notes-page-wrapper .content {
  padding: 24px;
}
.notes-page-wrapper .content .page-add-notes {
  border-bottom: 1px solid #90959B;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 0;
}
@media (max-width: 766.98px) {
  .notes-page-wrapper .content .page-add-notes {
    flex-direction: column;
    align-items: start;
  }
}
.notes-page-wrapper .content .page-add-notes .notes-tog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  bottom: -12px;
  border-radius: 30px;
  background: #1B2850;
  color: #ffffff;
  width: 24px;
  height: 24px;
  padding: 5px;
}
@media (max-width: 991.96px) {
  .notes-page-wrapper .content .page-add-notes .notes-tog {
    display: none;
  }
}
.notes-page-wrapper .content .section-bulk-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 30px 0 24px 0;
  padding: 20px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
}
@media (max-width: 766.98px) {
  .notes-page-wrapper .content .section-bulk-wrap {
    flex-direction: column;
    align-items: start;
  }
}
.notes-page-wrapper .content .section-bulk-wrap .bulk-action-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media (max-width: 766.98px) {
  .notes-page-wrapper .content .section-bulk-wrap .bulk-action-type {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px) {
  .notes-page-wrapper .content .section-bulk-wrap .bulk-action-type {
    margin-bottom: 0;
    flex-direction: column;
    align-items: self-start;
  }
}
.notes-page-wrapper .content .section-bulk-wrap .bulk-action-type .select-bluk {
  margin-right: 8px;
  height: 40px;
}
.notes-page-wrapper .content .section-bulk-wrap .bulk-action-type .select-bluk .select2-container .selection .select2-selection .select2-selection__rendered {
  padding-left: 10px !important;
}
.notes-page-wrapper .content .section-bulk-wrap .bulk-action-type .btn-added {
  background: #092C4C;
  padding: 8px 20px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  margin-right: 15px;
  height: 38px;
}
.notes-page-wrapper .content .section-bulk-wrap .bulk-action-type .btn-added:hover {
  background: #4F46E5;
}
@media (max-width: 574.98px) {
  .notes-page-wrapper .content .section-bulk-wrap .bulk-action-type .btn-added {
    margin: 20px 0;
  }
}
.notes-page-wrapper .content .section-bulk-wrap .form-sort .fa-filter {
  z-index: 100 !important;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 16px;
  height: 16px;
}
.notes-page-wrapper .content .section-notes-slider {
  position: relative;
  padding-bottom: 40px;
  border-bottom: 1px solid #90959B;
}
.notes-page-wrapper .content .section-notes-slider .notes-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 20px;
}
.notes-page-wrapper .content .section-notes-slider .notes-content .notes-close a {
  color: #FF0000;
  font-size: 15px;
  font-weight: 400;
}
.notes-page-wrapper .content .section-notes-slider .notes-content .notes-close a i {
  margin-right: 6px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card {
  padding: 24px;
  border-radius: 8px;
  background: rgba(255, 159, 67, 0.03);
}
.notes-page-wrapper .content .section-notes-slider .notes-card.medium {
  background: rgba(116, 41, 248, 0.03);
}
.notes-page-wrapper .content .section-notes-slider .notes-card.high {
  background: rgba(234, 84, 85, 0.03);
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-card-body p.badged {
  border-radius: 8px;
  border: 1px solid #FFCA18;
  padding: 4px 10px;
  margin-bottom: 0;
  color: #FFCA18;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-card-body p.badged i {
  font-size: 7px;
  margin-right: 4px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-card-body p.badged.medium {
  color: #7429F8;
  border: 1px solid #7429F8;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-card-body p.badged.high {
  color: #FF0000;
  border: 1px solid #FF0000;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-card-body a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  color: #092C4C;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-card-body a.dropdown-item:hover {
  color: #ffffff;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-content {
  margin: 24px 0;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-content h4 a {
  margin-bottom: 10px;
  color: #092C4C;
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-content h4 a:hover {
  color: #FFCA18;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-content p {
  color: #646B72;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo a {
  margin-right: 15px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo a span {
  width: 32px;
  height: 32px;
  display: flex;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo a span img {
  border-radius: 100px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo span.medium-square {
  margin-right: 5px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo span.medium-square i {
  color: #3EB780;
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo span.high-square {
  margin-right: 5px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo span.high-square i {
  color: #FFCA18;
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo span.low-square {
  margin-right: 5px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo span.low-square i {
  color: #288EC7;
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  color: #288EC7;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo p i.fa-draw-polygon {
  margin-right: 5px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo p.medium {
  color: #3EB780;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-logo p.high {
  color: #FFCA18;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-star-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-star-delete span .fa-star {
  color: #FFCA18;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.notes-page-wrapper .content .section-notes-slider .notes-card .notes-slider-widget .notes-star-delete span .feather-trash-2 {
  color: #FF0000;
  width: 16px;
  height: 16px;
}
.notes-page-wrapper .content .section-card-body {
  padding-top: 40px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details {
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.3);
  background: #ffffff;
  box-shadow: 0px 4px 60px 0px rgba(190, 190, 190, 0.27);
  padding: 24px;
  margin-bottom: 24px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-card-body p.badged {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  border-radius: 8px;
  border: 1px solid #FFCA18;
  padding: 4px 10px;
  margin-bottom: 0;
  color: #FFCA18;
  font-size: 14px;
  font-weight: 600;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-card-body p.badged i {
  font-size: 7px;
  margin-right: 4px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-card-body p.badged.medium {
  color: #7429F8;
  border: 1px solid #7429F8;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-card-body p.badged.high {
  color: #FF0000;
  border: 1px solid #FF0000;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-card-body .dropdown-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  color: #092C4C;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-card-body .dropdown-item span svg {
  width: 14px;
  height: 14px;
  color: #646B72;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-card-body .dropdown-item:hover span svg {
  color: #ffffff;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-wrap-content {
  padding: 20px 0;
  border-bottom: 1px solid #90959B;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-wrap-content h4 a {
  color: #092C4C;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-wrap-content h4 a:hover {
  color: #FFCA18;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-wrap-content .wrap-cal {
  color: #646B72;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-wrap-content .wrap-cal svg {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-wrap-content p {
  color: #646B72;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget.notes-widget-profile {
  padding-top: 20px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo a {
  margin-right: 15px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo a span img {
  border-radius: 100px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo span.medium-square {
  margin-right: 5px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo span.medium-square i {
  color: #3EB780;
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo span.high-square {
  margin-right: 5px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo span.high-square i {
  color: #FFCA18;
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo span.low-square {
  margin-right: 5px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo span.low-square i {
  color: #288EC7;
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo p {
  color: #288EC7;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo p i.fa-draw-polygon {
  margin-right: 5px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo p.medium {
  color: #3EB780;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-logo p.high {
  color: #FFCA18;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-star-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-star-delete span .feather-star {
  color: #646B72;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-star-delete span .feather-trash-2 {
  color: #FF0000;
  width: 16px;
  height: 16px;
}
.notes-card-details .notes-card-body a {
  color: #092C4C;
}
.star-todo-inbox svg {
  width: 13px;
  height: 13px;
  color: #646B72;
}
.inbox-call-profile {
  border-radius: 5px;
  background: #E92990;
  border: 1px solid #E92990;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 20px;
}
.inbox-call-profile:hover {
  color: #E92990;
  background: #ffffff;
}
.notes-tog i {
  transform: rotate(180deg);
}
.notes-tog.active i {
  transform: rotate(0deg);
}
.section-bulk-wrap .form-sort {
  position: relative;
}
.section-bulk-wrap .form-sort svg.feather-filter {
  position: absolute;
  z-index: 101;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 10px;
}
.page-add-notes.active svg {
  transform: rotate(0) !important;
}
.dropdown-menu.notes-menu {
  z-index: 99999;
}
.dropdown-menu.notes-menu a.dropdown-item {
  color: #092C4C;
  font-size: 15px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 10px 20px;
}
.dropdown-menu.notes-menu a.dropdown-item:hover {
  background: #FFCA18;
  color: #ffffff;
}
.dropdown-menu.notes-menu a.dropdown-item:hover svg {
  color: #ffffff;
}
.dropdown-menu.notes-menu span {
  margin-right: 8px;
}
.dropdown-menu.notes-menu svg {
  width: 14px;
  height: 14px;
  color: #646B72;
}
.edit-note-head a {
  border-radius: 30px;
  border: 1px solid rgba(145, 158, 171, 0.3);
  background: #ffffff;
  color: #092C4C;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.edit-note-head a:hover {
  border-radius: 20px;
  background: #4F46E5;
  color: #ffffff;
}
.custom-modal-body .select2-container .selection .select2-selection .select2-selection__rendered {
  padding-left: 10px !important;
}
.bulk-con-wrap {
  width: 100%;
}
.section-bulk-widget {
  transition: 0.6s all;
}
.section-notes-dashboard {
  display: none;
  transition: 0.6s all;
}
.notes-tog i {
  transition: 0.5s all;
}
.notes-tag-left .notes-tog i {
  transform: rotate(360deg);
  transition: 0.5s all;
}
.budgeted-role-notes {
  width: 100%;
}
.notes-summernote .card {
  margin-bottom: 0 !important;
}
.dropdown-item:active {
  background: transparent;
}
.notes-summernote p {
  color: #646B72;
  font-size: 15px;
  font-weight: 400;
}
.notes-dash {
  margin-top: 30px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.3);
  background: #ffffff;
  transition: 0.6s all;
}
.notes-dash .notes-top-head {
  border-bottom: 1px solid #90959B;
}
.notes-dash .notes-top-head h5 {
  font-size: 18px;
  font-weight: 700;
  color: #092C4C;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.notes-dash .notes-top-head h5 svg {
  width: 19px;
  height: 19px;
  margin-right: 6px;
  color: #646B72;
}
.notes-dash .notes-top-head-submenu {
  padding: 15px 0;
  border-bottom: 1px solid #90959B;
}
.notes-dash .notes-top-head-submenu ul {
  padding: 15px 0;
}
.notes-dash .notes-top-head-submenu ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 10px;
}
.notes-dash .notes-top-head-submenu ul li.active {
  border-radius: 10px;
  background: #092C4C;
}
.notes-dash .notes-top-head-submenu ul li.active svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.notes-dash .notes-top-head-submenu ul li.active p {
  color: #ffffff;
}
.notes-dash .notes-top-head-submenu ul li p {
  font-size: 15px;
  font-weight: 600;
  color: #646B72;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.notes-dash .notes-top-head-submenu ul li p svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.notes-dash .notes-top-head-submenu ul li span {
  display: flex;
  width: 18px;
  height: 18px;
  padding: 0px 3px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #4F46E5;
  color: #ffffff;
}
.notes-dash .content-submenu-tag {
  margin-top: 15px;
  padding: 10px;
}
.notes-dash .content-submenu-tag h6 {
  font-size: 16px;
  font-weight: 600;
  color: #092C4C;
}
.notes-dash .content-submenu-tag ul {
  padding: 10px 0;
}
.notes-dash .content-submenu-tag ul.tags-list {
  margin-bottom: 24px;
}
.notes-dash .content-submenu-tag ul li.personal span {
  margin-right: 8px;
}
.notes-dash .content-submenu-tag ul li.personal span i {
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-dash .content-submenu-tag ul li.personal a {
  color: #288EC7;
  display: flex;
  align-items: center;
}
.notes-dash .content-submenu-tag ul li.social span {
  margin-right: 8px;
}
.notes-dash .content-submenu-tag ul li.social span i {
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-dash .content-submenu-tag ul li.social a {
  color: #FFCA18;
  display: flex;
  align-items: center;
}
.notes-dash .content-submenu-tag ul li.work span {
  margin-right: 8px;
}
.notes-dash .content-submenu-tag ul li.work span i {
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-dash .content-submenu-tag ul li.work a {
  color: #3EB780;
  display: flex;
  align-items: center;
}
.notes-dash .content-submenu-tag ul li.public span {
  margin-right: 8px;
}
.notes-dash .content-submenu-tag ul li.public span i {
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-dash .content-submenu-tag ul li.public a {
  color: #A02F7A;
  display: flex;
  align-items: center;
}
.notes-dash .content-submenu-tag ul li.medium span {
  margin-right: 8px;
}
.notes-dash .content-submenu-tag ul li.medium span i {
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-dash .content-submenu-tag ul li.medium a {
  color: #6938EF;
  display: flex;
  align-items: center;
}
.notes-dash .content-submenu-tag ul li.high span {
  margin-right: 8px;
}
.notes-dash .content-submenu-tag ul li.high span i {
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-dash .content-submenu-tag ul li.high a {
  color: #FF0000;
  display: flex;
  align-items: center;
}
.notes-dash .content-submenu-tag ul li.low span {
  margin-right: 8px;
}
.notes-dash .content-submenu-tag ul li.low span i {
  transform: rotate(45deg);
  font-size: 10px;
}
.notes-dash .content-submenu-tag ul li.low a {
  color: #FFCA18;
  display: flex;
  align-items: center;
}
.notes-dash .content-submenu-tag ul li {
  font-size: 15px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.notes-dash .content-submenu-tag ul li + li {
  margin-top: 10px;
}
.notes-logo a {
  display: flex;
  align-items: center;
}
.notes-logo a span {
  width: 32px;
  height: 32px;
}
.notes-logo a span img {
  border-radius: 32px;
}
.notes-top-head-submenu {
  padding: 15px 0;
  border-bottom: 1px solid #90959B;
}
.notes-top-head-submenu .nav.todo-inbox button.todo-inbox {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #646B72;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  border-radius: 10px;
}
.notes-top-head-submenu .nav.todo-inbox button.todo-inbox.active {
  border-radius: 10px;
  background: #212B36;
  padding: 10px;
  color: #ffffff;
}
.notes-top-head-submenu .nav.todo-inbox button.todo-inbox.active svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.notes-top-head-submenu .nav.todo-inbox button.todo-inbox:hover {
  background: #212B36;
  color: #ffffff;
}
.notes-top-head-submenu .nav.todo-inbox button.todo-inbox svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.notes-top-head-submenu .nav.todo-inbox button.todo-inbox span {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 0px 3px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #4F46E5;
  color: #ffffff;
}
.notes-trash-btn {
  background: #FF0000;
  color: #ffffff;
  border-radius: 8px;
  margin: 4px 0 20px 0;
  padding: 10px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notes-trash-btn span {
  display: flex;
  align-items: center;
}
.notes-trash-btn span svg {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.delete-popup {
  padding: 24px;
  border-radius: 8px;
  background: #ffffff;
}
.delete-popup .delete-image {
  margin-bottom: 20px;
}
.delete-popup .delete-heads {
  text-align: center;
}
.delete-popup .delete-heads h4 {
  color: #092C4C;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
.delete-popup .delete-heads p {
  color: #646B72;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0px;
}
.delete-popup .delete-footer {
  text-align: center;
}
.edit-page-title {
  display: flex;
  align-items: center;
}
.edit-page-title h4 {
  font-size: 18px;
  font-weight: 700;
  color: #092C4C;
  margin-bottom: 0;
  margin-right: 10px;
}
.edit-page-title p {
  font-size: 15px;
  font-weight: 400;
  color: #288EC7;
}
.edit-head-view {
  margin-bottom: 20px;
  border-bottom: rgba(145, 158, 171, 0.3);
}
.edit-head-view h6 {
  font-size: 16px;
  font-weight: 600;
  color: #092C4C;
  margin-bottom: 15px;
}
.edit-head-view p {
  font-size: 15px;
  font-weight: 400;
  color: #646B72;
  margin-bottom: 15px;
}
.edit-head-view p.badged i {
  font-size: 7px;
  margin-right: 7px;
}
.edit-head-view p.badged {
  border-radius: 8px;
  border: 1px solid #FFCA18;
  padding: 4px 10px;
  margin-bottom: 0;
  color: #FFCA18;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.edit-footer-menu a {
  background-color: #FF0000;
}
.edit-noted-head a span i.fa-trash-alt {
  color: #FF0000;
  margin-right: 10px;
}
.edit-noted-head a span i.fa-star {
  color: #FFCA18;
}
.edit-head-view p.badged.high i {
  font-size: 7px;
  margin-right: 7px;
}
.edit-head-view p.badged.high {
  border-radius: 8px;
  border: 1px solid #FF0000;
  padding: 4px 10px;
  margin-bottom: 0;
  color: #FF0000;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.people-profile-pic {
  border: none !important;
  position: relative;
}
.people-profile-pic img {
  border-radius: 10px;
}
.people-profile-pic a {
  position: absolute;
  top: 15px;
  right: 7px;
}
.people-profile-pic a .x-square-add {
  border-radius: 3px;
  background: #FF0000;
  color: #ffffff;
}
.people-customer-walk {
  max-width: 35px;
}
.custom-pagination .paginations {
  align-items: center;
}
.custom-pagination .paginations span {
  display: flex;
  align-items: center;
  color: #646B72;
  width: 16px;
  height: 16px;
}
.custom-pagination .paginations span .fa-chevron-left {
  margin-right: 8px;
}
.custom-pagination .paginations .page-wrap li a {
  margin-right: 8px;
  border-radius: 85px;
  background: #90959B;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  width: 30px;
  height: 30px;
  padding: 5px;
  justify-content: center;
  align-items: center;
}
.custom-pagination .paginations .page-wrap li a.active {
  background: #4F46E5;
  color: #ffffff;
}
.custom-pagination .paginations .page-wrap li :hover {
  background: #4F46E5;
  color: #ffffff;
  transition: 0.3s all;
}
.section-notes-slider .notes-slider.owl-carousel .owl-nav {
  top: -44px;
  right: unset;
  left: 150px;
}
.section-notes-slider .notes-slider.owl-carousel .owl-nav button {
  background-color: transparent;
  width: 15px;
  height: auto;
}
.section-notes-slider .notes-slider.owl-carousel .owl-nav button i {
  color: #092C4C;
}
.section-notes-slider .notes-slider.owl-carousel .owl-nav button:hover {
  background-color: transparent;
}
.section-notes-slider .notes-slider.owl-carousel .owl-nav button:hover i {
  color: #4F46E5;
}
.edit-review.people-profile-pic a {
  position: absolute;
  top: 4px;
  right: 7px;
}
.barcode-content-list {
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.3);
  background: #ffffff;
  padding: 24px;
}
@media (max-width: 574.98px) {
  .barcode-content-list {
    padding-left: 15px;
  }
}
.barcode-content-list .seacrh-barcode-item {
  margin-bottom: 24px;
}
@media (max-width: 574.98px) {
  .barcode-content-list .seacrh-barcode-item .seacrh-barcode-item-one {
    margin-bottom: 15px;
  }
}
.barcode-content-list .search-modal-header {
  margin-bottom: 24px;
}
.barcode-content-list .search-modal-header .dataTables_wrapper .dataTables_filter {
  display: none;
}
.barcode-content-list .search-modal-header .dataTables_length,
.barcode-content-list .search-modal-header .dataTables_info,
.barcode-content-list .search-modal-header .dataTables_paginate {
  display: none;
}
.barcode-content-list .search-modal-header table thead th {
  padding: 15px 17px !important;
}
.barcode-content-list .search-modal-header table tbody td {
  padding: 10px 17px;
  border-bottom: 1px solid rgba(145, 158, 171, 0.3);
}
.barcode-content-list .paper-search-size {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(145, 158, 171, 0.3);
}
@media (max-width: 574.98px) {
  .barcode-content-list .paper-search-size .search-toggle-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }
}
.barcode-content-list .paper-search-size .search-toggle-list p {
  margin-bottom: 5px;
  color: #092C4C;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 574.98px) {
  .barcode-content-list .paper-search-size .search-toggle-list p {
    margin-bottom: 0px;
  }
}
.barcode-content-list .search-barcode-button {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media (max-width: 574.98px) {
  .barcode-content-list .search-barcode-button {
    display: block;
  }
}
@media (max-width: 574.98px) {
  .barcode-content-list .search-barcode-button a {
    width: 100%;
    margin-bottom: 14px;
  }
}
.barcode-content-list .nav-searchinputs {
  list-style: none;
}
.barcode-delete-icon {
  margin-right: 8px;
}
.close-btn {
  background: #FF0000;
}
.close-btn:hover {
  background: #cc0000;
}
.seacrh-barcode-item .searchInput {
  background: #ffffff;
  width: 100%;
  border-radius: 5px;
  position: relative;
}
.searchInput input {
  height: 38px;
  width: 100%;
  outline: none;
  border-radius: 5px;
  padding: 0 20px 0 38px;
  font-size: 18px;
  color: #A6AAAF;
}
.searchInput.active input {
  border-radius: 5px 5px 0 0;
}
.searchInput .resultBox {
  padding: 0;
  opacity: 0;
  pointer-events: none;
  max-height: 280px;
  overflow-y: auto;
}
.searchInput.active .resultBox {
  padding: 10px 8px;
  opacity: 1;
  pointer-events: auto;
  border: 1px solid #FFCA18;
}
.resultBox li {
  list-style: none;
  padding: 8px 12px;
  display: none;
  width: 100%;
  cursor: default;
  border-radius: 3px;
}
.searchInput.active .resultBox li {
  display: block;
}
.resultBox li:hover {
  background: #FFCA18;
  color: #ffffff;
}
.searchInput .icon {
  position: absolute;
  left: 10px;
  top: 17px;
  height: 15px;
  width: 15px;
  text-align: center;
  line-height: 55px;
  color: #646B72;
  cursor: pointer;
}
.barcode-scan-header {
  margin-bottom: 15px;
}
.barcode-scan-header h5 {
  font-size: 18px;
  font-weight: 700;
  color: #092C4C;
}
.barcode-scanner-link {
  padding: 10px 5px;
  border-radius: 10px;
  border: 1px solid rgba(145, 158, 171, 0.3);
  background: #ffffff;
  margin-bottom: 30px;
}
.barcode-scanner-link h6 {
  font-size: 14px;
  font-weight: 700;
  color: #092C4C;
  margin-bottom: 5px;
}
.barcode-scanner-link p {
  font-size: 15px;
  font-weight: 400;
  color: #646B72;
  margin-bottom: 5px;
}
.people-cust-avatar h6 {
  margin-bottom: 10px;
}
.employee-grid-profile {
  text-align: center;
  background: #ffffff;
  border-radius: 8px;
  margin: 0 0 24px;
  padding: 15px;
  box-shadow: 0px 4px 60px 0px rgba(190, 190, 190, 0.27);
  border: 1px solid #90959B;
}
.employee-grid-profile .profile-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 24px;
}
.employee-grid-profile .profile-head .profile-head-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.employee-grid-profile .profile-head .profile-head-action .badge badge-linedanger {
  background: #ffffff;
  border: 1px solid #FF0000;
  padding: 2px 10px;
}
.employee-grid-profile .profile-head .dep-name h5 {
  font-size: 18px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.employee-grid-profile .profile-head .dep-name h5::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.employee-grid-profile .profile-head .dep-name h5.active::before {
  background: #3EB780;
}
.employee-grid-profile .profile-head .dep-name h5.inactive::before {
  background: #FF0000;
}
.employee-grid-profile .profile-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  flex-direction: column;
  margin-bottom: 15px;
}
.employee-grid-profile .profile-info .profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  margin-bottom: 15px;
  position: relative;
}
.employee-grid-profile .profile-info .profile-pic img {
  border-radius: 8px;
}
.employee-grid-profile .profile-info .profile-pic.active-profile::after {
  content: "";
  background: #3EB780;
  border-radius: 50%;
  position: absolute;
  right: -3px;
  bottom: -3px;
  padding: 3px;
  border: 3px solid #ffffff;
}
.employee-grid-profile .profile-info.department-profile-info {
  background-color: #D3D5D7;
  padding: 15px;
  border-radius: 10px;
}
.employee-grid-profile .profile-info.department-profile-info .profile-pic {
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
}
.employee-grid-profile .profile-info.department-profile-info h4 {
  font-size: 15px;
}
.employee-grid-profile .profile-info h5 {
  color: #4F46E5;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.employee-grid-profile .profile-info h4 {
  font-size: 18px;
  font-weight: 700;
}
.employee-grid-profile .profile-info span {
  font-size: 15px;
}
.employee-grid-profile ul.department {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  text-align: left;
  background-color: #D3D5D7;
  padding: 15px;
  border-radius: 8px;
}
.employee-grid-profile ul.department li {
  color: #092C4C;
  font-weight: 500;
  font-size: 15px;
}
.employee-grid-profile ul.department li span {
  display: block;
  color: #646B72;
  margin-top: 5px;
}
.employee-grid-profile .dropdown-toggle::after {
  display: none;
}
.employee-grid-profile .dropdown.profile-action svg {
  color: #092C4C;
}
.employee-grid-profile .dropdown.profile-action .dropdown-menu {
  padding: 0;
  right: 0px !important;
  margin-top: 10px !important;
  left: unset !important;
  min-width: 130px;
}
.employee-grid-profile .dropdown.profile-action .dropdown-menu a.dropdown-item + a {
  margin-top: 0;
}
.employee-grid-profile .dropdown.profile-action ul li a svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.employee-grid-profile .dropdown.profile-action ul li a:hover svg {
  color: #ffffff;
}
.hide-head .header {
  display: none;
}
.hide-head .sidebar {
  top: 0;
}
.hide-head .page-wrapper {
  padding-top: 0;
}
.hide-head .full-height svg {
  transform: rotate(180deg);
}
.card-title-head h6 {
  font-weight: 600;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid rgba(145, 158, 171, 0.3);
}
.card-title-head h6 svg {
  width: 20px;
  margin-right: 5px;
  color: #4F46E5;
}
.new-employee-field .image-upload {
  width: 120px;
  height: 38px;
  border: 0;
  background-color: #4F46E5;
}
.new-employee-field .image-upload .image-uploads {
  top: 8px;
  padding: 0;
}
.new-employee-field .image-upload .image-uploads h4 {
  font-size: 13px;
  color: #ffffff;
  line-height: normal;
}
.profile-pic-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-bottom: 24px;
}
.profile-pic-upload .profile-pic {
  width: 120px;
  height: 120px;
  border: 1px dashed #E6EAED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 10px;
  margin-right: 24px;
  position: relative;
  flex-shrink: 0;
}
.profile-pic-upload .profile-pic span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-direction: column;
}
.profile-pic-upload .profile-pic span svg {
  margin-right: 0;
}
.profile-pic-upload .profile-pic .close-img .info-img {
  width: 12px;
  height: 12px;
  color: #ffffff;
  border-radius: 3px;
  background: #FF0000;
}
.profile-pic-upload .profile-pic .close-img {
  padding: 2px;
  position: absolute;
  top: 10px;
  right: 12px;
}
.profile-pic-upload.edit-pic .profile-pic {
  border: 0;
}
.profile-pic-upload.edit-pic .profile-pic img {
  border-radius: 10px;
}
.profile-pic-upload.edit-pic .profile-pic .user-editer {
  border-radius: 0;
}
.profile-pic-upload p {
  white-space: nowrap;
}
.pass-info .input-blocks svg {
  position: absolute;
  right: 10px;
  top: 36px;
  width: 15px;
  left: unset;
}
.new-employee-field .other-info {
  margin: 15px 0;
}
.team-members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
.team-members li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.team-members li ul li a {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.team-members li ul li a img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.team-members li ul li {
  margin-left: -7px;
}
.team-members li ul li:first-child {
  margin-left: 0;
}
.team-members li ul li:last-child a {
  position: relative;
}
.team-members li ul li:last-child a::after {
  content: "";
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.team-members li ul li:last-child a span {
  color: #ffffff;
  position: absolute;
  left: 5px;
  z-index: 1;
  top: 3px;
  font-size: 13px;
}
.input-blocks .form-icon {
  position: relative;
}
.input-blocks .form-icon input {
  padding-left: 30px;
}
.input-blocks .form-icon .cus-icon {
  position: absolute;
  left: 10px;
  top: 9px;
}
.input-blocks .form-icon .cus-icon svg {
  width: 14px;
  color: #646B72;
}
.input-blocks.custom-form-check {
  margin: 15px 0;
}
.modal .input-blocks {
  margin-bottom: 15px;
}
.checkboxs.modal-table-check {
  line-height: normal;
  margin-right: 13px;
  margin-bottom: 0;
  padding-left: 25px;
  display: inline-block;
}
.checkboxs.modal-table-check .checkmarks {
  top: 3px;
}
.checkboxs.modal-table-check input ~ .checkmarks {
  border-radius: 5px;
}
.checkboxs.modal-table-check input:checked ~ .checkmarks {
  border-color: #4F46E5;
}
.no-pagination .dataTables_length,
.no-pagination .paging_numbers {
  display: none;
}
.break-title h4 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
  color: #092C4C;
}
@media (max-width: 1199.96px) {
  .table-top-new .search-set .search-input input[type=search] {
    width: 140px;
  }
  .table-top-new .total-employees {
    margin-right: 10px;
  }
  .table-top-new .search-path .btn-filter,
  .table-top-new .search-path .btn-filter {
    margin-right: 10px;
  }
}
@media (max-width: 991.96px) {
  .table-top-new .search-set .search-input input[type=search] {
    width: 200px;
  }
}
.todo-inbox-check {
  margin-right: 15px;
}
.todo-inbox-check .checkboxs {
  margin-bottom: 0;
  padding-left: 25px;
  display: flex;
  align-items: center;
}
.todo-inbox-check .checkboxs input ~ .checkmarks {
  border-color: rgba(145, 158, 171, 0.3);
  border-radius: 5px;
  margin-top: 2px;
  width: 20px;
  height: 20px;
}
.todo-inbox-check .checkboxs input:checked ~ .checkmarks {
  border-color: #4F46E5;
}
.todo-wrapper-list-content {
  margin-left: 5px;
}
.notes-header h3 {
  color: #092C4C;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}
.daterangepicker .ranges li.active {
  background-color: #4F46E5 !important;
}
.todo-inbox-check .checkboxs .checkmarks:after {
  left: 7px;
  top: 3px;
}
.todo-widget {
  margin-bottom: 25px;
}
.todo-today-content {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.todo-today-content .todo-drop-down span i {
  color: #092C4C;
}
.todo-today-content .todo-today-header {
  display: flex;
  align-items: center;
}
.todo-today-content .todo-today-header span {
  margin-right: 5px;
  display: flex;
  align-items: center;
}
.todo-today-content .todo-today-header span svg {
  width: 16px;
  height: 16px;
  color: #646B72;
}
.todo-today-content .todo-today-header h3 {
  font-size: 16px;
  font-weight: 600;
  color: #092C4C;
  margin-bottom: 0;
  margin-right: 5px;
}
.todo-today-content .todo-today-header h6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: #4F46E5;
  border-radius: 50px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 0;
}
.todo-wrapper-list {
  padding: 15px;
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.3);
  background: #ffffff;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 574.98px) {
  .todo-wrapper-list {
    flex-direction: column;
  }
}
.todo-wrapper-list .todo-inbox-check {
  display: flex;
  align-items: center;
}
.todo-wrapper-list .todo-inbox-check .todo-wrapper-list-content h4 {
  font-size: 16px;
  font-weight: 700;
  color: #092C4C;
  margin-bottom: 5px;
}
.todo-wrapper-list .todo-inbox-check .todo-wrapper-list-content p {
  font-size: 13px;
  font-weight: 500;
  color: #646B72;
  margin-bottom: 0;
}
.todo-wrapper-list .todo-inbox-check.todo-inbox-check-list {
  width: 45%;
}
@media (max-width: 574.98px) {
  .todo-wrapper-list .todo-inbox-check.todo-inbox-check-list {
    width: auto;
  }
}
.todo-wrapper-list .todo-inbox-check.todo-inbox-check-list .checkboxs {
  margin-bottom: 12px;
}
.todo-wrapper-list .todo-inbox-check.todo-inbox-check-list .checkboxs input ~ .checkmarks {
  border-radius: 5px;
  margin-top: 0;
}
.todo-wrapper-list .notes-card-body {
  width: 35%;
}
@media (max-width: 574.98px) {
  .todo-wrapper-list .notes-card-body {
    width: auto;
    margin: 20px 0;
  }
}
.todo-wrapper-list .notes-card-body p {
  display: flex;
  align-items: center;
}
.todo-wrapper-list .notes-card-body p.high {
  border-radius: 8px;
  border: 1px solid #FF0000;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 600;
  color: #FF0000;
  margin-right: 10px;
}
.todo-wrapper-list .notes-card-body p.medium {
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid #423B93;
  font-size: 14px;
  font-family: 600;
  color: #423B93;
}
.todo-wrapper-list .notes-card-body p.pending {
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid #288EC7;
  font-size: 14px;
  font-family: 600;
  color: #288EC7;
}
.todo-wrapper-list .notes-card-body p.low {
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid #FFCA18;
  font-size: 14px;
  font-family: 600;
  color: #FFCA18;
}
.todo-wrapper-list .notes-card-body p.success {
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid #3EB780;
  font-size: 14px;
  font-family: 600;
  color: #3EB780;
}
.todo-wrapper-list .notes-card-body p i.fa-circle {
  font-size: 7px;
  margin-right: 4px;
}
.todo-wrapper-list .todo-strike-content h4 {
  text-decoration-line: line-through;
}
.todo-wrapper-list .todo-strike-content p {
  text-decoration-line: line-through;
}
.todo-wrapper-list .todo-profile {
  width: 20%;
  justify-content: end;
}
.todo-wrapper-list .todo-profile img {
  border-radius: 30px;
  margin-right: 16px;
  width: 30px;
  height: 30px;
}
.todo-wrapper-list .todo-profile a .fa-ellipsis-v {
  color: #092C4C;
}
.todo-calendar .input-groupicon.calender-input input {
  padding-left: 10px;
}
.todo-calendar {
  position: relative;
}
.todo-calendar .calender-input {
  position: relative;
}
.todo-calendar .calender-input .info-img {
  position: absolute;
  top: 11px;
  z-index: 100;
  width: 16px;
  height: 16px;
  right: 5px !important;
  color: #646B72;
}
.todo-accordion .accordion-item {
  background: transparent;
  margin-bottom: 30px;
}
.todo-accordion .accordion-item .accordion-header {
  cursor: pointer;
}
.todo-accordion .accordion-item .accordion-header .accordion-button {
  background: transparent;
  padding: 0;
}
.todo-accordion .accordion-item .accordion-header .accordion-button.collapsed .todo-today-content {
  margin-bottom: 0;
}
.todo-accordion .accordion-item .accordion-header .accordion-button::after {
  display: none;
}
.todo-accordion .accordion-item .accordion-header .todo-today-content {
  width: 100%;
}
.todo-accordion .accordion-item .accordion-header .todo-drop-down a span i {
  color: #646B72;
}
.todo-accordion .accordion-item .todo-widget {
  margin-bottom: 0;
}
.todo-accordion .accordion-item .todo-widget .todo-wrapper-list:last-child {
  margin-bottom: 0;
}
.todo-accordion .accordion-item .accordion-body {
  padding: 0;
}
.page-header .page-btn.import {
  margin-left: 8px;
}
@media (max-width: 574.98px) {
  .page-header .page-btn.import {
    margin-left: 0;
  }
}
.summer-description-box.transfer {
  margin-bottom: 0;
}
.summer-description-box.transfer p {
  color: #646B72;
  font-size: 14px;
}
.summer-description-box.transfer .note-editor {
  margin-bottom: 10px;
}
.modal-body-table.total-orders {
  margin-bottom: 0;
}
.image-upload .image-uploads h4 span {
  color: #4F46E5;
}
.modal-dialog.payment {
  min-width: 1439px;
}
.input-blocks.image-upload-down {
  margin-bottom: 15px;
}
.badges.status-badge.ordered {
  background-color: #FFCA18;
}
.input-blocks.leave-table {
  margin-bottom: 0;
  width: 98px;
}
.page-header .page-btn.attendance {
  margin-left: 0px;
}
@media (max-width: 766.98px) {
  .page-header.transfer {
    display: block;
  }
}
@media (max-width: 766.98px) {
  .page-header.transfer .table-top-head {
    justify-content: flex-start;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (max-width: 766.98px) {
  .page-header.transfer .purchase-pg-btn .page-btn:first-child {
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 574.98px) {
  .page-header.transfer .purchase-pg-btn {
    flex-direction: column;
    align-items: self-start;
  }
}
.attendance-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 574.98px) {
  .attendance-header {
    display: block;
  }
}
.attendance-header .attendance-content {
  display: flex;
  align-items: center;
}
.attendance-header .attendance-content h3 {
  font-size: 20px;
  flex-shrink: 0;
  margin-left: 10px;
}
.attendance-header .attendance-content h3 span {
  color: #646B72;
}
.progress-bar-success {
  background-color: #3EB780;
}
.progress-bar-warning {
  background-color: #FFCA18;
}
.progress-bar-danger {
  background-color: #FF0000;
}
.progress.attendance {
  width: 127px;
  height: 7px;
}
.badges-inactive.Holiday {
  color: #6938EF;
  border: 1px solid #6938EF;
}
.modal-deletecontent {
  padding: 24px;
}
.modal-deletecontent .feather-xcircircle {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: #FF0000;
  margin: auto;
}
.modal-deletecontent h4 {
  padding: 20px 0 5px 0;
  text-align: center;
  color: #092C4C;
  font-size: 20px;
  font-weight: 700;
}
.modal-deletecontent p {
  text-align: center;
  color: #646B72;
  font-size: 15px;
  font-weight: 400;
}
.modal-deletecontent .modal-footer-btn.delete {
  text-align: center;
}
.page-wrapper .content.settings-content {
  background-color: #F7F7F7;
  padding-bottom: 24px;
}
.settings-wrapper .settings-sidebar {
  position: relative;
  z-index: 1;
  top: unset;
  left: unset;
  bottom: unset;
  width: 309px;
  margin-right: 24px;
  border-right: 0;
  border: 1px solid #E6EAED;
  border-radius: 5px;
}
@media (max-width: 1398.98px) {
  .settings-wrapper .settings-sidebar {
    width: 250px;
  }
}
@media (max-width: 1199.96px) {
  .settings-wrapper .settings-sidebar {
    width: 200px;
    margin-right: 15px;
  }
}
@media (max-width: 991.96px) {
  .settings-wrapper .settings-sidebar {
    display: none;
  }
}
.settings-wrapper .settings-sidebar .slimScrollDiv {
  background-color: transparent;
  width: 309px !important;
}
@media (max-width: 1398.98px) {
  .settings-wrapper .settings-sidebar .slimScrollDiv {
    width: 250px !important;
  }
}
@media (max-width: 1199.96px) {
  .settings-wrapper .settings-sidebar .slimScrollDiv {
    width: 200px !important;
  }
}
.settings-wrapper .settings-sidebar .theiaStickySidebar {
  width: 100% !important;
}
.settings-wrapper .settings-sidebar .sidebar-menu {
  padding: 15px;
}
@media (max-width: 1199.96px) {
  .settings-wrapper .settings-sidebar .sidebar-menu {
    padding: 10px 8px;
  }
}
.settings-wrapper .settings-sidebar .sidebar-menu h4 {
  color: #092C4C;
  border-bottom: 1px solid #E6EAED;
}
.settings-wrapper .settings-sidebar .sidebar-menu .menu-arrow {
  background-color: #ffffff;
  right: 5px;
}
.settings-wrapper .settings-sidebar .sidebar-menu .menu-arrow::before {
  border-left: 1px solid #646B72;
  border-bottom: 1px solid #646B72;
  border-right: none;
  color: #646B72;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul {
  margin: 0;
  border-bottom: 0;
  padding: 0;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu {
  margin-bottom: 0;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a.active {
  background-color: #ffffff;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a.active.subdrop {
  background-color: #ffffff;
  margin-bottom: 0;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a.active .menu-arrow {
  background-color: #F2F2F2;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a.active .menu-arrow::before {
  border-color: #646B72;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a.subdrop .menu-arrow {
  background-color: #F2F2F2;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  color: #092C4C;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a i {
  color: #646B72;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a svg {
  color: #092C4C;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a span {
  color: #212B36;
}
@media (max-width: 1199.96px) {
  .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a span {
    font-size: 14px;
  }
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu a .menu-arrow {
  background-color: #F2F2F2;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a {
  font-size: 14px;
  font-weight: 500;
  margin-left: 0;
  padding: 8px 15px;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a::after {
  display: none;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active {
  background-color: #EEF2FF;
  color: #4F46E5;
  border-radius: 8px;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #4F46E5;
  right: 10px;
  left: unset;
  border: 0;
  position: absolute;
  display: block;
}
.card-title-head h6 {
  border-bottom: 0;
  padding-bottom: 0;
}
.card-title-head h6 span {
  color: #4F46E5;
}
.settings-wrapper {
  align-items: start;
}
.settings-wrapper .profile-pic-upload {
  margin-bottom: 16px;
}
@media (max-width: 574.98px) {
  .settings-wrapper .profile-pic-upload {
    display: block;
  }
  .settings-wrapper .profile-pic-upload .new-employee-field {
    margin-top: 15px;
  }
}
.settings-wrapper .profile-pic-upload .profile-pic {
  border: 2px dashed #E6EAED;
  border-width: 2px;
  margin-right: 16px;
}
.settings-wrapper .profile-pic-upload .profile-pic span {
  color: #A6AAAF;
}
.settings-wrapper .new-employee-field span {
  color: #646B72;
  display: block;
}
.table-top-head .feather-rotate-ccw {
  height: 16px;
}
.mini-sidebar .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu .menu-arrow {
  display: block !important;
}
.mini-sidebar .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu .subdrop ~ ul {
  display: block !important;
}
.settings-bottom-btn {
  margin-top: 40px;
}
.logo-company li {
  margin-bottom: 20px;
}
@media (max-width: 574.98px) {
  .logo-company li {
    flex-direction: column !important;
    align-items: start !important;
  }
}
.logo-company li .profile-pic-upload .image-upload {
  width: 124px;
  height: 34px;
}
.localization-select {
  width: 200px;
  margin-bottom: 20px;
}
@media (max-width: 1199.96px) {
  .localization-select {
    width: 150px;
  }
}
.localization-select.fixed-width {
  width: 70px;
}
.localization-select.fixed-width span {
  color: #646B72;
}
.localization-select.width-custom {
  width: 150px;
}
.localization-select .input-blocks .bootstrap-tagsinput {
  line-height: 14px;
}
.localization-select .input-blocks .bootstrap-tagsinput .tag {
  padding: 4px 8px;
  border-radius: 5px;
}
.localization-select .input-blocks .bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 4px;
}
.localization-select .input-blocks .bootstrap-tagsinput .tag [data-role=remove]:after {
  top: 1px;
  position: relative;
  padding: 0;
  font-size: 14px;
  content: "\eb55";
  font-family: "tabler-icons";
}
textarea {
  resize: none;
}
.localization-info .setting-info {
  margin-bottom: 20px;
}
.localization-info .setting-info h6 {
  font-size: 14px;
  font-weight: 700;
}
.appearance-settings .theme-type-images .theme-image {
  box-shadow: 0px 4px 60px 0px rgba(231, 231, 231, 0.47);
  background: #ffffff;
  border-radius: 8px;
  border: 2px solid #ffffff;
  padding: 10px;
  margin-right: 10px;
  text-align: center;
}
.appearance-settings .theme-type-images .theme-image:last-child {
  margin-right: 0;
}
.appearance-settings .theme-type-images .theme-image span {
  font-weight: 500;
  margin-top: 10px;
  display: block;
}
.appearance-settings .theme-type-images .theme-image.active {
  border-color: #4F46E5;
}
.appearance-settings .theme-type-images .theme-image.active span {
  color: #4F46E5;
}
.theme-colors ul {
  display: flex;
  align-items: center;
}
.theme-colors ul li {
  margin-right: 10px;
}
.theme-colors ul li span {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #4F46E5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.theme-colors ul li span.active {
  background-color: rgba(255, 159, 67, 0.3);
}
.theme-colors ul li span.active:after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #4F46E5;
  border-radius: 50%;
  opacity: 1;
}
.theme-colors ul li span.theme-violet {
  background-color: rgb(115, 103, 240);
}
.theme-colors ul li span.theme-violet.active {
  background-color: rgba(115, 103, 240, 0.3);
}
.theme-colors ul li span.theme-violet.active:after {
  background-color: rgb(115, 103, 240);
}
.theme-colors ul li span.theme-blue {
  background-color: rgb(40, 142, 199);
}
.theme-colors ul li span.theme-blue.active {
  background-color: rgba(40, 142, 199, 0.3);
}
.theme-colors ul li span.theme-blue.active:after {
  background-color: rgb(40, 142, 199);
}
.theme-colors ul li span.theme-brown {
  background-color: rgb(210, 100, 0);
}
.theme-colors ul li span.theme-brown.active {
  background-color: rgba(210, 100, 0, 0.3);
}
.theme-colors ul li span.theme-brown.active:after {
  background-color: rgb(210, 100, 0);
}
.theme-colors ul li:last-child {
  margin-right: 0;
}
.input-notify-info {
  color: #646B72;
  margin-top: 5px;
}
.input-notify-info span {
  color: #4F46E5;
}
.pos-payment-method {
  flex-wrap: wrap;
}
.pos-payment-method .custom-checkbox {
  margin-right: 24px;
  margin-bottom: 20px;
}
.pos-payment-method .custom-checkbox .checkboxs .checkmarks {
  top: -1px;
}
.pos-payment-method .custom-checkbox .checkboxs {
  padding-left: 21px;
}
.setting-gateway a svg {
  color: rgb(91, 102, 112);
  width: 18px;
  height: 18px;
}
.bank-settings .btn-list,
.bank-settings .btn-grid {
  background-color: #FAFBFE;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-block-end: unset;
}
.bank-settings .btn-list svg,
.bank-settings .btn-grid svg {
  width: 18px;
  height: 18px;
  color: #092C4C;
}
.bank-settings .btn-list.active,
.bank-settings .btn-grid.active {
  background-color: #4F46E5;
}
.bank-settings .btn-list.active svg,
.bank-settings .btn-grid.active svg {
  color: #ffffff;
}
.bank-box {
  position: relative;
}
.bank-box.active {
  border-color: #3EB780;
}
.bank-box.active::after {
  position: absolute;
  top: -8px;
  right: -8px;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #4ECD7E;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.bank-box .bank-header .bank-name {
  margin-bottom: 24px;
}
.bank-box .bank-header .bank-name h6 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.bank-action-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.bank-action-btn a {
  border: 1px solid #D3D5D7;
  border-radius: 8px;
}
.bank-action-btn a svg {
  width: 14px;
  height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.bank-action-btn a svg.feather-edit {
  color: #3577f1;
}
.bank-action-btn a svg.feather-trash-2 {
  color: #FF0000;
}
.storage-icon h6 {
  font-weight: 600;
  font-size: 16px;
}
svg.filter-icon {
  width: 18px;
  height: 18px;
  color: #ffffff;
}
.search-path .btn-filter.setclose > .filter-icon {
  display: none;
}
.page-header .select-language .select2-container .select2-selection--single {
  height: 41px;
  width: 160px;
}
.language-progress .progress-bar-warning {
  width: 80%;
}
.language-progress .progress-bar-success {
  width: 100%;
}
.language-progress .progress-bar-violet {
  background-color: #6938EF;
  width: 5%;
}
.language-progress .progress-bar-violet-two {
  background-color: #6938EF;
  width: 40%;
}
.language-progress span {
  position: absolute;
  right: 0;
  top: -20px;
  color: #092C4C;
}
.table tbody td.action-table-data .language-action a {
  border: 0;
  color: #ffffff;
}
.table tbody td.action-table-data .language-action a:hover {
  background-color: #4F46E5;
}
.table tbody td.action-table-data .language-action a.language-import {
  background-color: #FAFBFE;
}
.table tbody td.action-table-data .language-action a.language-import svg {
  color: #092C4C;
  width: 18px;
  height: 18px;
}
.table tbody td.action-table-data .language-action a.language-import:hover {
  background-color: #4F46E5;
}
.table tbody td.action-table-data .language-action a.language-import:hover svg {
  color: #ffffff;
}
.table tbody td.action-table-data .language-action .checkboxs .checkmarks {
  top: -5px;
}
.selected-language {
  border: 1px solid #D3D5D7;
  padding: 5px 10px;
  border-radius: 8px;
  color: #092C4C;
}
.back-btn a.btn-translation {
  background-color: #D3D5D7;
  border-radius: 5px;
  font-weight: 500;
}
.back-btn a.btn-translation svg {
  color: #092C4C;
}
.back-btn a.btn-translation:hover {
  background-color: #4F46E5;
  color: #ffffff;
}
.back-btn a.btn-translation:hover svg {
  color: #ffffff;
}
td span.file-data {
  color: #3577f1;
  font-weight: 500;
}
th.fixed-width {
  width: 570px;
}
#passwordInfo,
#passwordInfos {
  font-size: 12px;
  font-weight: 400;
  margin-top: 15px;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.poor-active span.active#poor,
.poor-active span.active#poors {
  background: #FF0000;
}
.avg-active span.active#poor,
.avg-active span.active#weak,
.avg-active span.active#poors,
.avg-active span.active#weaks {
  background: #FFCA18;
}
.strong-active span.active#poor,
.strong-active span.active#weak,
.strong-active span.active#strong,
.strong-active span.active#poors,
.strong-active span.active#weaks,
.strong-active span.active#strongs {
  background: #155EEF;
}
.heavy-active span.active#poor,
.heavy-active span.active#weak,
.heavy-active span.active#strong,
.heavy-active span.active#heavy,
.heavy-active span.active#poors,
.heavy-active span.active#weaks,
.heavy-active span.active#strongs,
.heavy-active span.active#heavys {
  background: #3EB780;
}
.password-strength {
  display: flex;
  margin-top: 16px;
}
.password-strength span {
  width: 100%;
  height: 5px;
  background: #E6EAED;
  margin-right: 10px;
  border-radius: 5px;
}
.password-strength span:last-child {
  margin-right: 0;
}
.weak-pass .password-strength span {
  background: #FF0000;
}
.device-management-modal .device-management-table .table-responsive {
  border: 1px solid #E6EAED;
  border-radius: 5px;
}
.device-management-modal .device-management-table .table-responsive .table thead {
  background: #E6EAED;
}
.device-management-modal .device-management-table .table-responsive .table thead tr th {
  background: #E6EAED;
}
.device-management-modal .device-management-table .table-responsive .table tbody tr:last-child {
  border: transparent;
}
.device-management-modal .device-management-table .table-responsive .table tbody tr td {
  padding: 10px;
}
.device-management-modal .device-management-table .table-responsive .table tbody tr td .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 14px;
  color: #212B36;
  width: 30px;
  min-width: 30px;
  height: 30px;
  background: transparent;
  border: 1px solid #E6EAED;
}
.device-management-modal .device-management-table .table-responsive .table tbody tr td .btn:hover {
  color: #212B36;
  background: #D3D5D7;
  border-color: #D3D5D7;
}
.device-management-modal .device-management-table .table-responsive .table tbody tr td .btn:hover i {
  color: #212B36;
}
.delete-account-modal .delete-header {
  margin-bottom: 15px;
}
.delete-account-modal .delete-header p {
  font-size: 16px;
}
@media (max-width: 766.98px) {
  .delete-account-modal .delete-header p {
    font-size: 14px;
  }
}
.notification-table-responsive {
  border-radius: 5px;
  border: 1px solid #E6EAED;
  margin-top: 16px;
}
.notification-table-responsive .table thead tr th {
  background: #F9FAFB;
  padding: 10px;
}
.notification-table-responsive .table tbody tr:last-child {
  border-color: transparent;
}
.notification-table-responsive .table tbody tr td {
  padding: 15px 10px;
  color: #212B36;
}
.settings-wrapper .sidebar-menu .submenu.submenu-two > a {
  border-radius: 5px;
}
.settings-wrapper .sidebar-menu .submenu.submenu-two > a.subdrop {
  background: #EEF2FF;
}
.settings-wrapper .sidebar-menu .submenu.submenu-two > a.active ::after {
  display: none !important;
}
.settings-wrapper .sidebar-menu .submenu.submenu-two ul li a {
  padding-left: 13px !important;
  margin-left: 5px !important;
}
.settings-wrapper .sidebar-menu .submenu.submenu-two ul li a::after {
  content: "";
  background: #646B72;
  width: 8px;
  height: 8px;
  border: 2px solid #ffffff;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  display: block !important;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.circle-progress {
  width: 21px;
  height: 21px !important;
  float: left;
  line-height: 21px;
  background: none;
  box-shadow: none;
  position: relative;
}
.circle-progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #F2F2F2;
  position: absolute;
  top: 0;
  left: 0;
}
.circle-progress .progress-left {
  left: 0;
}
.circle-progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.circle-progress .progress-right {
  right: 0;
}
.circle-progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}
.circle-progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 3px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.circle-progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}
.wh-20 {
  width: 20px;
  height: 20px;
}
.border-cyan {
  border-color: #06AED4;
}
.border-purple {
  border-color: #6938EF;
}
.settings-wrapper .no-pagination .dataTables_paginate {
  padding: 0;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu > a {
  margin-bottom: 5px;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu > ul {
  padding: 0 28px;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li.submenu-two > ul {
  padding: 0;
}
.settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li.submenu-two a.active::after {
  display: none;
}
.pricing-check {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-active {
  border: 1px solid #DD2590;
}
.badge-top {
  position: absolute;
  right: 10px;
  top: -10px;
}
.system-app-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #FAFBFE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-right: 8px;
  flex-shrink: 0;
  border: 1px solid #E6EAED;
}
.new-logo {
  text-align: right;
}
@media (max-width: 574.98px) {
  .new-logo {
    text-align: left;
    margin-left: 0 !important;
    margin-top: 15px;
  }
}
.new-logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border: 1px solid #D3D5D7;
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.new-logo a img {
  max-height: 42px;
}
.new-logo a span {
  font-size: 12px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #ffffff;
  background-color: #FF0000;
  border-radius: 5px;
  position: absolute;
  right: 4px;
  top: 4px;
}
.new-logo a span:hover {
  background-color: #cc0000;
}
.invoice-card {
  border-width: 2px;
}
.invoice-card .avatar i {
  color: #646B72;
}
.invoice-card:hover {
  border-color: #4F46E5;
}
.invoice-card:hover .avatar {
  background: #4F46E5 !important;
}
.invoice-card:hover .avatar i {
  color: #ffffff;
}
.btn-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.pos-design .btn-row {
  padding: 24px;
}
.pos-design .btn-row a {
  display: flex;
  align-items: center;
}
.pos-design .btn-row a:last-child {
  margin-right: 0;
}
.pos-design .pos-wrapper {
  --bs-gutter-x: 0;
}
@media (max-width: 574.98px) {
  .btn-row {
    flex-direction: column;
  }
}
.btn-row .btn {
  font-size: 14px;
  padding: 9px;
  margin-right: 10px;
  border-radius: 4px;
}
@media (max-width: 574.98px) {
  .btn-row .btn {
    margin: 0 0 15px 0;
    width: 100%;
  }
}
.btn-row .btn:last-child {
  margin-bottom: 0;
}
.pos-categories h5,
.pos-categories h6,
.order-list h5,
.order-list h6 {
  color: #092C4C;
}
.pos-categories h5,
.order-list h5 {
  font-size: 18px;
  font-weight: 700;
}
.owl-carousel .owl-nav {
  margin: 0;
  position: absolute;
  top: -48px;
  left: 140px;
}
.owl-carousel .owl-nav button {
  margin-top: 0;
  margin-bottom: 0;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #212B36;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #092C4C;
  border-color: #092C4C;
  color: #ffffff;
}
.pos-categories {
  background-color: #F9FAFB;
  padding: 24px;
  border-collapse: collapse;
}
@media (min-width: 992px) {
  .pos-categories {
    height: calc(100vh - 65px);
    overflow-y: auto;
  }
}
.pos-category {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E6EAED;
}
.pos-category .owl-item li {
  padding: 15px 0;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  cursor: pointer;
  border: 1px solid #E6EAED;
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 8px;
  margin-left: -0.1px !important;
}
.pos-category .owl-item a img {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  min-width: 40px;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.pos-category .owl-item h6 {
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 10px;
  width: 100%;
  margin-bottom: 5px;
}
.pos-category .owl-item h6 a {
  color: #092C4C;
}
.pos-category .owl-item:hover {
  border-color: #4F46E5;
  border-radius: 5px;
}
.pos-category .owl-item:hover h6 a {
  color: #4F46E5;
}
.pos-category .owl-item:hover a img {
  transform: scale(1.2);
}
.pos-category .owl-nav {
  position: absolute;
  top: -44px;
  right: 0;
  left: auto;
}
.pos-category .owl-nav button.owl-next {
  margin-left: 5px;
}
.pos-category .owl-nav button.owl-prev {
  margin-right: 5px;
}
.pos-category .owl-nav button.owl-next,
.pos-category .owl-nav button.owl-prev {
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  color: #212B36;
}
.pos-category .owl-nav button.owl-next:hover,
.pos-category .owl-nav button.owl-prev:hover {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
}
.pos-search.input-icon-start .form-control {
  font-size: 12px;
}
.pos-search .form-control {
  height: 30px;
}
.pos-products .qty-item {
  position: relative;
  display: inline-block;
  margin-right: 7px;
}
.pos-products .qty-item input {
  padding: 1px 9px;
  border-radius: 8px;
  height: 28px;
  width: 71px;
  text-align: center;
  font-size: 14px;
}
.pos-products .qty-item .dec,
.pos-products .qty-item .inc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #092C4C;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pos-products .qty-item .dec:hover,
.pos-products .qty-item .inc:hover {
  color: #4F46E5;
}
.pos-products .qty-item .dec {
  left: 9px;
}
.pos-products .qty-item .inc {
  right: 9px;
}
.pos-products .product-info {
  padding: 15px;
  color: #B8BCC9;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pos-products .product-info .pro-img {
  background-color: #F9FAFB;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: 10px;
  position: relative;
  padding: 10px;
}
.pos-products .product-info .pro-img img {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pos-products .product-info .pro-img span {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 100%;
  color: #3EB780;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: none;
  font-size: 18px;
}
.pos-products .product-info h6 {
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pos-products .product-info h6.cat-name {
  margin-bottom: 4px;
  font-weight: 400;
}
.pos-products .product-info h6.cat-name a {
  color: #646B72;
}
.pos-products .product-info h6.cat-name a:hover {
  color: #4F46E5;
}
.pos-products .product-info .price {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #E6EAED;
}
.pos-products .product-info .price span {
  color: #DD2590;
}
.pos-products .product-info .price p {
  color: #0E9384;
  font-weight: 700;
}
.pos-products .product-info:hover,
.pos-products .product-info.active {
  border-color: #3EB780;
}
.pos-products .product-info:hover .pro-img img,
.pos-products .product-info.active .pro-img img {
  transform: scale(1.2);
}
.pos-products .product-info:hover .pro-img span,
.pos-products .product-info.active .pro-img span {
  display: block;
}
.qty-item {
  position: relative;
  display: inline-block;
}
.qty-item input {
  padding: 1px 9px;
  border-radius: 8px;
  height: 28px;
  width: 71px;
  text-align: center;
  font-size: 14px;
  background: transparent;
  border: 0;
}
.qty-item .dec,
.qty-item .inc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #E6EAED;
  width: 20px;
  height: 20px;
  font-size: 12px;
  border-radius: 50%;
  color: #212B36;
}
.qty-item .dec:hover,
.qty-item .inc:hover {
  background: #0E9384;
  color: #ffffff;
}
.qty-item .dec:hover i,
.qty-item .inc:hover i {
  color: #ffffff;
}
.qty-item .dec {
  left: 0;
}
.qty-item .inc {
  right: 0;
}
.product-wrap {
  height: 311px;
  overflow: auto;
}
.product-wrap .empty-cart {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
}
.product-wrap .product-list {
  border: 1px solid #E6EAED;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-wrap .product-list:last-child {
  margin-bottom: 0;
}
.product-wrap .product-list .product-info {
  width: 60%;
}
@media (max-width: 1399.98px) {
  .product-wrap .product-list .product-info {
    width: 55%;
  }
}
.product-wrap .product-list .product-info .pro-img {
  width: 83px;
  height: 83px;
  background-color: #FAFBFE;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-right: 10px;
  flex-shrink: 0;
}
.product-wrap .product-list .info span {
  background-color: #4F46E5;
  border-radius: 3px;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 4px;
  min-width: 52px;
  display: inline-block;
  margin-bottom: 5px;
}
.product-wrap .product-list .info h6 {
  font-weight: 700;
  margin-bottom: 5px;
}
.product-wrap .product-list .info p {
  font-size: 14px;
}
.product-wrap .product-list .qty-item {
  position: relative;
  display: inline-block;
  margin-right: 7px;
}
.product-wrap .product-list .qty-item input {
  padding: 1px 9px;
  border-radius: 8px;
  height: 28px;
  width: 71px;
  text-align: center;
  font-size: 14px;
}
.product-wrap .product-list .qty-item .dec,
.product-wrap .product-list .qty-item .inc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #092C4C;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: transparent;
}
.product-wrap .product-list .qty-item .dec:hover,
.product-wrap .product-list .qty-item .inc:hover {
  color: #4F46E5;
}
.product-wrap .product-list .qty-item .dec {
  left: 9px;
}
.product-wrap .product-list .qty-item .inc {
  right: 9px;
}
.product-wrap .product-list .action a {
  padding: 7px;
  border-radius: 8px;
  border: 1px solid #E6EAED;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.product-wrap .product-list .action a.edit-icon:hover {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
}
.product-wrap .product-list .action a.delete-icon:hover {
  background-color: #FF0000;
  border-color: #FF0000;
  color: #ffffff;
}
aside {
  overflow-y: auto;
  padding: 20px;
  background-color: #ffffff;
  border-left: 1px solid #E6EAED;
}
@media (min-width: 992px) {
  aside {
    height: calc(100vh - 65px);
  }
}
aside.product-order-list h4 {
  margin-bottom: 10px;
}
aside.product-order-list .block-section {
  margin-bottom: 20px;
}
aside.product-order-list .order-head {
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 20px;
}
aside.product-order-list .order-head span {
  font-size: 15px;
  font-weight: 500;
}
aside.product-order-list .customer-info {
  border-bottom: 1px solid #E6EAED;
  padding-bottom: 10px;
}
aside.product-order-list .customer-info .input-block {
  margin-bottom: 10px;
}
aside.product-order-list .customer-info .input-block .btn {
  min-width: 38px;
  min-height: 38px;
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 8px;
}
aside.product-order-list .product-added .head-text {
  margin-bottom: 20px;
}
aside.product-order-list .product-added .head-text .trash svg {
  margin-right: 8px;
}
aside.product-order-list .product-added h5 .count {
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: #4F46E5;
  border-radius: 100%;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  margin-left: 5px;
}
aside.product-order-list .selling-info {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E6EAED;
}
aside.product-order-list .selling-info .input-block label {
  font-size: 15px;
  color: #212B36;
  margin-bottom: 5px;
}
aside.product-order-list .selling-info .input-block .select2-container--default .select2-selection--single .select2-selection__rendered {
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
}
aside.product-order-list .order-total {
  background-color: #F9FAFB;
  padding: 24px;
  border-radius: 8px;
}
aside.product-order-list .order-total table tr td {
  padding: 0 0 15px 0;
  color: #646B72;
  font-size: 15px;
  font-weight: 500;
  background: transparent;
}
aside.product-order-list .order-total table tr:last-child td {
  padding: 20px 0 0 0;
  font-size: 16px;
  font-weight: 600;
  color: #092C4C;
  border-bottom: 0;
}
aside.product-order-list .payment-method .methods .payment-item {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 10px 15px;
  text-align: center;
  display: block;
  font-size: 15px;
  color: #092C4C;
  border-radius: 10px;
  border: 1px solid #E6EAED;
}
aside.product-order-list .payment-method .methods .payment-item i {
  color: #646B72;
}
aside.product-order-list .payment-method .methods .payment-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
aside.product-order-list .payment-method .methods .payment-item:hover,
aside.product-order-list .payment-method .methods .payment-item.active {
  background-color: #EEF2FF;
  border-color: #4F46E5;
  color: #4F46E5;
}
aside.product-order-list .payment-method .methods .payment-item:hover i,
aside.product-order-list .payment-method .methods .payment-item.active i {
  color: #4F46E5;
}
aside.product-order-list .btn-block {
  margin-bottom: 20px;
}
aside.product-order-list .btn-block .btn {
  font-size: 14px;
  font-weight: 700;
  padding: 13px 10px;
}
aside.product-order-list .btn-row {
  padding: 0;
}
aside.product-order-list .btn-row .btn {
  margin-right: 6px;
}
aside.product-order-list .btn-row .btn:last-child {
  margin-right: 0;
}
.success-wrap {
  padding: 40px;
}
@media (max-width: 991.98px) {
  .success-wrap {
    padding: 30px;
  }
}
.icon-success {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#print-receipt {
  color: #646B72;
}
#print-receipt .modal-dialog {
  width: 424px;
}
#print-receipt .modal-body {
  padding: 30px;
  color: #646B72;
}
#print-receipt .modal-body h6 {
  font-size: 16px;
}
#print-receipt .modal-body .info h6 {
  margin: 10px 0;
  font-weight: 700;
}
#print-receipt .modal-body .info a {
  color: #646B72;
}
#print-receipt .modal-body .tax-invoice h6 {
  margin: 10px 0;
  font-weight: 700;
  position: relative;
}
#print-receipt .modal-body .tax-invoice h6:after,
#print-receipt .modal-body .tax-invoice h6:before {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "";
  border-top: 1px dashed #E6EAED;
  width: 35%;
}
#print-receipt .modal-body .tax-invoice h6:before {
  position: absolute;
  top: 50%;
  left: 0;
}
#print-receipt .modal-body .tax-invoice h6:after {
  position: absolute;
  top: 50%;
  right: 0;
}
#print-receipt .modal-body .tax-invoice .invoice-user-name {
  margin-bottom: 10px;
}
#print-receipt .modal-body .tax-invoice span {
  color: #212B36;
}
#print-receipt .modal-body table thead th {
  color: #212B36;
  font-weight: 700;
  width: auto;
  min-width: auto;
  padding: 10px 5px;
  border-top: 1px dashed #E6EAED;
  border-bottom: 1px dashed #E6EAED;
}
#print-receipt .modal-body table tbody tr:first-child td {
  padding-top: 10px;
}
#print-receipt .modal-body table tbody tr:last-child td {
  padding-bottom: 10px;
}
#print-receipt .modal-body table tbody tr td {
  padding: 5px;
}
#print-receipt .modal-body table tbody tr table {
  border-top: 1px dashed #E6EAED;
}
#print-receipt .modal-body table tbody tr table tr:last-child td {
  font-weight: 700;
  font-size: 18px;
  color: #092C4C;
}
@media (max-width: 991.98px) {
  #print-receipt .modal-body table tbody tr table tr:last-child td {
    font-size: 16px;
  }
}
#print-receipt .modal-body .invoice-bar {
  border-top: 1px dashed #E6EAED;
  padding: 20px 0 0 0;
}
#print-receipt .modal-body .invoice-bar img {
  margin: 20px 0 10px;
}
#print-receipt .modal-body .invoice-bar p {
  margin-bottom: 20px;
}
.pos-modal .modal-header h5 {
  font-size: 18px;
  font-weight: 700;
}
.pos-modal#recents .table tbody tr td {
  padding: 10px 15px;
}
.pos-modal#orders .modal-dialog {
  max-width: 575px;
}
.pos-modal#orders .order-body {
  max-height: 373px;
  overflow: auto;
}
.pos-modal.upload-modal .modal-body .drag-drop {
  position: relative;
  padding: 20px;
  border: 1px dashed #B8BCC9;
}
.pos-modal.upload-modal .modal-body .drag-drop input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.pos-modal.upload-modal .modal-body span {
  font-size: 13px;
  font-weight: 500;
  color: #646B72;
}
.pos-modal.upload-modal .modal-body p {
  font-size: 16px;
  font-weight: 600;
  color: #092C4C;
  margin-bottom: 0;
}
.pos-modal.upload-modal .modal-body .progress {
  height: 6px;
  border-radius: 5px;
}
.pos-modal.upload-modal .modal-body ul li {
  margin: 0 0 15px 0;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #D3D5D7;
}
.pos-modal.upload-modal .modal-body ul li h6 a {
  font-size: 16px;
  font-weight: 600;
  color: #092C4C;
}
.pos-modal.upload-modal .modal-body ul li h6 a svg {
  color: #3EB780;
}
.pos-modal.upload-modal .modal-body ul li h6:hover a {
  color: #4F46E5;
}
.pos-modal.upload-modal .modal-body ul li:last-child {
  margin-bottom: 0;
}
.pos-modal#upload-message .modal-dialog {
  position: fixed;
  bottom: 0px;
  right: 24px;
  margin: 0px;
  left: auto;
  top: calc(100% - 300px);
  width: 600px;
}
.pos-modal#upload-message .progress {
  height: 6px;
  border-radius: 5px;
}
label span {
  color: #FF0000;
}
.wordset ul li a {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid #D3D5D7;
  color: #092C4C;
  display: flex;
  align-items: center;
  justify-content: center;
}
.w-85 {
  width: 85%;
}
.search-order .search-input {
  width: 100%;
}
.search-order .dataTables_filter label {
  width: 100%;
}
.search-set.search-order .search-input input[type=search] {
  width: 100%;
}
.tabs-sets .wordset li {
  margin-right: 8px;
  margin-left: 0;
}
.tabs-sets .wordset li:last-child {
  margin-right: 0;
}
.pos-two aside {
  border-left: 0;
  border-right: 1px solid #E6EAED;
}
.pos-three .product-info {
  border-radius: 10px;
  padding: 0;
  margin: 0;
}
.pos-three .product-info .product-image {
  border-radius: 10px 10px 0 0;
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
.pos-three .product-info .product-image img {
  border-radius: 10px 10px 0 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pos-three .product-info .product-image::before {
  position: absolute;
  content: "\eb0b";
  background: #3EB780;
  color: #ffffff;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-family: "tabler-icons" !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  right: 10px;
  z-index: 9;
}
.pos-three .product-info .product-content {
  padding: 16px;
}
.pos-three .product-info:hover,
.pos-three .product-info.active {
  border-color: #4F46E5;
}
.pos-three .product-info:hover .product-image img {
  transform: scale(1.2);
}
.pos-three .product-info.active {
  border-width: 3px;
}
.pos-three .product-info.active .product-image::before {
  content: "\eaf2";
  background: #FF0000;
}
.pos-three aside.product-order-list {
  padding: 0;
}
.pos-three aside.product-order-list .customer-info {
  padding: 20px;
  border: 0;
  box-shadow: 0px 4px 60px 0px rgba(190, 190, 190, 0.2705882353);
}
.pos-three aside.product-order-list .payment-method {
  padding: 20px;
  margin: 0;
}
.pos-three aside.product-order-list .product-added {
  padding: 20px;
  margin: 0;
}
.pos-three aside.product-order-list .product-added .empty-cart {
  height: 300px;
  display: none;
  align-items: center;
  justify-content: center;
}
.pos-three aside.product-order-list .product-added .product-wrap {
  height: auto;
}
.pos-three aside.product-order-list .product-added .product-wrap .product-list {
  display: block;
}
.pos-three aside.product-order-list .product-added .product-wrap .product-list .qty-item .form-control {
  background: #E6EAED;
  border: 0;
  color: #212B36;
}
.pos-three aside.product-order-list .product-added .product-wrap .product-list .edit-icon {
  color: #646B72;
}
.pos-three aside.product-order-list .product-added .product-wrap .product-list .edit-icon:hover {
  color: #155EEF;
}
.pos-three aside.product-order-list .product-added .product-wrap .product-list .delete-icon {
  color: #646B72;
}
.pos-three aside.product-order-list .product-added .product-wrap .product-list .delete-icon:hover {
  color: #FF0000;
}
.pos-three aside.product-order-list .product-added .product-wrap .product-list .form-control {
  width: 98px;
}
.pos-three aside.product-order-list .product-added .product-wrap .product-list table thead th {
  padding: 9px 5px;
}
.pos-three aside.product-order-list .product-added .product-wrap .product-list table tbody td {
  padding: 7px 5px;
}
.pos-three aside.product-order-list .order-method {
  padding: 20px 20px 12px;
  margin: 0;
}
.pos-three aside.product-order-list .order-method .order-total {
  border-radius: 5px;
  border: 1px solid #E6EAED;
  padding: 0;
  background: #ffffff;
  margin-bottom: 20px;
}
.pos-three aside.product-order-list .order-method .order-total table tr td {
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 500;
}
.pos-three aside.product-order-list .order-method .order-total table tr:last-child td {
  padding: 16px;
  font-size: 16px;
  font-weight: 700;
  border-top: 1px solid #E6EAED;
  background: #E6EAED;
}
.pos-three aside.product-order-list .order-method .order-total table tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}
.pos-three aside.product-order-list .order-method .order-total table tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}
.pos-three aside.product-order-list .order-method .btn {
  padding: 5px;
}
.pos-three.pos-four .product-info {
  border-radius: 0;
}
.pos-three.pos-four .product-info .product-image {
  border-radius: 0;
}
.pos-three.pos-four .product-info .product-image img {
  border-radius: 0;
}
.pos-category3 li {
  padding: 8px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #E6EAED;
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 8px;
  margin-left: -0.1px !important;
}
.pos-category3 a img {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.pos-category3 h6 {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.pos-category3:hover {
  border-color: #4F46E5;
}
.pos-category4 li {
  padding: 4px 16px;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 50px;
  margin-left: -0.1px !important;
  color: #212B36;
}
.pos-category4 li h6 {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.pos-category4 li.active,
.pos-category4 li:hover {
  background: #092C4C;
  color: #ffffff;
}
.pos-category4 li.active h6 a,
.pos-category4 li:hover h6 a {
  color: #ffffff;
}
.payment-content {
  display: none;
}
.quick-cash {
  padding: 20px;
  border-radius: 5px;
}
.quick-cash .form-check {
  padding: 0;
  margin: 0;
}
.quick-cash .form-check label {
  font-size: 20px;
  font-weight: 700;
  border: 1px solid #E6EAED;
  width: 88px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #646B72;
}
.quick-cash .form-check label:hover {
  background: #ffffff;
}
@media (max-width: 991.98px) {
  .quick-cash .form-check label {
    height: 50px;
    font-size: 16px;
  }
}
.quick-cash .form-check .btn-check:checked + .btn {
  background: #EEF2FF;
  border-color: #4F46E5;
  color: #092C4C !important;
}
.search-pos .form-control {
  height: 34px;
}
.customer-item {
  border-radius: 5px;
  padding: 12px;
  position: relative;
}
.customer-item .customer-bonus p {
  position: relative;
  padding-right: 8px;
  margin-bottom: 0;
}
.customer-item .customer-bonus p .badge {
  padding: 2px 4px;
  border-radius: 8px;
}
.customer-item .customer-bonus p::before {
  content: "";
  width: 1px;
  height: 14px;
  background: #1B2850;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
}
.customer-item .customer-bonus p:last-child {
  padding-right: 0;
}
.customer-item .customer-bonus p:last-child::before {
  content: none;
}
.customer-item .close-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #E04F16;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: 10px;
}
.discount-item {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #6938EF;
}
.discount-item .discount-icon {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.discount-item .close-icon:hover {
  color: #FF0000;
}
.clear-icon {
  background: #FFEDE9;
  padding: 5px 8px;
  border-radius: 8px;
  color: #FF0000;
}
.clear-icon:hover {
  background: #FF0000;
  color: #ffffff;
}
.scan-wrap h5 {
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .scan-wrap h5 {
    margin-bottom: 20px;
  }
}
.scan-wrap .scan-img {
  position: relative;
  margin-bottom: 40px;
}
.scan-wrap .scan-img::before {
  content: "";
  width: 250px;
  background:
    linear-gradient(
      180deg,
      rgba(86, 86, 86, 0.09) 2.14%,
      rgba(105, 56, 239, 0.3) 38.48%,
      rgba(255, 255, 255, 0) 83.98%);
  height: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media (max-width: 991.98px) {
  .scan-wrap .scan-img {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .pos-five .pos-categories {
    height: calc(100vh - 132px);
  }
}
.pos-five .content-wrap {
  display: flex;
}
@media (max-width: 575.98px) {
  .pos-five .content-wrap {
    display: block;
  }
}
.pos-five .tab-content-wrap {
  padding: 24px;
  width: 100%;
}
.pos-five .qty-item input {
  border: 0;
}
.pos-five .qty-item .inc,
.pos-five .qty-item .dec {
  background: #E6EAED !important;
  width: 20px;
  height: 20px;
  font-size: 12px;
  border-radius: 50%;
  color: #212B36;
}
.pos-five .qty-item .inc:hover,
.pos-five .qty-item .dec:hover {
  background: #0E9384;
  color: #ffffff;
}
.pos-five .qty-item .inc:hover i,
.pos-five .qty-item .dec:hover i {
  color: #ffffff;
}
.pos-five .qty-item .inc {
  right: 0;
}
.pos-five .qty-item .dec {
  left: 0;
}
@media (min-width: 992px) {
  .pos-five aside {
    height: calc(100vh - 132px);
  }
}
.pos-five aside .card {
  margin-bottom: 20px;
}
.pos-five aside .order-head {
  border-bottom: 1px dashed #E6EAED;
  border-radius: 0;
  padding: 0 0 20px;
}
.pos-five aside .payment-item img {
  width: 20px;
}
.pos-five aside .customer-info {
  padding-bottom: 20px;
}
.pos-five aside .product-wrap {
  height: auto;
}
.pos-five aside .product-wrap .empty-cart {
  height: 300px;
}
.pos-five aside .product-list {
  display: block;
}
.pos-five aside .product-list .delete-icon {
  color: #7A8086;
  margin-right: 10px;
}
.pos-five aside .product-list .delete-icon:hover {
  color: #FF0000;
}
.pos-five aside .product-list .delete-icon:hover i {
  color: #FF0000;
}
.pos-five aside .product-list .qty-item .inc:hover,
.pos-five aside .product-list .qty-item .dec:hover {
  color: #ffffff;
}
.pos-five aside .product-list .qty-item .inc {
  right: 0;
}
.pos-five aside .product-list .qty-item .dec {
  left: 0;
}
.pos-five aside .product-list .table thead tr th {
  padding: 5px;
}
.pos-five aside .product-list .table tbody tr td {
  padding: 5px 5px;
}
.additem-info .add-info {
  margin-bottom: 8px;
}
.tab-wrap {
  width: 142px;
  padding: 24px;
  border-right: 1px solid #E6EAED;
  flex-shrink: 0;
}
@media (max-width: 575.98px) {
  .tab-wrap {
    width: 100%;
    padding-bottom: 0;
  }
}
.pos-category5 {
  height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (max-width: 575.98px) {
  .pos-category5 {
    height: auto;
  }
}
.pos-category5 .owl-stage {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100% !important;
}
@media (max-width: 575.98px) {
  .pos-category5 .owl-stage {
    height: auto;
    width: auto !important;
    flex-direction: unset;
    flex-wrap: wrap;
    gap: 4px;
  }
}
.pos-category5 .owl-item {
  width: 100% !important;
  margin-bottom: 8px;
}
@media (max-width: 575.98px) {
  .pos-category5 .owl-item {
    width: 32% !important;
    margin-bottom: 0;
  }
}
.pos-category5 .owl-item:last-child {
  margin-bottom: 0;
}
.pos-category5 .owl-item li {
  padding: 15px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  cursor: pointer;
  border: 1px solid #E6EAED;
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 8px;
  margin-left: -0.1px !important;
}
@media (max-width: 575.98px) {
  .pos-category5 .owl-item li {
    padding: 10px;
  }
}
.pos-category5 .owl-item a img {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
.pos-category5 .owl-item h6 {
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 10px;
  width: 100%;
  margin-bottom: 5px;
}
.pos-category5 .owl-item h6 a {
  color: #092C4C;
}
.pos-category5 .owl-item:hover,
.pos-category5 .owl-item.active {
  border-color: #4F46E5;
}
.resend-form {
  border: 1px solid #E6EAED;
  border-radius: 5px;
  padding-right: 98px;
  position: relative;
}
.resend-form .btn {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.resend-form .form-control {
  border: 0;
}
.calculator-wrap .calculator-body {
  background: #F9FAFB;
  padding: 40px;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 767.98px) {
  .calculator-wrap .calculator-body {
    padding: 20px;
  }
}
.calculator-wrap .calculator-body button {
  font-size: 28px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.calculator-wrap .calculator-body button:hover {
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.calculator-wrap .calculator-body button:last-child {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .calculator-wrap .calculator-body button {
    font-size: 22px;
  }
}
.calculator-wrap .calculator-body .btn-number {
  width: 65px;
  height: 65px;
  background: #ffffff;
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .calculator-wrap .calculator-body .btn-number {
    width: 38px;
    height: 38px;
  }
}
.calculator-wrap .calculator-body .btn-expression {
  width: 65px;
  height: 65px;
  background: #D3D5D7;
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .calculator-wrap .calculator-body .btn-expression {
    width: 38px;
    height: 38px;
  }
}
.calculator-wrap .calculator-body .btn-clear {
  width: 65px;
  height: 65px;
  background: #4F46E5;
  border-radius: 50%;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .calculator-wrap .calculator-body .btn-clear {
    width: 38px;
    height: 38px;
  }
}
.calculator-wrap input {
  height: 100px;
  text-align: right;
  font-size: 40px;
  font-weight: 700;
  color: #212B36;
  width: 100%;
  background: #FBFBFB;
  border: 1px solid #E6EAED;
  margin-top: 16px;
  padding: 10px;
}
.pos-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
@media (max-width: 991.98px) {
  .pos-footer {
    position: relative;
  }
}
@media (min-width: 992px) {
  .pos-page {
    overflow-y: hidden;
  }
}
.chat-user-actives .call-meet-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  background: #ffffff;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 10px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chat-user-actives .call-meet-blk:hover {
  background-color: #000000;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.chat-user-actives .call-meet-blk .meet-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  width: 39px;
  height: 39px;
  background: #ffffff;
  border: 0.5px solid #A6AAAF;
  border-radius: 10px;
  margin-right: 10px;
}
.chat-user-actives .call-meet-blk .meet-border svg {
  width: 16px;
  color: #155EEF;
}
.chat-user-actives .call-meet-blk .recent-user-titles h5 {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 5px;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-user-actives .call-meet-blk .recent-user-titles p {
  font-size: 10px;
  color: #646B72;
}
.new-join-link .chat-user-actives .meet-border {
  background: gray;
  border: 0;
  border-radius: 6px;
}
.new-join-link .chat-user-actives .meet-border:hover {
  background: #4F46E5;
}
.new-join-link .chat-user-actives .meet-border:hover svg {
  color: #ffffff;
}
.new-join-link .chat-user-actives .meet-border svg {
  color: #4F46E5;
}
.new-join-link .chat-user-actives .recent-user-titles h5 {
  color: #4F46E5;
  width: 100%;
  margin-bottom: 0;
  font-size: 15px;
}
.single-video .join-video {
  position: relative;
  margin-bottom: 0;
  height: calc(100vh - 174px);
}
@media (max-width: 767.98px) {
  .single-video .join-video {
    height: calc(100vh - 214px);
  }
}
.single-video .join-video img {
  border-radius: 5px;
}
.single-video .join-video .video-avatar {
  position: absolute;
  top: 24px;
  right: 24px;
}
.single-video .join-video .video-avatar img {
  width: 170px;
  height: 146px;
  border-radius: 5px;
  object-fit: cover;
  border: 2px solid #4F46E5;
}
@media (max-width: 767.98px) {
  .single-video .join-video .video-avatar img {
    width: 100px;
    height: 86px;
  }
}
.single-video .join-video .video-avatar .user-name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.single-video .join-video .video-avatar .user-name span {
  background: #ffffff;
  color: #212B36;
  font-size: 10px;
  padding: 4px;
  display: inline-block;
  font-weight: 500;
  border-radius: 5px;
}
.single-video .join-video .video-avatar .user-name {
  margin: 8px 0;
  text-align: center;
}
.single-video .join-video .call-overlay-bottom {
  position: absolute;
  padding: 24px;
  z-index: 2;
  bottom: 0;
}
.single-video .join-video .call-overlay-bottom .call-option {
  padding: 16px;
  background: rgba(248, 249, 250, 0.4);
}
.single-video .join-video .call-overlay-bottom .options-icon {
  width: 32px;
  height: 32px;
}
.single-video .join-video .call-overlay-bottom .call-icon {
  width: 48px;
  height: 48px;
}
@media (max-width: 767.98px) {
  .single-video .join-video .call-overlay-bottom .call-icon {
    width: 32px;
    height: 32px;
  }
}
.single-video .join-video .call-overlay-bottom .guest-off {
  background: #F9FAFB;
  color: #1B2850;
}
.video-expand {
  width: 24px;
  height: 24px;
  background: #ffffff;
  color: #7A8086;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.video-expand:hover {
  background: #4F46E5;
  color: #ffffff;
}
.meet-chat-blk .join-call .join-video {
  position: relative;
  margin-bottom: 25px;
}
.meet-chat-blk .join-call .join-video img {
  border-radius: 10px;
}
.meet-chat-blk .join-call .join-video .video-avatar {
  position: absolute;
  top: 24px;
  right: 24px;
}
.meet-chat-blk .join-call .join-video .video-avatar img {
  width: 170px;
  height: 146px;
  border-radius: 5px;
  object-fit: cover;
  border: 2px solid #4F46E5;
}
.meet-chat-blk .join-call .join-video .video-avatar .user-name {
  background: #ffffff;
  color: #212B36;
  font-size: 10px;
  padding: 4px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-weight: 500;
  border-radius: 5px;
  margin: 8px;
}
.meet-chat-blk .join-call .join-video .call-icons {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.meet-chat-blk .join-call .join-video .call-icons .call-items {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
}
.meet-chat-blk .join-call .join-video .call-icons .call-items .call-item {
  display: inline-block;
  text-align: center;
  margin-right: 15px;
}
.meet-chat-blk .join-call .join-video .call-icons .call-items .call-item:last-child {
  margin-right: 0px;
}
.meet-chat-blk .join-call .join-video .call-icons .call-items .call-item a {
  color: #ffffff;
  background: #ffffff;
  border-radius: 10px;
  width: 54px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 20px;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .meet-chat-blk .join-call .join-video .call-icons .call-items .call-item a {
    width: 45px;
    height: 45px;
  }
}
.meet-chat-blk .join-call .join-video .call-icons .call-items .call-item a i {
  color: #646B72;
}
.meet-chat-blk .join-call .join-video .call-icons .call-items .call-item a.stop {
  color: #ffffff;
  background: #FF0000;
}
.meet-chat-blk .join-call .join-video .call-icons .call-items .call-item a.stop i {
  color: #ffffff;
}
.meet-chat-blk .join-call .join-video .meet-drop ul li i {
  font-size: 18px;
}
.meet-chat-blk .join-call .join-content {
  text-align: center;
  max-width: 500px;
  margin: auto;
}
.meet-chat-blk .join-call .join-content h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .meet-chat-blk .join-call .join-content h4 {
    font-size: 18px;
  }
}
.meet-chat-blk .join-call .join-content p {
  font-size: 13px;
  color: #646B72;
}
.conference-meet-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.conference-meet-group .meeting-list {
  width: 100%;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.conference-meet-group .meeting-list.add-meeting {
  width: 65%;
  margin-right: 24px;
}
@media (max-width: 767.98px) {
  .conference-meet-group .meeting-list.add-meeting {
    display: none;
    margin-right: 0px;
  }
}
.meet-drop {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.meet-drop.meet-mutes {
  background: #4F46E5;
  right: inherit;
  left: 20px;
}
.meet-drop.meet-mutes ul li a {
  color: #ffffff;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
@media (max-width: 767.98px) {
  .meet-drop.meet-mutes ul li a {
    width: 38px;
    height: 38px;
  }
}
.meet-drop.meet-mutes-bottom {
  background: #4F46E5;
  bottom: 20px;
  border-radius: 50px;
  top: inherit;
}
.meet-drop.meet-mutes-bottom ul li a {
  color: #ffffff;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
@media (max-width: 767.98px) {
  .meet-drop.meet-mutes-bottom ul li a {
    width: 38px;
    height: 38px;
  }
}
.meet-drop.meet-mutes-bottom ul li a i {
  font-size: 20px;
}
.meet-call-menu-blk .video-call-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
@media (max-width: 767.98px) {
  .meet-call-menu-blk .video-call-action {
    display: block;
  }
}
.meet-call-menu-blk .video-call-action ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.meet-call-menu-blk .video-call-action ul li {
  margin-right: 5px;
}
.meet-call-menu-blk .video-call-action ul li:last-child {
  margin-right: 0;
}
.meet-call-menu-blk .video-call-action ul li a {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #BCBFC3;
  border: 1px solid #BCBFC3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  color: #000000;
  font-size: 18px;
}
.meet-call-menu-blk .video-call-action ul li a.call-end {
  background-color: #FF0000;
  border-color: #FF0000;
  color: #ffffff;
  width: 60px;
  height: 60px;
  rotate: 135deg;
  font-size: 20px;
}
.meet-call-menu-blk .video-call-action ul li a.stop {
  color: #ffffff;
  background: #FF0000;
  border-color: #FF0000;
}
.meet-call-menu-blk .video-call-action ul li a.stop i {
  color: #ffffff;
}
.meet-call-menu-blk .video-call-action ul li.active a {
  background: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
}
.meet-call-menu-blk .video-call-action ul li.active a img {
  filter: invert(1) brightness(100);
}
@media (max-width: 767.98px) {
  .meet-call-menu-blk .video-call-action ul {
    margin-bottom: 5px;
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .meet-call-menu-blk .video-call-action ul:last-child {
    margin-bottom: 0px;
  }
}
.recording-time {
  position: relative;
  padding-left: 20px;
}
.recording-time::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 4px;
  background-color: #FF0000;
  width: 13px;
  height: 13px;
  border-radius: 50px;
}
.recording-time::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 7px;
  background-color: #ffffff;
  width: 7px;
  height: 7px;
  border-radius: 50px;
  animation: blink-animation 1.5s steps(5, start) infinite;
  -webkit-animation: blink-animation 1.5s steps(5, start) infinite;
}
.page-content {
  width: 100%;
}
.join-call {
  width: 100%;
  margin: 0 auto;
}
.join-video {
  position: relative;
  margin-bottom: 25px;
}
.join-video img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.join-video.join-video-front img {
  height: 423px;
}
.join-video.video-hide > img,
.video-wrap.video-hide > video {
  display: none;
}
.join-content p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 25px;
  color: #000000;
}
.join-content label {
  font-size: 18px;
  margin-bottom: 0;
  color: #000000;
  font-weight: 700;
}
.part-name {
  position: absolute;
  top: 20px;
  left: 12px;
  text-align: left;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50px;
  padding: 5px 15px;
}
.part-name h4 {
  font-weight: 500;
  font-size: 15px;
  color: #646B72;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767.98px) {
  .part-name h4 {
    font-size: 13px;
  }
}
.part-name.sub-part-name {
  background: #ffffff;
  bottom: 10px;
  top: inherit;
}
.part-name.sub-part-name h4 {
  color: #212B36;
  font-size: 12px;
}
.grid-join .part-name {
  background: rgba(0, 0, 0, 0.3);
  top: inherit;
  bottom: 20px;
}
.grid-join .part-name h4 {
  color: #ffffff;
}
.join-hover-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.join-hover-img .event-user-group .avatar-group {
  background: rgba(0, 0, 0, 0.3);
  padding: 2px 10px;
  border-radius: 50px;
}
.join-hover-img .event-user-group .avatar-group .avatar {
  width: 26px;
  height: 26px;
  border: 1px solid #ffffff;
}
.join-hover-img .event-user-group .avatar-group .avatar + .avatar {
  margin-left: -16px;
}
.join-hover-img .event-user-group .avatar-group .avatar:last-child {
  margin-right: 0px;
}
.more-icon {
  position: absolute;
  bottom: 10px;
  right: 12px;
}
@media (max-width: 767.98px) {
  .more-icon {
    bottom: 8px;
    right: 13px;
  }
}
.more-icon a {
  color: #646B72;
  width: 30px;
  height: 30px;
  background: #ffffff;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.more-icon a:hover {
  opacity: 0.8;
}
.more-icon a.other-mic-off.stop i {
  color: #FF0000;
}
.more-icon.audio-more-icon a.other-mic-off.stop {
  background-color: #FF0000 !important;
}
.more-icon.audio-more-icon a.other-mic-off.stop i {
  color: #ffffff;
}
.call-recent.recent-part a.other-mic-off.stop,
.call-recent.recent-part a.other-video-off.stop {
  background: #FF0000 !important;
}
.call-recent.recent-part a.other-mic-off.stop i,
.call-recent.recent-part a.other-video-off.stop i {
  color: #ffffff;
}
.meeting .part-name {
  top: 15px;
  left: 15px;
}
.meeting .more-icon {
  top: 15px;
  right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.vertical-view .vertical-sec .part-name h4 {
  font-size: 14px;
  font-weight: 400;
}
.horizontal-view .join-video.single-user .part-name h4 {
  font-size: 14px;
  font-weight: 400;
}
.meeting-wrapper,
.meeting {
  width: inherit;
  max-width: inherit;
}
.meet-footer {
  position: fixed;
  bottom: 25px;
  width: 100%;
  max-width: 950px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 3;
}
.show-chat-list,
.show-invite-list,
.show-chat-list .user-sidebar-right,
.show-invite-list .invite-sidebar-right {
  transition: all 0.8s ease;
}
.user-sidebar-right,
.invite-sidebar-right {
  background: #dedede;
  border-radius: 10px;
  width: 410px;
  position: absolute;
  top: 105px;
  bottom: 117px;
  right: 0;
  margin-right: -410px;
  transition: all 0.8s ease;
  overflow: hidden;
  font-size: 13px;
  z-index: 3;
}
.join-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.join-contents.grid-view {
  align-content: center;
}
.ripple {
  width: 114px;
  height: 114px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.multigrid-view .text-box {
  height: 61px;
  width: 61px;
}
.multigrid-view .ripple {
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.meeting .join-video {
  margin: 0 5px 10px;
  width: 100%;
}
.join-video.user-active {
  background: #415B6A;
  border-radius: 10px;
  width: 100%;
  height: 370px;
}
.join-video.user-active.audio-calls {
  height: calc(100vh - 250px);
  padding: 60px 0;
}
.join-video.vertical-active {
  margin-right: 24px;
}
.join-video.single-user {
  width: 100%;
  min-height: 230px;
  box-sizing: border-box;
  margin-right: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  height: auto;
  background: #415B6A;
  border-radius: 10px;
  padding: 0;
  flex-grow: 1;
}
@media (max-width: 1399.98px) {
  .join-video.single-user {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .join-video.single-user {
    min-height: 203px;
  }
}
@media (max-width: 991.98px) {
  .join-video.single-user {
    min-height: 230px;
  }
}
.join-video.single-user:nth-child(even) {
  margin-right: 0px;
}
@media (max-width: 767.98px) {
  .join-video.single-user:nth-child(even) {
    margin-right: 10px;
  }
}
@media (max-width: 767.98px) {
  .join-video.single-user {
    width: 100%;
    min-height: 257px;
  }
}
@media (max-width: 767.98px) {
  .multi-grid .join-video.single-user {
    width: 45%;
  }
}
.multi-grid .join-video.single-user:nth-child(even) {
  margin-right: 24px;
}
@media (max-width: 767.98px) {
  .multi-grid .join-video.single-user:nth-child(even) {
    margin-right: 0px;
  }
}
.multi-grid .join-video.single-user:nth-child(4n) {
  margin-right: 0px;
}
@media (max-width: 767.98px) {
  .multi-grid .join-video.single-user:nth-child(4n):nth-child(4n) {
    margin-right: 0px;
  }
}
.multigrid-view .join-video.single-user {
  flex-grow: 0;
}
.horizontal-view .join-video.single-user:nth-child(even) {
  margin-right: 24px;
}
.horizontal-view .join-video.single-user:nth-child(5) {
  margin-right: 0px;
}
@media (max-width: 767.98px) {
  .horizontal-view .join-video.single-user:nth-child(3n) {
    margin-right: 0;
  }
}
.text-avatar {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.text-avatar h4 {
  color: #ffffff;
}
.text-box {
  height: 86px;
  width: 86px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 36px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.more-icon.mic-view .mic-on,
.more-icon .mic-off {
  display: none;
}
.more-icon.mic-view .mic-off {
  display: inline-flex;
}
.grid-view .join-video.single-user {
  width: 47%;
}
@media (max-width: 767.98px) {
  .grid-view .join-video.single-user {
    width: 40%;
  }
}
@media (max-width: 767.98px) {
  .grid-view .join-video.single-user:nth-child(2n) {
    margin-right: 0px;
  }
}
@media (max-width: 767.98px) {
  .grid-view .join-video.single-user:nth-child(3n) {
    margin-right: 24px;
  }
}
.join-contents.multigrid-view {
  max-width: 100%;
  justify-content: center;
}
.meeting {
  position: absolute;
  top: 80px;
  bottom: 107px;
  left: 0;
  right: 0;
}
.meeting-list {
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
}
.user-active .more-icon .handraise-on {
  display: none;
}
.user-active .more-icon .handraise-on.active {
  display: block;
  animation: mymove 5s;
}
.user-active .more-icon .handraise-on.active .meeting .join-video.user-active::before {
  animation: mymove 5s infinite;
  opacity: 1;
}
@keyframes mymove {
  from {
    color: #0074E0;
  }
  to {
    color: transparent;
  }
}
.join-contents.vertical-view {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-content: center;
  max-width: 1300px;
}
@media (max-width: 767.98px) {
  .join-contents.vertical-view {
    display: block;
  }
}
.join-contents.vertical-view .join-video.user-active {
  flex: 1;
  margin-bottom: 24px;
}
.join-contents.vertical-view .join-video.single-user {
  width: 97%;
  flex-grow: 1;
  display: flex;
}
@media (max-width: 767.98px) {
  .join-contents.vertical-view .join-video.single-user {
    width: 100%;
  }
}
.join-contents.vertical-view .vertical-sec {
  width: 20%;
}
@media (max-width: 991.98px) {
  .join-contents.vertical-view .vertical-sec {
    width: 30%;
  }
}
@media (max-width: 767.98px) {
  .join-contents.vertical-view .vertical-sec {
    width: 100%;
  }
}
.join-contents.vertical {
  flex-direction: column;
  height: 200px;
}
.meeting .join-contents.vertical .join-video.user-active {
  flex: 1 0 100%;
}
.meeting .join-contents.vertical .join-video.single-user {
  flex: 0;
}
.meeting .join-contents.vertical .join-video {
  width: auto;
}
.chat-footer .btn:hover {
  background: rgb(41.1374407583, 30.5592417062, 217.4407582938);
  color: #ffffff;
}
.join-contents.show-whiteboard {
  display: none;
}
.join-contents.single-view {
  padding-top: 0;
  margin-top: 25px;
  position: relative;
}
.join-contents.single-view .single-user {
  position: absolute;
  right: 8px;
  top: 40px;
  width: 130px;
  height: 130px;
  min-height: 130px;
}
.join-contents.single-view .single-user img {
  height: 130px;
}
.record-item {
  position: absolute;
  top: 20px;
  z-index: 1;
  position: absolute;
  left: 20px;
}
.record-time span {
  background-color: #F9FAFB;
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  color: #212B36;
  font-size: 10px;
  font-weight: 500;
  padding: 5px 8px;
  text-align: center;
  position: relative;
  padding-left: 19px;
}
.record-time span:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  background-color: #212B36;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.volume-col {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.volume-col .inner-volume-col {
  background-color: #A6AAAF;
  border-radius: 130px;
  width: 30px;
  height: 120px;
  position: relative;
  z-index: 9;
}
.volume-col #volume {
  position: absolute;
  left: 50%;
  top: 15px;
  margin: 0 auto;
  height: 80px;
  width: 5px;
  background: #ffffff;
  border-radius: 15px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.volume-col #volume .ui-slider-range-min {
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #4F46E5;
  border: none;
  border-radius: 10px;
  outline: none;
}
.volume-col #volume .ui-slider-handle {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #4F46E5;
  position: absolute;
  left: 50%;
  margin-top: -8px;
  cursor: pointer;
  outline: none;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.volume-col #player {
  width: auto;
  height: 104px;
  position: relative;
  margin: 0 auto;
  top: 0px;
}
.volume-col #player i {
  position: absolute;
  margin-top: -6px;
  color: #666;
}
.volume-col .volume-icons {
  color: #ffffff;
  margin-left: 0px;
  font-size: 18px;
  margin-top: 22px;
}
.chat-msg-blk {
  padding: 15px;
}
.chat-msg-blk .chats {
  max-width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
  display: -webkit-flex;
}
@media (max-width: 767.98px) {
  .chat-msg-blk .chats {
    max-width: 100%;
  }
}
.chat-msg-blk .chats .chat-action-btns .chat-user-time .chats-dot a {
  color: #3EB780;
}
.chat-msg-blk .chats.chats-right {
  margin-left: auto;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.chat-msg-blk .chats.chats-right .chat-content {
  order: 1;
  -webkit-order: 1;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content {
  background-color: #F2F2F2;
  border-radius: 8px;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .chat-time {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col {
  position: relative;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col ul li {
  margin-right: 8px;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col ul li:last-child {
  margin-right: 0px;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col ul li .image-download-col {
  position: relative;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col ul li .image-download-col.image-not-download a img {
  -webkit-filter: blur(4px);
  filter: blur(1px);
  border-color: #000000;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col ul li .image-download-col.image-not-download span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col ul li .image-download-col.image-not-download span i {
  color: #ffffff;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col ul li .image-download-col .download-action {
  position: absolute;
  right: 8px;
  bottom: 8px;
  line-height: 0;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col ul li .image-download-col .download-action a {
  color: #ffffff;
  font-size: 10px;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content .download-col ul li .image-download-col img {
  border-radius: 5px;
}
.chat-msg-blk .chats.chats-right .chat-content .message-content::before {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #F2F2F2;
  border-right: 0;
  border-top: 6px solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 8px;
  right: -4px;
  left: auto;
}
.chat-msg-blk .chats.chats-right .chat-action-btns {
  order: 2;
  -webkit-order: 2;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
}
.chat-msg-blk .chats.chats-right .chat-action-btns .chat-user-time .chats-dot a {
  color: #3EB780;
}
.chat-msg-blk .chats .message-content {
  background-color: #F9FAFB;
  border-radius: 8px;
  padding: 10px 20px;
  font-weight: 500;
  margin-bottom: 5px;
  position: relative;
}
.chat-msg-blk .chats .message-content h4 {
  font-size: 13px;
  color: #212B36;
  margin-bottom: 0px;
  line-height: 1.4;
  font-weight: 500;
}
.chat-msg-blk .chats .message-content .chat-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 10px;
  font-weight: 500;
  color: #3EB780;
  margin-bottom: 0;
}
.chat-msg-blk .chats .message-content .chat-time svg {
  width: 10px;
}
.chat-msg-blk .chats .message-content::before {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #F9FAFB;
  border-top: 6px solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 8px;
  left: -4px;
  right: auto;
}
.chat-msg-blk .chats .chat-profile-name h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  font-size: 10px;
  color: #646B72;
}
.chat-msg-blk .chats .chat-profile-name h6 i {
  font-size: 12px;
  color: #008024;
}
.chat-msg-blk .chat-line {
  margin: 0px 0 20px;
  position: relative;
  text-align: center;
  width: 100%;
}
.chat-msg-blk .chat-line:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: #3EB780;
  width: 100%;
  height: 1px;
}
.chat-msg-blk .chat-line .chat-date {
  background-color: #3EB780;
  color: #3EB780;
  font-size: 13px;
  padding: 7px 14px;
  border-radius: 3px;
  display: inline-block;
  font-weight: 600;
  position: relative;
}
.right-user-side.call-user-side .slime-grp .right-sidebar-profile {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 0;
  padding-bottom: 10px;
}
.right-user-side.call-user-side .slime-grp .right-sidebar-profile .profile-call-blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.right-user-side.call-user-side .slime-grp .right-sidebar-profile .edit-group svg {
  width: 16px;
  color: #3EB780;
}
.right-user-side.call-user-side .slime-grp .chat-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-bottom: 1px solid #3EB780;
  padding-bottom: 20px;
}
.right-user-side.call-user-side .slime-grp .chat-options ul li a {
  color: #3EB780;
  width: 30px;
  height: 30px;
  background-color: gray;
  padding: 0;
  border-radius: 50px;
}
.right-user-side.call-user-side .slime-grp .chat-options ul li a:hover {
  background: #4F46E5;
  border-color: #4F46E5;
}
.right-user-side.call-user-side .slime-grp .chat-options ul li a:hover svg {
  color: #ffffff;
}
.right-user-side.call-user-side .slime-grp .chat-options ul li a svg {
  width: 15px;
}
.right-user-side.right-side-party .slime-grp {
  padding: 0px;
}
.right-user-side.right-side-party .slime-grp .card-body-blk {
  padding: 20px;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list {
  border-radius: 0.25rem;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 5px;
  display: flex;
  display: -webkit-flex;
  border-radius: 6px;
  background-color: #F6F7F8;
  margin-bottom: 10px;
  border: 0;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item:hover {
  background-color: #F6F7F8;
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .avatar {
  margin-right: 0.8rem;
  display: inline-block;
  margin-bottom: 0;
  height: 40px;
  width: 40px;
  position: relative;
  flex-shrink: 0;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .avatar::before {
  top: 0;
  bottom: inherit;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .avatar img {
  border-radius: 0px;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-grow: 1;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .name-list-user {
  display: grid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .name-list-user h5 {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 2px;
  color: #646B72;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .name-list-user p {
  font-size: 12px;
  color: #FF0000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .name-list-user p svg {
  width: 14px;
  height: 14px;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .chat-user-time .chats-dot a {
  color: #FF0000;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .last-chat-time .text-muted {
  font-size: 10px;
  color: #212B36;
  font-weight: 500;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .last-chat-time .new-message-count {
  width: 20px;
  height: 20px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  line-height: 0;
  font-size: 11px;
  background-color: #4F46E5;
  color: #ffffff;
  border-radius: 50%;
  margin-left: auto;
  margin-top: 5px;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .last-call-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .last-call-time .call-recent a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  width: 30px;
  height: 30px;
  background: #B8BCC9;
  color: #212B36;
  border-radius: 50px;
}
.right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .last-call-time .call-recent a svg {
  color: #212B36;
}
.right-user-side .slimScrollDiv {
  height: calc(100vh - 216px) !important;
}
.right-user-side .slimScrollDiv .slimscroll {
  height: calc(100vh - 216px) !important;
}
.right-user-side.audio .slimScrollDiv {
  height: calc(100vh - 305px) !important;
}
.right-user-side.audio .slimScrollDiv .slimscroll {
  height: calc(100vh - 305px) !important;
}
.right-user-side .slime-grp {
  background: #ffffff;
  padding: 15px;
}
.right-user-side .slime-grp .chat-footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 15px;
  background: #ffffff;
  border-radius: 10px;
}
.right-user-side .slime-grp .chat-footer form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  position: relative;
}
.right-user-side .slime-grp .chat-footer form .comman-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.right-user-side .slime-grp .chat-footer form .comman-icon a {
  color: #646B72;
}
.right-user-side .slime-grp .chat-footer form .smile-col {
  right: inherit;
  left: 15px;
}
.right-user-side .slime-grp .chat-footer form .attach-col {
  right: inherit;
  left: 45px;
}
.right-user-side .slime-grp .chat-footer form .micro-col {
  right: 50px;
  left: inherit;
}
.right-user-side .slime-grp .chat-footer form .micro-col a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}
.right-user-side .slime-grp .chat-footer form .send-chat {
  right: 5px;
}
.right-user-side .slime-grp .chat-footer form .send-chat a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  width: 34px;
  height: 34px;
  background: #4F46E5;
  border-radius: 50px;
}
.right-user-side .slime-grp .chat-footer form .send-chat a:hover {
  background: #1b2950;
}
.right-user-side .slime-grp .chat-footer form .send-chat a:hover svg {
  color: #ffffff;
}
.right-user-side .slime-grp .chat-footer form .send-chat a svg {
  width: 14px;
  color: #ffffff;
}
.right-user-side .slime-grp .chat-footer form .chat_form {
  border-radius: 20px;
  margin-right: 0px;
  background: #ffffff;
  border: 1px solid rgba(145, 158, 171, 0.3);
  border-radius: 6px;
  height: 48px;
  padding: 10px 70px;
}
.right-user-side .slime-grp .chat-footer form .chat_form::placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.2);
}
.owl-carousel.video-slide .owl-nav.disabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 100%;
}
.owl-carousel.video-slide .owl-nav {
  top: calc(50% - 24px);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
}
@media (max-width: 1399.98px) {
  .owl-carousel.video-slide .owl-nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.owl-carousel.video-slide .owl-nav button.owl-next,
.owl-carousel.video-slide .owl-nav button.owl-prev {
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  width: 20px;
  height: 20px;
}
.owl-carousel.video-slide .owl-nav button.owl-next:hover,
.owl-carousel.video-slide .owl-nav button.owl-prev:hover {
  background-color: #4F46E5;
}
.owl-carousel.video-slide .owl-nav button.owl-next:hover i,
.owl-carousel.video-slide .owl-nav button.owl-prev:hover i {
  color: #ffffff;
}
.owl-carousel.video-slide .owl-nav button.owl-next i,
.owl-carousel.video-slide .owl-nav button.owl-prev i {
  color: #646B72;
}
.audio-call-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
}
.audio-call-group ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  width: 100%;
}
.audio-call-group ul li {
  position: relative;
}
.audio-call-group ul li.active .avatar::before {
  content: "";
  width: 220px;
  height: 220px;
  position: absolute;
  border: 1px solid #4F46E5;
  border-radius: 50%;
  left: -25px;
  top: -25px;
}
@media (max-width: 991.98px) {
  .audio-call-group ul li.active .avatar::before {
    width: 150px;
    height: 150px;
    left: -10px;
    top: -10px;
  }
}
@media (max-width: 767.98px) {
  .audio-call-group ul li.active .avatar::before {
    width: 100px;
    height: 100px;
    left: -5px;
    top: -5px;
  }
}
.audio-call-group ul li .avatar {
  width: 170px;
  height: 170px;
  margin: 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .audio-call-group ul li .avatar {
    width: 130px;
    height: 130px;
  }
}
@media (max-width: 767.98px) {
  .audio-call-group ul li .avatar {
    width: 90px;
    height: 90px;
  }
}
.audio-call-group ul li .avatar img {
  width: 100%;
  position: relative;
}
.audio-call-group ul li .user-audio-call h5 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  text-transform: capitalize;
  text-align: center;
  margin-top: 35px;
}
@media (max-width: 767.98px) {
  .audio-call-group ul li .user-audio-call h5 {
    margin-top: 15px;
  }
}
.audio-call-group ul li .more-icon {
  position: absolute;
  bottom: 10px;
  right: inherit;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}
@media (max-width: 767.98px) {
  .audio-call-group ul li .more-icon {
    bottom: 0px;
  }
}
.audio-call-group ul li .more-icon a {
  background-color: #4F46E5;
  color: #ffffff;
}
.audio-volume {
  position: absolute;
  width: fit-content;
  height: 134px;
  bottom: 20px;
  left: 20px;
  background: #A6AAAF;
  border-radius: 50px;
  padding: 10px 14px;
  width: 30px;
  padding-bottom: 30px;
}
.audio-volume .volume-icons a {
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 30px;
  left: 0;
  border-radius: 50px;
  background: #ffffff;
  border: 1px solid #FFCA18;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.custom-input {
  width: 100%;
  height: 4px;
  width: 3px;
  height: 100%;
  background: #ffffff;
  border-radius: 5px;
  writing-mode: vertical-lr;
}
.custom-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #4F46E5 !important;
  border-radius: 50%;
  cursor: pointer;
}
.custom-input::-moz-range-thumb {
  width: 12px;
  height: 12px;
  background: #4F46E5 !important;
  border-radius: 50%;
  cursor: pointer;
}
.right-user-side {
  width: 0;
  opacity: 0;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.right-user-side.right-side-party {
  width: 0;
  opacity: 0;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.right-user-side.right-side-party .party-msg-blk .last-call-time .call-recent {
  background: none;
}
.right-user-side.right-side-party .party-msg-blk .last-call-time .call-recent svg {
  color: #4F46E5;
  width: 14px;
}
.right-user-side.chat-rooms {
  width: 0;
  opacity: 0;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.right-user-side.chat-rooms .slime-grp {
  padding: 0;
}
.right-user-side.chat-rooms .slime-grp .left-chat-title {
  padding: 20px;
  border-bottom: 1px solid #F2F2F2;
  border-radius: 10px 10px 0 0;
}
.right-user-side.chat-rooms.open-chats {
  width: 35%;
  opacity: 1;
}
@media (max-width: 767.98px) {
  .right-user-side.chat-rooms.open-chats {
    width: 100%;
  }
}
.right-user-side.open-message {
  width: 35%;
  opacity: 1;
}
@media (max-width: 767.98px) {
  .right-user-side.open-message {
    width: 100%;
  }
}
.incoming-call {
  position: relative;
  height: calc(100vh - 174px);
  overflow-y: auto;
}
@media (max-width: 767.98px) {
  .incoming-call {
    height: calc(100vh - 160px);
  }
}
.voice-call-img img {
  width: 150px;
  height: 150px;
  animation: ripple 2s infinite;
}
@media (max-width: 991.98px) {
  .voice-call-img img {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 767.98px) {
  .voice-call-img img {
    width: 80px;
    height: 80px;
  }
}
.call-item {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
  }
}
aside {
  padding: 24px;
}
.video-section .item {
  opacity: 0.4;
  transition: 0.4s ease all;
  transform: scale(0.8);
}
@media (max-width: 1000px) {
  .video-section .item {
    margin: 0;
    transform: scale(0.9);
  }
}
.video-section .active .item {
  opacity: 1;
  transform: scale(1);
}
.video-section .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.video-section video {
  max-width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.deleted-info {
  display: none;
}
.deleted-info .bin-bg {
  width: 184px;
  height: 184px;
  border-radius: 100%;
  background: #F9FAFB;
  margin: 0 auto;
}
svg.feather-16 {
  width: 16px;
  height: 16px;
}
svg.feather-14 {
  width: 14px;
  height: 14px;
}
.files-list a {
  border-radius: 5px;
}
.files-list a:hover,
.files-list a.active {
  background: #E8E9EA;
  color: #212B36 !important;
}
.bg-01 {
  background: url("./media/upgrade-bg-A6AQQ6RX.svg");
}
.access-wrap {
  position: relative;
}
.access-wrap .access-rate {
  position: absolute;
  top: 8px;
  right: 8px;
}
.rating-select i {
  color: #7A8086;
}
.rating-select i.filled {
  color: #FFCA18;
}
.folder-wrap {
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 24px;
}
.folder-wrap:hover {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}
.video-wrap {
  border-radius: 5px;
  margin-bottom: 24px;
}
.video-wrap .video-content {
  background: #ffffff;
  padding: 20px;
  border-radius: 0 0 5px 5px;
}
.video-wrap:hover {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}
.files-wrap {
  border-radius: 5px;
  margin-bottom: 24px;
}
.files-wrap .files-icon {
  border-radius: 5px 5px 0 0;
}
.files-wrap .files-content {
  border-radius: 0 0 5px 5px;
}
.files-wrap:hover {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}
.file-name-icon img {
  width: auto;
  height: auto;
}
.file-type {
  border: 1px solid #BCBFC3;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.file-type > div {
  flex: 1;
}
.document-wrap {
  padding: 20px;
}
.recent-activity li {
  padding-bottom: 16px;
  position: relative;
}
.recent-activity li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  border-color: #BCBFC3;
  border-width: 1px;
  width: 1px;
  height: 100%;
  border-style: dashed;
}
.recent-activity li:last-child {
  padding-bottom: 0;
}
.recent-activity li:last-child::before {
  content: none;
}
.preview-content {
  padding: 20px;
}
.user-icon {
  width: 30px;
  height: 30px;
  background: #ffffff;
  color: #4D555E;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.user-icon:hover {
  background: #E8E9EA;
  color: #212B36;
}
.file-drop {
  position: relative;
  transition: all 0.5s;
  border: 1px dashed #E6EAED;
  border-radius: 4px;
  padding: 24px;
}
.file-drop input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #FFF;
  font-size: 0.813rem;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  border-radius: 0.25rem;
  border: 1px dashed rgba(242, 101, 34, 0.3);
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #677788;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after,
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #677788;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  stroke: #4F46E5;
}
.flatpickr-months,
.flatpickr-weekdays {
  background-color: rgba(242, 101, 34, 0.1);
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  inset-block-start: 0;
  padding-block-start: 0.313rem;
  padding-inline: 0.313rem;
  padding-block-end: 0;
  color: #4F46E5;
  fill: #4F46E5;
}
.flatpickr-months .flatpickr-month {
  color: #4F46E5;
  fill: #4F46E5;
}
span.flatpickr-weekday {
  color: rgba(242, 101, 34, 0.8);
  font-weight: 700;
}
.flatpickr-day.today {
  border-color: #4F46E5;
  background-color: #4F46E5;
  color: #FFF;
}
.flatpickr-day {
  border-radius: 4px;
}
.icons-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.icons-list li {
  display: block;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 18px;
  border-radius: 50px;
  border: 1px solid #BCBFC3;
  margin: 5px;
  -webkit-box-shadow: 0 2px 3px rgb(215, 197, 255);
  -moz-box-shadow: 0 2px 3px rgb(215, 197, 255);
  box-shadow: 0 2px 3px rgb(215, 197, 255);
}
.icons-list .icons-list-item {
  display: block;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  font-size: 18px;
  border-radius: 50px;
  border: 1px solid #BCBFC3;
  margin: 5px;
}
.icons-list .icons-list-item:hover {
  background-color: #BCBFC3;
  color: #4F46E5;
  font-size: 24px;
}
ul.sortable-list li,
ol.sortable-list li {
  background-color: #4F46E5;
  margin: 3px 0;
  border: 1px solid #4F46E5;
  border-radius: 0.3rem;
  font-weight: 500;
}
ul.sortable-list li.filtered,
ol.sortable-list li.filtered {
  background-color: #FF0000;
  color: #ffffff;
}
ul.sortable-list li.selected,
ol.sortable-list li.selected {
  background-color: #4F46E5;
  border: 1px solid #4F46E5;
  color: #ffffff;
}
ul.sortable-list .list-group-item,
ol.sortable-list .list-group-item {
  background-color: rgba(242, 101, 34, 0.05);
}
ul.sortable-list .list-group-item + .list-group-item,
ol.sortable-list .list-group-item + .list-group-item {
  border-top-width: 1px;
  background-color: rgba(242, 101, 34, 0.05);
}
ul#shared-right li,
ul#cloning-right li,
ul#disabling-sorting-right li,
ol#shared-right li,
ol#cloning-right li,
ol#disabling-sorting-right li {
  background-color: rgba(9, 44, 76, 0.05);
  border: 1px solid rgba(9, 44, 76, 0.05);
}
ul .handle,
ol .handle {
  cursor: grab;
}
.grid-square {
  width: 100px;
  height: 100px;
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #E6EAED;
  border-radius: 0.5rem;
  margin-block-end: 1.5rem;
  margin-inline-end: 1.5rem;
  padding: 20px;
}
.nested-sortable,
.nested-1,
.nested-2,
.nested-3 {
  margin-top: 5px;
}
.nested-sortable .list-group-item + .list-group-item,
.nested-1 .list-group-item + .list-group-item,
.nested-2 .list-group-item + .list-group-item,
.nested-3 .list-group-item + .list-group-item {
  border-top-width: 1px;
}
.nested-1,
.nested-2,
.nested-3 {
  border: 1px solid rgba(9, 44, 76, 0.05);
  font-weight: 500;
}
#map,
#map1,
#map-popup,
#map-custom-icon,
#interactive-map {
  height: 18.75rem;
  z-index: 10;
}
.jvm-zoom-btn {
  background-color: #F9FAFB;
  color: #646B72;
  border: 1px solid #E6EAED;
  font-size: 20px;
}
#vector-map,
#marker-map,
#marker-image-map,
#lines-map,
#us-map,
#canada-map,
#spain-map,
#russia-map {
  height: 21.875rem;
}
.jvm-tooltip {
  background-color: #1a1c1e;
}
#vector-map #jvm-regions-group path,
#marker-map #jvm-regions-group path,
#marker-image-map #jvm-regions-group path,
#lines-map #jvm-regions-group path,
#users-map #jvm-regions-group path {
  fill: #F9FAFB;
}
.jvm-zoom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.jvm-zoom-btn.jvm-zoomin {
  inset-block-start: 5px;
}
#jvm-markers-labels-group text {
  fill: #9595b5;
}
#google-map,
#google-map-overlay,
#map-layers,
#map-markers,
#streetview-map,
#map-geofencing {
  height: 18.75rem;
}
.google-map-overlay {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 0.875rem;
  opacity: 0.8;
  background: #4F46E5;
  border: solid 0.188rem #4F46E5;
  border-radius: 0.25rem;
  padding: 0 0.25rem;
}
.google-overlay_arrow {
  inset-inline-start: 50%;
  margin-inline-start: -1rem;
  width: 0;
  height: 0;
  position: absolute;
}
.google-overlay_arrow.above {
  inset-block-end: -0.938rem;
  border-inline-start: 0.938rem solid transparent;
  border-inline-end: 1rem solid transparent;
  border-block-start: 1rem solid #336699;
}
.google-overlay_arrow.below {
  inset-block-start: -0.938rem;
  border-inline-start: 1rem solid transparent;
  border-inline-end: 1rem solid transparent;
  border-block-end: 1rem solid #336699;
}
.flatpickr-time .flatpickr-am-pm {
  width: 36%;
}
[dir=rtl] .flatpickr-input {
  text-align: start;
}
.flatpickr-calendar {
  background-color: #ffffff;
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
  border: 1px solid #E6EAED;
  font-size: 14px;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: #000000;
  fill: #000000;
}
.rangeMode .flatpickr-day {
  margin-top: 4px;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-monthDropdown-months,
.numInput {
  color: #000000;
}
.flatpickr-day.today.inRange {
  color: #4F46E5;
}
.dayContainer {
  padding: 0.25rem;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #ffffff;
  font-size: 0.813rem;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem;
  fill: #4F46E5;
}
.flatpickr-day.inRange {
  box-shadow: none;
}
.flatpickr-calendar.open {
  z-index: 105;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  border-radius: 0.25rem;
  border: 1px dashed #4F46E5;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after,
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #9595b5;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #9595b5;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: none;
}
.flatpickr-day {
  color: #646B72;
  font-weight: 500;
}
.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay {
  opacity: 0.5;
}
.flatpickr-day.today {
  border-color: #4F46E5;
  background-color: #4F46E5;
  color: #ffffff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #4F46E5;
  color: #ffffff;
  border-color: #4F46E5;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: #f7f8f9;
  border-color: #E6EAED;
}
.flatpickr-day.today:hover {
  background-color: #4F46E5;
  border-color: #4F46E5;
  color: #ffffff;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #E6EAED;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #E6EAED;
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #E6EAED;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f7f8f9;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: #9595b5;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  inset-inline-start: 0;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  inset-block-start: 0;
  padding-block-start: 0.313rem;
  padding-inline: 0.313rem;
  padding-block-end: 0;
  color: #4F46E5;
  fill: #4F46E5;
}
@media (min-width: 420px) {
  .flatpickr-time .flatpickr-am-pm {
    padding: 0 1.875rem 0 0.5rem;
  }
}
.flatpickr-weekdays {
  border-block-end: 1px solid #E6EAED;
}
.numInputWrapper span.arrowUp {
  top: -0.125rem;
}
.flatpickr-current-month .numInputWrapper {
  width: 3.5rem;
}
.flatpickr-calendar.hasTime {
  width: auto;
}
[dir=rtl] .flatpickr-months .numInputWrapper span {
  left: 0;
  right: inherit;
}
@media (max-width: 575.98) {
  .flatpickr-calendar {
    width: 250px;
  }
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  margin: -1px 2.25rem 0 0;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  padding-block: 0;
  padding-inline-start: 0;
  padding-inline-end: 0.5ch;
  font-size: 0.875rem;
  font-weight: 500;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  stroke: #4F46E5;
}
.flatpickr-day {
  border-radius: 4;
}
.numInputWrapper:hover {
  background: transparent;
}
.numInputWrapper span {
  border: 0px;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-block-end-color: #4F46E5;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #ffffff;
}
.numInputWrapper span:hover {
  background: transparent;
}
.numInputWrapper span.arrowUp:after {
  border-inline-start: 0.25rem solid transparent;
  border-inline-end: 0.25rem solid transparent;
  border-block-end: 0.25rem solid #4F46E5;
  inset-block-start: 75%;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-block-start-color: #4F46E5;
}
.numInputWrapper span.arrowDown:after {
  border-inline-start: 0.25rem solid transparent;
  border-inline-end: 0.25rem solid transparent;
  border-block-start: 0.25rem solid #4F46E5;
  inset-block-start: 15%;
}
span.flatpickr-weekday {
  color: #4F46E5;
  font-weight: 700;
}
.flatpickr-months .flatpickr-month {
  color: #4F46E5;
  fill: #4F46E5;
}
.flatpickr-monthDropdown-months,
.numInput {
  color: #4F46E5;
}
.pcr-app {
  background: #ffffff;
}
.pcr-app .pcr-interaction .pcr-result {
  color: #646B72;
  background: #f7f8f9;
}
.theme-container button,
.theme-container1 button,
.theme-container2 button {
  display: none;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {
  margin-inline-end: 0.75em;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {
  margin-inline-start: 0.75em;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: 1px 0 0 #E6EAED;
}
.swiper {
  border-radius: 5px;
}
[dir=rtl] .swiper {
  direction: ltr;
}
[dir=rtl] .swiper-backface-hidden .swiper-slide {
  direction: rtl;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-button-next,
.swiper-button-prev {
  width: 1.563rem;
  height: 1.563rem;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 0.75rem;
  font-weight: 800;
}
.swiper-horizontal1 .swiper-slide {
  height: auto;
}
.swiper-pagination-bullet {
  width: 1.25rem;
  height: 0.25rem;
  border-radius: 5px;
  background: #ffffff;
}
.swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #3EB780;
}
.swiper-pagination {
  color: #ffffff;
}
.custom-pagination .swiper-pagination-bullet {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.188rem;
  background-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
  opacity: 1;
}
.custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffffff;
  color: #000000;
}
.swiper-scrollbar {
  background-color: rgba(255, 255, 255, 0.3);
}
.swiper-scrollbar-drag {
  background-color: #ffffff;
}
.swiper.vertical {
  height: 21.875rem;
}
.swiper-preview {
  height: 80%;
  width: 100%;
}
.swiper-view {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.swiper-view .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.swiper-view .swiper-slide-thumb-active {
  opacity: 1;
}
.swiper-preview .swiper-wrapper {
  margin-block-end: 0.65rem;
}
.swiper-thumbs .swiper-slide img {
  border-radius: 5px;
}
.files-list a.active {
  background: #EEF2FF;
}
.files-list a {
  border-radius: 5px;
}
.files-list a:hover,
.files-list a.active {
  background: #EEF2FF;
  color: #212B36 !important;
}
.social-gallery-slider a,
.email-attach a {
  position: relative;
  transition: 0.5s all;
}
.social-gallery-slider a span,
.email-attach a span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  transition: 0.5s all;
  background: #ffffff;
  opacity: 0;
}
.social-gallery-slider a span i,
.email-attach a span i {
  color: #1B2850;
  opacity: 1;
}
.social-gallery-slider a:hover,
.email-attach a:hover {
  transition: 0.5s all;
}
.social-gallery-slider a:hover span,
.email-attach a:hover span {
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s all;
  opacity: 0.5;
}
.social-gallery-slider a:hover::before,
.email-attach a:hover::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: #212B36;
  opacity: 0.8;
  position: absolute;
  transition: 0.5s all;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.social-gallery-slider a img,
.email-attach a img {
  transition: 0.5s all;
}
.post-textarea {
  padding-top: 60px;
  padding-left: 68px;
}
.text-area-avatar {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
.template-more-links a {
  position: relative;
}
.template-more-links a + a {
  margin-left: 10px;
  padding-left: 10px;
}
.template-more-links a + a::before {
  content: "/";
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.custom-nav {
  display: flex;
  align-items: center;
}
.custom-nav button {
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-nav button:hover {
  background: #1B2850;
  color: #ffffff;
}
.fs-5 {
  font-size: 5px !important;
}
.fs-6 {
  font-size: 6px !important;
}
.btn.btn-icon:hover {
  background: #F9FAFB;
  color: #1B2850;
}
.kanban-drag-wrap {
  min-width: 260px;
  min-height: 50px;
}
.dropdown-toggle.btn.btn-white.text-dark {
  color: #1B2850 !important;
}
.bg-transparent-secondary {
  background: #EDF2F4;
}
.input-icon-addon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  pointer-events: none;
  font-size: 12px;
  color: #A6AAAF;
  z-index: 9;
}
.input-icon-addon:last-child {
  right: 0;
  left: auto;
}
.input-icon-addon .spinner-border-sm {
  border-width: 1px;
}
.input-icon .form-control {
  padding-left: 30px;
}
.input-icon-start .form-control {
  padding-left: 30px;
}
.bg-soft-skyblue {
  background: #D3F5FC;
}
.bg-soft-pink {
  background: #FFDBEC;
  color: #FD3995;
}
.bg-skyblue {
  background-color: #0DCAF0 !important;
}
.project-status .dropdown a {
  border: 0;
}
.welcome-wrap {
  padding: 40px 40px 24px;
  background: #4F46E5;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .welcome-wrap {
    padding: 20px 20px 4px;
  }
}
.welcome-wrap .welcome-bg-01 {
  position: absolute;
  top: 0;
  left: 0;
}
.welcome-wrap .welcome-bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.welcome-wrap .welcome-bg-02 {
  position: absolute;
  top: 20%;
  left: 40%;
  z-index: -1;
}
.welcome-wrap .welcome-bg-03 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
#company-chart .apexcharts-bar-series .apexcharts-series path:hover {
  fill: #4F46E5;
}
.wishlist-products .qty-item {
  position: relative;
  display: inline-block;
  margin-right: 7px;
}
.wishlist-products .qty-item input {
  padding: 1px 9px;
  border-radius: 8px;
  height: 28px;
  width: 71px;
  text-align: center;
  font-size: 14px;
}
.wishlist-products .qty-item .dec,
.wishlist-products .qty-item .inc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #092C4C;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.wishlist-products .qty-item .dec:hover,
.wishlist-products .qty-item .inc:hover {
  color: #4F46E5;
}
.wishlist-products .qty-item .dec {
  left: 9px;
}
.wishlist-products .qty-item .inc {
  right: 9px;
}
.wishlist-products .product-info {
  padding: 15px;
  color: #B8BCC9;
  border: 1px solid #E6EAED;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.wishlist-products .product-info .img-bg {
  background-color: #F9FAFB;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: 10px;
  position: relative;
  padding: 10px;
}
.wishlist-products .product-info .img-bg img {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.wishlist-products .product-info .img-bg span {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #DD2590;
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 100%;
  color: #3EB780;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: none;
  font-size: 18px;
}
.wishlist-products .product-info .img-bg span:hover {
  background: #092C4C;
}
.wishlist-products .product-info h6 {
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wishlist-products .product-info h6.cat-name {
  margin-bottom: 4px;
  font-weight: 400;
}
.wishlist-products .product-info h6.cat-name a {
  color: #646B72;
}
.wishlist-products .product-info h6.cat-name a:hover {
  color: #4F46E5;
}
.wishlist-products .product-info .price {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #E6EAED;
}
.wishlist-products .product-info .price span {
  color: #DD2590;
}
.wishlist-products .product-info .price p {
  color: #0E9384;
  font-weight: 700;
}
.wishlist-products .product-info:hover .img-bg img {
  transform: scale(1.2);
}
.trend-tag {
  position: absolute;
  left: 20px;
  top: 20px;
  background: #FBFBFB;
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 12px;
}
.dot-icon {
  position: absolute;
  right: 0;
  top: 20px;
  margin-right: 20px;
}
.bootstrap-tagsinput .label-info {
  position: relative;
  background: #E8E9EA;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item.center {
  z-index: 5;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-carousel-inner {
  position: relative;
}
.owl-carousel .owl-carousel-inner .owl-next,
.owl-carousel .owl-carousel-inner .owl-prev {
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.owl-carousel .owl-carousel-inner button.owl-next,
.owl-carousel .owl-carousel-inner button.owl-prev {
  border: none;
}
.owl-carousel .owl-carousel-inner .owl-prev {
  left: 10px;
}
.owl-carousel .owl-carousel-inner .owl-next {
  right: 10px;
}
.owl-carousel .owl-carousel-inner .owl-prev,
.owl-carousel .owl-carousel-inner .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out, max-height 0.35s ease-in-out;
}
.owl-height.height-0 {
  max-height: 0;
  transition-duration: 700ms;
}
.owl-height.height-full {
  max-height: 2000px;
}
.owl-carousel .owl-item .owl-lazy {
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item {
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-theme .owl-carousel-inner .owl-prev,
.owl-theme .owl-carousel-inner .owl-next {
  color: #FFF;
  font-size: 14px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-carousel-inner .owl-prev:hover,
.owl-theme .owl-carousel-inner .owl-next:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-carousel-inner .owl-prev.disabled,
.owl-theme .owl-carousel-inner .owl-next.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.owl-theme .owl-dots {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
.mat-sort-header-container {
  justify-content: space-between;
}
.mat-sort-header-container .mat-sort-header-arrow {
  opacity: 0.54 !important;
  transform: translateY(0px) !important;
}
.mat-sort-header-container .mat-sort-header-arrow .mat-sort-header-stem {
  display: none;
}
.mat-sort-header-container .mat-sort-header-arrow .mat-sort-header-indicator {
  opacity: 1;
  color: black;
  font-weight: bold;
}
.mat-sort-header-container .mat-sort-header-arrow .mat-sort-header-indicator .mat-sort-header-pointer-left,
.mat-sort-header-container .mat-sort-header-arrow .mat-sort-header-indicator .mat-sort-header-pointer-right,
.mat-sort-header-container .mat-sort-header-arrow .mat-sort-header-indicator .mat-sort-header-pointer-middle {
  display: none;
}
.mat-sort-header-container .mat-sort-header-arrow::after {
  right: 0.5em;
  content: "\f107";
  color: #babfc7;
  font-family: "Font Awesome 5 Free";
  top: 0px;
  font-size: 12px;
  opacity: 1;
  position: absolute;
}
.mat-sort-header-container .mat-sort-header-arrow::before {
  right: 0.5em;
  content: "\f106";
  color: #babfc7;
  font-family: "Font Awesome 5 Free";
  top: -9px;
  font-size: 12px;
  opacity: 1;
  position: absolute;
}
[aria-sort=ascending] .mat-sort-header-arrow::before {
  color: #000;
}
[aria-sort=descending] .mat-sort-header-arrow::after {
  color: #000;
}
table tbody tr td .product-img img {
  border: 0;
  width: 32px;
  height: 32px;
}
.file-manager .all-files .table tbody tr td a.product-img img {
  width: 32px;
  height: 32px;
  border: 0;
}
.table th {
  border-top: none;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #dee2e6;
}
app-custom-pagination .pagination li a {
  background: var(--Stroke, rgba(145, 158, 171, 0.3));
  border-radius: 85px !important;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5B6670;
}
app-custom-pagination .pagination li a:hover {
  background: #FF9F43;
  color: #ffffff;
}
app-custom-pagination .pagination li {
  margin: 0 5px;
}
.hide-sub-menu {
  display: none;
  animation: fadeOut 10s;
}
.sidebar .sidebar-menu > ul > li.submenu ul.hide,
.hide,
.sidebar.sidebar-four ul ul.hide {
  animation: fadeOut 10s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
hr {
  opacity: 0.25;
}
.table-responsive .table-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.table-responsive .table-footer app-custom-pagination .pagination {
  display: flex;
  align-items: center;
}
.table-responsive .table-footer app-custom-pagination .pagination .entries {
  font-size: 12px;
  color: #5e5873;
  font-weight: 600;
}
.table-responsive .table-footer .dataTables_length select {
  display: inline-block;
  width: auto;
}
.owl-product .owl-theme .owl-nav div {
  color: #1a54c7;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  border-radius: 100%;
}
.owl-product .owl-theme .owl-nav div i {
  font-size: 10px;
}
.btn-colrs {
  color: #fff !important;
}
.btn-colrs:hover {
  color: #fff !important;
}
.breadcrumb-item + .breadcrumb-item {
  padding: 0;
}
.no-record {
  text-align: center;
  font-size: 16px;
}
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center,
.apexcharts-legend.apx-legend-position-top.apexcharts-align-center {
  display: none;
}
.form-check-input.form-inp {
  position: relative;
  margin-left: 0;
}
.owl-product .owl-theme .owl-nav div i:hover {
  color: #fff;
}
.card.show-sub-menu .card-body {
  padding: 0;
}
html,
body {
  height: 100%;
  overflow-x: hidden;
}
#toggle_btn {
  font-family: "Font Awesome 5 Free";
  text-rendering: auto;
  font-weight: 900;
  line-height: 40px !important;
  font-size: 14px !important;
  -webkit-font-smoothing: antialiased;
}
.mat-mdc-select .mat-mdc-select-trigger {
  border: 1px solid #E6EAED;
  line-height: 40px;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 10px;
  background: #fff;
}
.mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-option:focus:not(.mdc-list-item--disabled),
.mat-mdc-option.mat-mdc-option-active,
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
  background-color: #ff9f43;
}
.mat-mdc-option-active .mdc-list-item__primary-text,
.mat-mdc-option:hover .mdc-list-item__primary-text {
  color: #fff;
}
.mat-mdc-option {
  min-height: 35px !important;
  font-size: 14px;
}
.mat-mdc-select-placeholder,
.mat-mdc-select-arrow,
.mat-mdc-select-value {
  color: #212B36;
}
.sidebar .sidebar-menu > ul > li.submenu ul.submenus-two {
  background: #fafbfe;
}
.dark .sidebar .sidebar-menu > ul > li.submenu ul.submenus-two {
  background: #141432;
}
@media only screen and (max-width: 768px) {
  .table-responsive .table-footer .pagination {
    flex-wrap: wrap;
    justify-content: center;
  }
  .table-responsive .table-footer .pagination ul li a {
    font-size: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.full-cal .fc .fc-button .fc-icon {
  color: #797979;
}
.full-cal .fc-header-toolbar.fc-toolbar .fc-button,
.full-cal .fc-header-toolbar.fc-toolbar .fc-button:active {
  background-color: #f1f1f1;
  border: 0 none;
  color: #797979;
  text-transform: capitalize;
}
.full-cal .fc-header-toolbar.fc-toolbar .fc-button.fc-button-active {
  background-color: #ff9f43;
  color: #fff;
  text-shadow: none;
}
.full-cal .fc-header-toolbar.fc-toolbar .fc-button:not(:disabled).fc-button-active:focus,
.full-cal .fc-header-toolbar.fc-toolbar .fc-button:not(:disabled):active:focus,
.full-cal .fc-header-toolbar.fc-toolbar .fc-button:focus {
  box-shadow: 0 0 0;
}
.full-cal .fc-button-group.fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: #ff9f43;
  border-color: #ff9f43;
  color: #fff;
  text-transform: capitalize;
}
.full-cal .fc .fc-button-primary:disabled {
  background-color: #ff9f43;
  border-color: #ff9f43;
  color: #fff;
  text-transform: capitalize;
}
.full-cal .fc .fc-button-primary:hover {
  background: #f3f3f3;
  border-color: #f3f3f3;
  color: #797979;
  text-transform: capitalize;
}
.full-cal .fc .fc-button-primary:disabled:hover {
  background: #ff9f43;
  border-color: #ff9f43;
  color: #fff;
  text-transform: capitalize;
}
.full-cal .fc-button {
  background: #f1f1f1;
  border: none;
  text-transform: capitalize;
  box-shadow: none;
  border-radius: 3px !important;
  margin: 0 3px !important;
  padding: 6px 12px;
  height: auto;
}
.full-cal full-calendar {
  font-size: 14px;
}
.full-cal .fc .fc-toolbar {
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
.fc .fc-toolbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-shadow: none;
  opacity: 0.5;
}
.day-unit.is-selected {
  background: #ff9f43 !important;
  color: #fff;
}
.day-unit:hover {
  background-color: #ff9f43 !important;
}
.content-wrapper {
  width: 100%;
}
.page-wrapper-one .pos-page {
  margin-top: -60px;
}
.page-wrapper-three .pos-page {
  margin-top: 80px;
}
.sales-pos.mini-sidebar .header-left {
  width: 260px;
  justify-content: center;
  align-items: start;
  padding: 0 20px;
}
.sales-pos.mini-sidebar .header-left .logo-normal {
  display: block;
}
.sales-pos.mini-sidebar .header-left .logo-small {
  display: none;
}
.sidebar-cls {
  display: flex;
  width: 100%;
  height: 100%;
}
.sidebar-cls-two {
  width: 100%;
}
.mini-sidebar .header-left #toggle_btn {
  transform: rotate(180deg);
}
.header-left #toggle_btn {
  transform: rotate(0);
}
.popover-list .btn {
  position: relative;
  border-radius: 4px;
}
a.btn-submit:active {
  background-color: #fe820e !important;
}
a.btn-cancel:active {
  background-color: #424b52 !important;
}
li.active .menu-arrow::before {
  border-color: #fe9f43 !important;
}
.mini-sidebar.menu-opened.slide-nav .sidebar .sidebar-menu > ul > li.submenu-open .submenu ul.show-sub-menu {
  display: block;
}
.user-menu.nav > li > a i {
  font-size: 18px;
  line-height: 60px;
}
.sidebar .sidebar-menu > ul > li i.feather,
.sidebars .sidebar-menu > ul > li i.feather {
  min-width: 16px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.NgxEditor {
  box-shadow: none;
  padding: 10px 15px;
  font-size: 14px;
  min-height: 45px;
  border: 1px solid #e3e3e3 !important;
  border-radius: 5px !important;
  height: 190px;
}
.scroll-demo {
  height: 300px;
  scroll-behavior: smooth;
  scrollbar-width: thin;
}
cdk-virtual-scroll-viewport .horizontal-scroll {
  overflow-y: hidden !important;
}
mat-select.custom-mat-select .mat-mdc-select-trigger {
  border: 1px solid #E6EAED;
  border-radius: 5px;
  color: #878a99;
  line-height: 38px;
  border-radius: 5px;
  height: 38px;
  background-color: #fff;
}
.dark-select div.mat-mdc-select-panel.mat-mdc-select-panel {
  background-color: #0a0a0a;
}
.dark-select mat-option.mat-mdc-option .mdc-list-item__primary-text {
  color: #97A2D2;
}
.dark-select .mat-mdc-select-value-text .mat-mdc-select-min-line {
  color: #97A2D2;
}
.dark-select mat-option.mat-mdc-option .mdc-list-item__primary-text:hover {
  color: #fff;
}
.dark-select mat-select .mat-mdc-select-trigger {
  background: #1d1d42;
  border: 1px solid #353570;
}
dark-select mat-option.mat-mdc-option.mdc-list-item {
  background-color: #1d1d42;
}
mat-option mat-pseudo-checkbox {
  display: none;
}
mat-select .mat-mdc-select-placeholder {
  color: #212B36;
}
mat-option.mat-mdc-option .mdc-list-item__primary-text {
  font-size: 14px;
  color: #212B36;
}
mat-option mat-pseudo-checkbox.mat-pseudo-checkbox {
  display: none;
}
mat-option.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: #FF9F43;
}
mat-option.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #fff;
}
mat-option.mat-mdc-option:focus.mdc-list-item,
mat-option.mat-mdc-option.mat-mdc-option-active.mdc-list-item {
  min-height: 35px;
}
mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background-color: #FF9F43;
}
.sidebar-inner.slimscroll {
  background: #ffffff;
  border-right: 1px solid transparent;
}
a:hover {
  text-decoration: none;
}
.menu-opened.slide-nav .bar-icon span:first-child {
  position: relative;
  top: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.menu-opened.slide-nav .bar-icon span:nth-child(2) {
  display: none;
}
.menu-opened.slide-nav .bar-icon span:last-child {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
mat-slider {
  width: 100% !important;
}
.mdc-slider__value-indicator {
  transform: scale(1) !important;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #ed5565;
  --mdc-slider-active-track-color: #ed5565;
  --mat-mdc-slider-hover-ripple-color: #ed5565;
  --mat-mdc-slider-focus-ripple-color: #ed5565;
  --mdc-slider-focus-handle-color: #ed5565;
}
.moder-skin .mat-mdc-slider.mat-primary {
  --mdc-slider-active-track-color: #20b426;
  --mdc-slider-handle-color: #a3adc1;
  --mdc-slider-focus-handle-color: #a3adc1;
}
.sharp-skin .mat-mdc-slider.mat-primary {
  --mdc-slider-active-track-color: #ee22fa;
  --mdc-slider-handle-color: #ee22fa;
  --mdc-slider-focus-handle-color: #ee22fa;
}
.round-skin .mat-mdc-slider.mat-primary {
  --mdc-slider-active-track-color: #006cfa;
  --mdc-slider-handle-color: #006cfa;
  --mdc-slider-focus-handle-color: #006cfa;
}
.square-Skin .mat-mdc-slider.mat-primary {
  --mdc-slider-active-track-color: black;
  --mdc-slider-handle-color: black;
  --mdc-slider-focus-handle-color: black;
}
.square-Skin .mat-mdc-slider .mdc-slider__thumb-knob {
  top: -5px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  box-sizing: border-box;
  -ms-transform: rotate(45deg);
  border-radius: 0px;
  transform: rotate(45deg);
}
.sharp-skin .mat-mdc-slider .mdc-slider__thumb-knob {
  top: 10px;
  background-color: #a804b2;
  border-radius: 0px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}
.moder-skin .mat-mdc-slider .mdc-slider__thumb-knob {
  top: 10px;
  position: absolute;
  display: block;
  border-radius: 0px;
  width: 6px;
  height: 11px;
  border: 1px solid #a3adc1;
  background: white;
}
.round-skin .mat-mdc-slider .mdc-slider__thumb-knob {
  top: -5px;
  width: 20px;
  height: 20px;
  border: 3px solid #006cfa;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.square-Skin.mat-mdc-slider .mdc-slider__thumb-knob {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}
.moder-skin .mat-mdc-slider.mat-primary {
  height: 2px;
  --mdc-slider-active-track-color: #20b426;
  --mdc-slider-handle-color: #a3adc1;
}
.sharp-skin .mat-mdc-slider.mat-primary {
  height: 2px;
  --mdc-slider-active-track-color: #ee22fa;
}
.round-skin .mat-mdc-slider.mat-primary {
  height: 4px;
  --mdc-slider-active-track-color: #006cfa;
}
.square-Skin .mat-mdc-slider.mat-primary {
  height: 4px;
  --mdc-slider-active-track-color: black;
}
.feather-size i {
  font-size: 25px;
}
a.feather-size {
  position: unset;
  border: none;
  margin: 0;
}
.primary-color-popover .popover-title.popover-header,
.primary-background-popover {
  background-color: #FF9F43 !important;
  color: #ffffff !important;
}
.secondary-color-popover .popover-title.popover-header,
.secondary-background-popover {
  background-color: #092C4C !important;
  color: #ffffff !important;
}
.info-color-popover .popover-title.popover-header,
.info-background-popover {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}
.warning-color-popover .popover-title.popover-header,
.warning-background-popover {
  background-color: #FF9900 !important;
  color: #ffffff !important;
}
.success-color-popover .popover-title.popover-header,
.success-background-popover {
  background-color: #28C76F !important;
  color: #ffffff !important;
}
.danger-color-popover .popover-title.popover-header,
.danger-background-popover {
  background-color: #FF0000 !important;
  color: #ffffff !important;
}
popover-container.popover .popover-header {
  background-color: inherit;
}
.teal-background-popover {
  background-color: #02a8b5 !important;
  color: #ffffff !important;
}
.purple-background-popover {
  background-color: #7367F0 !important;
  color: #ffffff !important;
}
.popover .popover-content.popover-body {
  color: inherit;
}
.primary-light-popover {
  background-color: #FFF5EC !important;
  color: #FF9F43 !important;
}
.secondary-light-popover {
  background-color: #E6E9ED !important;
  color: #092C4C !important;
}
.info-light-popover {
  background-color: #E7F6F8 !important;
  color: #17a2b8 !important;
}
.warning-light-popover {
  background-color: #FFF5EC !important;
  color: #FF9900 !important;
}
.success-light-popover {
  background-color: #E9F9F0 !important;
  color: #28C76F !important;
}
.danger-light-popover {
  background-color: #FFE5E5 !important;
  color: #FF0000 !important;
}
.custom-popover {
  position: relative;
}
span.custom-disabled-span {
  border: none;
  position: unset;
}
.power-ribbone span i {
  vertical-align: middle !important;
  width: 15px;
  height: 15px;
}
.bank-action-btn .edit-bank {
  color: #3577f1;
}
.bank-action-btn .delete-bank {
  color: #FF0000;
}
.custom-modal-two .content {
  padding: 0px;
}
.settings-sidebar .sidebar-inner.slimscroll {
  background-color: #f8f9fa;
  border-right: 1px solid transparent;
}
.bank-settings .btn-list i {
  width: 18px;
  height: 18px;
  color: #092C4C;
}
.bank-settings .btn-grid.active i {
  color: #ffffff;
}
h2.swal2-title {
  font-size: 18px;
}
button.swal2-styled {
  padding: 0.5rem 0.85rem;
}
.power-ribbone-top-left span i {
  transform: rotate(-45deg);
  padding-block-start: 2px;
  padding-inline-end: 7px;
}
.icon-popover-information .popover-content.popover-body {
  background-color: #092C4C;
  color: #fff;
}
.icon-popover-details .popover-content.popover-body {
  background-color: #FF9900;
  color: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
popover-container.popover {
  z-index: 9999;
}
.tooltip-content-primary .tooltip-inner {
  background-color: #FF9900;
}
.tooltip-content-primary .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #FF9900;
}
.tooltip-content-secondary .tooltip-inner {
  background-color: #092C4C;
}
.tooltip-content-secondary .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #092C4C;
  display: none;
}
.tooltip-content-warning .tooltip-inner,
.tooltip-icon-custom-wrapper .tooltip-inner,
.custom-link-tooltip .tooltip-inner {
  background-color: #FF9900;
}
.tooltip-content-warning .tooltip.bs-tooltip-top .arrow::before,
.tooltip-icon-custom-wrapper .tooltip.bs-tooltip-top .arrow::before,
.custom-link-tooltip .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #FF9900;
}
.tooltip-content-info .tooltip-inner {
  background-color: #138698;
}
.tooltip-content-info .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #138698;
}
.tooltip-content-success .tooltip-inner {
  background-color: #28C76F;
}
.tooltip-content-success .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #28C76F;
}
.tooltip-content-danger .tooltip-inner {
  background-color: #FF0000;
}
.tooltip-content-danger .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #FF0000;
}
.tooltip-content-light .tooltip-inner {
  background-color: #f8f9fa;
}
.tooltip-content-light .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #f8f9fa;
}
.tooltip-content-dark .tooltip-inner {
  background-color: #29344a;
}
.tooltip-content-dark .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #29344a;
}
.custom-btn-tooptip-class {
  display: flex;
  flex-wrap: wrap;
}
.custom-disabled {
  pointer-events: all;
  opacity: 0.5;
}
.custom-disabled:hover {
  cursor: default;
}
.custom-disabled.btn:not(:disabled):not(.disabled) {
  cursor: default;
}
.dropdown .dropdown-toggle:after {
  width: auto;
  height: auto;
}
.dropdown-toggle:after {
  width: auto;
  height: auto;
}
.clipboard input {
  border: none;
}
.stars {
  font-size: 30px;
  color: #f7b84b;
}
bs-datepicker-container .theme-green .bs-datepicker-head,
.bs-datepicker.theme-green .bs-datepicker-head {
  background-color: #FF9F43;
}
bs-datepicker-container .theme-green .bs-datepicker-body table td span.selected,
bs-datepicker-container .theme-green .bs-datepicker-body table td.selected span,
bs-datepicker-container .theme-green .bs-datepicker-body table td span[class*=select-]:after,
bs-datepicker-container .theme-green .bs-datepicker-body table td[class*=select-] span:after,
.bs-datepicker.theme-green .bs-datepicker-body table td span.selected,
.bs-datepicker.theme-green .bs-datepicker-body table td.selected span,
.bs-datepicker.theme-green .bs-datepicker-body table td span[class*=select-]:after,
.bs-datepicker.theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #FF9F43;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #FF9F43;
}
.card-title-head h6 i {
  margin-right: 5px;
  color: #FF9F43;
  font-size: 20px;
}
.table-top-head li a i {
  color: #092C4C;
}
mat-tooltip-component .mat-mdc-tooltip .mdc-tooltip__surface {
  background-color: #000;
  padding: 10px;
  font-size: 14px;
}
.total-employees h6 i {
  width: 15px;
  margin-right: 5px;
}
i.filter-icon {
  width: 18px;
  height: 18px;
  color: #ffffff;
}
.employee-grid-profile .dropdown.profile-action i {
  color: #092C4C;
}
.mat-mdc-select-trigger .mat-mdc-select-value {
  font-size: 14px;
}
.employee-grid-profile .dropdown.profile-action ul li a i {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.employee-grid-profile .dropdown.profile-action i {
  color: #092C4C;
}
.sidebar .sidebar-menu > ul > li i,
.sidebars .sidebar-menu > ul > li i {
  min-width: 16px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.bank-settings .btn-list.active i,
.bank-settings .btn-grid.active i {
  color: #ffffff;
}
.bank-settings .btn-list i,
.bank-settings .btn-grid i {
  width: 18px;
  height: 18px;
  color: #092C4C;
}
.form-check-input {
  position: unset;
  margin-left: 0;
}
app-form-mask form #phone {
  padding: 0.5rem 0.85rem;
}
button.mat-mdc-button:not(:disabled) {
  color: inherit;
}
div.mat-step-icon.mat-step-icon-state-edit {
  background-color: #FF9F43;
}
div.mat-step-icon.mat-step-icon-selected {
  background-color: #FF9F43;
}
.main-chat-blk.main-wrapper {
  height: 100vh;
  overflow: hidden;
}
.main-chat-blk.main-wrapper .content {
  display: flex;
  display: -webkit-flex;
}
.main-chat-blk.main-wrapper .content .sidebar-group.right-sidebar .sidebar {
  width: 310px;
}
.main-chat-blk.main-wrapper .content .sidebar-group {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  position: relative;
  z-index: 99;
  width: 340px;
}
@media (max-width: 766.98px) {
  .main-chat-blk.main-wrapper .content .sidebar-group {
    width: 100%;
  }
}
.main-chat-blk.main-wrapper .content .sidebar-group .sidebar {
  background: #ffffff;
  overflow: hidden;
  width: 340px !important;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-right: 1px solid rgb(224, 224, 224);
}
@media (max-width: 766.98px) {
  .main-chat-blk.main-wrapper .content .sidebar-group .sidebar {
    width: 100% !important;
  }
}
app-application {
  width: 100%;
}
mat-select.space-select .mat-mdc-select-value {
  padding-left: 22px;
}
app-custom-pagination .table-footer {
  margin: 10px;
}
app-custom-pagination .pagination {
  justify-content: space-between;
  align-items: center;
}
app-custom-pagination .pagination_section {
  justify-content: end;
  display: flex;
}
.badges-inactive-Holiday {
  color: #7367F0;
  border: 1px solid #7367F0;
}
.page-header ul.table-top-head li a i,
app-dashboard .feather.icon-rotate-ccw.feather-16 {
  font-size: 16px;
}
.slider-product-details .owl-carousel .owl-nav div {
  width: 21px;
  height: 21px;
  color: #292D32;
  border: 1px solid #292D32;
  background: #fff;
  position: absolute;
  top: -30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin: 0;
}
.input-blocks a.btn.btn-filters {
  color: #fff;
}
.custom-class-modal .status-toggle.modal-status {
  margin-left: 239px !important;
}
.custom-class-modal .checktoggle.custom-class-checktoggle {
  margin-left: 90px;
}
.logo-company li .new-logo a span i {
  color: #ffffff;
}
.table-top-head li a.btn-secondary i {
  width: 16px;
  margin-right: 5px;
  color: #ffffff;
}
.feather-26-custom {
  font-size: 26px;
}
.feather-20 {
  font-size: 20px;
}
.icon-select .icon {
  margin-top: 2px;
}
.stickybar {
  top: 0;
  position: sticky;
}
.theiaStickySidebar {
  top: 0;
  position: sticky;
}
.welcome .daterange-wraper i {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.welcome .daterange-wraper:hover i {
  color: #ffffff;
}
.sales-cards .card.color-info i {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.cdk-overlay-container {
  z-index: 10000000 !important;
}
.notes-top-head-submenu .nav.todo-inbox button.todo-inbox.active i {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.notes-top-head-submenu .nav.todo-inbox button.todo-inbox i {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.section-bulk-wrap .form-sort i.feather-filter {
  position: absolute;
  z-index: 101;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 10px;
}
.notes-page-wrapper .content .section-card-body .notes-card-details .notes-slider-widget .notes-star-delete span .feather.icon-star {
  color: #5B6670;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.custom-control.custom-checkbox.custom-class-check {
  padding-left: 0;
}
.badges.status-badge-ordered {
  background-color: #FF9900;
}
.customizer-links ul li a i {
  color: #ffffff;
  width: 16px;
  height: 16px;
}
.dark .sidebar-inner.slimscroll {
  background: #141432;
}
.status-toggle label.active img {
  border-color: #FF9F43;
}
lightgallery {
  display: flex;
}
.nav.share-media-img lightgallery {
  flex-wrap: wrap;
}
#chats .slimscroll-active-sidebar {
  height: calc(100vh - 60px) !important;
}
.chat-footer form {
  background-color: #fff;
}
.table-top-head li a i.feather.icon-chevron-up,
.table-top-head li a i.feather.icon-chevron-down,
app-dashboard .feather.icon-chevron-up,
app-dashboard .feather.icon-chevron-down {
  font-size: 22px;
}
mat-select.mat-mdc-select.select {
  font-family: "Nunito", sans-serif;
}
.tabs .owl-theme .owl-nav div {
  color: #092C4C;
  font-size: 14px;
  margin: 5px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 28px;
}
.files-carousel .owl-theme .owl-nav div,
.video-section .owl-theme .owl-nav div {
  background: transparent;
  color: #092C4C;
}
.tabs .owl-nav div:hover,
.files-carousel .owl-nav div:hover,
.video-section .owl-nav div:hover {
  color: #FF9F43 !important;
  background: none !important;
}
.dash-count .dash-imgs i {
  font-size: 49px;
}
.folders-carousel .owl-theme .owl-nav div {
  background-color: transparent;
  color: #5B6670;
  padding: 50px 0px -1px 2px;
}
.tabs .owl-nav div:hover {
  background: #FF9F43 !important;
  color: #ffffff;
}
.dash-count .dash-imgs i {
  font-size: 49px;
}
.folders-carousel .owl-theme .owl-nav div {
  background-color: transparent;
  color: #5B6670;
  padding: 50px 0px -1px 2px;
}
.folders-carousel .owl-nav div:hover {
  background-color: transparent !important;
  color: #FF9F43 !important;
}
.file-manager .owl-carousel .owl-nav {
  top: -41px;
  left: 59px;
  display: inline-table;
}
app-bank-settings-list .btn-list i,
app-bank-settings-list .btn-grid i,
app-bank-settings-grid .btn-list i,
app-bank-settings-grid .btn-grid i,
app-employee-grid .btn-grid i,
app-employee-grid .btn-list i,
app-employee-list .btn-grid i,
app-employee-list .btn-list i,
app-department-grid .btn-list i,
app-department-grid .btn-grid i,
app-department-list .btn-list i,
app-department-list .btn-grid i {
  font-size: 18px;
}
#filter_search .feather.icon-filter,
#filter_search2 .feather.icon-filter {
  font-size: 18px;
}
.custom-space {
  margin-bottom: 0;
}
app-manage-stocks .input-blocks.search-form i {
  position: absolute;
  left: 10px;
  top: 45px;
  width: 15px;
}
.example-chip-list {
  width: 100%;
}
.mat-input-element {
  width: 100%;
  padding: 0 0.75rem;
  box-shadow: none;
  line-height: 40px;
}
.example-chip-list:hover,
.mat-input-element:hover {
  background: none;
}
mat-chip-row.mat-mdc-standard-chip {
  border-radius: inherit;
}
mat-form-field .mat-mdc-text-field-wrapper {
  background-color: inherit;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  background-color: inherit;
}
mat-form-field.mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: inherit;
}
mat-form-field .mdc-line-ripple {
  display: none;
}
mat-form-field .mat-mdc-text-field-wrapper {
  border: 1px solid #ccc;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding: 0;
}
mat-form-field .mat-mdc-text-field-wrapper {
  height: 40px;
}
mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-infix,
mat-form-field .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding-top: 0;
  padding-bottom: 0;
}
.layout-box .feather.icon-layout.feather-search {
  font-size: 18px;
}
#payment-completed .feather-40 {
  color: #28C76F;
  width: 40px !important;
  height: 40px !important;
}
aside.product-order-list .order-total table td {
  border-top: none;
}
aside.product-order-list .order-total table tr td .text-end {
  margin-right: 20px;
}
app-stock-adjustment .input-blocks.search-form i {
  position: absolute;
  left: 10px;
  top: 45px;
  width: 15px;
}
app-stock-transfer .input-blocks.search-form i {
  position: absolute;
  left: 10px;
  top: 45px;
  width: 15px;
}
.custom-timepicker {
  position: absolute;
  margin-top: 5px;
  padding: 20px;
  background: #ffffff;
  border-radius: 6px;
  display: none;
  z-index: 1;
}
.custom-timepicker .btn-default {
  background: #FF9F43;
  color: #fff;
}
.custom-timepicker table tbody tr td.form-group input.form-control.text-center.bs-timepicker-field {
  background: #fff;
  color: #000000;
  cursor: pointer;
}
.custom-timepicker .btn-link {
  color: #000000;
}
.custom-timepicker .form-group {
  padding: 15px;
}
.dark .bs-datepicker-container {
  background: #1B2950;
}
.dark .page-wrapper {
  background: #141432;
  min-height: 100vh !important;
}
.dark.main-chat-blk .chat-page-wrapper .left-chat-title {
  border-bottom-color: #67748E;
  background: #141432;
}
.dark.main-chat-blk .chat-page-wrapper .setting-title-head h4 {
  color: #97A2D2;
}
.dark.main-chat-blk .chat {
  background: #141432;
}
.dark.main-chat-blk .top-online-contacts {
  background: #141432;
}
.dark.main-chat-blk .sidebar-body {
  background: #141432;
}
.dark.main-chat-blk .chat .chat-header {
  background: #141432;
  box-shadow: none;
}
.dark.main-chat-blk .sidebar .user-list li .users-list-body h5,
.dark.main-chat-blk .sidebar .user-list li .users-list-body p {
  color: #97A2D2;
}
.dark.main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time .text-muted {
  color: #B8BCC9 !important;
}
.dark.main-chat-blk .chat .chat-header .user-details h5,
.dark.main-chat-blk .chat .chat-header .user-details small {
  color: #97A2D2;
}
.dark.main-chat-blk .chat .chat-header li a i {
  color: #67748E;
}
.dark.main-chat-blk .chat .chat-body .messages .chats .message-content {
  background: #092C4C;
  color: #97A2D2;
}
.dark.main-chat-blk .chat .chat-body .messages .chat-profile-name h6 {
  color: #97A2D2;
}
.dark.main-chat-blk .chat-date {
  background: #092C4C;
  color: #97A2D2;
  border: 1px solid #353570;
}
.dark.main-chat-blk .chat .chat-body .messages .file-download .file-details ul li {
  color: #97A2D2;
}
.dark .chat-footer form {
  background-color: #141432;
}
.dark.main-chat-blk .sidebar-body .profile-name {
  color: #97A2D2;
}
.dark.main-chat-blk .chat-member-details .member-details ul li span,
.dark.main-chat-blk .chat-member-details .member-details ul li h5 {
  color: #67748E;
}
body .dark {
  background-color: #141432;
  color: #97A2D2;
}
.dark.main-chat-blk .right-sidebar .right-sidebar-wrap {
  background: #141432;
}
.dark.main-chat-blk .chat-action-col > a {
  color: #5B6670;
}
.bs-datepicker-head button {
  border: none;
}
.dark .table-top-head li a i {
  color: #97A2D2;
}
body .dark.header-collapse .header .header-left {
  background-color: #141432;
}
.dark .mat-mdc-select-arrow {
  color: #637381;
}
.dark-select.swal2-shown.swal2-height-auto .swal2-popup {
  background-color: #212529;
}
.dark-select .swal2-popup .swal2-title {
  color: #97A2D2;
}
.dark full-calendar.fc .fc-daygrid-day-number {
  color: #bbc4cc;
}
.dark full-calendar.fc tbody td span {
  color: #bbc4cc;
}
full-calendar.fc tbody td {
  color: #000;
}
full-calendar.fc .fc-header-toolbar button {
  text-transform: capitalize;
}
full-calendar.fc .fc-toolbar-chunk .fc-button-group button {
  background: #FF9F43;
  border: #FF9F43;
  color: #fff;
}
full-calendar.fc .fc-button-primary:not(:disabled).fc-button-active,
full-calendar.fc .fc-button-primary:not(:disabled):active {
  background-color: #FF9F43;
  border-color: #FF9F43;
  color: #fff;
}
full-calendar.fc .fc-button-primary:disabled {
  background-color: #FF9F43;
  border-color: #FF9F43;
  color: #fff;
}
.dark full-calendar.fc tbody td {
  color: #fff;
}
body .dark .page-wrapper-new {
  background-color: #141432;
}
.dark-select .login-wrapper.bg-img .login-content {
  background: #092C4C;
  opacity: 0.9;
}
.dark-select .login-wrapper .login-content .login-logo {
  display: none;
}
.dark-select .login-logo.logo-white {
  display: block !important;
}
.dark-select .login-wrapper .login-content .login-userheading h3,
.dark-select .login-wrapper .login-content .login-userheading h4 {
  color: #97A2D2;
}
.dark-select .login-wrapper .login-content .form-login label {
  color: #97A2D2;
}
.dark-select .login-wrapper .login-content .form-login input {
  background: #212529 !important;
  color: #97A2D2;
}
body.dark-select app-error-pages .main-wrapper {
  background-color: #141432;
  color: #97A2D2;
}
.dark-select .comming-soon-pg .coming-soon-box {
  background: #092C4C;
  opacity: 0.9;
}
.dark-select .comming-soon-pg .coming-soon-box .coming-soon-timer li span {
  color: #97A2D2;
}
.dark-select .comming-soon-pg .coming-soon-box .coming-soon-timer li {
  background: #092C4C;
  color: #97A2D2;
}
.dark-select input[type=email] {
  border: 1px solid #495057;
}
.dark-select .form-control {
  background: #1d1d42 !important;
  color: #97A2D2;
}
.dark-select .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  background-color: #1d1d42;
}
.dark-select .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: #97A2D2;
}
.dark-select mat-chip-row mat-icon {
  color: #97A2D2;
}
.status-toggle label.checktoggles.active img {
  border-color: #FF9F43;
}
.status-toggle label.checktoggles.active span::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FF9F43;
  position: absolute;
  left: 4px;
}
.sidebar.collapsed-sidebar .sidebar-menu .ui-aside .nav-tabs .nav-item .nav-link.active {
  background-color: #FF9F43;
  border: 0;
}
.dataTables_filter label {
  margin-bottom: 0;
}
.dark .table tbody tr td {
  border-top: 0;
}
.dark #sidebar-menu-3.sidebar-menu {
  background: #141432;
  border-top-color: #2c2c50;
}
.dark.modern .page-wrapper .content {
  background-color: #1d1d42;
}
.table-responsive table .checkboxs .checkmarks {
  top: -5px;
}
.custom-timepicker tr td.form-group input {
  padding: 0;
  width: 40px;
}
#middle.chat.chat-messages.ng-custom-class ng-scrollbar {
  width: 100%;
}
@media (max-width: 1399.98px) {
  #middle.chat.chat-messages.ng-custom-class ng-scrollbar {
    width: 400px;
  }
}
.pos-products .product-info .img-bg span i {
  color: #ffffff;
  position: absolute;
  top: 1px;
  left: 1px;
}
#payment-completed .modal-body .icon-head i {
  color: #28C76F;
  font-size: 40px;
}
.collapsed .sidebar.collapsed-sidebar {
  background-color: white;
}
.modal-title-head h6 i {
  width: 15px;
  color: #FF9F43;
  margin-right: 5px;
}
table tbody td.action-table-data a.cancel-circle i {
  color: #FF9F43;
  font-size: 20px;
}
table tbody td.action-table-data a.cancel-circle:hover i {
  color: #FF0000 !important;
}
.settings-sidebar .sidebar-inner.slimscroll {
  width: 309px;
}
app-form-wizard .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
app-form-wizard .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  height: 46px;
}
app-form-wizard .mat-horizontal-content-container form {
  margin-top: 20px;
}
.tabs .owl-nav div:hover i {
  color: #fff;
}
.nav-dark a#toggle_btn::before {
  border: none;
}
body .mini-sidebar .nav-dark .header-left .logo-white {
  display: none !important;
}
.mini-sidebar.expand-menu .nav-dark .header-left .logo-white {
  display: block !important;
}
.mini-sidebar .subdrop ~ ul {
  display: none !important;
}
.mini-sidebar.expand-menu .subdrop ~ ul {
  display: block !important;
}
.expand-menu .collapsed .sidebar.collapsed-sidebar .sidebar-menu ul li ul li a {
  padding: 10px 15px 10px 25px;
}
.expand-menu .collapsed .sidebar .sidebar-menu ul > li > a {
  padding: 18px 15px;
}
.expand-menu .collapsed .sidebar.collapsed-sidebar .sidebar-menu ul li a::before {
  left: 0;
}
.chat-page-custom mat-tooltip-component .mat-mdc-tooltip .mdc-tooltip__surface {
  background-color: #FF9F43;
  padding: 10px;
  font-size: 14px;
}
app-warranty td p.description-para {
  max-width: 400px;
  white-space: normal;
}
.modern .sidebar.horizontal-sidebar .sidebar-menu > ul > li {
  position: relative;
}
body .mini-sidebar .box .page-wrapper {
  margin: 0 100px 0 200px;
}
app-shift .table-responsive table .checkboxs .checkmarks {
  top: 0px;
}
.sidebar.collapsed-sidebar .sidebar-menu .ui-aside .nav-tabs .nav-item .nav-link:active i,
.sidebar.collapsed-sidebar .sidebar-menu .ui-aside .nav-tabs .nav-item .nav-link.active i {
  filter: brightness(0) invert(1);
}
.slider-product-details .owl-carousel .owl-nav .owl-prev {
  left: 0;
}
body.dark-select {
  background-color: #141432;
  color: #97A2D2;
}
@media (max-width: 1399px) {
  .sidebars.settings-sidebar {
    width: 240px;
  }
}
.new-employee-field .image-upload input[type=file] {
  height: 38px;
}
.logo-company li .profile-pic-upload .image-upload h4 i {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
body .horizontal.header-collapse .header {
  display: none;
}
body .horizontal.header-collapse .page-wrapper {
  padding-top: 60px;
}
body .header-collapse .horizontal-sidebar {
  top: 0;
  border-top: 0;
}
body .modern.header-collapse .header {
  display: none;
}
.section-notes-slider .notes-slider .owl-carousel .owl-nav div i {
  color: #092C4C;
}
.section-notes-slider .notes-slider .owl-carousel .owl-nav div {
  background-color: transparent;
  width: 15px;
  height: auto;
}
.section-notes-slider .notes-slider .owl-carousel .owl-nav {
  top: -58px;
  right: unset;
  left: 150px;
}
mat-option.mat-mdc-option.mdc-list-item {
  background-color: #fff;
}
.dark #collapsed-sidebar.sidebar.collapsed-sidebar {
  background: #141432;
}
.dark.nav-grey .header {
  background: #141432;
}
.dark.nav-grey .sidebar .sidebar-inner.slimscroll,
.dark.nav-grey .sidebars .sidebar-inner.slimscroll {
  background: #141432;
}
.dark.nav-grey .searchinputs input {
  border-color: #141432;
  background: #2c2c50;
}
.dark.nav-grey .header .user-menu .nav-item-box > a {
  background: #2c2c50;
}
body .box .page-wrapper .content {
  padding-right: 0;
}
.dark-select mat-option.mat-mdc-option.mdc-list-item {
  background-color: #141432;
}
.dark-select .sidebar.horizontal-sidebar {
  background: #141432;
  border-top-color: #2c2c50;
}
.dark-select .sidebar.horizontal-sidebar {
  box-shadow: 0px 4px 14px rgba(198, 198, 198, 0.25);
}
.mat-sort-header-arrow {
  padding-right: 20px;
}
.badges-inactive-violet {
  color: #7367F0;
  border: 1px solid #7367F0;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
}
.security-settings ul li .security-type .security-icon i {
  color: #FF9F43;
}
.mini-sidebar .dark .header .header-left .logo-white {
  display: none !important;
}
.mini-sidebar.expand-menu .dark .header .header-left .logo-white {
  display: block !important;
}
@media (min-width: 991.98px) {
  .mini-sidebar .sidebar .sidebar-menu ul li i {
    margin-right: 0;
  }
}
body .mini-sidebar .sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  padding: 10px;
}
.dark-select.date-picker-dashboard .bs-datepicker-head button span {
  color: #fff;
}
@media (min-width: 991.98px) {
  .mini-sidebar.expand-menu .sidebar .sidebar-menu ul li i {
    margin-right: 5px;
  }
}
.dark-select .p-chips {
  border: 1px solid #1F2228;
}
.dark-select .p-datepicker {
  background: #0D0D0D;
  border: 1px solid #1F2228;
}
.dark-select .p-datepicker-header {
  background: #0D0D0D;
}
.dark-select .p-inlines .p-datepicker-title .p-link {
  color: #D8DFEE;
}
.dark-select .p-datepicker table th > span {
  color: #D8DFEE;
}
.dark-select .p-inlines .p-datepicker table td {
  color: #777;
}
.dark-select .NgxEditor__Content {
  background: #0D0D0D;
  border: 1px solid #1F2228;
}
.dark-select .p-chips ul {
  background: #0D0D0D;
  border: 1px solid #1F2228;
}
.dark-select .p-stepper .p-stepper-header .p-stepper-action {
  background: #0D0D0D;
  border: 1px solid #1F2228;
}
.dark-select .p-stepper-title {
  color: #D8DFEE;
}
.dark-select .p-stepper-panels {
  background: #0D0D0D;
  border: 1px solid #1F2228;
}
.dark-select .p-element[_ngcontent-ng-c1554889767] {
  border-radius: 5px;
}
.dark-select .timepick .p-inputtext {
  background: #0D0D0D;
  border: 1px solid #1F2228;
}
.dark-select .col-form-label {
  color: #D8DFEE;
}
.dark-select .basic-box[_ngcontent-ng-c2935039459] {
  background: #0D0D0D;
  border: 1px solid #1F2228;
  color: #D8DFEE;
  box-shadow: 0px 1px 5px 1px rgb(243, 243, 243);
}
.dark-select .basic-box[_ngcontent-ng-c2935039459]:hover {
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.dark-select .example-box1[_ngcontent-ng-c2935039459] {
  background: #0D0D0D;
  border: 1px solid #1F2228;
  color: #D8DFEE;
  box-shadow: 0px 1px 5px 1px rgb(243, 243, 243);
}
.dark-select .example-box1[_ngcontent-ng-c2935039459]:hover {
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.dark-select .example-box2[_ngcontent-ng-c2935039459] {
  background: #0D0D0D;
  border: 1px solid #1F2228;
  color: #D8DFEE;
  box-shadow: 0px 1px 5px 1px rgb(243, 243, 243);
}
.dark-select .example-box2[_ngcontent-ng-c2935039459]:hover {
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.dark-select .example-box3[_ngcontent-ng-c2935039459] {
  background: #0D0D0D;
  border: 1px solid #1F2228;
  color: #D8DFEE;
  box-shadow: 0px 1px 5px 1px rgb(243, 243, 243);
}
.dark-select .example-box3[_ngcontent-ng-c2935039459]:hover {
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.dark-select .example-box4[_ngcontent-ng-c2935039459] {
  background: #0D0D0D;
  border: 1px solid #1F2228;
  color: #D8DFEE;
  box-shadow: 0px 1px 5px 1px rgb(243, 243, 243);
}
.dark-select .example-box4[_ngcontent-ng-c2935039459]:hover {
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.dark-select .example-box5[_ngcontent-ng-c2935039459] {
  background: #0D0D0D;
  border: 1px solid #1F2228;
  color: #D8DFEE;
  box-shadow: 0px 1px 5px 1px rgb(243, 243, 243);
}
.dark-select .example-box5[_ngcontent-ng-c2935039459]:hover {
  box-shadow: 0px 4px 54px 0px rgba(224, 224, 224, 0.2509803922);
}
.ti-files::before {
  content: "\edef" !important;
}
.ti-archive:before {
  content: "\ea0b" !important;
}
.ti-search:before {
  content: "\eb1c" !important;
}
.ti-trash:before {
  content: "\eb41" !important;
}
.ti-printer:before {
  content: "\eb0e" !important;
}
.cal-set .theme-green {
  right: 0 !important;
}
#collapse-header i {
  font-size: 16px;
}
#collapse-header .feather {
  line-height: inherit !important;
}
.table-borderless tr td {
  border: none;
}
.modal-header .close {
  padding: 0;
  margin: 0;
}
.mat-sort-header-arrow {
  display: none;
}
.dataTables_paginate .pagination {
  justify-content: end !important;
}
.dataTables_length label {
  white-space: nowrap;
}
.NgxEditor__MenuItem--Icon,
.NgxEditor__Dropdown--Text {
  background-color: #F9FAFB !important;
}
.product-quantity span {
  font-size: 16px;
}
.doller-input .info-img {
  position: absolute;
  top: 50%;
  z-index: 100;
  width: 12px;
  height: 12px;
  left: 10px;
  margin-right: 10px;
  margin-left: 0;
  color: rgb(78, 79, 80);
  transform: translateY(-50%);
  line-height: normal;
}
.input-groupicon.calender-input i {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 14px;
  height: 14px;
}
.modal-content .content {
  padding: 0;
}
.qty-item .product-quantity {
  background-color: transparent !important;
  width: 0px;
}
.qty-item .product-quantity input {
  padding: 0px !important;
  width: 29px !important;
}
.qty-item .quantity-btn {
  font-size: 14px !important;
}
.custom-pos {
  scrollbar-width: none;
  height: 100%;
}
.custom-ngxdate .bs-datepicker {
  right: auto;
  left: 30px;
}
.custom-tags {
  display: flex;
  align-items: center;
}
.custom-tags .p-chip {
  padding: 4px;
  margin-right: 5px;
  background: #E8E9EA;
  border-radius: 8px;
}
tag-input {
  height: 40px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #E6EAED;
  border-radius: 0.35rem;
  padding: 0.45rem 0.85rem;
}
tag-input delete-icon[_nghost-ng-c1802487489] {
  height: 28px;
}
tag-input tag {
  border-radius: 4px !important;
}
tag-input .tag__text {
  font-size: 10px;
}
.sidebars .sidebar-inner {
  background-color: #fff !important;
}
.custom-tel .iti {
  width: 100%;
}
.custom-control {
  padding-left: 0;
}
.otp-input p-inputotp input {
  width: 100%;
  background: #fff;
  border: 2px solid #BCBFC3;
  margin-right: 8px;
  border-radius: 4px;
  font-size: 26px;
}
.otp-input p-inputotp input.active {
  border: 2px solid #4F46E5;
}
.otp-input p-inputotp input:hover {
  border: 2px solid #BCBFC3;
}
.otp-input p-inputotp input {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.otp-input p-inputotp .p-filled {
  border: 2px solid #4F46E5;
}
.otp-input p-inputotp .p-inputtext:enabled:focus {
  border: 2px solid #4F46E5;
}
.chat-wrapper .slimscroll {
  overflow-x: auto;
}
.chat-wrapper .chat.chat-messages .slimscroll {
  height: calc(-235px + 100vh) !important;
}
.slime-grp .slimscroll {
  height: calc(100vh - 216px) !important;
  overflow: hidden;
  overflow-y: auto;
}
.p-datepicker-calendar thead th span {
  margin-right: 8px;
}
.search-set .search-input .btn-searchset {
  left: 0;
}
.email-scroll {
  height: 90vh;
  overflow-y: auto;
}
.form-sort .mat-mdc-select-trigger {
  padding-left: 35px;
}
.notes-slider .owl-carousel .owl-nav {
  top: -65px;
  background-color: transparent;
  left: 181px;
}
.notes-slider .owl-carousel .owl-nav .owl-prev,
.notes-slider .owl-carousel .owl-nav .owl-next {
  background-color: transparent;
  color: #000;
}
.js-player {
  min-width: 100%;
  object-fit: cover;
}
.theme-layout label .layout-type {
  font-size: 13px;
}
.sidebar-inner.slimscroll {
  background: transparent;
}
.video-section .owl-nav,
.folders-carousel .owl-nav {
  display: none !important;
}
.action-icon .ti-download:before {
  content: "\ea96";
}
.dynamic-box input {
  position: absolute;
  height: 25px;
  width: 25px;
  opacity: 0;
  z-index: 10;
}
.dynamic-box .select-color {
  top: 40%;
  right: 50%;
  transform: translate(50%, -50%);
  z-index: 9;
  color: rgba(255, 255, 255, 0.7019607843);
  font-size: 16px;
}
.dynamic-box .select-color .ti-palette:before {
  content: "\eb01";
}
.dynamic-box.active label {
  outline-color: #FE9F43;
}
.dynamic-box2.active label {
  outline-color: #FE9F43;
}
.dynamic-box2 input {
  position: absolute;
  height: 50px;
  width: 25px;
  opacity: 0;
  z-index: 10;
}
.dynamic-box2 label {
  border-radius: 45px !important;
}
.dynamic-box2 .select-color {
  top: 40%;
  right: 50%;
  transform: translate(50%, -50%);
  z-index: 9;
  color: rgba(255, 255, 255, 0.7019607843);
  font-size: 16px;
}
.dynamic-box2 .select-color .ti-palette:before {
  content: "\eb01";
}
.dynamic-round.active label {
  outline-color: #FE9F43;
}
.dynamic-round input {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
}
.dynamic-round label {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  outline-offset: 3px;
  outline: 1px solid #BCBFC3;
}
.dynamic-round .select-color {
  top: 40%;
  right: 50%;
  transform: translate(50%, -50%);
  z-index: 9;
  color: rgba(255, 255, 255, 0.7019607843);
  font-size: 16px;
}
.dynamic-round .select-color .ti-palette:before {
  content: "\eb01";
}
.title-icon .ti-flag:before {
  content: "\eaa6";
}
.title-icon .ti-flag:before {
  content: "\eaa6";
}
.title-icon .ti-package:before {
  content: "\eaff";
}
.badge .ti-arrow-up:before {
  content: "\ea25";
}
.badge .ti-arrow-down:before {
  content: "\ea16";
}
.layout-mode-rtl .ms-2 {
  margin-right: 0.5rem !important;
  margin-left: auto !important;
}
.layout-mode-rtl .me-2 {
  margin-left: 0.5rem !important;
  margin-right: auto !important;
}
.layout-mode-rtl .me-1 {
  margin-left: 0.25rem !important;
  margin-right: auto !important;
}
.layout-mode-rtl .sidebar .sidebar-menu > ul > li.submenu-open ul li a,
.layout-mode-rtl .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  justify-content: end;
  flex-direction: row-reverse;
}
.layout-mode-rtl .sidebar .sidebar-menu > ul li .submenu > a.active .menu-arrow {
  transform: rotate(180deg);
}
.layout-mode-rtl .input-icon-start .input-icon-left {
  left: auto;
  right: 10px;
}
.layout-mode-rtl .sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr,
.layout-mode-rtl .settings-sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
  text-align: end;
}
[data-theme=dark] .sidebar .sidebar-logo .logo-white {
  display: block !important;
}
[data-theme=dark] .sidebar .sidebar-logo {
  border-color: #1F2228;
}
.show-sub-menu {
  display: block !important;
  transition: all 0.5s;
}
.hide-sub-menu {
  display: none !important;
  transition: all 0.5s;
}
.twocol-mini .ng-scrollbar-thumb {
  display: none !important;
}
#collapse-header.active i {
  color: #fff;
}
.search-form i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.table td,
.table th {
  border-top: 1px solid transparent;
}
.modal-content .content {
  padding: 0;
  min-height: auto;
}
.table-list-card .card-body {
  padding: 0;
}
.ng-scroll-content {
  margin-bottom: 45px;
}
.table.recent-transactions tr td span i {
  margin-right: 5px;
}
.table thead tr th {
  background-color: #F9FAFB;
}
@media (max-width: 768.9px) {
  .sidebar .sidebar-logo {
    display: none;
  }
}
.p-inlines .p-datepicker-title .p-link {
  padding: 5px;
  font-size: 14px;
}
.p-inlines .p-datepicker table {
  font-size: 12px;
}
.p-inlines .p-datepicker table td {
  padding: 2px;
}
.p-inlines .p-datepicker table td > span {
  width: 26px;
  height: 26px;
}
body .mini-sidebar .sidebar .sidebar-menu > ul > li.submenu-open ul li.submenu > a {
  padding: 12px;
}
body .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li.submenu > a {
  padding: 10px;
}
body .mini-sidebar .sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  width: max-content;
  padding: 8px;
}
body .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  width: 100%;
  justify-content: start;
}
.p-calendar-timeonly {
  width: 100%;
}
.p-calendar-timeonly input {
  border-radius: 0.35rem;
  border-color: #E6EAED;
}
.mini-sidebar .sidebar .sidebar-logo #toggle_btn svg {
  transform: rotate(180deg);
}
.link-icon .ti-truck:before {
  content: "\ebc4";
}
iframe {
  width: 100%;
}
.tabs.owl-carousel.pos-category .owl-nav {
  top: -55px;
}
.prime-cal .p-datepicker-panel {
  position: relative !important;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
p-calendar.timepick {
  border: 1px solid #dee2e6;
  padding: 0.45rem 0.85rem;
  display: flex;
  border-radius: 5px;
  font-size: 10px;
}
p-calendar.timepick .p-inputtext {
  font-size: 15px;
}
p-calendar.timepick .p-datepicker-time-picker {
  background: #fff;
  border: 1px solid #dee2e6;
}
[data-theme=dark] p-calendar.timepick {
  border-color: #1F2228;
}
[data-theme=dark] p-calendar.timepick .p-datepicker-time-picker {
  background: #0D0D0D;
  border-color: #1F2228;
}
[data-theme=dark] .bs-datepicker {
  background: #0D0D0D;
  box-shadow: none;
  border: 1px solid #1F2228;
}
[data-theme=dark] .bs-datepicker .bs-datepicker-body {
  border: 1px solid #1F2228;
}
[data-theme=dark] .mat-stepper-horizontal {
  background: #0D0D0D;
  border: 1px solid #1F2228;
}
[data-theme=dark] .mat-step-text-label {
  color: #E6EAED;
}
[data-theme=dark] mat-form-field .mat-mdc-text-field-wrapper {
  border: 1px solid #1F2228;
}
[data-theme=dark] .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #E6EAED;
}
.p-datepicker {
  width: 100%;
}
.custom-date-picker .bs-datepicker {
  right: 200px;
}
.mat-mdc-select-trigger {
  border-color: #E6EAED;
}
.card-body {
  padding: 20px !important;
  overflow: auto;
}
.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-trigger {
  background-color: #eeeeee !important;
  color: #757575 !important;
  opacity: 1 !important;
  cursor: not-allowed;
  border-radius: 6px;
}
.form-control:disabled,
.form-select:disabled {
  background-color: #eeeeee !important;
  color: #757575 !important;
  opacity: 1 !important;
  cursor: not-allowed;
}
:root[data-theme=dark] {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-label-text-color: #00e5ff;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
:root[data-theme=dark] .mat-accent {
  --mat-option-selected-state-label-text-color: #18ffff;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
:root[data-theme=dark] .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
:root[data-theme=dark] {
  --mat-optgroup-label-text-color: white;
  --mat-pseudo-checkbox-full-selected-icon-color: #18ffff;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #18ffff;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
:root[data-theme=dark] .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #00e5ff;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #00e5ff;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
:root[data-theme=dark] .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #18ffff;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #18ffff;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
:root[data-theme=dark] .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
:root[data-theme=dark] {
  --mat-card-elevated-container-color: #424242;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: #424242;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
:root[data-theme=dark] .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #00e5ff;
  --mat-progress-bar-track-color: rgba(0, 229, 255, 0.25);
}
:root[data-theme=dark] .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #18ffff;
  --mat-progress-bar-track-color: rgba(24, 255, 255, 0.25);
}
:root[data-theme=dark] .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
:root[data-theme=dark] {
  --mat-tooltip-container-color: white;
  --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #00e5ff 87%, transparent);
  --mat-form-field-filled-caret-color: #00e5ff;
  --mat-form-field-filled-focus-active-indicator-color: #00e5ff;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #00e5ff 87%, transparent);
  --mat-form-field-outlined-caret-color: #00e5ff;
  --mat-form-field-outlined-focus-outline-color: #00e5ff;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #00e5ff 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-state-layer-color: white;
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #4a4a4a;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-color: white;
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: white;
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-hover-label-text-color: white;
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-color: white;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: white;
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
:root[data-theme=dark] .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #18ffff 87%, transparent);
  --mat-form-field-filled-caret-color: #18ffff;
  --mat-form-field-filled-focus-active-indicator-color: #18ffff;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #18ffff 87%, transparent);
  --mat-form-field-outlined-caret-color: #18ffff;
  --mat-form-field-outlined-focus-outline-color: #18ffff;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #18ffff 87%, transparent);
}
:root[data-theme=dark] .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
:root[data-theme=dark] {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #00e5ff;
  --mat-select-invalid-arrow-color: #f44336;
}
:root[data-theme=dark] .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #18ffff;
  --mat-select-invalid-arrow-color: #f44336;
}
:root[data-theme=dark] .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
:root[data-theme=dark] {
  --mat-autocomplete-background-color: #424242;
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: white;
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
}
:root[data-theme=dark] .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
:root[data-theme=dark] .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
:root[data-theme=dark] .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #00e5ff;
  --mat-chip-elevated-disabled-container-color: #00e5ff;
  --mat-chip-elevated-selected-container-color: #00e5ff;
  --mat-chip-flat-disabled-selected-container-color: #00e5ff;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
:root[data-theme=dark] .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #18ffff;
  --mat-chip-elevated-disabled-container-color: #18ffff;
  --mat-chip-elevated-selected-container-color: #18ffff;
  --mat-chip-flat-disabled-selected-container-color: #18ffff;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
:root[data-theme=dark] .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
:root[data-theme=dark] {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #00e5ff;
  --mat-slide-toggle-selected-handle-color: #00e5ff;
  --mat-slide-toggle-selected-hover-state-layer-color: #00e5ff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00e5ff;
  --mat-slide-toggle-selected-focus-handle-color: #00e5ff;
  --mat-slide-toggle-selected-hover-handle-color: #00e5ff;
  --mat-slide-toggle-selected-pressed-handle-color: #00e5ff;
  --mat-slide-toggle-selected-focus-track-color: #00acc1;
  --mat-slide-toggle-selected-hover-track-color: #00acc1;
  --mat-slide-toggle-selected-pressed-track-color: #00acc1;
  --mat-slide-toggle-selected-track-color: #00acc1;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: white;
  --mat-slide-toggle-disabled-selected-track-color: white;
  --mat-slide-toggle-disabled-unselected-handle-color: white;
  --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-disabled-unselected-track-color: white;
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: #424242;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-unselected-hover-handle-color: white;
  --mat-slide-toggle-unselected-focus-handle-color: white;
  --mat-slide-toggle-unselected-focus-state-layer-color: white;
  --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-unselected-hover-state-layer-color: white;
  --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: white;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: white;
  --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
}
:root[data-theme=dark] .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #18ffff;
  --mat-slide-toggle-selected-handle-color: #18ffff;
  --mat-slide-toggle-selected-hover-state-layer-color: #18ffff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #18ffff;
  --mat-slide-toggle-selected-focus-handle-color: #18ffff;
  --mat-slide-toggle-selected-hover-handle-color: #18ffff;
  --mat-slide-toggle-selected-pressed-handle-color: #18ffff;
  --mat-slide-toggle-selected-focus-track-color: #00acc1;
  --mat-slide-toggle-selected-hover-track-color: #00acc1;
  --mat-slide-toggle-selected-pressed-track-color: #00acc1;
  --mat-slide-toggle-selected-track-color: #00acc1;
}
:root[data-theme=dark] .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e53935;
  --mat-slide-toggle-selected-hover-track-color: #e53935;
  --mat-slide-toggle-selected-pressed-track-color: #e53935;
  --mat-slide-toggle-selected-track-color: #e53935;
}
:root[data-theme=dark] .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #00e5ff;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #00e5ff;
  --mat-radio-selected-hover-icon-color: #00e5ff;
  --mat-radio-selected-icon-color: #00e5ff;
  --mat-radio-selected-pressed-icon-color: #00e5ff;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
:root[data-theme=dark] .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #18ffff;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #18ffff;
  --mat-radio-selected-hover-icon-color: #18ffff;
  --mat-radio-selected-icon-color: #18ffff;
  --mat-radio-selected-pressed-icon-color: #18ffff;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
:root[data-theme=dark] .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
:root[data-theme=dark] {
  --mat-slider-active-track-color: #00e5ff;
  --mat-slider-focus-handle-color: #00e5ff;
  --mat-slider-handle-color: #00e5ff;
  --mat-slider-hover-handle-color: #00e5ff;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #00e5ff 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #00e5ff 4%, transparent);
  --mat-slider-inactive-track-color: #00e5ff;
  --mat-slider-ripple-color: #00e5ff;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #00e5ff;
  --mat-slider-disabled-active-track-color: white;
  --mat-slider-disabled-handle-color: white;
  --mat-slider-disabled-inactive-track-color: white;
  --mat-slider-label-container-color: white;
  --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: white;
  --mat-slider-with-tick-marks-disabled-container-color: white;
}
:root[data-theme=dark] .mat-accent {
  --mat-slider-active-track-color: #18ffff;
  --mat-slider-focus-handle-color: #18ffff;
  --mat-slider-handle-color: #18ffff;
  --mat-slider-hover-handle-color: #18ffff;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #18ffff 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #18ffff 4%, transparent);
  --mat-slider-inactive-track-color: #18ffff;
  --mat-slider-ripple-color: #18ffff;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #18ffff;
}
:root[data-theme=dark] .mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
:root[data-theme=dark] {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
:root[data-theme=dark] .mdc-list-item__start,
:root[data-theme=dark] .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #00e5ff;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #00e5ff;
  --mat-radio-selected-hover-icon-color: #00e5ff;
  --mat-radio-selected-icon-color: #00e5ff;
  --mat-radio-selected-pressed-icon-color: #00e5ff;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
:root[data-theme=dark] .mat-accent .mdc-list-item__start,
:root[data-theme=dark] .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #18ffff;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #18ffff;
  --mat-radio-selected-hover-icon-color: #18ffff;
  --mat-radio-selected-icon-color: #18ffff;
  --mat-radio-selected-pressed-icon-color: #18ffff;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
:root[data-theme=dark] .mat-warn .mdc-list-item__start,
:root[data-theme=dark] .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
:root[data-theme=dark] .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #00e5ff;
  --mat-checkbox-selected-hover-icon-color: #00e5ff;
  --mat-checkbox-selected-icon-color: #00e5ff;
  --mat-checkbox-selected-pressed-icon-color: #00e5ff;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #00e5ff;
  --mat-checkbox-selected-hover-state-layer-color: #00e5ff;
  --mat-checkbox-selected-pressed-state-layer-color: #00e5ff;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
:root[data-theme=dark] .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #18ffff;
  --mat-checkbox-selected-hover-icon-color: #18ffff;
  --mat-checkbox-selected-icon-color: #18ffff;
  --mat-checkbox-selected-pressed-icon-color: #18ffff;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #18ffff;
  --mat-checkbox-selected-hover-state-layer-color: #18ffff;
  --mat-checkbox-selected-pressed-state-layer-color: #18ffff;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
:root[data-theme=dark] .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
:root[data-theme=dark] .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
:root[data-theme=dark] .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
:root[data-theme=dark] .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
:root[data-theme=dark] .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #00e5ff;
}
:root[data-theme=dark] .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
:root[data-theme=dark] .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
:root[data-theme=dark] .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
:root[data-theme=dark] {
  --mat-paginator-container-text-color: white;
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
}
:root[data-theme=dark] .mat-mdc-tab-group,
:root[data-theme=dark] .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #00e5ff;
  --mat-tab-active-ripple-color: #00e5ff;
  --mat-tab-inactive-ripple-color: #00e5ff;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #00e5ff;
  --mat-tab-active-hover-label-text-color: #00e5ff;
  --mat-tab-active-focus-indicator-color: #00e5ff;
  --mat-tab-active-hover-indicator-color: #00e5ff;
  --mat-tab-active-indicator-color: #00e5ff;
}
:root[data-theme=dark] .mat-mdc-tab-group.mat-accent,
:root[data-theme=dark] .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #18ffff;
  --mat-tab-active-ripple-color: #18ffff;
  --mat-tab-inactive-ripple-color: #18ffff;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #18ffff;
  --mat-tab-active-hover-label-text-color: #18ffff;
  --mat-tab-active-focus-indicator-color: #18ffff;
  --mat-tab-active-hover-indicator-color: #18ffff;
  --mat-tab-active-indicator-color: #18ffff;
}
:root[data-theme=dark] .mat-mdc-tab-group.mat-warn,
:root[data-theme=dark] .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
:root[data-theme=dark] .mat-mdc-tab-group.mat-background-primary,
:root[data-theme=dark] .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #00e5ff;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-mdc-tab-group.mat-background-accent,
:root[data-theme=dark] .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #18ffff;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-mdc-tab-group.mat-background-warn,
:root[data-theme=dark] .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
:root[data-theme=dark] {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #18ffff;
  --mat-checkbox-selected-hover-icon-color: #18ffff;
  --mat-checkbox-selected-icon-color: #18ffff;
  --mat-checkbox-selected-pressed-icon-color: #18ffff;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #18ffff;
  --mat-checkbox-selected-hover-state-layer-color: #18ffff;
  --mat-checkbox-selected-pressed-state-layer-color: #18ffff;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
:root[data-theme=dark] .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #00e5ff;
  --mat-checkbox-selected-hover-icon-color: #00e5ff;
  --mat-checkbox-selected-icon-color: #00e5ff;
  --mat-checkbox-selected-pressed-icon-color: #00e5ff;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #00e5ff;
  --mat-checkbox-selected-hover-state-layer-color: #00e5ff;
  --mat-checkbox-selected-pressed-state-layer-color: #00e5ff;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
:root[data-theme=dark] .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
:root[data-theme=dark] {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
:root[data-theme=dark] .mat-mdc-button.mat-primary,
:root[data-theme=dark] .mat-mdc-unelevated-button.mat-primary,
:root[data-theme=dark] .mat-mdc-raised-button.mat-primary,
:root[data-theme=dark] .mat-mdc-outlined-button.mat-primary,
:root[data-theme=dark] .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #00e5ff;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #00e5ff;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #00e5ff 12%, transparent);
  --mat-button-outlined-state-layer-color: #00e5ff;
  --mat-button-protected-container-color: #00e5ff;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #00e5ff;
  --mat-button-text-ripple-color: color-mix(in srgb, #00e5ff 12%, transparent);
  --mat-button-text-state-layer-color: #00e5ff;
  --mat-button-tonal-container-color: #00e5ff;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-mdc-button.mat-accent,
:root[data-theme=dark] .mat-mdc-unelevated-button.mat-accent,
:root[data-theme=dark] .mat-mdc-raised-button.mat-accent,
:root[data-theme=dark] .mat-mdc-outlined-button.mat-accent,
:root[data-theme=dark] .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #18ffff;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #18ffff;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #18ffff 12%, transparent);
  --mat-button-outlined-state-layer-color: #18ffff;
  --mat-button-protected-container-color: #18ffff;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #18ffff;
  --mat-button-text-ripple-color: color-mix(in srgb, #18ffff 12%, transparent);
  --mat-button-text-state-layer-color: #18ffff;
  --mat-button-tonal-container-color: #18ffff;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-mdc-button.mat-warn,
:root[data-theme=dark] .mat-mdc-unelevated-button.mat-warn,
:root[data-theme=dark] .mat-mdc-raised-button.mat-warn,
:root[data-theme=dark] .mat-mdc-outlined-button.mat-warn,
:root[data-theme=dark] .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
:root[data-theme=dark] {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-icon-button-state-layer-color: white;
}
:root[data-theme=dark] .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #00e5ff;
  --mat-icon-button-state-layer-color: #00e5ff;
  --mat-icon-button-ripple-color: color-mix(in srgb, #00e5ff 12%, transparent);
}
:root[data-theme=dark] .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #18ffff;
  --mat-icon-button-state-layer-color: #18ffff;
  --mat-icon-button-ripple-color: color-mix(in srgb, #18ffff 12%, transparent);
}
:root[data-theme=dark] .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
:root[data-theme=dark] {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
:root[data-theme=dark] .mat-mdc-fab.mat-primary,
:root[data-theme=dark] .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #00e5ff;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #00e5ff 12%, transparent);
  --mat-fab-small-container-color: #00e5ff;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-mdc-fab.mat-accent,
:root[data-theme=dark] .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #18ffff;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #18ffff 12%, transparent);
  --mat-fab-small-container-color: #18ffff;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-mdc-fab.mat-warn,
:root[data-theme=dark] .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
:root[data-theme=dark] {
  --mat-snack-bar-container-color: white;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-snack-bar-button-color: #00acc1;
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-progress-spinner-active-indicator-color: #00e5ff;
}
:root[data-theme=dark] .mat-accent {
  --mat-progress-spinner-active-indicator-color: #18ffff;
}
:root[data-theme=dark] .mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
:root[data-theme=dark] {
  --mat-badge-background-color: #00e5ff;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
}
:root[data-theme=dark] .mat-badge-accent {
  --mat-badge-background-color: #18ffff;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
:root[data-theme=dark] {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: white;
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-text-color: white;
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #00e5ff 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #18ffff 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #00e5ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #00e5ff 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #00e5ff 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #00e5ff 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #00e5ff;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
:root[data-theme=dark] .mat-datepicker-content.mat-accent,
:root[data-theme=dark] .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #18ffff 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #18ffff 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #18ffff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #18ffff 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #18ffff 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #18ffff 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #18ffff;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
:root[data-theme=dark] .mat-datepicker-content.mat-warn,
:root[data-theme=dark] .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #18ffff 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
:root[data-theme=dark] {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-icon-color: inherit;
}
:root[data-theme=dark] .mat-icon.mat-primary {
  --mat-icon-color: #00e5ff;
}
:root[data-theme=dark] .mat-icon.mat-accent {
  --mat-icon-color: #18ffff;
}
:root[data-theme=dark] .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
:root[data-theme=dark] {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #00e5ff;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #00e5ff;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #00e5ff;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
:root[data-theme=dark] .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #18ffff;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #18ffff;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #18ffff;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
:root[data-theme=dark] {
  --mat-sort-arrow-color: white;
  --mat-toolbar-container-background-color: #424242;
  --mat-toolbar-container-text-color: white;
}
:root[data-theme=dark] .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #00e5ff;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #18ffff;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
:root[data-theme=dark] .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
:root[data-theme=dark] {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-timepicker-container-background-color: #424242;
}
:root[data-theme=dark],
:root[data-theme=dark] body,
:root[data-theme=dark] .main-wrapper,
:root[data-theme=dark] .page-wrapper,
:root[data-theme=dark] .page-wrapper .content,
:root[data-theme=dark] .page-wrapper-new,
:root[data-theme=dark] .content-wrapper {
  background-color: var(--color-background);
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .page-title, .card-title, .modal-title, strong, legend) {
  color: var(--color-text-primary);
}
:root[data-theme=dark] :where(label, .form-label, .text-muted, small, .small, .form-text, .help-text, .hint, .description) {
  color: var(--color-text-muted) !important;
}
:root[data-theme=dark] :where(a:not(.btn), .link-primary) {
  color: var(--color-primary);
}
:root[data-theme=dark] :where(.header, .header .header-left, .sidebar, .sidebar-inner, .sidebar .slimScrollDiv, .horizontal-sidebar, .footer, .card, .card-header, .card-footer, .modal-content, .offcanvas, .dropdown-menu, .popover, .list-group-item, .accordion-item, .accordion-button, .nav-tabs, .table-responsive) {
  border-color: var(--color-border);
  background-color: var(--color-surface);
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(.card, .modal-content, .dropdown-menu, .popover, .offcanvas) {
  box-shadow: 0 12px 30px var(--color-shadow);
}
:root[data-theme=dark] :where(.dropdown-menu, .popover, .toast, .tooltip-inner, .pagination .page-link, .input-group-text) {
  border-color: var(--color-border);
  background-color: var(--color-surface-elevated);
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(.dropdown-item, .nav-link, .list-group-item-action, .sidebar .sidebar-menu a) {
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(.dropdown-item, .nav-link, .list-group-item-action, .sidebar .sidebar-menu a):hover,
:root[data-theme=dark] :where(.dropdown-item, .nav-link, .list-group-item-action, .sidebar .sidebar-menu a):focus-visible {
  background-color: var(--color-primary-soft);
  color: var(--color-primary);
}
:root[data-theme=dark] :where(.dropdown-item.active, .dropdown-item:active, .nav-link.active, .list-group-item.active, .sidebar .sidebar-menu li.active > a) {
  border-color: var(--color-primary-subtle);
  background-color: var(--color-primary-soft);
  color: var(--color-primary);
}
:root[data-theme=dark] :where(.form-control, .form-select, .form-check-input, input:not([type=button]):not([type=submit]):not([type=reset]), select, textarea, .searchinputs input, .search-input input, .select2-selection, .ng-select-container) {
  border-color: var(--color-border) !important;
  background-color: var(--color-input-background) !important;
  color: var(--color-text-primary) !important;
  caret-color: var(--color-text-primary);
}
:root[data-theme=dark] :where(.form-control, .form-select, input, select, textarea)::placeholder {
  color: var(--color-text-muted) !important;
  opacity: 0.72;
}
:root[data-theme=dark] :where(.form-control, .form-select, input, select, textarea):hover:not(:disabled):not([readonly]) {
  border-color: #71717a !important;
}
:root[data-theme=dark] :where(.form-control, .form-select, .form-check-input, input, select, textarea):focus,
:root[data-theme=dark] :where(.form-control, .form-select, .form-check-input, input, select, textarea):focus-visible {
  border-color: var(--color-focus) !important;
  outline: 0;
  box-shadow: 0 0 0 3px var(--color-primary-soft) !important;
}
:root[data-theme=dark] :where(.form-control, .form-select, input, select, textarea)[readonly] {
  background-color: var(--color-surface) !important;
  color: var(--color-text-muted) !important;
}
:root[data-theme=dark] :where(.form-control, .form-select, .form-check-input, input, select, textarea):disabled,
:root[data-theme=dark] :where(.form-control, .form-select, input, select, textarea).disabled {
  border-color: var(--color-border) !important;
  background-color: var(--color-surface-elevated) !important;
  color: var(--color-text-muted) !important;
  cursor: not-allowed;
  opacity: 0.62 !important;
}
:root[data-theme=dark] :where(.form-control.is-invalid, .form-select.is-invalid, .was-validated .form-control:invalid, .was-validated .form-select:invalid) {
  border-color: var(--bs-danger) !important;
  box-shadow: none;
}
:root[data-theme=dark] :where(.form-control.is-invalid, .form-select.is-invalid, .was-validated .form-control:invalid, .was-validated .form-select:invalid):focus {
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.2) !important;
}
:root[data-theme=dark] .form-check-input {
  border-color: var(--color-checkbox-border) !important;
}
:root[data-theme=dark] .form-check-input:checked,
:root[data-theme=dark] .form-check-input:indeterminate {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
}
:root[data-theme=dark] :where(.btn-primary, .btn.btn-primary, .page-item.active .page-link) {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-text-primary);
}
:root[data-theme=dark] :where(.mat-mdc-button-base.mat-primary, .mat-mdc-unelevated-button.mat-primary, .mat-mdc-raised-button.mat-primary, .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary) {
  --mdc-filled-button-container-color: var(--color-primary);
  --mdc-filled-button-label-text-color: var(--color-text-primary);
  --mdc-protected-button-container-color: var(--color-primary);
  --mdc-protected-button-label-text-color: var(--color-text-primary);
  --mdc-text-button-label-text-color: var(--color-primary);
  --mdc-outlined-button-label-text-color: var(--color-primary);
  --mdc-outlined-button-outline-color: var(--color-primary);
}
:root[data-theme=dark] :where(.btn-primary, .btn.btn-primary):hover:not(:disabled),
:root[data-theme=dark] :where(.btn-primary, .btn.btn-primary):active:not(:disabled) {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  box-shadow: 0 8px 18px var(--color-primary-subtle);
  color: var(--color-text-primary);
  filter: brightness(1.08);
}
:root[data-theme=dark] :where(.btn-secondary, .btn-light, .btn-white, .btn-outline-secondary) {
  border-color: var(--color-border);
  background-color: var(--color-surface-elevated);
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(.btn-secondary, .btn-light, .btn-white, .btn-outline-secondary):hover:not(:disabled) {
  border-color: var(--color-primary);
  background-color: var(--color-primary-soft);
  color: var(--color-primary);
}
:root[data-theme=dark] :where(button, .btn, [role=button], a, .page-link):focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--color-primary-soft);
}
:root[data-theme=dark] :where(button, .btn, [role=button]):disabled,
:root[data-theme=dark] :where(button, .btn, [role=button]).disabled {
  cursor: not-allowed;
  opacity: 0.58;
}
:root[data-theme=dark] :where(.table, table, .ngx-datatable.bootstrap) {
  --bs-table-bg: transparent;
  --bs-table-color: var(--color-text-secondary);
  --bs-table-border-color: var(--color-border);
  border-color: var(--color-border);
  background-color: var(--color-surface);
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(.table thead th, .ngx-datatable.bootstrap .datatable-header, .ngx-datatable.bootstrap .datatable-header-cell) {
  border-color: var(--color-border);
  background-color: var(--color-surface-elevated);
  color: var(--color-text-primary);
}
:root[data-theme=dark] :where(.table tbody td, .ngx-datatable.bootstrap .datatable-body-cell, .ngx-datatable.bootstrap .datatable-footer) {
  border-color: var(--color-border);
  background-color: var(--color-surface);
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(.table-hover tbody tr:hover > *, .ngx-datatable.bootstrap .datatable-body-row:hover .datatable-body-cell) {
  background-color: var(--color-primary-soft);
  color: var(--color-text-primary);
}
:root[data-theme=dark] :where(.pagination .page-link, app-custom-pagination .pagination li a) {
  border-color: var(--color-border);
  background-color: var(--color-surface-elevated);
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(.pagination .page-link, app-custom-pagination .pagination li a):hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary-soft);
  color: var(--color-primary);
}
:root[data-theme=dark] .page-item.active .page-link {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-text-primary);
}
:root[data-theme=dark] .mat-mdc-select .mat-mdc-select-trigger,
:root[data-theme=dark] mat-select.custom-mat-select .mat-mdc-select-trigger,
:root[data-theme=dark] mat-form-field .mat-mdc-text-field-wrapper,
:root[data-theme=dark] .mat-mdc-text-field-wrapper,
:root[data-theme=dark] .mat-mdc-form-field-focus-overlay {
  border-color: var(--color-border) !important;
  background-color: var(--color-input-background) !important;
  color: var(--color-text-primary) !important;
}
:root[data-theme=dark] .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper,
:root[data-theme=dark] .mat-mdc-select:focus-visible .mat-mdc-select-trigger {
  border-color: var(--color-focus) !important;
  box-shadow: 0 0 0 3px var(--color-primary-soft);
}
:root[data-theme=dark] :where(.mat-mdc-select-value, .mat-mdc-select-value-text, .mat-mdc-select-min-line, .mat-mdc-input-element, .mat-mdc-form-field-label, .mdc-floating-label) {
  color: var(--color-text-primary) !important;
  caret-color: var(--color-text-primary) !important;
}
:root[data-theme=dark] :where(.mat-mdc-select-placeholder, .mat-mdc-select-arrow, .mat-mdc-form-field-hint, .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field-icon-suffix) {
  color: var(--color-text-muted) !important;
}
:root[data-theme=dark] :where(.mat-mdc-select-panel, .mat-mdc-menu-panel, .mat-mdc-dialog-surface, .mat-datepicker-content, .mat-mdc-autocomplete-panel) {
  border: 1px solid var(--color-border);
  background-color: var(--color-surface-elevated) !important;
  box-shadow: 0 12px 30px var(--color-shadow) !important;
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(.mat-mdc-option, .mat-mdc-menu-item, .mat-calendar-body-cell-content, .mat-calendar-table-header, .mat-calendar-body-label) {
  color: var(--color-text-secondary) !important;
}
:root[data-theme=dark] :where(.mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-option.mat-mdc-option-active, .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled), .mat-mdc-menu-item:hover:not([disabled]), .mat-mdc-menu-item:focus:not([disabled])) {
  background-color: var(--color-primary-soft) !important;
  color: var(--color-primary) !important;
}
:root[data-theme=dark] :where(.mat-mdc-option:hover, .mat-mdc-option.mat-mdc-option-active, .mat-mdc-option.mdc-list-item--selected) .mdc-list-item__primary-text {
  color: var(--color-primary) !important;
}
:root[data-theme=dark] :where(.mat-mdc-option.mdc-list-item--disabled, .mat-mdc-menu-item[disabled], .mat-mdc-select-disabled) {
  color: var(--color-text-muted) !important;
  opacity: 0.58;
}
:root[data-theme=dark] :where(.mat-mdc-checkbox, .mat-mdc-radio-button, .mat-mdc-slide-toggle) {
  --mdc-checkbox-unselected-icon-color: var(--color-checkbox-border);
  --mdc-checkbox-unselected-hover-icon-color: var(--color-primary);
  --mdc-checkbox-selected-icon-color: var(--color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--color-primary);
  --mdc-radio-unselected-icon-color: var(--color-checkbox-border);
  --mdc-radio-selected-icon-color: var(--color-primary);
  --mdc-switch-selected-track-color: var(--color-primary);
  --mdc-switch-selected-handle-color: var(--color-text-primary);
}
:root[data-theme=dark] .mat-mdc-tooltip .mdc-tooltip__surface {
  border: 1px solid var(--color-border);
  background-color: var(--color-surface-elevated);
  color: var(--color-text-primary);
  box-shadow: 0 8px 20px var(--color-shadow);
}
:root[data-theme=dark] :where(.mat-mdc-snack-bar-container .mdc-snackbar__surface, .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface) {
  border: 1px solid var(--color-border);
  background-color: var(--color-surface-elevated);
  color: var(--color-text-primary);
  box-shadow: 0 12px 30px var(--color-shadow);
}
:root[data-theme=dark] .mat-sort-header-arrow,
:root[data-theme=dark] .mat-sort-header-arrow::before,
:root[data-theme=dark] .mat-sort-header-arrow::after {
  color: var(--color-text-muted) !important;
}
:root[data-theme=dark] [aria-sort=ascending] .mat-sort-header-arrow::before,
:root[data-theme=dark] [aria-sort=descending] .mat-sort-header-arrow::after {
  color: var(--color-primary) !important;
}
:root[data-theme=dark] app-custom-ngx-datatable :where(.ngx-datatable.bootstrap .datatable-footer, datatable-footer) {
  background-color: var(--color-surface) !important;
  color: var(--color-text-secondary) !important;
}
:root[data-theme=dark] app-input-open-modal :where(.input-icon),
:root[data-theme=dark] app-input-field :where(.input-icon) {
  border-color: var(--color-border);
  background-color: var(--color-surface-elevated);
  color: var(--color-text-secondary);
}
:root[data-theme=dark] :where(.selected-badge, .badge-primary, .bg-primary) {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary-soft) !important;
  color: var(--color-primary) !important;
}
:root[data-theme=dark] .change-company__header {
  border-color: var(--color-border);
}
:root[data-theme=dark] :where(.change-company__current, .change-company__section, .change-company__group-card, .change-company__company-card, .change-company__current-logo, .change-company__group-logo, .change-company__company-logo) {
  background-color: var(--color-surface);
}
:root[data-theme=dark] :where(.change-company__current-content strong, .change-company__group-content strong, .change-company__company-content strong) {
  color: var(--color-text-primary);
}
:root[data-theme=dark] :where(.change-company__status, .change-company__group-content small, .change-company__company-content small, .change-company__empty span, .change-company__company-logo i) {
  color: var(--color-text-muted);
}
:root[data-theme=dark] :where(.change-company__group-card, .change-company__company-card):hover {
  background-color: var(--color-surface-elevated);
}
:root[data-theme=dark] :where(.change-company__group-card--active, .change-company__company-card--active, .change-company__company-card--multi.change-company__company-card--active) {
  background-color: var(--color-primary-soft);
}
:root[data-theme=dark] .change-company__close {
  background-color: var(--color-surface-elevated);
  color: var(--color-text-secondary);
}
:root[data-theme=dark] .change-company__close:hover {
  background-color: var(--color-primary-soft);
  color: var(--color-primary);
}
:root[data-theme=dark] .change-company__empty {
  background-color: var(--color-input-background);
}
:root[data-theme=dark] ::selection {
  background-color: var(--color-primary-subtle);
  color: var(--color-text-primary);
}
:root[data-theme=dark] ::-webkit-scrollbar-thumb {
  border: 2px solid var(--color-background);
  border-radius: 999px;
  background-color: #52525b;
}
:root[data-theme=dark] ::-webkit-scrollbar-track {
  background-color: var(--color-background);
}
html,
body {
  height: 100%;
  overflow-x: hidden;
}
button#toggle_btn,
button.mobile_btn,
.custom-btn-close,
.toggle-theme {
  cursor: pointer;
}
.sidebar .sidebar-menu .nav-menu,
.sidebar .sidebar-menu > ul {
  min-height: 1px;
}

/* node_modules/@swimlane/ngx-datatable/index.css */
:host {
  display: block;
  overflow: hidden;
  justify-content: center;
  position: relative;
  transform: translate3d(0, 0, 0);
}

/* node_modules/@swimlane/ngx-datatable/themes/bootstrap.css */
.ngx-datatable.bootstrap .ghost-cell-container {
  background: #fff;
}
.ngx-datatable.bootstrap .ghost-cell-strip {
  background: #dee2e5;
  background-image:
    linear-gradient(
      to right,
      #dee2e5 0%,
      #dee2e5 10%,
      #fff,
      transparent);
  border-radius: 0;
  animation-duration: 10s;
}
.ngx-datatable.bootstrap .row-disabled {
  color: #83888e;
}
.ngx-datatable.bootstrap .row-disabled .datatable-body-cell-label {
  color: #83888e;
}
.ngx-datatable.bootstrap .datatable-row-wrapper .datatable-body-row.row-disabled:hover {
  background-color: inherit;
  transition: none;
}
.ngx-datatable.bootstrap .datatable-row-wrapper .datatable-body-row.row-disabled:hover .datatable-row-group {
  background-color: inherit;
  transition: none;
}
.ngx-datatable.bootstrap {
  box-shadow: none;
  font-size: 13px;
}
.ngx-datatable.bootstrap *,
.ngx-datatable.bootstrap *::before,
.ngx-datatable.bootstrap *::after {
  box-sizing: border-box;
}
.ngx-datatable.bootstrap .datatable-header {
  block-size: unset !important;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell {
  flex-shrink: 0;
  vertical-align: bottom;
  padding: 0.75rem;
  border-block-end: 1px solid #d1d4d7;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
  line-height: 24px;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row {
  vertical-align: top;
  border-block-start: 1px solid #d1d4d7;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
  background-color: rgba(0, 0, 0, 0.05);
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active {
  background-color: #1483ff;
  color: #fff;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell {
  flex-shrink: 0;
  padding: 0.75rem;
  text-align: start;
  vertical-align: top;
}
.ngx-datatable.bootstrap .datatable-body .empty-row {
  position: relative;
  padding-block: 0.75rem;
  padding-inline: 1.25rem;
  margin-block-end: 0;
}
.ngx-datatable.bootstrap .datatable-body .custom-loading-indicator-wrapper {
  position: sticky;
  inset-block-start: 0;
  block-size: 0;
  z-index: 999;
}
.ngx-datatable.bootstrap .datatable-body .custom-loading-indicator-wrapper .custom-loading-content {
  inline-size: 100%;
  background-color: #fff;
}
.ngx-datatable.bootstrap .datatable-footer {
  background: #424242;
  color: #ededed;
  margin-block-start: -1px;
}
.ngx-datatable.bootstrap .datatable-footer .page-count {
  line-height: 50px;
  block-size: 50px;
  padding-block: 0;
  padding-inline: 1.2rem;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager {
  margin-block: 0;
  margin-inline: 10px;
  vertical-align: top;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li {
  margin-block: 10px;
  margin-inline: 0;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .page-button {
  block-size: 22px;
  min-inline-size: 24px;
  line-height: 22px;
  padding: 0;
  border-radius: 3px;
  margin-block: 0;
  margin-inline: 3px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  color: #ededed;
  border: 0;
  background: none;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .page-button:not(:disabled).active,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .page-button:not(:disabled):hover {
  background-color: #545454;
  font-weight: bold;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 27px;
  padding-block: 0;
  padding-inline: 3px;
}
.ngx-datatable.bootstrap .datatable-summary-row .datatable-body-row .datatable-body-cell {
  font-weight: bold;
}

/* node_modules/@swimlane/ngx-datatable/assets/icons.css */
@font-face {
  font-family: "data-table";
  src: url("./media/data-table-DGQ4LQQR.eot");
  src:
    url("./media/data-table-DGQ4LQQR.eot?#iefix") format("embedded-opentype"),
    url("./media/data-table-2IZ2Q4SK.woff") format("woff"),
    url("./media/data-table-J6MZE774.ttf") format("truetype"),
    url("./media/data-table-AKMZFM4M.svg#data-table") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]::before {
  font-family: "data-table" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=datatable-icon-]::before,
[class*=" datatable-icon-"]::before {
  font-family: "data-table" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.datatable-icon-filter::before {
  content: "b";
}
.datatable-icon-collapse::before {
  content: "a";
}
.datatable-icon-expand::before {
  content: "c";
}
.datatable-icon-close::before {
  content: "d";
}
.datatable-icon-up::before {
  content: "e";
}
.datatable-icon-down::before {
  content: "f";
}
.datatable-icon-sort-unset::before {
  content: "c";
  opacity: 0.5;
}
.datatable-icon-sort::before {
  content: "g";
}
.datatable-icon-done::before {
  content: "h";
}
.datatable-icon-done-all::before {
  content: "i";
}
.datatable-icon-search::before {
  content: "j";
}
.datatable-icon-pin::before {
  content: "k";
}
.datatable-icon-add::before {
  content: "m";
}
.datatable-icon-left::before {
  content: "o";
}
.datatable-icon-right::before {
  content: "p";
}
.datatable-icon-skip::before {
  content: "q";
}
.datatable-icon-prev::before {
  content: "r";
}

/* angular:styles/global:styles */